@soonspacejs/plugin-soonmanager2-sync 2.13.17 → 2.14.1

package/dist/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * @deprecated 使用 plugin-cps-soonmanager 替代
- */
-import SoonSpace from 'soonspacejs';
-import type { TopologyInfo } from 'soonspacejs';
+import { default as SoonSpace, TopologyInfo } from 'soonspacejs';
 import { IMetadata, ITreeData, ITopologyPath, ILoadSceneOptions, TPropertiesMap, TAnimationsMap, IPlayAnimationByIdOptions, TModelVisionsMap } from './types';
 declare class Soonmanager2SyncPlugin {
     readonly ssp: SoonSpace;

package/dist/index.esm.js

@@ -1 +1,258 @@
-const t="/SceneMetadata.json",a="/db/sign",e="/db/tree_models.json",s="/db/topology_paths.json",o="/db/properties.json",i="/db/animations.json",n="/db/model_visions.json",r="properties";var l;!function(t){t[t.BIDIRECTION=0]="BIDIRECTION",t[t.POSITIVE=1]="POSITIVE",t[t.OPPOSITE=2]="OPPOSITE",t[t.FORBID=3]="FORBID"}(l||(l={}));class c{get path(){return this._path}set path(t){this._path=t}constructor(t){this.ssp=t,this._path="",this.metaData=null,this.treeData=null,this.topologyData=null,this.propertiesData=null,this.animationsData=null,this.modelVisionsData=null}_resolvePath(t){return`${this._path}${t}`}async _fetchData(t){const{utils:a}=this.ssp;return a.fetchFile(this._resolvePath(t),"json")}async fetchMetaData(){return this._fetchData(t)}async fetchTreeData(){return this._fetchData(e)}async fetchTopologyData(){return this._fetchData(s).then(t=>{const a={linkWidth:.1,linkColor:["#00ff00"],nodeRadius:.05,nodeColor:"#0000ff"};return t.map(t=>{const e=Object.assign(Object.assign({},a),t);return e.imgUrl&&(e.imgUrl=`${this.path}${e.imgUrl}`),e})})}async fetchPropertiesData(){return this._fetchData(o).then(t=>h(t,"modelId"))}async fetchAnimationsData(){return this._fetchData(i).then(t=>h(t,"modelId"))}async fetchModelVisionsData(){return this._fetchData(n).then(t=>new Map(Object.entries(t)))}async loadObjects(t){if(!this.treeData)return void console.error("treeData is null");const{syncProperties:a}=t,e=async(t,s)=>{const{ssp:o}=this,{THREE:{Matrix4:i}}=o,{id:n,name:l,renderType:c,path:h,matrix:d}=t,p=(new i).fromArray(d);let y=null;if("3D"===c)if(h)try{const a=Object.assign({},t);Reflect.deleteProperty(a,"children");const e=h.replaceAll(/#/g,"%23");y=await o.loadModel({id:n,name:l,url:this._resolvePath(e),userData:a})}catch(t){console.error(t)}else o.utils.warn(`id: ${n} path 为空`);else"GROUP"!==c&&"STUB"!==c||(y=o.createGroup({id:n,name:l,userData:Object.assign({},t)}));if(y&&(p.decompose(y.position,y.quaternion,y.scale),s&&o.addObject(y,s),a&&this.propertiesData)){const t=this.propertiesData.get(n);t&&(y.userData[r]=t)}t.children.length>0&&await Promise.allSettled(t.children.map(t=>e(t,y)))};await Promise.allSettled(this.treeData.map(t=>e(t,null)))}setPath(t){this.path=t}async loadScene(t={}){t=Object.assign({syncProperties:!0,syncModelVisions:!0,needsModelsBoundsTree:!0},t),await Promise.allSettled([(async()=>{t.syncProperties&&(this.propertiesData=await this.fetchPropertiesData())})(),(async()=>{t.syncModelVisions&&(this.modelVisionsData=await this.fetchModelVisionsData())})()]),this.treeData=await this.fetchTreeData(),await this.loadObjects(t),t.needsModelsBoundsTree&&this.ssp.computeModelsBoundsTree()}async getTopologies(){return this.topologyData=await this.fetchTopologyData(),this.topologyData}async playAnimationById(t,a=0,e={}){const{utils:{error:s},animation:o,THREE:i}=this.ssp,{onStart:n,onUpdate:r}=e;this.animationsData||(this.animationsData=await this.fetchAnimationsData());const l=this.ssp.getObjectById(t);if(!l)return void s(`playAnimationById: id 为 ${t} 场景对象未找到`);const c=this.animationsData.get(t);if(c){const e=c[a];if(e)for(let t=0,a=e.keyframes.length;t<a;t++){let a;if(e.keyframes[t-1]){const s=e.keyframes[t-1];a={x:s.x,y:s.y,z:s.z,rotationX:s.rotationX,rotationY:s.rotationY,rotationZ:s.rotationZ,scaleX:s.scaleX,scaleY:s.scaleY,scaleZ:s.scaleZ}}else{const t=new i.Object3D,e=(new i.Matrix4).fromArray(l.userData.matrix);t.applyMatrix4(e),a={x:t.position.x,y:t.position.y,z:t.position.z,rotationX:t.rotation.x,rotationY:t.rotation.y,rotationZ:t.rotation.z,scaleX:t.scale.x,scaleY:t.scale.y,scaleZ:t.scale.z}}const s=e.keyframes[t],{delay:c,duration:h,easing:d,repeat:p,yoyo:y}=s,u={x:s.x,y:s.y,z:s.z,rotationX:s.rotationX,rotationY:s.rotationY,rotationZ:s.rotationZ,scaleX:s.scaleX,scaleY:s.scaleY,scaleZ:s.scaleZ};await o(a,u,{delay:c,duration:h,mode:d,repeat:-1===p?1/0:p,yoyo:y},(t,a)=>{l.position.set(t.x,t.y,t.z),l.rotation.set(t.rotationX,t.rotationY,t.rotationZ),l.scale.set(t.scaleX,t.scaleY,t.scaleZ),null==r||r(t,a)},t=>{null==n||n(t)})}else s(`id: ${t} 未找到索引为 ${a} 的动画`)}else s(`id: ${t} 未找到动画`)}}function h(t,a){const e=new Map;return t.reduce((t,e)=>{const s=t.get(e[a]);return s?s.push(e):t.set(e[a],[e]),t},e),e}export{i as ANIMATIONS_DATA_FILE_PATH,t as META_DATA_FILE_PATH,n as MODEL_VISIONS_DATA_FILE_PATH,o as PROPERTIES_DATA_FLEE_PATH,r as PROPERTIES_KEY,a as SIGN_PATH,s as TOPOLOGY_DATA_FILE_PATH,e as TREE_DATA_FILE_PATH,c as default};
+const I = "/SceneMetadata.json", Y = "/db/sign", w = "/db/tree_models.json", x = "/db/topology_paths.json", j = "/db/properties.json", O = "/db/animations.json", b = "/db/model_visions.json", S = "properties";
+class X {
+  constructor(t) {
+    this.ssp = t;
+  }
+  _path = "";
+  get path() {
+    return this._path;
+  }
+  set path(t) {
+    this._path = t;
+  }
+  /**
+   * 场景元数据
+   */
+  metaData = null;
+  /**
+   * 模型树
+   */
+  treeData = null;
+  /**
+   * 拓扑路径
+   */
+  topologyData = null;
+  /**
+   * 自定义属性
+   */
+  propertiesData = null;
+  /**
+   * 动画
+   */
+  animationsData = null;
+  /**
+   * 模型视角
+   */
+  modelVisionsData = null;
+  _resolvePath(t) {
+    return `${this._path}${t}`;
+  }
+  async _fetchData(t) {
+    const { utils: i } = this.ssp;
+    return i.fetchFile(this._resolvePath(t), "json");
+  }
+  /**
+   * 获取场景元数据
+   */
+  async fetchMetaData() {
+    return this._fetchData(I);
+  }
+  /**
+   * 获取场景树
+   * @returns 
+   */
+  async fetchTreeData() {
+    return this._fetchData(w);
+  }
+  /**
+   * 获取拓扑路径
+   * @returns 
+   */
+  async fetchTopologyData() {
+    return this._fetchData(x).then((t) => {
+      const i = {
+        linkWidth: 0.1,
+        linkColor: ["#00ff00"],
+        nodeRadius: 0.05,
+        nodeColor: "#0000ff"
+      };
+      return t.map((n) => {
+        const e = { ...i, ...n };
+        return e.imgUrl && (e.imgUrl = `${this.path}${e.imgUrl}`), e;
+      });
+    });
+  }
+  /**
+   * 获取自定义属性
+   * @returns 
+   */
+  async fetchPropertiesData() {
+    return this._fetchData(j).then((t) => A(t, "modelId"));
+  }
+  /**
+   * 获取动画
+   * @returns 
+   */
+  async fetchAnimationsData() {
+    return this._fetchData(O).then((t) => A(t, "modelId"));
+  }
+  /**
+   * 获取模型视角
+   * @returns 
+   */
+  async fetchModelVisionsData() {
+    return this._fetchData(b).then((t) => new Map(Object.entries(t)));
+  }
+  /**
+   * 加载场景树中的对象
+   */
+  async loadObjects(t) {
+    if (!this.treeData) {
+      console.error("treeData is null");
+      return;
+    }
+    const { syncProperties: i } = t, n = async (e, h) => {
+      const { ssp: r } = this, { THREE: { Matrix4: f } } = r, { id: d, name: l, renderType: y, path: c, matrix: p } = e, D = new f().fromArray(p);
+      let o = null;
+      if (y === "3D")
+        if (c)
+          try {
+            const s = { ...e };
+            Reflect.deleteProperty(s, "children");
+            const m = c.replaceAll(/#/g, "%23");
+            o = await r.loadModel({
+              id: d,
+              name: l,
+              url: this._resolvePath(m),
+              userData: s
+            });
+          } catch (s) {
+            console.error(s);
+          }
+        else
+          r.utils.warn(`id: ${d} path 为空`);
+      else (y === "GROUP" || y === "STUB") && (o = r.createGroup({
+        id: d,
+        name: l,
+        userData: { ...e }
+      }));
+      if (o && (D.decompose(o.position, o.quaternion, o.scale), h && r.addObject(o, h), i && this.propertiesData)) {
+        const s = this.propertiesData.get(d);
+        s && (o.userData[S] = s);
+      }
+      e.children.length > 0 && await Promise.allSettled(e.children.map((s) => n(s, o)));
+    };
+    await Promise.allSettled(this.treeData.map((e) => n(e, null)));
+  }
+  /**
+   * 设置 path
+   * @param path 
+   */
+  setPath(t) {
+    this.path = t;
+  }
+  /**
+   * 同步场景树
+   */
+  async loadScene(t = {}) {
+    t = {
+      syncProperties: !0,
+      syncModelVisions: !0,
+      needsModelsBoundsTree: !0,
+      ...t
+    }, await Promise.allSettled([
+      (async () => {
+        t.syncProperties && (this.propertiesData = await this.fetchPropertiesData());
+      })(),
+      (async () => {
+        t.syncModelVisions && (this.modelVisionsData = await this.fetchModelVisionsData());
+      })()
+    ]), this.treeData = await this.fetchTreeData(), await this.loadObjects(t), t.needsModelsBoundsTree && this.ssp.computeModelsBoundsTree();
+  }
+  /**
+   * 获取拓扑路径列表
+   */
+  async getTopologies() {
+    return this.topologyData = await this.fetchTopologyData(), this.topologyData;
+  }
+  /**
+   * 播放动画
+   */
+  async playAnimationById(t, i = 0, n = {}) {
+    const { utils: { error: e }, animation: h, THREE: r } = this.ssp, { onStart: f, onUpdate: d } = n;
+    this.animationsData || (this.animationsData = await this.fetchAnimationsData());
+    const l = this.ssp.getObjectById(t);
+    if (!l) {
+      e(`playAnimationById: id 为 ${t} 场景对象未找到`);
+      return;
+    }
+    const y = this.animationsData.get(t);
+    if (y) {
+      const c = y[i];
+      if (c)
+        for (let p = 0, D = c.keyframes.length; p < D; p++) {
+          let o;
+          if (c.keyframes[p - 1]) {
+            const a = c.keyframes[p - 1];
+            o = {
+              x: a.x,
+              y: a.y,
+              z: a.z,
+              rotationX: a.rotationX,
+              rotationY: a.rotationY,
+              rotationZ: a.rotationZ,
+              scaleX: a.scaleX,
+              scaleY: a.scaleY,
+              scaleZ: a.scaleZ
+            };
+          } else {
+            const a = new r.Object3D(), u = new r.Matrix4().fromArray(l.userData.matrix);
+            a.applyMatrix4(u), o = {
+              x: a.position.x,
+              y: a.position.y,
+              z: a.position.z,
+              rotationX: a.rotation.x,
+              rotationY: a.rotation.y,
+              rotationZ: a.rotation.z,
+              scaleX: a.scale.x,
+              scaleY: a.scale.y,
+              scaleZ: a.scale.z
+            };
+          }
+          const s = c.keyframes[p], { delay: m, duration: P, easing: g, repeat: T, yoyo: E } = s, M = {
+            x: s.x,
+            y: s.y,
+            z: s.z,
+            rotationX: s.rotationX,
+            rotationY: s.rotationY,
+            rotationZ: s.rotationZ,
+            scaleX: s.scaleX,
+            scaleY: s.scaleY,
+            scaleZ: s.scaleZ
+          };
+          await h(
+            o,
+            M,
+            { delay: m, duration: P, mode: g, repeat: T === -1 ? 1 / 0 : T, yoyo: E },
+            (a, u) => {
+              l.position.set(a.x, a.y, a.z), l.rotation.set(a.rotationX, a.rotationY, a.rotationZ), l.scale.set(a.scaleX, a.scaleY, a.scaleZ), d?.(a, u);
+            },
+            (a) => {
+              f?.(a);
+            }
+          );
+        }
+      else
+        e(`id: ${t} 未找到索引为 ${i} 的动画`);
+    } else
+      e(`id: ${t} 未找到动画`);
+  }
+}
+function A(_, t) {
+  const i = /* @__PURE__ */ new Map();
+  return _.reduce((n, e) => {
+    const h = n.get(e[t]);
+    return h ? h.push(e) : n.set(e[t], [e]), n;
+  }, i), i;
+}
+export {
+  O as ANIMATIONS_DATA_FILE_PATH,
+  I as META_DATA_FILE_PATH,
+  b as MODEL_VISIONS_DATA_FILE_PATH,
+  j as PROPERTIES_DATA_FLEE_PATH,
+  S as PROPERTIES_KEY,
+  Y as SIGN_PATH,
+  x as TOPOLOGY_DATA_FILE_PATH,
+  w as TREE_DATA_FILE_PATH,
+  X as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soonspacejs/plugin-soonmanager2-sync",
   "pluginName": "Soonmanager2SyncPlugin",
-  "version": "2.13.17",
+  "version": "2.14.1",
   "description": "Sync soonmanager 2.x data plugin for SoonSpace.js",
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",
@@ -13,8 +13,8 @@
   ],
   "author": "xunwei",
   "license": "UNLICENSED",
-  "gitHead": "8afa5fda9a0ef2c080060e7d8e71a8bf168fd4d2",
+  "gitHead": "27d5e0bcd79ff71c8e2943a8420c39624ae6f8e6",
   "peerDependencies": {
-    "soonspacejs": "2.13.17"
+    "soonspacejs": "2.14.1"
   }
 }