@nasser-sw/fabric 7.0.1-beta7 → 7.0.1-beta9

package/debug/konva-master/src/shapes/Wedge.ts

@@ -0,0 +1,129 @@
+import { Factory } from '../Factory.ts';
+import type { Context } from '../Context.ts';
+import type { ShapeConfig } from '../Shape.ts';
+import { Shape } from '../Shape.ts';
+import { Konva } from '../Global.ts';
+import { getNumberValidator } from '../Validators.ts';
+import { _registerNode } from '../Global.ts';
+
+import type { GetSet } from '../types.ts';
+
+export interface WedgeConfig extends ShapeConfig {
+  angle: number;
+  radius: number;
+  clockwise?: boolean;
+}
+
+/**
+ * Wedge constructor
+ * @constructor
+ * @memberof Konva
+ * @augments Konva.Shape
+ * @param {Object} config
+ * @param {Number} config.angle in degrees
+ * @param {Number} config.radius
+ * @param {Boolean} [config.clockwise]
+ * @@shapeParams
+ * @@nodeParams
+ * @example
+ * // draw a wedge that's pointing downwards
+ * var wedge = new Konva.Wedge({
+ *   radius: 40,
+ *   fill: 'red',
+ *   stroke: 'black'
+ *   strokeWidth: 5,
+ *   angleDeg: 60,
+ *   rotationDeg: -120
+ * });
+ */
+export class Wedge extends Shape<WedgeConfig> {
+  _sceneFunc(context: Context) {
+    context.beginPath();
+    context.arc(
+      0,
+      0,
+      this.radius(),
+      0,
+      Konva.getAngle(this.angle()),
+      this.clockwise()
+    );
+    context.lineTo(0, 0);
+    context.closePath();
+    context.fillStrokeShape(this);
+  }
+  getWidth() {
+    return this.radius() * 2;
+  }
+  getHeight() {
+    return this.radius() * 2;
+  }
+  setWidth(width: number) {
+    this.radius(width / 2);
+  }
+  setHeight(height: number) {
+    this.radius(height / 2);
+  }
+
+  radius: GetSet<number, this>;
+  angle: GetSet<number, this>;
+  clockwise: GetSet<boolean, this>;
+}
+
+Wedge.prototype.className = 'Wedge';
+Wedge.prototype._centroid = true;
+Wedge.prototype._attrsAffectingSize = ['radius'];
+_registerNode(Wedge);
+
+/**
+ * get/set radius
+ * @name Konva.Wedge#radius
+ * @method
+ * @param {Number} radius
+ * @returns {Number}
+ * @example
+ * // get radius
+ * var radius = wedge.radius();
+ *
+ * // set radius
+ * wedge.radius(10);
+ */
+Factory.addGetterSetter(Wedge, 'radius', 0, getNumberValidator());
+
+/**
+ * get/set angle in degrees
+ * @name Konva.Wedge#angle
+ * @method
+ * @param {Number} angle
+ * @returns {Number}
+ * @example
+ * // get angle
+ * var angle = wedge.angle();
+ *
+ * // set angle
+ * wedge.angle(20);
+ */
+Factory.addGetterSetter(Wedge, 'angle', 0, getNumberValidator());
+
+/**
+ * get/set clockwise flag
+ * @name Konva.Wedge#clockwise
+ * @method
+ * @param {Number} clockwise
+ * @returns {Number}
+ * @example
+ * // get clockwise flag
+ * var clockwise = wedge.clockwise();
+ *
+ * // draw wedge counter-clockwise
+ * wedge.clockwise(false);
+ *
+ * // draw wedge clockwise
+ * wedge.clockwise(true);
+ */
+Factory.addGetterSetter(Wedge, 'clockwise', false);
+
+Factory.backCompat(Wedge, {
+  angleDeg: 'angle',
+  getAngleDeg: 'getAngle',
+  setAngleDeg: 'setAngle',
+});

package/debug/konva-master/src/skia-backend.ts

@@ -0,0 +1,35 @@
+import { Konva } from './_CoreInternals.ts';
+// @ts-ignore
+import { Canvas, DOMMatrix, Image, Path2D } from 'skia-canvas';
+
+global.DOMMatrix = DOMMatrix as any;
+
+global.Path2D = Path2D as any;
+Path2D.prototype.toString = () => '[object Path2D]';
+
+Konva.Util['createCanvasElement'] = () => {
+  const node = new Canvas(300, 300) as any;
+  if (!node['style']) {
+    node['style'] = {};
+  }
+  node.toString = () => '[object HTMLCanvasElement]';
+  const ctx = node.getContext('2d');
+  // Override the getter to return the canvas node directly
+  // because in skia-canvas canvas is using weak ref to the canvas node
+  // and somehow on many tests it fails to get the canvas node
+  Object.defineProperty(ctx, 'canvas', {
+    get: () => node,
+  });
+  return node;
+};
+
+// create image in Node env
+Konva.Util.createImageElement = () => {
+  const node = new Image() as any;
+  node.toString = () => '[object HTMLImageElement]';
+  return node;
+};
+
+Konva._renderBackend = 'skia-canvas';
+
+export default Konva;

package/debug/konva-master/src/types.ts

@@ -0,0 +1,84 @@
+export interface GetSet<Type, This> {
+  (): Type;
+  (v: Type | null | undefined): This;
+}
+
+export interface Vector2d {
+  x: number;
+  y: number;
+}
+
+export interface PathSegment {
+  command:
+    | 'm'
+    | 'M'
+    | 'l'
+    | 'L'
+    | 'v'
+    | 'V'
+    | 'h'
+    | 'H'
+    | 'z'
+    | 'Z'
+    | 'c'
+    | 'C'
+    | 'q'
+    | 'Q'
+    | 't'
+    | 'T'
+    | 's'
+    | 'S'
+    | 'a'
+    | 'A';
+  start: Vector2d;
+  points: number[];
+  pathLength: number;
+}
+
+export interface IRect {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
+
+export interface IFrame {
+  time: number;
+  timeDiff: number;
+  lastTime: number;
+  frameRate: number;
+}
+
+export type AnimationFn = (frame: IFrame) => boolean | void;
+
+export const KonvaNodeEvent = {
+  mouseover: 'mouseover',
+  mouseout: 'mouseout',
+  mousemove: 'mousemove',
+  mouseleave: 'mouseleave',
+  mouseenter: 'mouseenter',
+  mousedown: 'mousedown',
+  mouseup: 'mouseup',
+  wheel: 'wheel',
+  contextmenu: 'contextmenu',
+  click: 'click',
+  dblclick: 'dblclick',
+  touchstart: 'touchstart',
+  touchmove: 'touchmove',
+  touchend: 'touchend',
+  tap: 'tap',
+  dbltap: 'dbltap',
+  dragstart: 'dragstart',
+  dragmove: 'dragmove',
+  dragend: 'dragend',
+} as const;
+
+export interface RGB {
+  r: number;
+  g: number;
+  b: number;
+}
+
+export interface RGBA extends RGB {
+  a: number;
+}

package/debug/konva-master/tsconfig.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "outDir": "lib",
+    "target": "ES2018",
+    "lib": ["ES2019", "dom"],
+    "module": "nodenext",
+    "noUncheckedSideEffectImports": true,
+    "rewriteRelativeImportExtensions": true,
+    "isolatedModules": true,
+    "erasableSyntaxOnly": true,
+    "verbatimModuleSyntax": true,
+    // "sourceMap": true,
+    "noEmitOnError": true,
+    "declaration": true,
+    "removeComments": false,
+
+    "strict": true,
+    "noImplicitAny": false,
+    "noImplicitThis": false,
+    "useUnknownInCatchVariables": false,
+    "skipLibCheck": true,
+    // probably we would never enable this one
+    // because it's too strict, konva generates many functions on the runtime
+    "strictPropertyInitialization": false,
+    // our initializer `field: GetSet<string, this>` will cause `field` to
+    // be set to undefined if target>=ES2022, this also affects tools like `tsx` running locally
+    // https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#the-usedefineforclassfields-flag-and-the-declare-property-modifier
+    "useDefineForClassFields": false
+  },
+  "include": ["src"]
+}

package/debug/konva-master/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true
+  },
+  "include": ["src", "test"]
+}