@ifc-lite/viewer 1.17.4 → 1.17.6

package/dist/assets/{server-client-BV8zHZ7Y.js → server-client-BuZK7OST.js}

@@ -1,4 +1,4 @@
-import { _ as de, __tla as __tla_0 } from "./exporters-ChAtBmlj.js";
+import { _ as de, __tla as __tla_0 } from "./exporters-CcPS9MK5.js";
 let We, je;
 let __tla = Promise.all([
     (()=>{

package/dist/assets/{wasm-bridge-g01g7T9b.js → wasm-bridge-JsqEGDV8.js}

@@ -1 +1 @@
-import{I as f,a as m}from"./exporters-ChAtBmlj.js";import"./bcf-DOG9_WPX.js";import"./zip-DBEtpeu6.js";import"./cesium-DUOzBlqv.js";import"./arrow-CZ5kQ26f.js";class b{bridge;initialized=!1;constructor(){this.bridge=new f}async init(){this.initialized||(await this.bridge.init(),this.initialized=!0)}isInitialized(){return this.initialized}toIfcContent(e){return typeof e=="string"?e:new TextDecoder().decode(e)}async processGeometry(e){this.initialized||await this.init(),performance.now();const i=new m(this.bridge.getApi(),this.toIfcContent(e)),r=i.collectMeshes(),s=i.getBuildingRotation();performance.now();let o=0,n=0;for(const a of r)o+=a.positions.length/3,n+=a.indices.length/3;return{meshes:r,totalVertices:o,totalTriangles:n,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:s}}}async processGeometryStreaming(e,i){this.initialized||await this.init();const r=performance.now(),s=new m(this.bridge.getApi(),this.toIfcContent(e));let o=0,n=0,c=0;try{for await(const t of s.collectMeshesStreaming(50)){if(t&&typeof t=="object"&&"type"in t&&t.type==="colorUpdate")continue;const l=t;o+=l.length;for(const g of l)n+=g.positions.length/3,c+=g.indices.length/3;i.onBatch?.({meshes:l,progress:{processed:o,total:o,currentType:"processing"}})}}catch(t){throw i.onError?.(t instanceof Error?t:new Error(String(t))),t}const d=performance.now()-r,h={totalMeshes:o,totalVertices:n,totalTriangles:c,parseTimeMs:d*.3,geometryTimeMs:d*.7};return i.onComplete?.(h),h}getApi(){return this.bridge.getApi()}}export{b as WasmBridge};
+import{I as f,a as m}from"./exporters-CcPS9MK5.js";import"./bcf-DOG9_WPX.js";import"./zip-DBEtpeu6.js";import"./cesium-DUOzBlqv.js";import"./arrow-CZ5kQ26f.js";class b{bridge;initialized=!1;constructor(){this.bridge=new f}async init(){this.initialized||(await this.bridge.init(),this.initialized=!0)}isInitialized(){return this.initialized}toIfcContent(e){return typeof e=="string"?e:new TextDecoder().decode(e)}async processGeometry(e){this.initialized||await this.init(),performance.now();const i=new m(this.bridge.getApi(),this.toIfcContent(e)),r=i.collectMeshes(),s=i.getBuildingRotation();performance.now();let o=0,n=0;for(const a of r)o+=a.positions.length/3,n+=a.indices.length/3;return{meshes:r,totalVertices:o,totalTriangles:n,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:s}}}async processGeometryStreaming(e,i){this.initialized||await this.init();const r=performance.now(),s=new m(this.bridge.getApi(),this.toIfcContent(e));let o=0,n=0,c=0;try{for await(const t of s.collectMeshesStreaming(50)){if(t&&typeof t=="object"&&"type"in t&&t.type==="colorUpdate")continue;const l=t;o+=l.length;for(const g of l)n+=g.positions.length/3,c+=g.indices.length/3;i.onBatch?.({meshes:l,progress:{processed:o,total:o,currentType:"processing"}})}}catch(t){throw i.onError?.(t instanceof Error?t:new Error(String(t))),t}const d=performance.now()-r,h={totalMeshes:o,totalVertices:n,totalTriangles:c,parseTimeMs:d*.3,geometryTimeMs:d*.7};return i.onComplete?.(h),h}getApi(){return this.bridge.getApi()}}export{b as WasmBridge};

package/dist/index.html

@@ -11,6 +11,7 @@
       var saved = localStorage.getItem('ifc-lite-theme');
       var theme = saved || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
       if (theme === 'dark') document.documentElement.classList.add('dark');
+      if (theme === 'colorful') document.documentElement.classList.add('colorful');
     })();
   </script>
   
@@ -49,19 +50,19 @@
   <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-Co8E2-FE.js"></script>
+  <script type="module" crossorigin src="/assets/index-Bfms9I4A.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/arrow-CZ5kQ26f.js">
   <link rel="modulepreload" crossorigin href="/assets/cesium-DUOzBlqv.js">
   <link rel="modulepreload" crossorigin href="/assets/zip-DBEtpeu6.js">
   <link rel="modulepreload" crossorigin href="/assets/bcf-DOG9_WPX.js">
-  <link rel="modulepreload" crossorigin href="/assets/exporters-ChAtBmlj.js">
-  <link rel="modulepreload" crossorigin href="/assets/drawing-2d-gWfpdfYe.js">
+  <link rel="modulepreload" crossorigin href="/assets/exporters-CcPS9MK5.js">
+  <link rel="modulepreload" crossorigin href="/assets/drawing-2d-DoxKMqbO.js">
   <link rel="modulepreload" crossorigin href="/assets/lens-CSASnhAL.js">
-  <link rel="modulepreload" crossorigin href="/assets/sandbox-DZiNLNMk.js">
-  <link rel="modulepreload" crossorigin href="/assets/server-client-BV8zHZ7Y.js">
-  <link rel="modulepreload" crossorigin href="/assets/ids-B4jTqB1O.js">
+  <link rel="modulepreload" crossorigin href="/assets/sandbox-C8575tul.js">
+  <link rel="modulepreload" crossorigin href="/assets/server-client-BuZK7OST.js">
+  <link rel="modulepreload" crossorigin href="/assets/ids-DQ5jY0E8.js">
   <link rel="stylesheet" crossorigin href="/assets/cesium-ADbP7waU.css">
-  <link rel="stylesheet" crossorigin href="/assets/index-DckuDqlv.css">
+  <link rel="stylesheet" crossorigin href="/assets/index-_bfZsDCC.css">
 </head>
 <body>
   <div id="root"></div>

package/index.html

@@ -11,6 +11,7 @@
       var saved = localStorage.getItem('ifc-lite-theme');
       var theme = saved || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
       if (theme === 'dark') document.documentElement.classList.add('dark');
+      if (theme === 'colorful') document.documentElement.classList.add('colorful');
     })();
   </script>
   

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@ifc-lite/viewer",
-  "version": "1.17.4",
+  "version": "1.17.6",
   "description": "IFC-Lite viewer application",
   "type": "module",
   "dependencies": {
-    "@clerk/clerk-react": "^5.61.3",
+    "@anthropic-ai/sdk": "^0.39.0",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/commands": "^6.10.2",
     "@codemirror/lang-javascript": "^6.2.4",
@@ -49,7 +49,7 @@
     "@ifc-lite/bcf": "^1.15.3",
     "@ifc-lite/cache": "^1.14.5",
     "@ifc-lite/data": "^1.15.2",
-    "@ifc-lite/drawing-2d": "^1.15.1",
+    "@ifc-lite/drawing-2d": "^1.15.3",
     "@ifc-lite/encoding": "^1.14.6",
     "@ifc-lite/export": "^1.17.2",
     "@ifc-lite/geometry": "^1.16.5",
@@ -57,14 +57,14 @@
     "@ifc-lite/lens": "^1.14.4",
     "@ifc-lite/lists": "^1.14.10",
     "@ifc-lite/mutations": "^1.14.5",
-    "@ifc-lite/parser": "^2.1.8",
+    "@ifc-lite/parser": "^2.1.9",
     "@ifc-lite/query": "^1.14.6",
-    "@ifc-lite/renderer": "^1.15.2",
+    "@ifc-lite/renderer": "^1.16.0",
     "@ifc-lite/sandbox": "^1.14.6",
     "@ifc-lite/sdk": "^1.14.6",
-    "@ifc-lite/server-client": "^1.15.2",
+    "@ifc-lite/server-client": "^1.15.3",
     "@ifc-lite/spatial": "^1.14.5",
-    "@ifc-lite/wasm": "^1.16.4"
+    "@ifc-lite/wasm": "^1.16.6"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.18",

package/src/App.tsx

@@ -3,17 +3,31 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 
 /**
- * Main application component
+ * Main application component.
+ *
+ * The /settings route is used by the desktop shell (Tauri) for account
+ * and API key management. On the web viewer it is unreachable (no links
+ * navigate there and vercel.json does not rewrite it).
  */
 
 import { ViewerLayout } from './components/viewer/ViewerLayout';
+import { SettingsPage } from './components/viewer/SettingsPage';
 import { BimProvider } from './sdk/BimProvider';
 import { Toaster } from './components/ui/toast';
+import { useEffect, useState } from 'react';
 
 export function App() {
+  const [pathname, setPathname] = useState(() => window.location.pathname);
+
+  useEffect(() => {
+    const onRouteChange = () => setPathname(window.location.pathname);
+    window.addEventListener('popstate', onRouteChange);
+    return () => window.removeEventListener('popstate', onRouteChange);
+  }, []);
+
   return (
     <BimProvider>
-      <ViewerLayout />
+      {pathname === '/settings' ? <SettingsPage /> : <ViewerLayout />}
       <Toaster />
     </BimProvider>
   );

package/src/components/viewer/CesiumOverlay.tsx

@@ -175,6 +175,7 @@ function buildModelMatrix(
   const absc = mapConversion?.xAxisAbscissa ?? 1.0;
   const ordi = mapConversion?.xAxisOrdinate ?? 0.0;
   const bounds = coordinateInfo?.originalBounds;
+  // Viewer bounds are already in metres (geometry engine converts from IFC native unit)
   const mvx = bounds ? (bounds.min.x + bounds.max.x) / 2 : 0;
   const mvy = bounds ? (bounds.min.y + bounds.max.y) / 2 : 0;
   const mvz = bounds ? (bounds.min.z + bounds.max.z) / 2 : 0;
@@ -182,7 +183,7 @@ function buildModelMatrix(
   let placementHeight = bridge.modelOrigin.height;
   if (clamp && terrainH !== null) {
     const minY = bounds?.min.y ?? 0;
-    const bottomOffset = mvy - minY;
+    const bottomOffset = mvy - minY; // already in metres
     placementHeight = terrainH + bottomOffset;
   }
 
@@ -190,12 +191,16 @@ function buildModelMatrix(
     bridge.modelOrigin.longitude, bridge.modelOrigin.latitude, placementHeight,
   );
   const enuToEcef = Cesium.Transforms.eastNorthUpToFixedFrame(origin);
+  // No lengthUnitScale here — viewer-space GLB vertices are already in metres.
   const sa = hScale * absc, so = hScale * ordi;
+  const tx = -(sa * mvx + so * mvz);
+  const ty = -(so * mvx - sa * mvz);
+  const tz = -mvy;
   const ifcToEnu = new Cesium.Matrix4(
-    sa, -so, 0, -(sa * mvx + so * mvz),
-    so,  sa, 0, -(so * mvx - sa * mvz),
-    0,   0,  1, -mvy,
-    0,   0,  0, 1,
+    sa, 0,  so, tx,
+    so, 0, -sa, ty,
+    0,  1,  0,  tz,
+    0,  0,  0,  1,
   );
   return Cesium.Matrix4.multiply(enuToEcef, ifcToEnu, new Cesium.Matrix4());
 }
@@ -205,6 +210,8 @@ export interface CesiumOverlayProps {
   projectedCRS?: ProjectedCRS;
   coordinateInfo?: CoordinateInfo;
   geometryResult?: GeometryResult | null;
+  /** IFC project length unit → metres (e.g. 0.001 for mm models). Default 1. */
+  lengthUnitScale?: number;
 }
 
 export function CesiumOverlay({
@@ -212,6 +219,7 @@ export function CesiumOverlay({
   projectedCRS,
   coordinateInfo,
   geometryResult,
+  lengthUnitScale = 1,
 }: CesiumOverlayProps) {
   const containerRef = useRef<HTMLDivElement>(null);
   const viewerRef = useRef<InstanceType<typeof import('cesium').Viewer> | null>(null);
@@ -227,6 +235,7 @@ export function CesiumOverlay({
   const ionToken = useViewerStore((s) => s.cesiumIonToken);
   const terrainEnabled = useViewerStore((s) => s.cesiumTerrainEnabled);
   const terrainClamp = useViewerStore((s) => s.cesiumTerrainClamp);
+  const setCesiumTerrainClamp = useViewerStore((s) => s.setCesiumTerrainClamp);
   const terrainHeight = useViewerStore((s) => s.cesiumTerrainHeight);
   const setCesiumTerrainHeight = useViewerStore((s) => s.setCesiumTerrainHeight);
   const setCesiumTerrainClipY = useViewerStore((s) => s.setCesiumTerrainClipY);
@@ -238,6 +247,9 @@ export function CesiumOverlay({
   terrainClampRef.current = terrainClamp;
   terrainHeightRef.current = terrainHeight;
 
+  // Track whether we've auto-clamped to terrain (only once, so user can still uncheck)
+  const autoClampedRef = useRef(false);
+
   // Track the Cesium model (IFC geometry loaded as glTF for correct world positioning)
   const cesiumModelRef = useRef<{ modelMatrix: any; destroy?: () => void } | null>(null);
   const glbCacheRef = useRef<{ meshCount: number; glb: Uint8Array } | null>(null);
@@ -386,7 +398,7 @@ export function CesiumOverlay({
     let cancelled = false;
 
     (async () => {
-      const bridge = await createCesiumBridge(mapConversion, projectedCRS, coordinateInfo);
+      const bridge = await createCesiumBridge(mapConversion, projectedCRS, coordinateInfo, lengthUnitScale);
       if (cancelled) return;
 
       if (!bridge) {
@@ -396,6 +408,7 @@ export function CesiumOverlay({
 
       const prevBridge = bridgeRef.current;
       bridgeRef.current = bridge;
+      autoClampedRef.current = false; // reset for new bridge
       // Bump version so terrain query effect re-runs now that bridge is ready
       setBridgeVersion((v) => v + 1);
 
@@ -411,11 +424,22 @@ export function CesiumOverlay({
         );
 
         if (isFirstPosition) {
-          // First time: instant jump to isometric view
-          const hpr = new Cesium.HeadingPitchRange(0, Cesium.Math.toRadians(-45), 300);
-          viewer.camera.lookAt(target, hpr);
-          viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
-          viewer.scene.requestRender();
+          // First time: fly to the model location.
+          // On first load terrain tiles may not be ready, so globe.getHeight
+          // can return undefined. Use flyTo which handles terrain automatically,
+          // targeting a safe altitude above the model origin.
+          const safeHeight = Math.max(modelOrigin.height, 100);
+          viewer.camera.flyTo({
+            destination: Cesium.Cartesian3.fromDegrees(
+              modelOrigin.longitude, modelOrigin.latitude, safeHeight + 500,
+            ),
+            orientation: {
+              heading: 0,
+              pitch: Cesium.Math.toRadians(-45),
+              roll: 0,
+            },
+            duration: 0, // instant
+          });
         } else if (prevBridge) {
           // Georef edit: just re-render, the camera sync loop will pick
           // up the new bridge on the next frame. No dramatic fly animation.
@@ -425,7 +449,7 @@ export function CesiumOverlay({
     })();
 
     return () => { cancelled = true; };
-  }, [status, mapConversion, projectedCRS, coordinateInfo]);
+  }, [status, mapConversion, projectedCRS, coordinateInfo, lengthUnitScale]);
 
   // ─── Effect 2b: Query terrain height when bridge is ready ───────────────
   // Also re-queries when terrainClamp is toggled on (in case first query failed)
@@ -448,13 +472,25 @@ export function CesiumOverlay({
       bridge.queryTerrainHeight(Cesium, viewer).then((h) => {
         if (!cancelled && h !== null) {
           setCesiumTerrainHeight(h);
-          // Compute terrain clip Y in viewer space:
-          // terrain is at height h (meters). Model origin is at bridge.modelOrigin.height.
-          // In viewer Y-up, the bottom of the model is at modelMinY.
-          // Terrain clip Y = modelMinY + (terrainHeight - modelOriginHeight)
-          // This places the clip plane at the terrain surface relative to model geometry.
+          // Compute terrain clip Y in viewer space (both h and modelOrigin.height are metres,
+          // bounds are also in metres since the geometry engine converts during extraction)
           const terrainClipY = modelMinY + (h - bridge.modelOrigin.height);
           setCesiumTerrainClipY(terrainClipY);
+
+          // Auto-enable terrain clamping if the model is significantly below terrain
+          // (only once — don't override if the user has manually toggled)
+          if (!autoClampedRef.current && h > bridge.modelOrigin.height + 5) {
+            autoClampedRef.current = true;
+            setCesiumTerrainClamp(true);
+            // Fly camera to the clamped position so the model is visible
+            viewer.camera.flyTo({
+              destination: Cesium.Cartesian3.fromDegrees(
+                bridge.modelOrigin.longitude, bridge.modelOrigin.latitude, h + 500,
+              ),
+              orientation: { heading: 0, pitch: Cesium.Math.toRadians(-45), roll: 0 },
+              duration: 0,
+            });
+          }
         }
       });
     };
@@ -516,7 +552,14 @@ export function CesiumOverlay({
         let model: { modelMatrix: any; destroy?: () => void } | null = null;
         try {
           model = await Cesium.Model.fromGltfAsync({
-            url: glbUrl, modelMatrix, shadows: Cesium.ShadowMode.DISABLED,
+            url: glbUrl,
+            modelMatrix,
+            shadows: Cesium.ShadowMode.DISABLED,
+            // The generated GLB stores viewer-space vertices and buildModelMatrix
+            // already maps viewer axes into ENU. Avoid Cesium's default glTF
+            // Y-up/Z-forward correction or the model is rotated onto its side.
+            upAxis: Cesium.Axis.Z,
+            forwardAxis: Cesium.Axis.X,
           });
         } finally {
           URL.revokeObjectURL(glbUrl);
@@ -561,7 +604,7 @@ export function CesiumOverlay({
     const newMatrix = buildModelMatrix(Cesium, bridge, mapConversion, coordinateInfo, terrainClamp, terrainHeight);
     model.modelMatrix = newMatrix;
     viewer.scene.requestRender();
-  }, [terrainClamp, terrainHeight, mapConversion, coordinateInfo]);
+  }, [terrainClamp, terrainHeight, mapConversion, coordinateInfo, lengthUnitScale]);
 
   // ─── Effect 3: Camera sync loop ─────────────────────────────────────────
   useEffect(() => {