frontend complete migration from parcel to vite for much better production builds

frontend/misc/scene.ts

@@ -0,0 +1,97 @@
+import {type Ref} from 'vue';
+import {Document} from '@gltf-transform/core';
+import {extrasNameKey, extrasNameValueHelpers, mergeFinalize, mergePartial, removeModel, toBuffer} from "./gltf";
+import {newAxes, newGridBox} from "./helpers";
+import {Vector3} from "three/src/math/Vector3.js"
+import {Box3} from "three/src/math/Box3.js"
+import {Matrix4} from "three/src/math/Matrix4.js"
+
+/** This class helps manage SceneManagerData. All methods are static to support reactivity... */
+export class SceneMgr {
+    /** Loads a GLB model from a URL and adds it to the viewer or replaces it if the names match */
+    static async loadModel(sceneUrl: Ref<string>, document: Document, name: string, url: string): Promise<Document> {
+        let loadStart = performance.now();
+
+        // Start merging into the current document, replacing or adding as needed
+        document = await mergePartial(url, name, document);
+
+        console.log("Model", name, "loaded in", performance.now() - loadStart, "ms");
+
+        if (name !== extrasNameValueHelpers) {
+            // Reload the helpers to fit the new model
+            // TODO: Only reload the helpers after a few milliseconds of no more models being added/removed
+            document = await this.reloadHelpers(sceneUrl, document);
+        } else {
+            // Display the final fully loaded model
+            let displayStart = performance.now();
+            document = await this.showCurrentDoc(sceneUrl, document);
+            console.log("Scene displayed in", performance.now() - displayStart, "ms");
+        }
+
+        return document;
+    }
+
+    private static async reloadHelpers(sceneUrl: Ref<string>, document: Document): Promise<Document> {
+        let bb = SceneMgr.getBoundingBox(document);
+
+        // Create the helper axes and grid box
+        let helpersDoc = new Document();
+        let transform = (new Matrix4()).makeTranslation(bb.getCenter(new Vector3()));
+        newAxes(helpersDoc, bb.getSize(new Vector3()).multiplyScalar(0.5), transform);
+        newGridBox(helpersDoc, bb.getSize(new Vector3()), transform);
+        let helpersUrl = URL.createObjectURL(new Blob([await toBuffer(helpersDoc)]));
+        return await SceneMgr.loadModel(sceneUrl, document, extrasNameValueHelpers, helpersUrl);
+    }
+
+    static getBoundingBox(document: Document): Box3 {
+        // Get bounding box of the model and use it to set the size of the helpers
+        let bbMin: number[] = [1e6, 1e6, 1e6];
+        let bbMax: number[] = [-1e6, -1e6, -1e6];
+        document.getRoot().listNodes().forEach(node => {
+            if ((node.getExtras()[extrasNameKey] ?? extrasNameValueHelpers) === extrasNameValueHelpers) return;
+            let transform = new Matrix4(...node.getWorldMatrix());
+            for (let prim of node.getMesh()?.listPrimitives() ?? []) {
+                let accessor = prim.getAttribute('POSITION');
+                if (!accessor) continue;
+                let objMin = new Vector3(...accessor.getMin([0, 0, 0]))
+                    .applyMatrix4(transform);
+                let objMax = new Vector3(...accessor.getMax([0, 0, 0]))
+                    .applyMatrix4(transform);
+                bbMin = bbMin.map((v, i) => Math.min(v, objMin.getComponent(i)));
+                bbMax = bbMax.map((v, i) => Math.max(v, objMax.getComponent(i)));
+            }
+        });
+        let bbSize = new Vector3().fromArray(bbMax).sub(new Vector3().fromArray(bbMin));
+        let bbCenter = new Vector3().fromArray(bbMin).add(bbSize.clone().multiplyScalar(0.5));
+        return new Box3().setFromCenterAndSize(bbCenter, bbSize);
+    }
+
+    /** Removes a model from the viewer */
+    static async removeModel(sceneUrl: Ref<string>, document: Document, name: string): Promise<Document> {
+        let loadStart = performance.now();
+
+        // Remove the model from the document
+        document = await removeModel(name, document)
+
+        console.log("Model", name, "removed in", performance.now() - loadStart, "ms");
+
+        // Reload the helpers to fit the new model (will also show the document)
+        document = await this.reloadHelpers(sceneUrl, document);
+
+        return document;
+    }
+
+    /** Serializes the current document into a GLB and updates the viewerSrc */
+    private static async showCurrentDoc(sceneUrl: Ref<string>, document: Document): Promise<Document> {
+        // Make sure the document is fully loaded and ready to be shown
+        document = await mergeFinalize(document);
+
+        // Serialize the document into a GLB and update the viewerSrc
+        let buffer = await toBuffer(document);
+        let blob = new Blob([buffer], {type: 'model/gltf-binary'});
+        console.debug("Showing current doc", document, "as", Array.from(buffer));
+        sceneUrl.value = URL.createObjectURL(blob);
+
+        return document;
+    }
+}