@aibee/owlly 1.0.25

package/lib/src/web/quattree.hyma.js

@@ -0,0 +1,150 @@
+// /* eslint-disable */
+// import * as THREE from 'three';
+// import konva from 'konva';
+// import Quadtree from '@timohausmann/quadtree-js';
+// import {
+//   Stage,
+//   AlignmentUtils,
+//   OrthographicView,
+//   SvgUtils,
+//   OrbitControl,
+//   // BasicController,
+//   BlockSet,
+//   PoiOverlay,
+//   SetExternal,
+// } from '../owlly';
+// SetExternal(THREE, { konva });
+// const stage = new Stage();
+// const container = document.getElementById('container');
+// // stage.setStatsEnabled(true);
+// // stage.setAxesEnabled(true);
+// if (container) {
+//   const view = new OrthographicView(container);
+//   view.setClearColor(0x000000, 0.5);
+//   stage.bindView(view);
+//   // console.log()
+//   const orbitController = new OrbitControl(view);
+//   orbitController.setDampingEnabled(false);
+//   orbitController.setZoomEnabled(true);
+//   orbitController.setZoomRange(0.01, 10);
+//   orbitController.setPanEnabled(true);
+//   // orbitController.setRotateMode('orbit');
+//   orbitController.setMouseControls({
+//     LEFT: THREE.MOUSE.PAN,
+//     MIDDLE: THREE.MOUSE.DOLLY,
+//     RIGHT: THREE.MOUSE.ROTATE,
+//   });
+//   // 设置后地图上下反转
+//   // 设置横向转动范围 地图转动 依然是 2D
+//   // orbitController.setAzimuthAngle(0);
+//   // 设置横向转动范围 转动 地图变得有厚度， 2.5D
+//   // orbitController.setPolarAngle(Math.PI / 5); // 设置纵向转动范围
+//   orbitController.setZoom(0.1);
+//   // orbitController.setDampingEnabled(false);
+//   // orbitController.setRotateEnabled(false);
+//   // orbitController.setRotateMode('orbit');
+//   stage.bindController(orbitController);
+//   const poiOverlay = new PoiOverlay();
+//   view.addOverlay(poiOverlay);
+//   const drawEle = (node: any) => {
+//     console.log('drawEle', node, node.bounds);
+//     // const paths = node.bounds.
+//     const x = node.bounds.x;
+//     const y = node.bounds.y;
+//     const width = node.bounds.width;
+//     const height = node.bounds.height;
+//     const box = document.createElement('div');
+//     box.style.position = 'absolute';
+//     box.style.zIndex = '1000';
+//     box.style.left = `${x}px`;
+//     box.style.top = `${y}px`;
+//     box.style.width = `${width}px`;
+//     box.style.height = `${height}px`;
+//     box.style.border = '1px solid blue';
+//     container.appendChild(box);
+//   };
+//   const traverse = (tree: Quadtree) => {
+//     // 先序遍历
+//     console.log('traverse', tree.name, tree.nodes, tree);
+//     drawEle(tree);
+//     tree.nodes.forEach((node: Quadtree) => {
+//       traverse(node);
+//     });
+//   };
+//   (window as any).init = async (): Promise<void> => {
+//     // const shapes = await SvgUtils.parseSVG(
+//     //   'imgs/K11-L1.svg', // 设置模型svg源
+//     //   [0.02, 0, 0, 0, 0, -0.02, 0, 0, 0, 0, 0, 0, -40, 40, 0, 1],
+//     // );
+//     // const blocks = new BlockSet(shapes);
+//     // stage.bindElement(blocks);
+//     const myTree = new Quadtree({
+//       x: 0,
+//       y: 0,
+//       width: 500,
+//       height: 500,
+//       data: 'root',
+//     }, 1, 4, 0, 'root');
+//     for (let i = 1; i < 3; i += 1) {
+//       const x2D = ((i * 20) / 500) * 2 - 1;
+//       const y2D = -((i * 20) / 500) * 2 + 1;
+//       console.log('x2D y2D', i * 20);
+//       view.camera.updateMatrixWorld();
+//       const nPos = new THREE.Vector3(x2D, y2D, 0).unproject(view.camera);
+//       // console.log('nPos', nPos);
+//       const x = nPos.x;
+//       const y = nPos.y;
+//       // const x = (Math.random() - 0.5) * 30;
+//       // const y = (Math.random() - 0.5) * 30;
+//       const pos = new THREE.Vector3(x, y, nPos.z);
+//       const poi = poiOverlay.createPoi(pos);
+//       const text = `这是第${i}个icon`;
+//       poi.setIconSize(20, 20);
+//       poi.setIconImage('./testPixel.png');
+//       // poi.setFontSize(12);
+//       const rect = {
+//         x: i * 20 - 10,
+//         y: i * 20 - 10,
+//         width: 20,
+//         height: 20,
+//         data: text,
+//       };
+//       // poi.setLabelText(text);
+//       myTree.insert(rect);
+//       // poi.setIconImage('/pointer.png'); // 设置标签图标
+//       // poi.setLabelAnchor('top');
+//       // poi.setLabelText(`这是第${i}个icon`);
+//     }
+//     // 怎么算???
+//     console.log('elements', myTree);
+//     traverse(myTree);
+//     // const indexs = myTree.getIndex({
+//     //   x: 0, y: 0, width: 37.5, height: 100,
+//     // });
+//     // 属于哪个块？
+//     const elements = myTree.retrieve({
+//       x: 100, y: 100, width: 10, height: 10,
+//     }); // 检索所在的块 并 输出所在块 完全包含 / 部分包含的 objs
+//     console.log('elements', elements);
+//     // 怎么peng
+//     // 怎么画正方形?
+//     // 得到2D -> 3D 的映射关系
+//     // [0, 0] => [-1, 1]
+//     // [500, 500] => [1, -1]
+//     // screenX / containerX * 2 - 1
+//     // - (screenY / containerY) * 2 + 1
+//     //
+//     // myTree 可视化怎么做
+//     // for (let i = 10; i < 20; i += 1) {
+//     //   const poi = poiOverlay.createPoi(new THREE.Vector3((Math.random() - 0.5) * 30, (Math.random() - 0.5) * 30, 0));
+//     //   poi.setLabelText(`${i}`);
+//     //   poi.setCollision(true);
+//     //   // poi.setLabelOffset(0, 7);
+//     // }
+//   };
+//   (window as any).view = view;
+//   (window as any).AlignmentUtils = AlignmentUtils;
+// }
+// (window as any).stage = stage;
+// (window as any).init();
+//# sourceMappingURL=quattree.hyma.js.map

package/lib/src/web/quattree.hyma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quattree.hyma.js","sourceRoot":"","sources":["../../../src/web/quattree.hyma.ts"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,kCAAkC;AAClC,6BAA6B;AAC7B,oDAAoD;AACpD,WAAW;AACX,WAAW;AACX,oBAAoB;AACpB,sBAAsB;AACtB,cAAc;AACd,kBAAkB;AAClB,wBAAwB;AACxB,cAAc;AACd,gBAAgB;AAChB,iBAAiB;AACjB,qBAAqB;AAErB,iCAAiC;AACjC,6BAA6B;AAC7B,0DAA0D;AAE1D,kCAAkC;AAClC,iCAAiC;AAEjC,mBAAmB;AACnB,kDAAkD;AAClD,uCAAuC;AAEvC,0BAA0B;AAE1B,qBAAqB;AAErB,oDAAoD;AACpD,8CAA8C;AAC9C,0CAA0C;AAC1C,4CAA4C;AAC5C,yCAAyC;AACzC,+CAA+C;AAC/C,uCAAuC;AACvC,6BAA6B;AAC7B,iCAAiC;AACjC,iCAAiC;AACjC,QAAQ;AACR,iBAAiB;AACjB,4BAA4B;AAC5B,2CAA2C;AAC3C,iCAAiC;AACjC,+DAA+D;AAC/D,kCAAkC;AAClC,iDAAiD;AACjD,gDAAgD;AAChD,+CAA+C;AAC/C,2CAA2C;AAE3C,yCAAyC;AACzC,iCAAiC;AAEjC,qCAAqC;AACrC,iDAAiD;AACjD,oCAAoC;AACpC,+BAA+B;AAC/B,+BAA+B;AAC/B,uCAAuC;AACvC,yCAAyC;AACzC,iDAAiD;AACjD,uCAAuC;AACvC,iCAAiC;AACjC,iCAAiC;AACjC,gCAAgC;AAChC,sCAAsC;AACtC,wCAAwC;AACxC,2CAA2C;AAC3C,kCAAkC;AAClC,OAAO;AACP,2CAA2C;AAC3C,cAAc;AACd,4DAA4D;AAC5D,qBAAqB;AACrB,+CAA+C;AAC/C,wBAAwB;AACxB,UAAU;AACV,OAAO;AAEP,wDAAwD;AACxD,iDAAiD;AACjD,0CAA0C;AAC1C,uEAAuE;AACvE,YAAY;AAEZ,8CAA8C;AAC9C,oCAAoC;AACpC,oCAAoC;AACpC,cAAc;AACd,cAAc;AACd,oBAAoB;AACpB,qBAAqB;AACrB,sBAAsB;AACtB,2BAA2B;AAE3B,uCAAuC;AACvC,8CAA8C;AAC9C,+CAA+C;AAC/C,wCAAwC;AACxC,yCAAyC;AACzC,4EAA4E;AAC5E,sCAAsC;AACtC,0BAA0B;AAC1B,0BAA0B;AAC1B,iDAAiD;AACjD,iDAAiD;AACjD,qDAAqD;AACrD,+CAA+C;AAC/C,qCAAqC;AACrC,iCAAiC;AACjC,6CAA6C;AAC7C,gCAAgC;AAChC,uBAAuB;AACvB,0BAA0B;AAC1B,0BAA0B;AAC1B,qBAAqB;AACrB,sBAAsB;AACtB,sBAAsB;AACtB,WAAW;AACX,mCAAmC;AACnC,6BAA6B;AAC7B,uDAAuD;AACvD,sCAAsC;AACtC,6CAA6C;AAC7C,QAAQ;AACR,gBAAgB;AAChB,uCAAuC;AACvC,wBAAwB;AACxB,0CAA0C;AAC1C,iDAAiD;AACjD,aAAa;AACb,gBAAgB;AAChB,yCAAyC;AACzC,+CAA+C;AAC/C,8CAA8C;AAC9C,yCAAyC;AACzC,gBAAgB;AAChB,iBAAiB;AACjB,0BAA0B;AAC1B,2BAA2B;AAC3B,+BAA+B;AAC/B,sCAAsC;AACtC,0CAA0C;AAC1C,SAAS;AAET,uBAAuB;AAEvB,4CAA4C;AAC5C,2HAA2H;AAC3H,qCAAqC;AACrC,mCAAmC;AACnC,wCAAwC;AACxC,WAAW;AACX,OAAO;AAEP,iCAAiC;AACjC,qDAAqD;AACrD,IAAI;AACJ,iCAAiC;AACjC,0BAA0B"}

package/lib/src/web/sensor-vr-plugin.js

@@ -0,0 +1,166 @@
+// /* eslint-disable */
+// import { EventHub, Events, Placeable2D, DOMLabel2D, Poi } from "../owlly";
+// class SensorVRPlugin {
+//   sensors: any;
+//   product: string;
+//   eventHub: typeof EventHub;
+//   listeners: { [key: string]: Function };
+//   vrId: string;
+//   pendingVrId: string | null;
+//   // session: string;
+//   queue: any[];
+//   env: string;
+//   inPathMovement: boolean;
+//   currentPanoramaId: number;
+//   moveType: string;
+//   timer: Date;
+//   constructor(sensors: any, product: string, eventHub: typeof EventHub, vrId: string, env = 'development') {
+//     this.sensors = sensors;
+//     this.product = product;
+//     this.eventHub = eventHub;
+//     this.vrId = vrId;
+//     // this.pendingVrId = vrId;
+//     // TODO: change this to uuid generator
+//     // this.session = [...Array(20)].map(i=>(~~(Math.random()*36)).toString(36)).join('');
+//     this.env = env;
+//     this.moveType = 'click';
+//     this.queue = [];
+//     this.listeners = {
+//       onClickPanorama: () => { this.onClickPanorama(); },
+//       // onWillLoadPanorama: () => { this.onWillLoadPanorama(); },
+//       // onDidLoadPanorama: () => { this.onDidLoadPanorama(); },
+//       // onWillMoveToPanorama: () => { this.onWillMoveToPanorama(); },
+//       onMoveToPanorama: (pid: number, pano: any, modelChanged: boolean) => {
+//         this.onMoveToPanorama(pid, modelChanged);
+//       },
+//       onElementSelected: (element: Element) => { this.onElementSelected(element); },
+//       onPoiUp: (element: Poi) => { this.onPoiUp(element); },
+//       onPathMovementStart: () => { this.onPathMovementStart(); },
+//       onPathMovementCompleted: () => { this.onPathMovementCompleted(); },
+//       // onElementLoaded: () => { this.onElementLoaded(); },
+//     };
+//     this.registerEvents();
+//   }
+//   registerEvents() {
+//     EventHub.on(Events.CLICK_PANORAMA, this.listeners.onClickPanorama);
+//     // EventHub.on(Events.WILL_LOAD_PANORAMA, this.listeners.onWillLoadPanorama);
+//     // EventHub.on(Events.DID_LOAD_PANORAMA, this.listeners.onDidLoadPanorama);
+//     // EventHub.on(Events.WILL_MOVE_TO_PANORAMA, this.listeners.onWillMoveToPanorama);
+//     EventHub.on(Events.MOVE_TO_PANORAMA, this.listeners.onMoveToPanorama);
+//     EventHub.on(Events.ELEMENT_SELECTED, this.listeners.onElementSelected);
+//     EventHub.on(Events.POI_CLICKED, this.listeners.onPoiUp);
+//     EventHub.on(Events.PATH_MOVEMENT_START, this.listeners.onPathMovementStart);
+//     EventHub.on(Events.PATH_MOVEMENT_COMPLETED, this.listeners.onPathMovementCompleted);
+//     // EventHub.on('o/element-loaded', this.listeners.onElementLoaded);
+//   }
+//   unregisterEvents() {
+//     EventHub.off(Events.CLICK_PANORAMA, this.listeners.onClickPanorama);
+//     // EventHub.off(Events.WILL_LOAD_PANORAMA, this.listeners.onWillLoadPanorama);
+//     // EventHub.off(Events.DID_LOAD_PANORAMA, this.listeners.onDidLoadPanorama);
+//     // EventHub.off(Events.WILL_MOVE_TO_PANORAMA, this.listeners.onWillMoveToPanorama);
+//     EventHub.off(Events.MOVE_TO_PANORAMA, this.listeners.onMoveToPanorama);
+//     EventHub.off(Events.ELEMENT_SELECTED, this.listeners.onElementSelected);
+//     EventHub.off(Events.POI_UP, this.listeners.onPoiUp);
+//     EventHub.off(Events.PATH_MOVEMENT_START, this.listeners.onPathMovementStart);
+//     EventHub.off(Events.PATH_MOVEMENT_COMPLETED, this.listeners.onPathMovementCompleted);
+//     // EventHub.off('o/element-loaded', this.listeners.onElementLoaded);
+//   }
+//   destroy() {
+//     this.unregisterEvents();
+//   }
+//   setPendingVRId(vrId: string) {
+//     this.pendingVrId = vrId;
+//   }
+//   /* event listeners */
+//   onClickPanorama() {
+//     // console.log('on click panorama');
+//     this.moveType = 'click';
+//   }
+//   // onWillLoadPanorama() {
+//   //   // console.log('on will load panorama');
+//   // }
+//   // onDidLoadPanorama() {
+//   //   // console.log('on did load panorama');
+//   // }
+//   // onWillMoveToPanorama() {
+//   //   // console.log('on will move to panorama');
+//   // }
+//   onMoveToPanorama(pid: number, modelChanged: boolean) {
+//     if (this.currentPanoramaId && !this.inPathMovement) {
+//       const currentTime = new Date();
+//       const timeDiff = currentTime.getTime() - this.timer.getTime();
+//       this.logEvent('VR_SDK__Panorama_Stay', { VR_SDK__pid: this.currentPanoramaId, VR_SDK__stay_time: timeDiff });
+//       this.timer = currentTime;
+//     }
+//     if (modelChanged) {
+//       if (this.pendingVrId) this.vrId = this.pendingVrId;
+//       this.logEvent('VR_SDK__Enter_Vr');
+//       this.pendingVrId = null;
+//     }
+//     this.currentPanoramaId = pid;
+//     this.logEvent(
+//       'VR_SDK__Panorama_Changed',
+//       { VR_SDK__pid: this.currentPanoramaId, VR_SDK__move_type: this.moveType },
+//     );
+//     if (!this.timer) this.timer = new Date();
+//   }
+//   onElementSelected(element: Element) {
+//     // console.log('on element selected', element);
+//     if (!element || !(element instanceof Placeable2D || element instanceof DOMLabel2D)) return;
+//     let labelType = 'unknown';
+//     if (element instanceof Placeable2D) labelType = 'placeable2d';
+//     if (element instanceof DOMLabel2D) labelType = 'domLabel2d';
+//     this.logEvent(
+//       'VR_SDK__Label_Click',
+//       {
+//         VR_SDK__pid: this.currentPanoramaId,
+//         VR_SDK__label_id: element.labelID,
+//         VR_SDK__label_type: labelType,
+//       },
+//     );
+//   }
+//   onPoiUp(element: Poi) {
+//     // console.log('on poi up');
+//     if (!element || !(element instanceof Poi)) return;
+//     this.logEvent(
+//       'VR_SDK__Label_Click',
+//       {
+//         VR_SDK__pid: this.currentPanoramaId,
+//         VR_SDK__label_id: element.poiId,
+//         VR_SDK__label_type: 'poi',
+//       },
+//     );
+//   }
+//   onPathMovementStart() {
+//     // console.log('on path movement start');
+//     const currentTime = new Date();
+//     const timeDiff = currentTime.getTime() - this.timer.getTime();
+//     this.logEvent('VR_SDK__Panorama_Stay', { VR_SDK__pid: this.currentPanoramaId, VR_SDK__stay_time: timeDiff });
+//     this.inPathMovement = true;
+//     this.moveType = 'path';
+//   }
+//   onPathMovementCompleted() {
+//     // console.log('on path movement completed');
+//     this.timer = new Date();
+//     this.inPathMovement = false;
+//     this.moveType = 'click';
+//   }
+//   // onElementLoaded() {
+//   //   // console.log('on element loaded');
+//   // }
+//   /* Sensor */
+//   logEvent(eventName: string, params?: any) {
+//     if (!this.vrId) return;
+//     this.sensors.track(
+//       eventName,
+//       {
+//         product: this.product,
+//         env: this.env,
+//         VR_SDK_vr_id: this.vrId,
+//         ...(params || {}),
+//       },
+//     );
+//   }
+// }
+// export default SensorVRPlugin;
+//# sourceMappingURL=sensor-vr-plugin.js.map

package/lib/src/web/sensor-vr-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sensor-vr-plugin.js","sourceRoot":"","sources":["../../../src/web/sensor-vr-plugin.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,142 @@
+{
+  "name": "@aibee/owlly",
+  "version": "1.0.25",
+  "main": "lib/src/owlly/index.js",
+  "module": "lib/src/owlly/index.js",
+  "types": "lib/src/owlly/index.d.ts",
+  "author": "jyfang",
+  "repository": {
+    "type": "git",
+    "url": "https://code.aibee.cn/ued/owlly"
+  },
+  "keywords": [
+    "vr",
+    "vrScene",
+    "owlly",
+    "owlly.js",
+    "owlly-js",
+    "three",
+    "three.js",
+    "three-js"
+  ],
+  "scripts": {
+    "build": "yarn build-esm && yarn build-cjs && yarn build-iife && yarn build-miniapp && rm -rf lib/prod/src/web",
+    "build:prod": "yarn build-esm:prod && yarn build-cjs:prod && yarn build-iife:prod && yarn build-miniapp:prod && rm -rf lib/prod/src/web",
+    "build-esm": "rollup -c --environment NODE_ENV:production,X_FORMAT:\"esm\"",
+    "build-esm:prod": "rollup -c --environment NODE_ENV:production,X_MINIFY:true,X_FORMAT:\"esm\"",
+    "build-cjs": "rollup -c --environment NODE_ENV:production,X_FORMAT:\"esm\"",
+    "build-cjs:prod": "rollup -c --environment NODE_ENV:production,X_MINIFY:true,X_FORMAT:\"esm\"",
+    "build-iife": "rollup -c --environment NODE_ENV:production,X_FORMAT:\"iife\" && grunt --gruntfile Gruntfile.iife.js",
+    "build-iife:prod": "rollup -c --environment NODE_ENV:production,X_MINIFY:true,X_FORMAT:\"iife\" && grunt --gruntfile Gruntfile.iife.min.js",
+    "build-miniapp": "rollup -c --environment NODE_ENV:production,X_MINIAPP:true,X_FORMAT:\"iife\" && grunt",
+    "build-miniapp:prod": "rollup -c --environment NODE_ENV:production,X_MINIAPP:true,X_MINIFY:true,X_FORMAT:\"iife\" && grunt --gruntfile Gruntfile.min.js",
+    "build:lib": "tsc --project tsconfig.json --outDir lib -t es6 --lib es2019,dom --downlevelIteration && rm -rf lib/src/web",
+    "build:all": "yarn build:prod && yarn build:lib",
+    "lint": "eslint --max-warnings=0 \"src/**/*.ts\"",
+    "lint:fix": "eslint --fix --max-warnings=0 \"src/**/*.ts\"",
+    "doc": "typedoc src",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "publish:npm": "npm publish --access public --registry https://registry.npmjs.org --@aibee:registry=https://registry.npmjs.org"
+  },
+  "devDependencies": {
+    "@aibee/jest-webgl-canvas-mock": "^0.0.1",
+    "@babel/core": "^7.7.7",
+    "@babel/preset-env": "^7.7.7",
+    "@bazel/bazel": "^1.1.0",
+    "@bazel/ibazel": "^0.10.3",
+    "@bazel/typescript": "^0.40.0",
+    "@rollup/plugin-node-resolve": "^7.1.1",
+    "@types/jest": "^24.0.24",
+    "@types/jquery": "^3.3.31",
+    "@types/node": "^12.12.11",
+    "@types/stats.js": "^0.17.0",
+    "@typescript-eslint/eslint-plugin": "^2.18.0",
+    "@typescript-eslint/parser": "^2.7.0",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^24.9.0",
+    "commitizen": "^4.2.1",
+    "cz-emoji": "^1.2.2",
+    "eslint": "^6.6.0",
+    "eslint-config-airbnb-base": "^14.0.0",
+    "eslint-import-resolver-typescript": "^2.0.0",
+    "eslint-plugin-import": "^2.18.2",
+    "grunt": "^1.3.0",
+    "grunt-contrib-concat": "^1.0.1",
+    "husky": "^3.1.0",
+    "jest": "^24.9.0",
+    "jquery": "^3.4.1",
+    "rollup": "^1.25.2",
+    "rollup-plugin-bundle-html": "^0.2.2",
+    "rollup-plugin-clear": "^2.0.7",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-copy": "^3.1.0",
+    "rollup-plugin-filesize": "^6.2.1",
+    "rollup-plugin-livereload": "^1.0.4",
+    "rollup-plugin-re": "^1.0.7",
+    "rollup-plugin-serve": "^1.0.1",
+    "rollup-plugin-terser": "^5.1.2",
+    "rollup-plugin-typescript2": "^0.25.3",
+    "rollup-plugin-visualizer": "^4.2.2",
+    "ts-jest": "^24.2.0",
+    "typedoc": "^0.15.5",
+    "typedoc-plugin-no-inherit": "1.1.10",
+    "typescript": "^3.9.9"
+  },
+  "dependencies": {
+    "@aibee/snapsvg": "^0.5.5",
+    "@turf/turf": "^6.5.0",
+    "@tweenjs/tween.js": "^18.4.2",
+    "@types/bezier-js": "^0.0.8",
+    "@types/color": "^3.0.1",
+    "@types/earcut": "^2.1.0",
+    "@types/gl-matrix": "^2.4.5",
+    "@types/lodash": "^4.14.150",
+    "@types/snapsvg": "^0.5.0",
+    "@types/three": "^0.127.1",
+    "@types/tween.js": "^17.2.0",
+    "@types/uuid-js": "^0.7.2",
+    "axios": "^0.19.0",
+    "bezier-js": "^2.5.1",
+    "chaikin-smooth": "^1.0.4",
+    "color": "^3.1.2",
+    "earcut": "^2.2.2",
+    "gl-matrix": "^3.1.0",
+    "global": "^4.4.0",
+    "konva": "^4.2.0",
+    "lodash": "^4.17.15",
+    "polygon-clipping": "^0.14.3",
+    "stats.js": "^0.17.0",
+    "svgson": "^4.0.0",
+    "three": "^0.127.0",
+    "uuid-js": "^0.7.5"
+  },
+  "optionalDependencies": {
+    "vconsole": "^3.7.0"
+  },
+  "husky": {
+    "hooks": {
+      "pre-push": "yarn lint",
+      "prepare-commit-msg": "exec < /dev/tty && git cz --hook || true"
+    }
+  },
+  "publishConfig": {
+    "registry": "https://npm.aibee.cn/"
+  },
+  "files": [
+    "lib/*",
+    "src/**/*"
+  ],
+  "config": {
+    "commitizen": {
+      "path": "cz-emoji"
+    },
+    "cz-emoji": {
+      "skipQuestions": [
+        "scope",
+        "issues"
+      ],
+      "symbol": true
+    }
+  }
+}

package/src/@types/SceneUtils.d.ts

@@ -0,0 +1,9 @@
+import 'three/examples/jsm/utils/SceneUtils.js';
+import { BufferGeometry, Material, Group } from 'three';
+
+declare module 'SceneUtils' {
+  export function createMultiMaterialObject (
+      geometry: BufferGeometry,
+      materials: Array<Material>
+    ): Group;
+  }

package/src/@types/chaikin-smooth.d.ts

@@ -0,0 +1,5 @@
+declare function smooth(input: [number, number][], output? : [number, number][]): [number, number][];
+
+declare module 'chaikin-smooth' {
+  export = smooth;
+}

package/src/@types/global.d.ts

@@ -0,0 +1,3 @@
+declare let JSMpeg: {
+  Player: any; //eslint-disable-line
+};

package/src/@types/snapsvg.d.ts

@@ -0,0 +1,11 @@
+import '@aibee/snapsvg';
+
+declare module '@aibee/snapsvg' {
+  interface TransformationDescriptor {
+    totalMatrix: Matrix;
+    total: string;
+  }
+  interface Element {
+    attr(): any; // eslint-disable-line @typescript-eslint/no-explicit-any
+  }
+}

package/src/@types/svgson.d.ts

@@ -0,0 +1,30 @@
+declare module 'svgson' {
+  interface TransformNode {
+    (node: object): void;
+  }
+
+  export function parse(
+    input: string,
+    options?: {
+      compat: boolean;
+      camelcase: boolean;
+      transformNode: TransformNode;
+    },
+  ): Promise<object>;
+
+  export function parseSync(
+    input: string,
+    options?: {
+      compat: boolean;
+      camelcase: boolean;
+      transformNode: TransformNode;
+    },
+  ): object;
+
+  export function stringify(
+    ast: object,
+    options?: {
+      selfClose: boolean;
+    },
+  ): string;
+}

package/src/external/lines/line-geometry.ts

@@ -0,0 +1,70 @@
+/* eslint-disable max-len, no-continue, @typescript-eslint/no-explicit-any, no-underscore-dangle, func-names, @typescript-eslint/no-this-alias, no-console, consistent-return, no-param-reassign, no-shadow */
+import { LineSegmentsGeometry } from './line-segments-geometry';
+
+class LineGeometry extends LineSegmentsGeometry {
+  isLineGeometry: true;
+
+  constructor() {
+    super();
+    this.type = 'LineGeometry';
+  }
+
+  setPositions(array: any[]): any {
+    // converts [ x1, y1, z1,  x2, y2, z2, ... ] to pairs format
+
+    const length = array.length - 3;
+    const points = new Float32Array(2 * length);
+
+    for (let i = 0; i < length; i += 3) {
+      points[2 * i] = array[i];
+      points[2 * i + 1] = array[i + 1];
+      points[2 * i + 2] = array[i + 2];
+
+      points[2 * i + 3] = array[i + 3];
+      points[2 * i + 4] = array[i + 4];
+      points[2 * i + 5] = array[i + 5];
+    }
+
+    super.setPositions(points);
+
+    return this;
+  }
+
+  setColors(array: any[]): any {
+    // converts [ r1, g1, b1,  r2, g2, b2, ... ] to pairs format
+
+    const length = array.length - 3;
+    const colors = new Float32Array(2 * length);
+
+    for (let i = 0; i < length; i += 3) {
+      colors[2 * i] = array[i];
+      colors[2 * i + 1] = array[i + 1];
+      colors[2 * i + 2] = array[i + 2];
+
+      colors[2 * i + 3] = array[i + 3];
+      colors[2 * i + 4] = array[i + 4];
+      colors[2 * i + 5] = array[i + 5];
+    }
+
+    super.setColors(colors);
+
+    return this;
+  }
+
+  fromLine(line: any): any {
+    const { geometry } = line;
+
+    if (geometry.isGeometry) {
+      console.error('THREE.LineGeometry no longer supports Geometry. Use THREE.BufferGeometry instead.');
+      return;
+    } if (geometry.isBufferGeometry) {
+      this.setPositions(geometry.attributes.position.array); // assumes non-indexed
+    }
+
+    // set colors, maybe
+
+    return this;
+  }
+}
+
+export { LineGeometry };