@visactor/vrender-kits 0.10.2 → 0.11.0-alpha.1

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

@@ -1,47 +1 @@
-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/es/env/contributions/node-contribution.js

@@ -1,94 +1 @@
-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;
-};
-
-import { injectable } from "inversify";
-
-import * as NodePkg from "canvas";
-
-import { Resvg } from "@resvg/resvg-js";
-
-import { BaseEnvContribution } from "@visactor/vrender";
-
-import fetch from "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 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 = fetch(url).then((data => data.json()));
-        return jsonPromise.then((json => ({
-            data: json,
-            state: "success"
-        }))).catch((() => ({
-            data: null,
-            state: "fail"
-        }))), jsonPromise;
-    }
-    loadArrayBuffer(url) {
-        return fetch(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) return Promise.reject(new Error("@resvg/resvg-js svgParser could not be found!"));
-        const pngData = new 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([ injectable() ], NodeEnvContribution);
-
-export { NodeEnvContribution };
-//# sourceMappingURL=node-contribution.js.map
+//# sourceMappingURL=node-contribution.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../src/env/contributions/node-contribution.ts"],"names":[],"mappings":"","file":"node-contribution.js","sourcesContent":["// import { injectable } from 'inversify';\n// import type { createCanvas, createImageData, loadImage, Canvas } from 'canvas';\n// import * as NodePkg from 'canvas';\n// import { Resvg } from '@resvg/resvg-js';\n// import type { EnvType, IEnvContribution, IGlobal, ICreateCanvasParams } from '@visactor/vrender';\n// import { BaseEnvContribution } from '@visactor/vrender';\n// import fetch from 'node-fetch';\n\n// type NodePkg = {\n//   createCanvas: typeof createCanvas;\n//   createImageData: typeof createImageData;\n//   loadImage: typeof loadImage;\n// };\n\n// let last = 0;\n// function 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()\n// export 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/es/index-node.d.ts

@@ -1,5 +1,2 @@
 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/es/index-node.js

@@ -2,10 +2,4 @@ import "reflect-metadata";
 
 import _roughModule from "./render/contributions/rough/module";
 
-import _canvasModuleLoader from "./canvas/contributions/canvas-module";
-
-export const roughModule = _roughModule;
-
-export const canvasModuleLoader = _canvasModuleLoader;
-
-export { nodeLoader } from "./node-bind";
+export const roughModule = _roughModule;

package/es/index-node.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index-node.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAEvE,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;AACxC,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC","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"]}
+{"version":3,"sources":["../src/index-node.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAG/D,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC","file":"index-node.js","sourcesContent":["import 'reflect-metadata';\nimport _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind';\n"]}

package/es/index.d.ts

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

package/es/index.js

@@ -2,9 +2,5 @@ import "reflect-metadata";
 
 import _roughModule from "./render/contributions/rough/module";
 
-import _canvasModuleLoader from "./canvas/contributions/canvas-module";
-
 export const roughModule = _roughModule;
-
-export const canvasModuleLoader = _canvasModuleLoader;
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAEvE,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;AACxC,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,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"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAG/D,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC","file":"index.js","sourcesContent":["import 'reflect-metadata';\nimport _roughModule from './render/contributions/rough/module';\n// import _canvasModuleLoader from './canvas/contributions/canvas-module';\n\nexport const roughModule = _roughModule;\n// export const canvasModuleLoader = _canvasModuleLoader;\n// export { nodeLoader } from './node-bind'; // nodeLoader只在node入口暴露\n"]}

package/es/node-bind.d.ts

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

package/es/node-bind.js

@@ -1,10 +1 @@
-import nodeEnv from "./env/contributions/module";
-
-import nodeWindow from "./window/contributions/modules";
-
-import nodeCanvas from "./canvas/contributions/node/modules";
-
-export function nodeLoader(container) {
-    container.load(nodeEnv), container.load(nodeWindow), container.load(nodeCanvas);
-}
-//# sourceMappingURL=node-bind.js.map
+//# sourceMappingURL=node-bind.js.map

package/es/node-bind.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/node-bind.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,4BAA4B,CAAC;AACjD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAG7D,MAAM,UAAU,UAAU,CAAC,SAAoB;IAC7C,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC3B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAC7B,CAAC","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"]}
+{"version":3,"sources":["../src/node-bind.ts"],"names":[],"mappings":"","file":"node-bind.js","sourcesContent":["// import type { Container } from 'inversify';\n// import nodeEnv from './env/contributions/module';\n// import nodeWindow from './window/contributions/modules';\n// import nodeCanvas from './canvas/contributions/node/modules';\n\n// // 直接绑定node环境\n// export function nodeLoader(container: Container) {\n//   container.load(nodeEnv);\n//   container.load(nodeWindow);\n//   container.load(nodeCanvas);\n// }\n"]}

package/es/window/contributions/modules.d.ts

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

package/es/window/contributions/modules.js

@@ -1,10 +1 @@
-import { ContainerModule } from "inversify";
-
-import { WindowHandlerContribution } from "@visactor/vrender";
-
-import { NodeWindowHandlerContribution } from "./node-contribution";
-
-export default new ContainerModule((bind => {
-    bind(NodeWindowHandlerContribution).toSelf().inSingletonScope(), bind(WindowHandlerContribution).toService(NodeWindowHandlerContribution);
-}));
-//# sourceMappingURL=modules.js.map
+//# sourceMappingURL=modules.js.map

package/es/window/contributions/modules.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/window/contributions/modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAA4B,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AACxF,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAEpE,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IACxC,IAAI,CAAC,6BAA6B,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAChE,IAAI,CAAC,yBAAyB,CAAC,CAAC,SAAS,CAAC,6BAA6B,CAAC,CAAC;AAE3E,CAAC,CAAC,CAAC","file":"modules.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport { bindContributionProvider, WindowHandlerContribution } from '@visactor/vrender';\nimport { NodeWindowHandlerContribution } from './node-contribution';\n\nexport default new ContainerModule(bind => {\n  bind(NodeWindowHandlerContribution).toSelf().inSingletonScope();\n  bind(WindowHandlerContribution).toService(NodeWindowHandlerContribution);\n  // bindContributionProvider(bind, WindowHandlerContribution);\n});\n"]}
+{"version":3,"sources":["../src/window/contributions/modules.ts"],"names":[],"mappings":"","file":"modules.js","sourcesContent":["// import { ContainerModule } from 'inversify';\n// import { bindContributionProvider, WindowHandlerContribution } from '@visactor/vrender';\n// import { NodeWindowHandlerContribution } from './node-contribution';\n\n// export default new ContainerModule(bind => {\n//   bind(NodeWindowHandlerContribution).toSelf().inSingletonScope();\n//   bind(WindowHandlerContribution).toService(NodeWindowHandlerContribution);\n//   // bindContributionProvider(bind, WindowHandlerContribution);\n// });\n"]}

package/es/window/contributions/node-contribution.d.ts

@@ -1,38 +1 @@
-import type { EnvType, IGlobal, IWindowHandlerContribution, IWindowParams, IContext2d, ICanvas, IDomRectLike } from '@visactor/vrender';
-import { BaseWindowHandlerContribution } from '@visactor/vrender';
-import type { IBoundsLike } from '@visactor/vutils';
-export declare class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {
-    private readonly global;
-    type: EnvType;
-    canvas: ICanvas;
-    get container(): HTMLElement | null;
-    constructor(global: IGlobal);
-    getTitle(): string;
-    getWH(): {
-        width: number;
-        height: number;
-    };
-    getXY(): {
-        x: number;
-        y: number;
-    };
-    createWindow(params: IWindowParams): void;
-    private createWindowByConfig;
-    private createWindowByCanvas;
-    releaseWindow(): void;
-    resizeWindow(width: number, height: number): void;
-    setDpr(dpr: number): void;
-    getContext(): IContext2d;
-    getNativeHandler(): ICanvas;
-    getDpr(): number;
-    getImageBuffer(type?: string): any;
-    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-    dispatchEvent(event: any): boolean;
-    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    getStyle(): CSSStyleDeclaration | Record<string, any>;
-    setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
-    getBoundingClientRect(): IDomRectLike;
-    clearViewBox(vb: IBoundsLike, color?: string): void;
-}
+

package/es/window/contributions/node-contribution.js

@@ -1,107 +1 @@
-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);
-}, __param = this && this.__param || function(paramIndex, decorator) {
-    return function(target, key) {
-        decorator(target, key, paramIndex);
-    };
-};
-
-import { inject, injectable } from "inversify";
-
-import { Generator, Global, BaseWindowHandlerContribution } from "@visactor/vrender";
-
-import { NodeCanvas } from "../../canvas/contributions/node/canvas";
-
-let NodeWindowHandlerContribution = class extends BaseWindowHandlerContribution {
-    get container() {
-        return null;
-    }
-    constructor(global) {
-        super(), this.global = global, this.type = "node";
-    }
-    getTitle() {
-        return "";
-    }
-    getWH() {
-        return {
-            width: this.canvas.displayWidth,
-            height: this.canvas.displayHeight
-        };
-    }
-    getXY() {
-        return {
-            x: 0,
-            y: 0
-        };
-    }
-    createWindow(params) {
-        params.canvas ? this.createWindowByCanvas(params) : this.createWindowByConfig(params);
-    }
-    createWindowByConfig(params) {
-        const nativeCanvas = this.global.createCanvas({
-            width: params.width,
-            height: params.height
-        }), options = {
-            width: params.width,
-            height: params.height,
-            dpr: params.dpr,
-            nativeCanvas: nativeCanvas,
-            id: Generator.GenAutoIncrementId().toString(),
-            canvasControled: !0
-        };
-        this.canvas = new NodeCanvas(options);
-    }
-    createWindowByCanvas(params) {
-        const canvas = params.canvas;
-        let width = params.width, height = params.height;
-        null != width && null != height && params.canvasControled || (width = canvas.width, 
-        height = canvas.height), this.canvas = new NodeCanvas({
-            width: width,
-            height: height,
-            dpr: 1,
-            nativeCanvas: canvas,
-            canvasControled: params.canvasControled
-        });
-    }
-    releaseWindow() {
-        this.canvas.release();
-    }
-    resizeWindow(width, height) {
-        this.canvas.resize(width, height);
-    }
-    setDpr(dpr) {
-        this.canvas.dpr = dpr;
-    }
-    getContext() {
-        return this.canvas.getContext();
-    }
-    getNativeHandler() {
-        return this.canvas;
-    }
-    getDpr() {
-        return this.canvas.dpr;
-    }
-    getImageBuffer(type = "image/png") {
-        return this.canvas.nativeCanvas.toBuffer(type);
-    }
-    addEventListener(type, listener, options) {}
-    dispatchEvent(event) {
-        return !0;
-    }
-    removeEventListener(type, listener, options) {}
-    getStyle() {}
-    setStyle(style) {}
-    getBoundingClientRect() {
-        return null;
-    }
-    clearViewBox(vb, color) {}
-};
-
-NodeWindowHandlerContribution = __decorate([ injectable(), __param(0, inject(Global)), __metadata("design:paramtypes", [ Object ]) ], NodeWindowHandlerContribution);
-
-export { NodeWindowHandlerContribution };
-//# sourceMappingURL=node-contribution.js.map
+//# sourceMappingURL=node-contribution.js.map

package/es/window/contributions/node-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/window/contributions/node-contribution.ts"],"names":[],"mappings":"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","file":"node-contribution.js","sourcesContent":["import { inject, injectable } from 'inversify';\nimport type {\n  EnvType,\n  IGlobal,\n  IWindowHandlerContribution,\n  IWindowParams,\n  IContext2d,\n  ICanvas,\n  IDomRectLike\n} from '@visactor/vrender';\nimport { Generator, Global, BaseWindowHandlerContribution } from '@visactor/vrender';\nimport { NodeCanvas } from '../../canvas/contributions/node/canvas';\nimport type { IBoundsLike } from '@visactor/vutils';\n\n@injectable()\nexport class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n  type: EnvType = 'node';\n\n  canvas: ICanvas;\n  get container(): HTMLElement | null {\n    return null;\n  }\n\n  constructor(@inject(Global) private readonly global: IGlobal) {\n    super();\n  }\n\n  getTitle(): string {\n    return '';\n  }\n\n  getWH(): { width: number; height: number } {\n    return {\n      width: this.canvas.displayWidth,\n      height: this.canvas.displayHeight\n    };\n  }\n\n  getXY(): { x: number; y: number } {\n    return { x: 0, y: 0 };\n  }\n\n  createWindow(params: IWindowParams): void {\n    // 如果没有传入canvas，那么就创建一个canvas\n    if (!params.canvas) {\n      this.createWindowByConfig(params);\n    } else {\n      this.createWindowByCanvas(params);\n    }\n  }\n  private createWindowByConfig(params: IWindowParams) {\n    // 创建canvas\n    const nativeCanvas = this.global.createCanvas({ width: params.width, height: params.height });\n\n    // 绑定\n    const options = {\n      width: params.width,\n      height: params.height,\n      dpr: params.dpr,\n      nativeCanvas,\n      id: Generator.GenAutoIncrementId().toString(),\n      canvasControled: true\n    };\n    this.canvas = new NodeCanvas(options);\n  }\n  private createWindowByCanvas(params: IWindowParams) {\n    // 获取canvas\n    const canvas = params!.canvas as HTMLCanvasElement | null;\n\n    // 如果没有传入wh，或者是不受控制的canvas，那就用canvas的原始wh\n    let width = params.width;\n    let height = params.height;\n    if (width == null || height == null || !params.canvasControled) {\n      width = canvas.width;\n      height = canvas.height;\n    }\n\n    this.canvas = new NodeCanvas({\n      width: width,\n      height: height,\n      dpr: 1,\n      nativeCanvas: canvas,\n      canvasControled: params.canvasControled\n    });\n  }\n  releaseWindow(): void {\n    this.canvas.release();\n  }\n  resizeWindow(width: number, height: number): void {\n    this.canvas.resize(width, height);\n  }\n  setDpr(dpr: number): void {\n    this.canvas.dpr = dpr;\n  }\n\n  getContext(): IContext2d {\n    return this.canvas.getContext();\n  }\n  getNativeHandler(): ICanvas {\n    return this.canvas;\n  }\n  getDpr(): number {\n    return this.canvas.dpr;\n  }\n\n  getImageBuffer(type: string = 'image/png'): any {\n    const canvas = this.canvas.nativeCanvas;\n    return canvas.toBuffer(type);\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return true;\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return;\n  }\n\n  getStyle(): CSSStyleDeclaration | Record<string, any> {\n    return;\n  }\n  setStyle(style: CSSStyleDeclaration | Record<string, any>): void {\n    return;\n  }\n\n  getBoundingClientRect(): IDomRectLike {\n    return null;\n  }\n\n  clearViewBox(vb: IBoundsLike, color?: string): void {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/window/contributions/node-contribution.ts"],"names":[],"mappings":"","file":"node-contribution.js","sourcesContent":["// import { inject, injectable } from 'inversify';\n// import type {\n//   EnvType,\n//   IGlobal,\n//   IWindowHandlerContribution,\n//   IWindowParams,\n//   IContext2d,\n//   ICanvas,\n//   IDomRectLike\n// } from '@visactor/vrender';\n// import { Generator, Global, BaseWindowHandlerContribution } from '@visactor/vrender';\n// import { NodeCanvas } from '../../canvas/contributions/node/canvas';\n// import type { IBoundsLike } from '@visactor/vutils';\n\n// @injectable()\n// export class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n//   type: EnvType = 'node';\n\n//   canvas: ICanvas;\n//   get container(): HTMLElement | null {\n//     return null;\n//   }\n\n//   constructor(@inject(Global) private readonly global: IGlobal) {\n//     super();\n//   }\n\n//   getTitle(): string {\n//     return '';\n//   }\n\n//   getWH(): { width: number; height: number } {\n//     return {\n//       width: this.canvas.displayWidth,\n//       height: this.canvas.displayHeight\n//     };\n//   }\n\n//   getXY(): { x: number; y: number } {\n//     return { x: 0, y: 0 };\n//   }\n\n//   createWindow(params: IWindowParams): void {\n//     // 如果没有传入canvas，那么就创建一个canvas\n//     if (!params.canvas) {\n//       this.createWindowByConfig(params);\n//     } else {\n//       this.createWindowByCanvas(params);\n//     }\n//   }\n//   private createWindowByConfig(params: IWindowParams) {\n//     // 创建canvas\n//     const nativeCanvas = this.global.createCanvas({ width: params.width, height: params.height });\n\n//     // 绑定\n//     const options = {\n//       width: params.width,\n//       height: params.height,\n//       dpr: params.dpr,\n//       nativeCanvas,\n//       id: Generator.GenAutoIncrementId().toString(),\n//       canvasControled: true\n//     };\n//     this.canvas = new NodeCanvas(options);\n//   }\n//   private createWindowByCanvas(params: IWindowParams) {\n//     // 获取canvas\n//     const canvas = params!.canvas as HTMLCanvasElement | null;\n\n//     // 如果没有传入wh，或者是不受控制的canvas，那就用canvas的原始wh\n//     let width = params.width;\n//     let height = params.height;\n//     if (width == null || height == null || !params.canvasControled) {\n//       width = canvas.width;\n//       height = canvas.height;\n//     }\n\n//     this.canvas = new NodeCanvas({\n//       width: width,\n//       height: height,\n//       dpr: 1,\n//       nativeCanvas: canvas,\n//       canvasControled: params.canvasControled\n//     });\n//   }\n//   releaseWindow(): void {\n//     this.canvas.release();\n//   }\n//   resizeWindow(width: number, height: number): void {\n//     this.canvas.resize(width, height);\n//   }\n//   setDpr(dpr: number): void {\n//     this.canvas.dpr = dpr;\n//   }\n\n//   getContext(): IContext2d {\n//     return this.canvas.getContext();\n//   }\n//   getNativeHandler(): ICanvas {\n//     return this.canvas;\n//   }\n//   getDpr(): number {\n//     return this.canvas.dpr;\n//   }\n\n//   getImageBuffer(type: string = 'image/png'): any {\n//     const canvas = this.canvas.nativeCanvas;\n//     return canvas.toBuffer(type);\n//   }\n\n//   addEventListener<K extends keyof DocumentEventMap>(\n//     type: K,\n//     listener: (this: Document, ev: DocumentEventMap[K]) => any,\n//     options?: boolean | AddEventListenerOptions\n//   ): void;\n//   addEventListener(\n//     type: string,\n//     listener: EventListenerOrEventListenerObject,\n//     options?: boolean | AddEventListenerOptions\n//   ): void;\n//   addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n//     return;\n//   }\n\n//   dispatchEvent(event: any): boolean {\n//     return true;\n//   }\n\n//   removeEventListener<K extends keyof DocumentEventMap>(\n//     type: K,\n//     listener: (this: Document, ev: DocumentEventMap[K]) => any,\n//     options?: boolean | EventListenerOptions\n//   ): void;\n//   removeEventListener(\n//     type: string,\n//     listener: EventListenerOrEventListenerObject,\n//     options?: boolean | EventListenerOptions\n//   ): void;\n//   removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n//     return;\n//   }\n\n//   getStyle(): CSSStyleDeclaration | Record<string, any> {\n//     return;\n//   }\n//   setStyle(style: CSSStyleDeclaration | Record<string, any>): void {\n//     return;\n//   }\n\n//   getBoundingClientRect(): IDomRectLike {\n//     return null;\n//   }\n\n//   clearViewBox(vb: IBoundsLike, color?: string): void {\n//     return;\n//   }\n// }\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vrender-kits",
-  "version": "0.10.2",
+  "version": "0.11.0-alpha.1",
   "description": "",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -12,8 +12,8 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vrender": "0.10.2",
-    "@visactor/vutils": "0.9.0-alpha.2",
+    "@visactor/vrender": "0.11.0-alpha.1",
+    "@visactor/vutils": "~0.9.2-alpha.5",
     "@resvg/resvg-js": "2.4.1",
     "canvas": "2.11.2",
     "inversify": "6.0.1",