@visactor/vrender-kits 0.9.0-alpha.0

package/README.md

@@ -0,0 +1,9 @@
+# @visactor/vrender-kits
+
+## Description
+
+## Usage
+
+```typescript
+import { xxx } from '@visactor/vrender-kits';
+```

package/cjs/canvas/contributions/canvas-module.d.ts

@@ -0,0 +1,2 @@
+import type { Container } from 'inversify';
+export default function load(container: Container): void;

package/cjs/canvas/contributions/canvas-module.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+
+const modules_1 = __importDefault(require("./node/modules"));
+
+function load(container) {
+    container.load(modules_1.default);
+}
+
+exports.default = load;
+//# sourceMappingURL=canvas-module.js.map

package/cjs/canvas/contributions/canvas-module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/canvas-module.ts"],"names":[],"mappings":";;;;;AACA,6DAAwC;AAExC,SAAwB,IAAI,CAAC,SAAoB;IAC/C,SAAS,CAAC,IAAI,CAAC,iBAAU,CAAC,CAAC;AAC7B,CAAC;AAFD,uBAEC","file":"canvas-module.js","sourcesContent":["import type { Container } from 'inversify';\nimport nodeModule from './node/modules';\n\nexport default function load(container: Container) {\n  container.load(nodeModule);\n}\n"]}

package/cjs/canvas/contributions/node/canvas.d.ts

@@ -0,0 +1,44 @@
+import type { Canvas } from 'canvas';
+import type { EnvType, CanvasConfigType, ICanvas, IContext2d } from '@visactor/vrender';
+export declare class NodeCanvas implements ICanvas {
+    static env: EnvType;
+    private _width;
+    private _height;
+    private _id;
+    private _nativeCanvas;
+    private _context;
+    private _visiable;
+    private controled;
+    get id(): number | string;
+    get x(): number;
+    get y(): number;
+    get nativeCanvas(): Canvas;
+    get width(): number;
+    set width(width: number);
+    get displayWidth(): number;
+    get displayHeight(): number;
+    get height(): number;
+    set height(height: number);
+    getContext(str?: string): IContext2d;
+    get visiable(): boolean;
+    set visiable(visiable: boolean);
+    get dpr(): number;
+    set dpr(dpr: number);
+    constructor(params: CanvasConfigType);
+    applyPosition(): void;
+    getNativeCanvas(): Canvas;
+    resetStyle(params: Partial<CanvasConfigType>): void;
+    hide(): void;
+    show(): void;
+    resize(width: number, height: number): void;
+    toDataURL(): string;
+    toDataURL(mimeType: 'image/png'): string;
+    toDataURL(mimeType: 'image/jpeg', quality: number): string;
+    readPixels(x: number, y: number, w: number, h: number): ImageData | Promise<ImageData>;
+    convertToBlob(options?: {
+        type?: string | undefined;
+        quality?: number | undefined;
+    } | undefined): Promise<Blob>;
+    transferToImageBitmap(): ImageBitmap;
+    release(...params: any): void;
+}

package/cjs/canvas/contributions/node/canvas.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.NodeCanvas = void 0;
+
+const inversify_1 = require("inversify"), context_1 = require("./context"), DefaultConfig = {
+    WIDTH: 500,
+    HEIGHT: 500,
+    DPR: 1
+};
+
+let NodeCanvas = class {
+    get id() {
+        return this._id;
+    }
+    get x() {
+        return 0;
+    }
+    get y() {
+        return 0;
+    }
+    get nativeCanvas() {
+        return this._nativeCanvas;
+    }
+    get width() {
+        return this._width;
+    }
+    set width(width) {
+        this._width = width;
+    }
+    get displayWidth() {
+        return this._width;
+    }
+    get displayHeight() {
+        return this._height;
+    }
+    get height() {
+        return this._height;
+    }
+    set height(height) {
+        this._height = height;
+    }
+    getContext(str) {
+        return this._context;
+    }
+    get visiable() {
+        return this._visiable;
+    }
+    set visiable(visiable) {
+        this._visiable = visiable, visiable ? this.show() : this.hide();
+    }
+    get dpr() {
+        return 1;
+    }
+    set dpr(dpr) {}
+    constructor(params) {
+        const {nativeCanvas: nativeCanvas, width: width = DefaultConfig.WIDTH, height: height = DefaultConfig.HEIGHT, canvasControled: canvasControled = !0} = params;
+        this._visiable = !1 !== params.visiable, this.controled = canvasControled, this._width = width, 
+        this._height = height, this._nativeCanvas = nativeCanvas, this._context = new context_1.NodeContext2d(this, params.dpr), 
+        this._id = nativeCanvas.id;
+    }
+    applyPosition() {}
+    getNativeCanvas() {
+        return this._nativeCanvas;
+    }
+    resetStyle(params) {}
+    hide() {}
+    show() {}
+    resize(width, height) {
+        this._nativeCanvas && (this._nativeCanvas.width = width, this._nativeCanvas.height = height);
+    }
+    toDataURL(mimeType, quality) {
+        return "";
+    }
+    readPixels(x, y, w, h) {
+        return this._context.getImageData(x, y, w, h);
+    }
+    convertToBlob(options) {
+        throw new Error("暂未实现");
+    }
+    transferToImageBitmap() {
+        throw new Error("暂未实现");
+    }
+    release(...params) {
+        throw new Error("暂不支持release");
+    }
+};
+
+NodeCanvas.env = "node", NodeCanvas = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", [ Object ]) ], NodeCanvas), 
+exports.NodeCanvas = NodeCanvas;
+//# sourceMappingURL=canvas.js.map

package/cjs/canvas/contributions/node/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/node/canvas.ts"],"names":[],"mappings":"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","file":"canvas.js","sourcesContent":["import { injectable } from 'inversify';\nimport type { Canvas } from 'canvas';\nimport type { EnvType, CanvasConfigType, ICanvas, IContext2d } from '@visactor/vrender';\nimport { NodeContext2d } from './context';\n\nconst DefaultConfig = {\n  WIDTH: 500,\n  HEIGHT: 500,\n  DPR: 1\n};\n\n@injectable()\nexport class NodeCanvas implements ICanvas {\n  static env: EnvType = 'node';\n  // 显示的宽高，如果是离屏canvas，就是pixelWidth / pixelRatio\n  private _width: number; // 显示的宽度\n  private _height: number; // 显示的高度\n  private _id: number | string;\n\n  private _nativeCanvas: Canvas;\n  private _context: IContext2d;\n  private _visiable: boolean;\n  private controled: boolean;\n\n  get id(): number | string {\n    return this._id;\n  }\n  get x(): number {\n    return 0;\n  }\n  get y(): number {\n    return 0;\n  }\n  get nativeCanvas(): Canvas {\n    return this._nativeCanvas;\n  }\n\n  get width(): number {\n    return this._width;\n  }\n  set width(width: number) {\n    this._width = width;\n  }\n  get displayWidth(): number {\n    return this._width;\n  }\n  get displayHeight(): number {\n    return this._height;\n  }\n\n  get height(): number {\n    return this._height;\n  }\n  set height(height: number) {\n    this._height = height;\n  }\n  getContext(str?: string): IContext2d {\n    return this._context;\n  }\n\n  get visiable(): boolean {\n    return this._visiable;\n  }\n  set visiable(visiable: boolean) {\n    this._visiable = visiable;\n    visiable ? this.show() : this.hide();\n  }\n\n  get dpr(): number {\n    return 1;\n  }\n  set dpr(dpr: number) {\n    return;\n  }\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    const { nativeCanvas, width = DefaultConfig.WIDTH, height = DefaultConfig.HEIGHT, canvasControled = true } = params;\n    this._visiable = params.visiable !== false;\n    this.controled = canvasControled;\n\n    // 离屏canvas\n    this._width = width;\n    this._height = height;\n    this._nativeCanvas = nativeCanvas as unknown as Canvas;\n    this._context = new NodeContext2d(this, params.dpr);\n    this._id = nativeCanvas.id;\n  }\n\n  applyPosition() {\n    return;\n  }\n\n  getNativeCanvas(): Canvas {\n    return this._nativeCanvas;\n  }\n\n  resetStyle(params: Partial<CanvasConfigType>) {\n    return;\n  }\n\n  hide() {\n    return;\n  }\n  show() {\n    return;\n  }\n\n  /**\n   * 设置canvas的size大小，设置context的scale\n   * @param width\n   * @param height\n   */\n  resize(width: number, height: number) {\n    if (this._nativeCanvas) {\n      this._nativeCanvas.width = width;\n      this._nativeCanvas.height = height;\n    }\n    return;\n  }\n\n  toDataURL(): string;\n  toDataURL(mimeType: 'image/png'): string;\n  toDataURL(mimeType: 'image/jpeg', quality: number): string;\n  toDataURL(mimeType?: string, quality?: number) {\n    return '';\n  }\n\n  readPixels(x: number, y: number, w: number, h: number): ImageData | Promise<ImageData> {\n    return this._context.getImageData(x, y, w, h);\n  }\n\n  convertToBlob(options?: { type?: string | undefined; quality?: number | undefined } | undefined): Promise<Blob> {\n    throw new Error('暂未实现');\n  }\n\n  transferToImageBitmap(): ImageBitmap {\n    throw new Error('暂未实现');\n  }\n\n  release(...params: any): void {\n    throw new Error('暂不支持release');\n  }\n}\n"]}

package/cjs/canvas/contributions/node/context.d.ts

@@ -0,0 +1,7 @@
+import type { EnvType, ICanvas, IContext2d } from '@visactor/vrender';
+import { BrowserContext2d } from '@visactor/vrender';
+export declare class NodeContext2d extends BrowserContext2d implements IContext2d {
+    static env: EnvType;
+    constructor(canvas: ICanvas, dpr: number);
+    release(...params: any): void;
+}

package/cjs/canvas/contributions/node/context.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.NodeContext2d = void 0;
+
+const vutils_1 = require("@visactor/vutils"), inversify_1 = require("inversify"), vrender_1 = require("@visactor/vrender"), initMatrix = new vutils_1.Matrix(1, 0, 0, 1, 0, 0);
+
+let NodeContext2d = class extends vrender_1.BrowserContext2d {
+    constructor(canvas, dpr) {
+        super(canvas, dpr);
+        const context = canvas.nativeCanvas.getContext("2d");
+        if (!context) throw new Error("发生错误，获取2d上下文失败");
+        this.nativeContext = context, this.canvas = canvas, this.matrix = new vutils_1.Matrix(1, 0, 0, 1, 0, 0), 
+        this.stack = [], this.dpr = 1;
+    }
+    release(...params) {}
+};
+
+NodeContext2d.env = "node", NodeContext2d = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", [ Object, Number ]) ], NodeContext2d), 
+exports.NodeContext2d = NodeContext2d;
+//# sourceMappingURL=context.js.map

package/cjs/canvas/contributions/node/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/node/context.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,6CAA0C;AAC1C,yCAAuC;AAEvC,+CAAqD;AAIrD,MAAM,UAAU,GAAG,IAAI,eAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAGzC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,0BAAgB;IAGjD,YAAY,MAAe,EAAE,GAAW;QACtC,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACnB,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,OAAO,EAAE;YACZ,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC;SACnC;QACD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,MAAM,GAAG,IAAI,eAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;IACf,CAAC;IAED,OAAO,CAAC,GAAG,MAAW;QACpB,OAAO;IACT,CAAC;;AAjBM,iBAAG,GAAY,MAAM,CAAC;AADlB,aAAa;IADzB,IAAA,sBAAU,GAAE;;GACA,aAAa,CAmBzB;AAnBY,sCAAa","file":"context.js","sourcesContent":["// 参考konva\nimport { Matrix } from '@visactor/vutils';\nimport { injectable } from 'inversify';\nimport type { EnvType, ICanvas, IContext2d } from '@visactor/vrender';\nimport { BrowserContext2d } from '@visactor/vrender';\nimport { CanvasRenderingContext2D, Image, CanvasPattern } from 'canvas';\n\n// https://github.com/konvajs/konva/blob/master/src/Context.ts\nconst initMatrix = new Matrix(1, 0, 0, 1, 0, 0);\n\n@injectable()\nexport class NodeContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'node';\n\n  constructor(canvas: ICanvas, dpr: number) {\n    super(canvas, dpr);\n    const context = canvas.nativeCanvas.getContext('2d');\n    if (!context) {\n      throw new Error('发生错误，获取2d上下文失败');\n    }\n    this.nativeContext = context;\n    this.canvas = canvas;\n    this.matrix = new Matrix(1, 0, 0, 1, 0, 0);\n    this.stack = [];\n    this.dpr = 1;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/cjs/canvas/contributions/node/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canvas';
+export * from './context';

package/cjs/canvas/contributions/node/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./canvas"), exports), __exportStar(require("./context"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/canvas/contributions/node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/node/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,2CAAyB;AACzB,4CAA0B","file":"index.js","sourcesContent":["// 依然导出canvas和context，便于指定环境直接使用\nexport * from './canvas';\nexport * from './context';\n"]}

package/cjs/canvas/contributions/node/modules.d.ts

@@ -0,0 +1,3 @@
+import { ContainerModule } from 'inversify';
+declare const _default: ContainerModule;
+export default _default;

package/cjs/canvas/contributions/node/modules.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+
+const inversify_1 = require("inversify"), vrender_1 = require("@visactor/vrender"), canvas_1 = require("./canvas"), context_1 = require("./context");
+
+exports.default = new inversify_1.ContainerModule((bind => {
+    bind(vrender_1.CanvasFactory).toDynamicValue((() => params => new canvas_1.NodeCanvas(params))).whenTargetNamed(context_1.NodeContext2d.env), 
+    bind(vrender_1.Context2dFactory).toDynamicValue((() => params => new context_1.NodeContext2d(params, params.dpr))).whenTargetNamed(context_1.NodeContext2d.env);
+}));
+//# sourceMappingURL=modules.js.map

package/cjs/canvas/contributions/node/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/node/modules.ts"],"names":[],"mappings":";;AAAA,yCAA4C;AAE5C,+CAAoE;AACpE,qCAAsC;AACtC,uCAA0C;AAE1C,kBAAe,IAAI,2BAAe,CAAC,IAAI,CAAC,EAAE;IACxC,IAAI,CAAC,uBAAa,CAAC;SAChB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAwB,EAAE,EAAE,CAAC,IAAI,mBAAU,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC;SACD,eAAe,CAAC,uBAAa,CAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,CAAC,0BAAgB,CAAC;SACnB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAe,EAAE,EAAE,CAAC,IAAI,uBAAa,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IACpE,CAAC,CAAC;SACD,eAAe,CAAC,uBAAa,CAAC,GAAG,CAAC,CAAC;AACxC,CAAC,CAAC,CAAC","file":"modules.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport type { CanvasConfigType, ICanvas } from '@visactor/vrender';\nimport { CanvasFactory, Context2dFactory } from '@visactor/vrender';\nimport { NodeCanvas } from './canvas';\nimport { NodeContext2d } from './context';\n\nexport default new ContainerModule(bind => {\n  bind(CanvasFactory)\n    .toDynamicValue(() => {\n      return (params: CanvasConfigType) => new NodeCanvas(params);\n    })\n    .whenTargetNamed(NodeContext2d.env);\n\n  bind(Context2dFactory)\n    .toDynamicValue(() => {\n      return (params: ICanvas) => new NodeContext2d(params, params.dpr);\n    })\n    .whenTargetNamed(NodeContext2d.env);\n});\n"]}

package/cjs/canvas/index.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/canvas/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=index.js.map

package/cjs/canvas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["import {} from '@visactor/vrender';\n"]}

package/cjs/env/contributions/module.d.ts

@@ -0,0 +1,3 @@
+import { ContainerModule } from 'inversify';
+declare const _default: ContainerModule;
+export default _default;

package/cjs/env/contributions/module.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+
+const inversify_1 = require("inversify"), vrender_1 = require("@visactor/vrender"), node_contribution_1 = require("./node-contribution");
+
+exports.default = new inversify_1.ContainerModule((bind => {
+    bind(node_contribution_1.NodeEnvContribution).toSelf().inSingletonScope(), bind(vrender_1.EnvContribution).toService(node_contribution_1.NodeEnvContribution);
+}));
+//# sourceMappingURL=module.js.map

package/cjs/env/contributions/module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/env/contributions/module.ts"],"names":[],"mappings":";;AAAA,yCAA4C;AAC5C,+CAA8E;AAC9E,2DAA0D;AAE1D,kBAAe,IAAI,2BAAe,CAAC,IAAI,CAAC,EAAE;IACxC,IAAI,CAAC,uCAAmB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,IAAI,CAAC,yBAAe,CAAC,CAAC,SAAS,CAAC,uCAAmB,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC","file":"module.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport { bindContributionProvider, EnvContribution } from '@visactor/vrender';\nimport { NodeEnvContribution } from './node-contribution';\n\nexport default new ContainerModule(bind => {\n  bind(NodeEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(NodeEnvContribution);\n});\n"]}

package/cjs/env/contributions/node-contribution.d.ts

@@ -0,0 +1,47 @@
+import type { createCanvas, createImageData, loadImage, Canvas } from 'canvas';
+import * as NodePkg from 'canvas';
+import type { EnvType, IEnvContribution, IGlobal, ICreateCanvasParams } from '@visactor/vrender';
+import { BaseEnvContribution } from '@visactor/vrender';
+type NodePkg = {
+    createCanvas: typeof createCanvas;
+    createImageData: typeof createImageData;
+    loadImage: typeof loadImage;
+};
+export declare class NodeEnvContribution extends BaseEnvContribution implements IEnvContribution {
+    type: EnvType;
+    pkg: NodePkg;
+    _lastTime: number;
+    supportEvent: boolean;
+    configure(service: IGlobal, pkg?: NodePkg): void;
+    loadJson(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: Record<string, unknown> | null;
+    }>;
+    loadArrayBuffer(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: ArrayBuffer | null;
+    }>;
+    loadImage(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | null;
+    }>;
+    loadSvg(svgStr: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | null;
+    }>;
+    createCanvas(params: any): Canvas;
+    releaseCanvas(canvas: Canvas | any): void;
+    getDevicePixelRatio(): number;
+    getRequestAnimationFrame(): (callback: FrameRequestCallback) => number;
+    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions | undefined): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+    getElementById(str: string): HTMLElement | null;
+    getRootElement(): HTMLElement | null;
+    dispatchEvent(event: any): boolean;
+    getCancelAnimationFrame(): (h: number) => void;
+    release(...params: any): void;
+    createOffscreenCanvas(params: ICreateCanvasParams): void;
+}
+export {};

package/cjs/env/contributions/node-contribution.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+}, __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.NodeEnvContribution = void 0;
+
+const inversify_1 = require("inversify"), NodePkg = __importStar(require("canvas")), resvg_js_1 = require("@resvg/resvg-js"), vrender_1 = require("@visactor/vrender"), node_fetch_1 = __importDefault(require("node-fetch"));
+
+let last = 0;
+
+function nodeRequestAnimationFrame(callback) {
+    const now = Date.now(), timeLeft = Math.max(0, 16 - (now - last)), id = setTimeout((function() {
+        callback(now + timeLeft);
+    }), timeLeft);
+    return last = now + timeLeft, id;
+}
+
+let NodeEnvContribution = class extends vrender_1.BaseEnvContribution {
+    constructor() {
+        super(...arguments), this.type = "node", this._lastTime = 0, this.supportEvent = !1;
+    }
+    configure(service, pkg = NodePkg) {
+        service.env === this.type && (service.setActiveEnvContribution(this), this.pkg = pkg);
+    }
+    loadJson(url) {
+        const jsonPromise = (0, node_fetch_1.default)(url).then((data => data.json()));
+        return jsonPromise.then((json => ({
+            data: json,
+            state: "success"
+        }))).catch((() => ({
+            data: null,
+            state: "fail"
+        }))), jsonPromise;
+    }
+    loadArrayBuffer(url) {
+        return (0, node_fetch_1.default)(url).then((data => data.arrayBuffer())).then((arrayBuffer => ({
+            data: arrayBuffer,
+            loadState: "success"
+        }))).catch((() => ({
+            data: null,
+            loadState: "fail"
+        })));
+    }
+    loadImage(url) {
+        const {loadImage: loadImage} = this.pkg;
+        return loadImage ? loadImage(url).then((image => ({
+            loadState: image ? "success" : "fail",
+            data: image
+        }))).catch((() => ({
+            loadState: "fail",
+            data: null
+        }))) : Promise.reject(new Error("node-canvas loadImage could not be found!"));
+    }
+    loadSvg(svgStr) {
+        if (!resvg_js_1.Resvg) return Promise.reject(new Error("@resvg/resvg-js svgParser could not be found!"));
+        const pngData = new resvg_js_1.Resvg(svgStr).render().asPng();
+        return this.loadImage(pngData);
+    }
+    createCanvas(params) {
+        return this.pkg.createCanvas(params.width, params.height);
+    }
+    releaseCanvas(canvas) {}
+    getDevicePixelRatio() {
+        return 0;
+    }
+    getRequestAnimationFrame() {
+        return nodeRequestAnimationFrame;
+    }
+    addEventListener(type, listener, options) {}
+    removeEventListener(type, listener, options) {}
+    getElementById(str) {
+        return null;
+    }
+    getRootElement() {
+        return null;
+    }
+    dispatchEvent(event) {}
+    getCancelAnimationFrame() {}
+    release(...params) {}
+    createOffscreenCanvas(params) {}
+};
+
+NodeEnvContribution = __decorate([ (0, inversify_1.injectable)() ], NodeEnvContribution), 
+exports.NodeEnvContribution = NodeEnvContribution;
+//# sourceMappingURL=node-contribution.js.map

package/cjs/env/contributions/node-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/env/contributions/node-contribution.ts"],"names":[],"mappings":"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","file":"node-contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport type { createCanvas, createImageData, loadImage, Canvas } from 'canvas';\nimport * as NodePkg from 'canvas';\nimport { Resvg } from '@resvg/resvg-js';\nimport type { EnvType, IEnvContribution, IGlobal, ICreateCanvasParams } from '@visactor/vrender';\nimport { BaseEnvContribution } from '@visactor/vrender';\nimport fetch from 'node-fetch';\n\ntype NodePkg = {\n  createCanvas: typeof createCanvas;\n  createImageData: typeof createImageData;\n  loadImage: typeof loadImage;\n};\n\nlet last = 0;\nfunction nodeRequestAnimationFrame(callback: FrameRequestCallback) {\n  const now = Date.now();\n  const timeLeft = Math.max(0, 16 - (now - last));\n  const id = setTimeout(function () {\n    callback(now + timeLeft);\n  }, timeLeft);\n  last = now + timeLeft;\n  return id;\n}\n\n@injectable()\nexport class NodeEnvContribution extends BaseEnvContribution implements IEnvContribution {\n  type: EnvType = 'node';\n  pkg: NodePkg;\n  _lastTime: number = 0;\n  supportEvent: boolean = false;\n\n  configure(service: IGlobal, pkg: NodePkg = NodePkg) {\n    if (service.env === this.type) {\n      service.setActiveEnvContribution(this);\n      this.pkg = pkg;\n    }\n  }\n\n  loadJson(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }> {\n    const jsonPromise = fetch(url).then(data => data.json()) as Promise<any>; // ignore_security_alert\n    jsonPromise\n      .then(json => {\n        return {\n          data: json,\n          state: 'success'\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          state: 'fail'\n        };\n      });\n    return jsonPromise;\n  }\n\n  loadArrayBuffer(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }> {\n    const arrayBufferPromise = fetch(url).then(data => data.arrayBuffer()); // ignore_security_alert\n    return arrayBufferPromise\n      .then((arrayBuffer: ArrayBuffer) => {\n        return {\n          data: arrayBuffer,\n          loadState: 'success' as const\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          loadState: 'fail'\n        };\n      });\n  }\n\n  loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | null;\n  }> {\n    const { loadImage } = this.pkg;\n    if (loadImage) {\n      return loadImage(url)\n        .then((image: any) => {\n          const loadState: 'success' | 'fail' = image ? 'success' : 'fail';\n          return {\n            loadState,\n            data: image as HTMLImageElement\n          };\n        })\n        .catch(() => {\n          return {\n            loadState: 'fail',\n            data: null\n          } as any;\n        });\n    }\n    return Promise.reject(new Error('node-canvas loadImage could not be found!'));\n  }\n\n  // 此处的\n  loadSvg(svgStr: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | null;\n  }> {\n    // // eslint-disable-next-line @typescript-eslint/no-var-requires\n    // const { Resvg } = require('@resvg/resvg-js');\n    if (!Resvg) {\n      return Promise.reject(new Error('@resvg/resvg-js svgParser could not be found!'));\n    }\n    const resvg = new Resvg(svgStr);\n    const pngData = resvg.render().asPng();\n    return this.loadImage(pngData as unknown as string);\n  }\n\n  createCanvas(params: any): Canvas {\n    const canvas = this.pkg.createCanvas(params.width, params.height);\n    return canvas;\n  }\n\n  releaseCanvas(canvas: Canvas | any) {\n    return;\n  }\n\n  getDevicePixelRatio(): number {\n    return 0;\n  }\n\n  getRequestAnimationFrame(): (callback: FrameRequestCallback) => number {\n    // return requestAnimationFrame;\n    return nodeRequestAnimationFrame as any;\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return;\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return;\n  }\n\n  getElementById(str: string): HTMLElement | null {\n    return null;\n  }\n\n  getRootElement(): HTMLElement | null {\n    return null;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return;\n  }\n\n  getCancelAnimationFrame(): (h: number) => void {\n    return;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n\n  createOffscreenCanvas(params: ICreateCanvasParams) {\n    return;\n  }\n}\n"]}

package/cjs/index-node.d.ts

@@ -0,0 +1,5 @@
+import 'reflect-metadata';
+import _canvasModuleLoader from './canvas/contributions/canvas-module';
+export declare const roughModule: import("inversify").ContainerModule;
+export declare const canvasModuleLoader: typeof _canvasModuleLoader;
+export { nodeLoader } from './node-bind';

package/cjs/index-node.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.nodeLoader = exports.canvasModuleLoader = exports.roughModule = void 0, 
+require("reflect-metadata");
+
+const module_1 = __importDefault(require("./render/contributions/rough/module")), canvas_module_1 = __importDefault(require("./canvas/contributions/canvas-module"));
+
+exports.roughModule = module_1.default, exports.canvasModuleLoader = canvas_module_1.default;
+
+var node_bind_1 = require("./node-bind");
+
+Object.defineProperty(exports, "nodeLoader", {
+    enumerable: !0,
+    get: function() {
+        return node_bind_1.nodeLoader;
+    }
+});

package/cjs/index-node.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index-node.ts"],"names":[],"mappings":";;;;;;AAAA,4BAA0B;AAC1B,iFAA+D;AAC/D,yFAAuE;AAE1D,QAAA,WAAW,GAAG,gBAAY,CAAC;AAC3B,QAAA,kBAAkB,GAAG,uBAAmB,CAAC;AACtD,yCAAyC;AAAhC,uGAAA,UAAU,OAAA","file":"index-node.js","sourcesContent":["import 'reflect-metadata';\nimport _roughModule from './render/contributions/rough/module';\nimport _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\nexport const canvasModuleLoader = _canvasModuleLoader;\nexport { nodeLoader } from './node-bind';\n"]}

package/cjs/index.d.ts

@@ -0,0 +1,4 @@
+import 'reflect-metadata';
+import _canvasModuleLoader from './canvas/contributions/canvas-module';
+export declare const roughModule: import("inversify").ContainerModule;
+export declare const canvasModuleLoader: typeof _canvasModuleLoader;

package/cjs/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.canvasModuleLoader = exports.roughModule = void 0, require("reflect-metadata");
+
+const module_1 = __importDefault(require("./render/contributions/rough/module")), canvas_module_1 = __importDefault(require("./canvas/contributions/canvas-module"));
+
+exports.roughModule = module_1.default, exports.canvasModuleLoader = canvas_module_1.default;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,4BAA0B;AAC1B,iFAA+D;AAC/D,yFAAuE;AAE1D,QAAA,WAAW,GAAG,gBAAY,CAAC;AAC3B,QAAA,kBAAkB,GAAG,uBAAmB,CAAC","file":"index.js","sourcesContent":["import 'reflect-metadata';\nimport _roughModule from './render/contributions/rough/module';\nimport _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\nexport const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}

package/cjs/node-bind.d.ts

@@ -0,0 +1,2 @@
+import type { Container } from 'inversify';
+export declare function nodeLoader(container: Container): void;

package/cjs/node-bind.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.nodeLoader = void 0;
+
+const module_1 = __importDefault(require("./env/contributions/module")), modules_1 = __importDefault(require("./window/contributions/modules")), modules_2 = __importDefault(require("./canvas/contributions/node/modules"));
+
+function nodeLoader(container) {
+    container.load(module_1.default), container.load(modules_1.default), container.load(modules_2.default);
+}
+
+exports.nodeLoader = nodeLoader;
+//# sourceMappingURL=node-bind.js.map

package/cjs/node-bind.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/node-bind.ts"],"names":[],"mappings":";;;;;;AACA,wEAAiD;AACjD,6EAAwD;AACxD,kFAA6D;AAG7D,SAAgB,UAAU,CAAC,SAAoB;IAC7C,SAAS,CAAC,IAAI,CAAC,gBAAO,CAAC,CAAC;IACxB,SAAS,CAAC,IAAI,CAAC,iBAAU,CAAC,CAAC;IAC3B,SAAS,CAAC,IAAI,CAAC,iBAAU,CAAC,CAAC;AAC7B,CAAC;AAJD,gCAIC","file":"node-bind.js","sourcesContent":["import type { Container } from 'inversify';\nimport nodeEnv from './env/contributions/module';\nimport nodeWindow from './window/contributions/modules';\nimport nodeCanvas from './canvas/contributions/node/modules';\n\n// 直接绑定node环境\nexport function nodeLoader(container: Container) {\n  container.load(nodeEnv);\n  container.load(nodeWindow);\n  container.load(nodeCanvas);\n}\n"]}

package/cjs/render/contributions/render-module.d.ts

@@ -0,0 +1 @@
+

package/cjs/render/contributions/render-module.js

@@ -0,0 +1 @@
+//# sourceMappingURL=render-module.js.map

package/cjs/render/contributions/render-module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/render/contributions/render-module.ts"],"names":[],"mappings":"","file":"render-module.js","sourcesContent":["// import { Container } from 'inversify';\n// import roughModule from './rough/module';\n\n// export default function load(container: Container) {\n//   container.load(roughModule);\n// }\n"]}

package/cjs/render/contributions/rough/config.d.ts

@@ -0,0 +1,2 @@
+import type { Options } from 'roughjs/bin/core';
+export declare const defaultRouthThemeSpec: Options;