chore: apply prettier formatting

Author: nathan-muir

CHANGELOG.md

@@ -1413,7 +1413,6 @@ That changes are private and internal specific. They should not break most of `K
 Differences from last official `KineticJS` release
 
 - Bug Fixes
-
   - `strokeScaleEnabled = false` is disabled for text as I can not find a way to implement this
   - `strokeScaleEnabled = false` for Line now creates a correct hit graph
   - working "this-example" as name for nodes

README.md

@@ -66,7 +66,7 @@ At the current moment `Konva` doesn't work in IE11 directly. To make it work you
 
 # Debugging
 
-The Chrome inspector simply shows the canvas element.  To see the Konva objects and their details, install the konva-dev extension at https://github.com/konvajs/konva-devtool.
+The Chrome inspector simply shows the canvas element. To see the Konva objects and their details, install the konva-dev extension at https://github.com/konvajs/konva-devtool.
 
 # Loading and installing Konva
 

gulpfile.mjs

@@ -49,7 +49,10 @@ gulp.task('update-version-es-to-cmj-index', function () {
   return gulp
     .src(['./lib/index.js'])
     .pipe(
-      replace(`import { Konva } from './_F`, `import { Konva } from '../cmj/_F`)
+      replace(
+        `import { Konva } from './_F`,
+        `import { Konva } from '../cmj/_F`,
+      ),
     )
     .pipe(rename('index.js'))
     .pipe(gulp.dest('./lib'));
@@ -59,7 +62,10 @@ gulp.task('update-version-es-to-cmj-node', function () {
   return gulp
     .src(['./lib/index-node.js'])
     .pipe(
-      replace(`import { Konva } from './_F`, `import { Konva } from '../cmj/_F`)
+      replace(
+        `import { Konva } from './_F`,
+        `import { Konva } from '../cmj/_F`,
+      ),
     )
     .pipe(rename('index-node.js'))
     .pipe(gulp.dest('./lib'));
@@ -71,7 +77,7 @@ gulp.task('pre-build', function () {
     .pipe(rename('konva.js'))
     .pipe(gulp.dest('./'))
     .pipe(
-      uglify.default({ output: { comments: /^!|@preserve|@license|@cc_on/i } })
+      uglify.default({ output: { comments: /^!|@preserve|@license|@cc_on/i } }),
     )
     .on('error', function (err) {
       gutil.log(gutil.colors.red('[Error]'), err.toString());
@@ -88,7 +94,7 @@ gulp.task(
     // 'update-version-es-to-cmj-index',
     // 'update-version-es-to-cmj-node',
     'pre-build',
-  ])
+  ]),
 );
 
 // local server for better development
@@ -103,7 +109,7 @@ gulp.task('api', function () {
       opts: {
         destination: './api',
       },
-    })
+    }),
   );
 });
 

rename-imports.mjs

@@ -19,7 +19,7 @@ files.then((filePaths) => {
       // stupid replacement back
       text = text.replace(
         "import * as Canvas from 'canvas.js';",
-        "import * as Canvas from 'canvas';"
+        "import * as Canvas from 'canvas';",
       );
 
       // Handle import("./x/y/z") syntax.

resources/jsdoc.conf.json

@@ -1,28 +1,28 @@
 {
-    "path" : "ink-docstrap",
-	"tags"      : {
-		"allowUnknownTags" : true
-	},
-	"plugins"   : ["plugins/markdown"],
+  "path": "ink-docstrap",
+  "tags": {
+    "allowUnknownTags": true
+  },
+  "plugins": ["plugins/markdown"],
 
-	"templates" : {
-		"cleverLinks"           : false,
-		"monospaceLinks"        : false,
-		"dateFormat"            : "ddd MMM Do YYYY",
-		"outputSourceFiles"     : true,
-		"outputSourcePath"      : true,
-		"systemName"            : "Konva",
-		"footer"                : "",
-		"copyright"             : "Konva Copyright © 2015 The contributors to the Konva project.",
-		"navType"               : "vertical",
-		"theme"                 : "cosmo",
-		"linenums"              : true,
-		"collapseSymbols"       : false,
-		"inverseNav"            : true,
-		"highlightTutorialCode" : true
-	},
-	"markdown"  : {
-		"parser"   : "gfm",
-		"hardwrap" : true
-	}
+  "templates": {
+    "cleverLinks": false,
+    "monospaceLinks": false,
+    "dateFormat": "ddd MMM Do YYYY",
+    "outputSourceFiles": true,
+    "outputSourcePath": true,
+    "systemName": "Konva",
+    "footer": "",
+    "copyright": "Konva Copyright © 2015 The contributors to the Konva project.",
+    "navType": "vertical",
+    "theme": "cosmo",
+    "linenums": true,
+    "collapseSymbols": false,
+    "inverseNav": true,
+    "highlightTutorialCode": true
+  },
+  "markdown": {
+    "parser": "gfm",
+    "hardwrap": true
+  }
 }

src/BezierFunctions.ts

@@ -713,7 +713,7 @@ export const getCubicArcLength = (xs: number[], ys: number[], t: number) => {
 export const getQuadraticArcLength = (
   xs: number[],
   ys: number[],
-  t: number
+  t: number,
 ) => {
   if (t === undefined) {
     t = 1;
@@ -792,7 +792,7 @@ const getDerivative = (derivative: number, t: number, vs: number[]): number => {
 export const t2length = (
   length: number,
   totalLength: number,
-  func: (t: number) => number
+  func: (t: number) => number,
 ): number => {
   let error = 1;
   let t = length / totalLength;

src/Canvas.ts

@@ -111,7 +111,7 @@ export class Canvas {
     this.pixelRatio = pixelRatio;
     this.setSize(
       this.getWidth() / previousRatio,
-      this.getHeight() / previousRatio
+      this.getHeight() / previousRatio,
     );
   }
   setWidth(width) {
@@ -161,7 +161,7 @@ export class Canvas {
         Util.error(
           'Unable to get data URL. ' +
             err.message +
-            ' For more info read https://konvajs.org/docs/posts/Tainted_Canvas.html.'
+            ' For more info read https://konvajs.org/docs/posts/Tainted_Canvas.html.',
         );
         return '';
       }
@@ -171,7 +171,7 @@ export class Canvas {
 
 export class SceneCanvas extends Canvas {
   constructor(
-    config: ICanvasConfig = { width: 0, height: 0, willReadFrequently: false }
+    config: ICanvasConfig = { width: 0, height: 0, willReadFrequently: false },
   ) {
     super(config);
     this.context = new SceneContext(this, {

src/Container.ts

@@ -30,7 +30,7 @@ export interface ContainerConfig extends NodeConfig {
  * @@containerParams
  */
 export abstract class Container<
-  ChildType extends Node = Node
+  ChildType extends Node = Node,
 > extends Node<ContainerConfig> {
   children: Array<ChildType> = [];
 
@@ -211,14 +211,14 @@ export abstract class Container<
    * })
    */
   findOne<ChildNode extends Node = Node>(
-    selector: string | Function
+    selector: string | Function,
   ): ChildNode | undefined {
     const result = this._generalFind<ChildNode>(selector, true);
     return result.length > 0 ? result[0] : undefined;
   }
   _generalFind<ChildNode extends Node>(
     selector: string | Function,
-    findOne: boolean
+    findOne: boolean,
   ) {
     const retArr: Array<ChildNode> = [];
 
@@ -436,7 +436,7 @@ export abstract class Container<
       skipShadow?: boolean;
       skipStroke?: boolean;
       relativeTo?: Container<Node>;
-    } = {}
+    } = {},
   ): IRect {
     const skipTransform = config.skipTransform;
     const relativeTo = config.relativeTo;
@@ -589,7 +589,7 @@ Factory.addGetterSetter(
   Container,
   'clipWidth',
   undefined,
-  getNumberValidator()
+  getNumberValidator(),
 );
 /**
  * get/set clip width
@@ -609,7 +609,7 @@ Factory.addGetterSetter(
   Container,
   'clipHeight',
   undefined,
-  getNumberValidator()
+  getNumberValidator(),
 );
 /**
  * get/set clip height

src/Context.ts

@@ -205,7 +205,7 @@ export class Context {
           } else {
             if (rounded) {
               args = args.map((a) =>
-                typeof a === 'number' ? Math.floor(a) : a
+                typeof a === 'number' ? Math.floor(a) : a,
               );
             }
             str += OPEN_PAREN + args.join(COMMA) + CLOSE_PAREN;
@@ -275,14 +275,14 @@ export class Context {
         bounds.x || 0,
         bounds.y || 0,
         bounds.width || 0,
-        bounds.height || 0
+        bounds.height || 0,
       );
     } else {
       this.clearRect(
         0,
         0,
         canvas.getWidth() / canvas.pixelRatio,
-        canvas.getHeight() / canvas.pixelRatio
+        canvas.getHeight() / canvas.pixelRatio,
       );
     }
   }
@@ -320,7 +320,7 @@ export class Context {
     radius: number,
     startAngle: number,
     endAngle: number,
-    counterClockwise?: boolean
+    counterClockwise?: boolean,
   ) {
     this._context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
   }
@@ -353,7 +353,7 @@ export class Context {
     cp2x: number,
     cp2y: number,
     x: number,
-    y: number
+    y: number,
   ) {
     this._context.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
   }
@@ -423,7 +423,7 @@ export class Context {
     r0: number,
     x1: number,
     y1: number,
-    r1: number
+    r1: number,
   ) {
     return this._context.createRadialGradient(x0, y0, r0, x1, y1, r1);
   }
@@ -441,7 +441,7 @@ export class Context {
     dx?: number,
     dy?: number,
     dWidth?: number,
-    dHeight?: number
+    dHeight?: number,
   ) {
     // this._context.drawImage(...arguments);
     const a = arguments,
@@ -460,7 +460,7 @@ export class Context {
         dx as number,
         dy as number,
         dWidth as number,
-        dHeight as number
+        dHeight as number,
       );
     }
   }
@@ -477,7 +477,7 @@ export class Context {
     rotation: number,
     startAngle: number,
     endAngle: number,
-    counterclockwise?: boolean
+    counterclockwise?: boolean,
   ) {
     this._context.ellipse(
       x,
@@ -487,7 +487,7 @@ export class Context {
       rotation,
       startAngle,
       endAngle,
-      counterclockwise
+      counterclockwise,
     );
   }
   /**
@@ -499,7 +499,7 @@ export class Context {
     x: number,
     y: number,
     path?: Path2D,
-    fillRule?: CanvasFillRule
+    fillRule?: CanvasFillRule,
   ) {
     if (path) {
       return this._context.isPointInPath(path, x, y, fillRule);
@@ -595,7 +595,7 @@ export class Context {
     y: number,
     width: number,
     height: number,
-    radii: number | DOMPointInit | (number | DOMPointInit)[]
+    radii: number | DOMPointInit | (number | DOMPointInit)[],
   ) {
     this._context.roundRect(x, y, width, height, radii);
   }
@@ -685,7 +685,7 @@ export class Context {
     c: number,
     d: number,
     e: number,
-    f: number
+    f: number,
   ) {
     this._context.setTransform(a, b, c, d, e, f);
   }
@@ -938,7 +938,7 @@ export class SceneContext extends Context {
     this.setAttr('shadowColor', color);
     this.setAttr(
       'shadowBlur',
-      blur * Math.min(Math.abs(scaleX), Math.abs(scaleY))
+      blur * Math.min(Math.abs(scaleX), Math.abs(scaleY)),
     );
     this.setAttr('shadowOffsetX', offset.x * scaleX);
     this.setAttr('shadowOffsetY', offset.y * scaleY);

src/DragAndDrop.ts

@@ -54,7 +54,7 @@ export const DD = {
         elem.pointerId = Util._getFirstPointerId(evt);
       }
       const pos = stage._changedPointerPositions.find(
-        (pos) => pos.id === elem.pointerId
+        (pos) => pos.id === elem.pointerId,
       );
 
       // not related pointer
@@ -65,7 +65,7 @@ export const DD = {
         const dragDistance = node.dragDistance();
         const distance = Math.max(
           Math.abs(pos.x - elem.startPointerPos.x),
-          Math.abs(pos.y - elem.startPointerPos.y)
+          Math.abs(pos.y - elem.startPointerPos.y),
         );
         if (distance < dragDistance) {
           return;
@@ -88,7 +88,7 @@ export const DD = {
           target: node,
           evt: evt,
         },
-        true
+        true,
       );
     });
   },
@@ -106,7 +106,7 @@ export const DD = {
       }
 
       const pos = stage._changedPointerPositions.find(
-        (pos) => pos.id === elem.pointerId
+        (pos) => pos.id === elem.pointerId,
       );
 
       // that pointer is not related
@@ -148,7 +148,7 @@ export const DD = {
             target: elem.node,
             evt: evt,
           },
-          true
+          true,
         );
       }
       if (elem.dragStatus !== 'dragging') {