@ifc-lite/viewer 1.11.2 → 1.11.3

package/dist/assets/{index-KHAuQKVq.js → index-Dg9-h2Mk.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/browser-KT4JnbMQ.js","assets/index-B9MERyDx.js","assets/index-BoYyWYAu.css"])))=>i.map(i=>d[i]);
-import { _ as u, b as S, __tla as __tla_0 } from "./index-B9MERyDx.js";
-import { N as j, m as B, __tla as __tla_1 } from "./index-B9MERyDx.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/browser-BVFgLomt.js","assets/index-CDQaZTvV.js","assets/index-BoYyWYAu.css"])))=>i.map(i=>d[i]);
+import { _ as u, b as S, __tla as __tla_0 } from "./index-CDQaZTvV.js";
+import { N as j, m as B, __tla as __tla_1 } from "./index-CDQaZTvV.js";
 let c, g, L, D, x, R, A;
 let __tla = Promise.all([
     (()=>{
@@ -87,7 +87,7 @@ let __tla = Promise.all([
     function k() {
         return m || (m = (async ()=>{
             try {
-                const e = await u(()=>import("./browser-KT4JnbMQ.js").then((i)=>i.b), __vite__mapDeps([0,1,2])), t = e.default ?? e;
+                const e = await u(()=>import("./browser-BVFgLomt.js").then((i)=>i.b), __vite__mapDeps([0,1,2])), t = e.default ?? e;
                 let s;
                 try {
                     s = (await u(()=>import("./esbuild-COv63sf-.js"), [])).default;

package/dist/assets/{native-bridge-D9YLSIUl.js → native-bridge-DQBEBf70.js}

@@ -1,4 +1,4 @@
-import { _ as c, __tla as __tla_0 } from "./index-B9MERyDx.js";
+import { _ as c, __tla as __tla_0 } from "./index-CDQaZTvV.js";
 let m;
 let __tla = Promise.all([
     (()=>{

package/dist/assets/{wasm-bridge-DItniz60.js → wasm-bridge-BoLTUwxl.js}

@@ -1 +1 @@
-import{I as f,a as m}from"./index-B9MERyDx.js";class u{bridge;initialized=!1;constructor(){this.bridge=new f}async init(){this.initialized||(await this.bridge.init(),this.initialized=!0)}isInitialized(){return this.initialized}async processGeometry(s){this.initialized||await this.init(),performance.now();const i=new m(this.bridge.getApi(),s),n=i.collectMeshes(),r=i.getBuildingRotation();performance.now();let e=0,o=0;for(const c of n)e+=c.positions.length/3,o+=c.indices.length/3;return{meshes:n,totalVertices:e,totalTriangles:o,coordinateInfo:{originShift:{x:0,y:0,z:0},originalBounds:{min:{x:0,y:0,z:0},max:{x:0,y:0,z:0}},shiftedBounds:{min:{x:0,y:0,z:0},max:{x:0,y:0,z:0}},hasLargeCoordinates:!1,buildingRotation:r}}}async processGeometryStreaming(s,i){this.initialized||await this.init();const n=performance.now(),r=new m(this.bridge.getApi(),s);let e=0,o=0,a=0;try{for await(const t of r.collectMeshesStreaming(50)){if(t&&typeof t=="object"&&"type"in t&&t.type==="colorUpdate")continue;const l=t;e+=l.length;for(const d of l)o+=d.positions.length/3,a+=d.indices.length/3;i.onBatch?.({meshes:l,progress:{processed:e,total:e,currentType:"processing"}})}}catch(t){throw i.onError?.(t instanceof Error?t:new Error(String(t))),t}const h=performance.now()-n,g={totalMeshes:e,totalVertices:o,totalTriangles:a,parseTimeMs:h*.3,geometryTimeMs:h*.7};return i.onComplete?.(g),g}getApi(){return this.bridge.getApi()}}export{u as WasmBridge};
+import{I as f,a as m}from"./index-CDQaZTvV.js";class u{bridge;initialized=!1;constructor(){this.bridge=new f}async init(){this.initialized||(await this.bridge.init(),this.initialized=!0)}isInitialized(){return this.initialized}async processGeometry(s){this.initialized||await this.init(),performance.now();const i=new m(this.bridge.getApi(),s),n=i.collectMeshes(),r=i.getBuildingRotation();performance.now();let e=0,o=0;for(const c of n)e+=c.positions.length/3,o+=c.indices.length/3;return{meshes:n,totalVertices:e,totalTriangles:o,coordinateInfo:{originShift:{x:0,y:0,z:0},originalBounds:{min:{x:0,y:0,z:0},max:{x:0,y:0,z:0}},shiftedBounds:{min:{x:0,y:0,z:0},max:{x:0,y:0,z:0}},hasLargeCoordinates:!1,buildingRotation:r}}}async processGeometryStreaming(s,i){this.initialized||await this.init();const n=performance.now(),r=new m(this.bridge.getApi(),s);let e=0,o=0,a=0;try{for await(const t of r.collectMeshesStreaming(50)){if(t&&typeof t=="object"&&"type"in t&&t.type==="colorUpdate")continue;const l=t;e+=l.length;for(const d of l)o+=d.positions.length/3,a+=d.indices.length/3;i.onBatch?.({meshes:l,progress:{processed:e,total:e,currentType:"processing"}})}}catch(t){throw i.onError?.(t instanceof Error?t:new Error(String(t))),t}const h=performance.now()-n,g={totalMeshes:e,totalVertices:o,totalTriangles:a,parseTimeMs:h*.3,geometryTimeMs:h*.7};return i.onComplete?.(g),g}getApi(){return this.bridge.getApi()}}export{u as WasmBridge};

package/dist/index.html

@@ -44,7 +44,7 @@
   <meta name="theme-color" content="#7aa2f7">
   <meta name="msapplication-TileColor" content="#1a1b26">
   <meta name="msapplication-TileImage" content="/favicon-192x192-cropped.png">
-  <script type="module" crossorigin src="/assets/index-B9MERyDx.js"></script>
+  <script type="module" crossorigin src="/assets/index-CDQaZTvV.js"></script>
   <link rel="stylesheet" crossorigin href="/assets/index-BoYyWYAu.css">
 </head>
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ifc-lite/viewer",
-  "version": "1.11.2",
+  "version": "1.11.3",
   "description": "IFC-Lite viewer application",
   "type": "module",
   "dependencies": {
@@ -41,24 +41,24 @@
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
     "zustand": "^4.4.0",
-    "@ifc-lite/bcf": "^1.11.2",
-    "@ifc-lite/cache": "^1.11.2",
-    "@ifc-lite/data": "^1.11.2",
-    "@ifc-lite/drawing-2d": "^1.11.2",
-    "@ifc-lite/encoding": "^1.11.2",
-    "@ifc-lite/export": "^1.11.2",
-    "@ifc-lite/geometry": "^1.11.2",
-    "@ifc-lite/ids": "^1.11.2",
-    "@ifc-lite/lens": "^1.11.2",
-    "@ifc-lite/lists": "^1.11.2",
-    "@ifc-lite/mutations": "^1.11.2",
-    "@ifc-lite/parser": "^1.11.2",
-    "@ifc-lite/query": "^1.11.2",
-    "@ifc-lite/renderer": "^1.11.2",
-    "@ifc-lite/sandbox": "^1.11.2",
-    "@ifc-lite/server-client": "^1.11.2",
-    "@ifc-lite/spatial": "^1.11.2",
-    "@ifc-lite/wasm": "^1.11.2"
+    "@ifc-lite/bcf": "^1.11.3",
+    "@ifc-lite/cache": "^1.11.3",
+    "@ifc-lite/data": "^1.11.3",
+    "@ifc-lite/drawing-2d": "^1.11.3",
+    "@ifc-lite/encoding": "^1.11.3",
+    "@ifc-lite/export": "^1.11.3",
+    "@ifc-lite/geometry": "^1.11.3",
+    "@ifc-lite/ids": "^1.11.3",
+    "@ifc-lite/lens": "^1.11.3",
+    "@ifc-lite/lists": "^1.11.3",
+    "@ifc-lite/mutations": "^1.11.3",
+    "@ifc-lite/parser": "^1.11.3",
+    "@ifc-lite/query": "^1.11.3",
+    "@ifc-lite/renderer": "^1.11.3",
+    "@ifc-lite/sandbox": "^1.11.3",
+    "@ifc-lite/server-client": "^1.11.3",
+    "@ifc-lite/spatial": "^1.11.3",
+    "@ifc-lite/wasm": "^1.11.3"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.18",

package/src/hooks/useIfcLoader.ts

@@ -17,7 +17,7 @@ import { GeometryProcessor, GeometryQuality, type MeshData, type CoordinateInfo
 import { buildSpatialIndex } from '@ifc-lite/spatial';
 import { type GeometryData, loadGLBToMeshData } from '@ifc-lite/cache';
 
-import { SERVER_URL, USE_SERVER, CACHE_SIZE_THRESHOLD, getDynamicBatchConfig } from '../utils/ifcConfig.js';
+import { SERVER_URL, USE_SERVER, CACHE_SIZE_THRESHOLD, CACHE_MAX_SOURCE_SIZE, getDynamicBatchConfig } from '../utils/ifcConfig.js';
 import {
   calculateMeshBounds,
   createCoordinateInfo,
@@ -324,8 +324,9 @@ export function useIfcLoader() {
         });
       };
 
-      // Schedule data model parsing to start after geometry begins streaming
-      setTimeout(startDataModelParsing, 0);
+      // Data model parsing is deferred to the 'complete' event (see below).
+      // Running it concurrently with geometry streaming steals main-thread cycles
+      // from the WASM↔JS bridge, adding ~1-2s to geometry completion time.
 
       // Use adaptive processing: sync for small files, streaming for large files
       let estimatedTotal = 0;
@@ -378,12 +379,14 @@ export function useIfcLoader() {
               console.log(`[useIfc] Model opened at ${modelOpenMs.toFixed(0)}ms`);
               break;
             case 'colorUpdate': {
-              // Persist parser style/material colors in store (non-overlay path).
-              updateMeshColors(event.updates);
-              // Keep local mesh snapshots in sync for cache serialization.
+              // Accumulate color updates locally during streaming.
+              // We apply them in a single pass at 'complete' instead of
+              // calling updateMeshColors() per event (which triggers a
+              // React reconciliation each time + O(n) scan over all meshes).
               for (const [expressId, color] of event.updates) {
                 cumulativeColorUpdates.set(expressId, color);
               }
+              // Keep local mesh snapshots in sync for cache serialization.
               applyColorUpdatesToMeshes(allMeshes, event.updates);
               applyColorUpdatesToMeshes(pendingMeshes, event.updates);
               break;
@@ -447,6 +450,16 @@ export function useIfcLoader() {
 
               finalCoordinateInfo = event.coordinateInfo ?? null;
 
+              // Start data model parsing NOW — after geometry streaming is done
+              // so the parser doesn't compete with WASM for main-thread CPU.
+              startDataModelParsing();
+
+              // Apply all accumulated color updates in a single store update
+              // instead of one updateMeshColors() call per colorUpdate event.
+              if (cumulativeColorUpdates.size > 0) {
+                updateMeshColors(cumulativeColorUpdates);
+              }
+
               // Store captured RTC offset in coordinate info for multi-model alignment
               if (finalCoordinateInfo && capturedRtcOffset) {
                 finalCoordinateInfo.wasmRtcOffset = capturedRtcOffset;
@@ -483,8 +496,17 @@ export function useIfcLoader() {
                   }
                 }
 
-                // Cache the result in the background (for files above threshold)
-                if (buffer.byteLength >= CACHE_SIZE_THRESHOLD && allMeshes.length > 0 && finalCoordinateInfo) {
+                // Cache the result in the background (files between 10 MB and 150 MB).
+                // Files above CACHE_MAX_SOURCE_SIZE are not cached because the
+                // source buffer is required for on-demand property/quantity
+                // extraction, spatial hierarchy elevations, and IFC re-export.
+                // Caching without it would silently degrade those features.
+                if (
+                  buffer.byteLength >= CACHE_SIZE_THRESHOLD &&
+                  buffer.byteLength <= CACHE_MAX_SOURCE_SIZE &&
+                  allMeshes.length > 0 &&
+                  finalCoordinateInfo
+                ) {
                   // Final safety pass so cache always contains post-style colors.
                   applyColorUpdatesToMeshes(allMeshes, cumulativeColorUpdates);
                   const geometryData: GeometryData = {

package/src/store/slices/dataSlice.ts

@@ -62,27 +62,34 @@ export const createDataSlice: StateCreator<DataSlice, [], [], DataSlice> = (set)
   setGeometryResult: (geometryResult) => set({ geometryResult }),
 
   appendGeometryBatch: (meshes, coordinateInfo) => set((state) => {
+    // Incremental totals: O(batch_size) instead of O(total_accumulated) .reduce()
+    let batchTriangles = 0;
+    let batchVertices = 0;
+    for (let i = 0; i < meshes.length; i++) {
+      batchTriangles += meshes[i].indices.length / 3;
+      batchVertices += meshes[i].positions.length / 3;
+    }
+
     if (!state.geometryResult) {
-      const totalTriangles = meshes.reduce((sum, m) => sum + (m.indices.length / 3), 0);
-      const totalVertices = meshes.reduce((sum, m) => sum + (m.positions.length / 3), 0);
       return {
         geometryResult: {
-          meshes,
-          totalTriangles,
-          totalVertices,
+          meshes: meshes.slice(),
+          totalTriangles: batchTriangles,
+          totalVertices: batchVertices,
           coordinateInfo: coordinateInfo || getDefaultCoordinateInfo(),
         },
       };
     }
-    const allMeshes = [...state.geometryResult.meshes, ...meshes];
-    const totalTriangles = allMeshes.reduce((sum, m) => sum + (m.indices.length / 3), 0);
-    const totalVertices = allMeshes.reduce((sum, m) => sum + (m.positions.length / 3), 0);
+
+    // New array reference (required for React/Zustand change detection) but
+    // only O(n) pointer copies — the expensive part was the .reduce() calls
+    // which are now replaced by the incremental counters above.
     return {
       geometryResult: {
         ...state.geometryResult,
-        meshes: allMeshes,
-        totalTriangles,
-        totalVertices,
+        meshes: [...state.geometryResult.meshes, ...meshes],
+        totalTriangles: state.geometryResult.totalTriangles + batchTriangles,
+        totalVertices: state.geometryResult.totalVertices + batchVertices,
         coordinateInfo: coordinateInfo || state.geometryResult.coordinateInfo,
       },
     };
@@ -98,7 +105,8 @@ export const createDataSlice: StateCreator<DataSlice, [], [], DataSlice> = (set)
       return { pendingMeshColorUpdates: clonedUpdates };
     }
 
-    // Legacy/single mode: update the persisted mesh colors.
+    // New array reference so useGeometryStreaming's useEffect detects the change.
+    // Only runs once at 'complete' (not per-batch), so O(n) .map() is fine.
     const updatedMeshes = state.geometryResult.meshes.map(mesh => {
       const newColor = clonedUpdates.get(mesh.expressId);
       if (newColor) {

package/src/utils/ifcConfig.ts

@@ -39,6 +39,13 @@ export const USE_SERVER = SERVER_URL !== '' && import.meta.env.VITE_USE_SERVER =
 /** Minimum file size to cache (10MB) - smaller files parse quickly anyway */
 export const CACHE_SIZE_THRESHOLD = 10 * 1024 * 1024;
 
+/** Maximum file size eligible for caching (150MB).
+ *  Files above this are not cached at all because the source buffer is required
+ *  for on-demand property/quantity extraction, spatial hierarchy elevations,
+ *  and IFC re-export.  Caching without it would silently degrade those features,
+ *  and including it would make the IndexedDB write prohibitively large. */
+export const CACHE_MAX_SOURCE_SIZE = 150 * 1024 * 1024;
+
 /** File size thresholds for various optimizations */
 export const THRESHOLDS = {
   /** Use streaming Parquet above this (150MB) */