@shopware-ag/dive 1.15.5 → 1.16.0

package/build/dive.d.cts

@@ -4,6 +4,7 @@ import { Tween } from '@tweenjs/tween.js';
 import { TransformControls } from 'three/examples/jsm/controls/TransformControls';
 import { TransformControls as TransformControls$1, GLTF } from 'three/examples/jsm/Addons.js';
 import { TransformControls as TransformControls$2 } from 'three/examples/jsm/Addons';
+import { GLTF as GLTF$1 } from 'three/examples/jsm/loaders/GLTFLoader';
 
 type DIVERendererSettings = {
     antialias: boolean;
@@ -566,6 +567,10 @@ declare class DIVEPrimitive extends DIVENode {
 
 type DIVESceneObject = DIVEModel | DIVEGroup | DIVEPrimitive | DIVEAmbientLight | DIVEPointLight | DIVESceneLight;
 
+type DIVESceneFileType = {
+    'glb': GLTF$1;
+};
+
 /**
  * A basic scene node to hold grid, floor and all lower level roots.
  *
@@ -809,6 +814,13 @@ interface SET_PARENT {
     'RETURN': boolean;
 }
 
+interface EXPORT_SCENE {
+    'PAYLOAD': {
+        type: keyof DIVESceneFileType;
+    };
+    'RETURN': Promise<string | null>;
+}
+
 type Actions = {
     GET_ALL_SCENE_DATA: GET_ALL_SCENE_DATA;
     GET_ALL_OBJECTS: GET_ALL_OBJECTS;
@@ -835,6 +847,7 @@ type Actions = {
     UPDATE_SCENE: UPDATE_SCENE;
     GENERATE_MEDIA: GENERATE_MEDIA;
     SET_PARENT: SET_PARENT;
+    EXPORT_SCENE: EXPORT_SCENE;
 };
 
 type EventListener<Action extends keyof Actions> = (payload: Actions[Action]['PAYLOAD']) => void;
@@ -869,6 +882,8 @@ declare class DIVECommunication {
     private toolbox;
     private _mediaGenerator;
     private get mediaGenerator();
+    private _io;
+    private get io();
     private registered;
     private listeners;
     constructor(renderer: DIVERenderer, scene: DIVEScene, controls: DIVEOrbitControls, toolbox: DIVEToolbox);
@@ -901,6 +916,7 @@ declare class DIVECommunication {
     private updateScene;
     private generateMedia;
     private setParent;
+    private exportScene;
 }
 
 declare class DIVEInfo {

package/build/dive.d.ts

@@ -4,6 +4,7 @@ import { Tween } from '@tweenjs/tween.js';
 import { TransformControls } from 'three/examples/jsm/controls/TransformControls';
 import { TransformControls as TransformControls$1, GLTF } from 'three/examples/jsm/Addons.js';
 import { TransformControls as TransformControls$2 } from 'three/examples/jsm/Addons';
+import { GLTF as GLTF$1 } from 'three/examples/jsm/loaders/GLTFLoader';
 
 type DIVERendererSettings = {
     antialias: boolean;
@@ -566,6 +567,10 @@ declare class DIVEPrimitive extends DIVENode {
 
 type DIVESceneObject = DIVEModel | DIVEGroup | DIVEPrimitive | DIVEAmbientLight | DIVEPointLight | DIVESceneLight;
 
+type DIVESceneFileType = {
+    'glb': GLTF$1;
+};
+
 /**
  * A basic scene node to hold grid, floor and all lower level roots.
  *
@@ -809,6 +814,13 @@ interface SET_PARENT {
     'RETURN': boolean;
 }
 
+interface EXPORT_SCENE {
+    'PAYLOAD': {
+        type: keyof DIVESceneFileType;
+    };
+    'RETURN': Promise<string | null>;
+}
+
 type Actions = {
     GET_ALL_SCENE_DATA: GET_ALL_SCENE_DATA;
     GET_ALL_OBJECTS: GET_ALL_OBJECTS;
@@ -835,6 +847,7 @@ type Actions = {
     UPDATE_SCENE: UPDATE_SCENE;
     GENERATE_MEDIA: GENERATE_MEDIA;
     SET_PARENT: SET_PARENT;
+    EXPORT_SCENE: EXPORT_SCENE;
 };
 
 type EventListener<Action extends keyof Actions> = (payload: Actions[Action]['PAYLOAD']) => void;
@@ -869,6 +882,8 @@ declare class DIVECommunication {
     private toolbox;
     private _mediaGenerator;
     private get mediaGenerator();
+    private _io;
+    private get io();
     private registered;
     private listeners;
     constructor(renderer: DIVERenderer, scene: DIVEScene, controls: DIVEOrbitControls, toolbox: DIVEToolbox);
@@ -901,6 +916,7 @@ declare class DIVECommunication {
     private updateScene;
     private generateMedia;
     private setParent;
+    private exportScene;
 }
 
 declare class DIVEInfo {

package/build/dive.js

@@ -488,6 +488,95 @@ var init_MediaCreator = __esm({
   }
 });
 
+// src/io/gltf/GLTFIO.ts
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
+import { GLTFExporter } from "three/examples/jsm/exporters/GLTFExporter";
+var DIVEGLTFIO;
+var init_GLTFIO = __esm({
+  "src/io/gltf/GLTFIO.ts"() {
+    "use strict";
+    DIVEGLTFIO = class {
+      constructor() {
+        this._importer = new GLTFLoader();
+        this._exporter = new GLTFExporter();
+      }
+      Import(url, onProgress) {
+        return this._importer.loadAsync(url, (progress) => {
+          if (!onProgress) return;
+          onProgress(progress.loaded / progress.total);
+        });
+      }
+      Export(object, binary, onlyVisible) {
+        if (binary) {
+          return this._exporter.parseAsync(object, { binary, onlyVisible });
+        } else {
+          return this._exporter.parseAsync(object, { binary, onlyVisible });
+        }
+      }
+    };
+  }
+});
+
+// src/io/IO.ts
+var IO_exports = {};
+__export(IO_exports, {
+  DIVEIO: () => DIVEIO
+});
+var DIVEIO;
+var init_IO = __esm({
+  "src/io/IO.ts"() {
+    "use strict";
+    init_GLTFIO();
+    DIVEIO = class {
+      constructor(scene) {
+        this._scene = scene;
+        this._gltfIO = new DIVEGLTFIO();
+      }
+      Import(type, url) {
+        return this._importFromURL(type, url).catch((error) => {
+          console.error(error);
+          return null;
+        });
+      }
+      Export(type) {
+        return this._exportToURL(type).catch((error) => {
+          console.error(error);
+          return null;
+        });
+      }
+      _importFromURL(type, url) {
+        switch (type) {
+          case "glb": {
+            return this._gltfIO.Import(url);
+          }
+          default: {
+            return Promise.reject("Unsupported file type: " + type);
+          }
+        }
+      }
+      _exportToURL(type) {
+        switch (type) {
+          case "glb": {
+            return new Promise((resolve, reject) => {
+              this._gltfIO.Export(this._scene, true, true).then((data) => {
+                resolve(this._createBlobURL(data));
+              }).catch((error) => {
+                reject(error);
+              });
+            });
+          }
+          default: {
+            return Promise.reject("Unsupported file type: " + type);
+          }
+        }
+      }
+      _createBlobURL(data) {
+        return URL.createObjectURL(new Blob([data]));
+      }
+    };
+  }
+});
+
 // src/renderer/Renderer.ts
 import { MathUtils, NoToneMapping, PCFSoftShadowMap, WebGLRenderer } from "three";
 var DIVERendererDefaultSettings = {
@@ -663,6 +752,7 @@ var _DIVECommunication = class _DIVECommunication {
     this.controller = controls;
     this.toolbox = toolbox;
     this._mediaGenerator = null;
+    this._io = null;
     _DIVECommunication.__instances.push(this);
   }
   static get(id) {
@@ -680,6 +770,13 @@ var _DIVECommunication = class _DIVECommunication {
     }
     return this._mediaGenerator;
   }
+  get io() {
+    if (!this._io) {
+      const DIVEIO2 = (init_IO(), __toCommonJS(IO_exports)).DIVEIO;
+      this._io = new DIVEIO2(this.scene);
+    }
+    return this._io;
+  }
   DestroyInstance() {
     const existingIndex = _DIVECommunication.__instances.findIndex((entry) => entry.id === this.id);
     if (existingIndex === -1) return false;
@@ -789,6 +886,10 @@ var _DIVECommunication = class _DIVECommunication {
         returnValue = this.setParent(payload);
         break;
       }
+      case "EXPORT_SCENE": {
+        returnValue = this.exportScene(payload);
+        break;
+      }
     }
     this.dispatch(action, payload);
     return returnValue;
@@ -1023,6 +1124,9 @@ var _DIVECommunication = class _DIVECommunication {
     parentObject.attach(sceneObject);
     return true;
   }
+  exportScene(payload) {
+    return this.io.Export(payload.type);
+  }
 };
 _DIVECommunication.__instances = [];
 var DIVECommunication = _DIVECommunication;
@@ -1273,12 +1377,12 @@ var DIVEModel = class extends DIVENode {
 };
 
 // src/loadingmanager/LoadingManager.ts
-import { DRACOLoader, GLTFLoader } from "three/examples/jsm/Addons.js";
+import { DRACOLoader, GLTFLoader as GLTFLoader2 } from "three/examples/jsm/Addons.js";
 var DIVELoadingManager = class {
   // ... maybe extend with other loaders later
   constructor() {
     this.progress = /* @__PURE__ */ new Map();
-    this.gltfloader = new GLTFLoader();
+    this.gltfloader = new GLTFLoader2();
     this.dracoloader = new DRACOLoader();
     this.dracoloader.setDecoderPath("https://www.gstatic.com/draco/v1/decoders/");
     this.gltfloader.setDRACOLoader(this.dracoloader);
@@ -2357,7 +2461,7 @@ DIVEInfo._supportsWebXR = null;
 // package.json
 var package_default = {
   name: "@shopware-ag/dive",
-  version: "1.15.5",
+  version: "1.16.0",
   description: "Shopware Spatial Framework",
   type: "module",
   main: "./build/dive.cjs",