create-ifc-lite 1.14.3 → 1.14.5

package/README.md

@@ -21,7 +21,7 @@ npm install
 npm run parse ./model.ifc
 ```
 
-**React** - React + Vite project with drag-and-drop viewer:
+**React** - React + Vite project with WebGPU rendering and drag-and-drop loading:
 
 ```bash
 npx create-ifc-lite my-viewer --template react
@@ -34,7 +34,7 @@ npm run dev
 
 | Flag | Description |
 |------|-------------|
-| `--template <type>` | Template to use: `basic`, `react` (default: `basic`) |
+| `--template <type>` | Template to use: `basic`, `threejs`, `babylonjs`, `react`, `server`, `server-native` (default: `basic`) |
 | `--help` | Show help |
 
 ## Learn More

package/dist/index.js

@@ -7,10 +7,9 @@ import { join } from 'path';
 import { createBasicTemplate } from './templates/basic.js';
 import { createThreejsTemplate } from './templates/threejs.js';
 import { createBabylonjsTemplate } from './templates/babylonjs.js';
+import { createReactTemplate } from './templates/react.js';
 import { createServerTemplate } from './templates/server.js';
 import { createServerNativeTemplate } from './templates/server-native.js';
-import { fixViewerTemplate } from './utils/config-fixers.js';
-import { downloadViewer } from './utils/download.js';
 const TEMPLATES = {
     basic: 'basic',
     threejs: 'threejs',
@@ -42,7 +41,7 @@ function printUsage() {
     basic          Minimal TypeScript project for parsing IFC files
     threejs        Three.js viewer (WebGL, no WebGPU required)
     babylonjs      Babylon.js viewer (WebGL, no WebGPU required)
-    react          Full-featured React + Vite viewer with WebGPU rendering
+    react          React + Vite viewer with WebGPU rendering
     server         Docker-based IFC processing server with TypeScript client
     server-native  Native binary server (no Docker required)
 `);
@@ -87,16 +86,8 @@ async function main() {
         createBabylonjsTemplate(targetDir, projectName);
     }
     else if (template === 'react') {
-        // Download the actual viewer from GitHub
-        const success = await downloadViewer(targetDir, projectName);
-        if (success) {
-            fixViewerTemplate(targetDir, projectName);
-        }
-        else {
-            console.error('  Failed to download viewer. Creating minimal fallback...');
-            mkdirSync(targetDir, { recursive: true });
-            createBasicTemplate(targetDir, projectName);
-        }
+        mkdirSync(targetDir, { recursive: true });
+        createReactTemplate(targetDir, projectName);
     }
     else if (template === 'server') {
         mkdirSync(targetDir, { recursive: true });
@@ -133,4 +124,7 @@ async function main() {
     }
     console.log();
 }
-main().catch(console.error);
+main().catch((error) => {
+    console.error(error instanceof Error ? `\n  ${error.message}\n` : error);
+    process.exit(1);
+});

package/dist/templates/babylonjs.js

@@ -20,6 +20,7 @@ export function createBabylonjsTemplate(targetDir, projectName) {
             dev: 'vite',
             build: 'tsc && vite build',
             preview: 'vite preview',
+            postinstall: 'node ./scripts/fix-ifc-lite-geometry-worker.mjs',
         },
         dependencies: {
             '@ifc-lite/geometry': geometryVersion,
@@ -94,6 +95,24 @@ export default defineConfig({
 `);
     // src/
     mkdirSync(join(targetDir, 'src'));
+    mkdirSync(join(targetDir, 'scripts'));
+    // scripts/fix-ifc-lite-geometry-worker.mjs
+    writeFileSync(join(targetDir, 'scripts', 'fix-ifc-lite-geometry-worker.mjs'), `import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import path from 'node:path';
+
+const entryPath = path.join(process.cwd(), 'node_modules', '@ifc-lite', 'geometry', 'dist', 'index.js');
+
+if (!existsSync(entryPath)) {
+  process.exit(0);
+}
+
+const source = readFileSync(entryPath, 'utf8');
+const patched = source.replace(/geometry\\.worker\\.ts/g, 'geometry.worker.js');
+
+if (patched !== source) {
+  writeFileSync(entryPath, patched);
+}
+`);
     // src/ifc-to-babylon.ts
     writeFileSync(join(targetDir, 'src', 'ifc-to-babylon.ts'), `import {
   Mesh, VertexData, StandardMaterial, Color3,

package/dist/templates/basic.js

@@ -3,23 +3,23 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 import { mkdirSync, writeFileSync } from 'fs';
 import { join } from 'path';
-import { getLatestVersion } from '../utils/config-fixers.js';
+import { getPackageVersion } from '../utils/config-fixers.js';
 /**
  * Scaffold a minimal TypeScript project for parsing IFC files.
  */
 export function createBasicTemplate(targetDir, projectName) {
-    const latestVersion = getLatestVersion();
+    const parserVersion = getPackageVersion('@ifc-lite/parser');
     // package.json
     writeFileSync(join(targetDir, 'package.json'), JSON.stringify({
         name: projectName,
-        version: latestVersion.replace('^', ''),
+        version: parserVersion.replace('^', ''),
         type: 'module',
         scripts: {
             parse: 'npx tsx src/index.ts',
             build: 'tsc',
         },
         dependencies: {
-            '@ifc-lite/parser': latestVersion,
+            '@ifc-lite/parser': parserVersion,
         },
         devDependencies: {
             '@types/node': '^22.0.0',

package/dist/templates/react.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Scaffold a standalone React + Vite WebGPU viewer.
+ */
+export declare function createReactTemplate(targetDir: string, projectName: string): void;

package/dist/templates/react.js

@@ -0,0 +1,580 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+import { mkdirSync, writeFileSync } from 'fs';
+import { join } from 'path';
+import { getPackageVersion } from '../utils/config-fixers.js';
+const LICENSE_HEADER = `/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+`;
+function writeSourceFile(targetDir, relativePath, content) {
+    writeFileSync(join(targetDir, relativePath), `${LICENSE_HEADER}${content}`);
+}
+/**
+ * Scaffold a standalone React + Vite WebGPU viewer.
+ */
+export function createReactTemplate(targetDir, projectName) {
+    const geometryVersion = getPackageVersion('@ifc-lite/geometry');
+    const rendererVersion = getPackageVersion('@ifc-lite/renderer');
+    writeFileSync(join(targetDir, 'package.json'), JSON.stringify({
+        name: projectName,
+        version: '0.1.0',
+        private: true,
+        type: 'module',
+        scripts: {
+            dev: 'vite',
+            build: 'tsc && vite build',
+            typecheck: 'tsc --noEmit',
+            preview: 'vite preview',
+        },
+        dependencies: {
+            '@ifc-lite/geometry': geometryVersion,
+            '@ifc-lite/renderer': rendererVersion,
+            react: '^18.2.0',
+            'react-dom': '^18.2.0',
+        },
+        devDependencies: {
+            '@types/react': '^18.2.0',
+            '@types/react-dom': '^18.2.0',
+            '@vitejs/plugin-react': '^4.2.0',
+            typescript: '^5.3.0',
+            vite: '^5.0.0',
+        },
+    }, null, 2));
+    writeFileSync(join(targetDir, 'tsconfig.json'), JSON.stringify({
+        compilerOptions: {
+            target: 'ES2022',
+            useDefineForClassFields: true,
+            lib: ['ES2022', 'DOM', 'DOM.Iterable'],
+            module: 'ESNext',
+            skipLibCheck: true,
+            moduleResolution: 'bundler',
+            allowImportingTsExtensions: false,
+            resolveJsonModule: true,
+            isolatedModules: true,
+            noEmit: true,
+            jsx: 'react-jsx',
+            strict: true,
+            esModuleInterop: true,
+        },
+        include: ['src'],
+    }, null, 2));
+    writeSourceFile(targetDir, 'vite.config.ts', `import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+const isolationHeaders = {
+  'Cross-Origin-Opener-Policy': 'same-origin',
+  'Cross-Origin-Embedder-Policy': 'require-corp',
+};
+
+export default defineConfig({
+  plugins: [react()],
+  optimizeDeps: {
+    exclude: ['@ifc-lite/wasm'],
+  },
+  server: {
+    headers: isolationHeaders,
+  },
+  preview: {
+    headers: isolationHeaders,
+  },
+});
+`);
+    writeFileSync(join(targetDir, 'index.html'), `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>${projectName}</title>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+</html>
+`);
+    mkdirSync(join(targetDir, 'src'));
+    writeSourceFile(targetDir, 'src/main.tsx', `import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App.js';
+import './styles.css';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);
+`);
+    writeSourceFile(targetDir, 'src/App.tsx', `import { useCallback, useEffect, useRef, useState, type ChangeEvent, type DragEvent } from 'react';
+import { GeometryProcessor } from '@ifc-lite/geometry';
+import { Renderer } from '@ifc-lite/renderer';
+
+type ViewerSession = {
+  renderer: Renderer;
+  destroy: () => void;
+};
+
+function setupCameraControls(canvas: HTMLCanvasElement, renderer: Renderer): () => void {
+  const camera = renderer.getCamera();
+  let isDragging = false;
+  let isPanning = false;
+  let lastX = 0;
+  let lastY = 0;
+
+  const onMouseDown = (event: MouseEvent) => {
+    isDragging = true;
+    isPanning = event.button === 1 || event.button === 2 || event.shiftKey;
+    lastX = event.clientX;
+    lastY = event.clientY;
+    canvas.style.cursor = isPanning ? 'move' : 'grabbing';
+  };
+
+  const onMouseMove = (event: MouseEvent) => {
+    if (!isDragging) return;
+    const deltaX = event.clientX - lastX;
+    const deltaY = event.clientY - lastY;
+    lastX = event.clientX;
+    lastY = event.clientY;
+
+    if (isPanning) {
+      camera.pan(deltaX, deltaY);
+    } else {
+      camera.orbit(deltaX, deltaY);
+    }
+  };
+
+  const stopDrag = () => {
+    isDragging = false;
+    isPanning = false;
+    canvas.style.cursor = 'grab';
+  };
+
+  const onWheel = (event: WheelEvent) => {
+    event.preventDefault();
+    camera.zoom(event.deltaY);
+  };
+
+  const onContextMenu = (event: MouseEvent) => {
+    event.preventDefault();
+  };
+
+  canvas.addEventListener('mousedown', onMouseDown);
+  window.addEventListener('mousemove', onMouseMove);
+  window.addEventListener('mouseup', stopDrag);
+  canvas.addEventListener('mouseleave', stopDrag);
+  canvas.addEventListener('wheel', onWheel, { passive: false });
+  canvas.addEventListener('contextmenu', onContextMenu);
+  canvas.style.cursor = 'grab';
+
+  return () => {
+    canvas.removeEventListener('mousedown', onMouseDown);
+    window.removeEventListener('mousemove', onMouseMove);
+    window.removeEventListener('mouseup', stopDrag);
+    canvas.removeEventListener('mouseleave', stopDrag);
+    canvas.removeEventListener('wheel', onWheel);
+    canvas.removeEventListener('contextmenu', onContextMenu);
+  };
+}
+
+async function createViewer(canvas: HTMLCanvasElement): Promise<ViewerSession> {
+  const renderer = new Renderer(canvas);
+  await renderer.init();
+
+  const resize = () => {
+    const rect = canvas.getBoundingClientRect();
+    const width = Math.max(1, Math.floor(rect.width));
+    const height = Math.max(1, Math.floor(rect.height));
+    renderer.resize(width, height);
+  };
+
+  resize();
+  window.addEventListener('resize', resize);
+  const cleanupControls = setupCameraControls(canvas, renderer);
+
+  let destroyed = false;
+  let frameId = 0;
+  const loop = () => {
+    if (destroyed) return;
+    renderer.render();
+    frameId = requestAnimationFrame(loop);
+  };
+  loop();
+
+  return {
+    renderer,
+    destroy: () => {
+      destroyed = true;
+      cancelAnimationFrame(frameId);
+      cleanupControls();
+      window.removeEventListener('resize', resize);
+      renderer.destroy();
+    },
+  };
+}
+
+export default function App() {
+  const canvasRef = useRef<HTMLCanvasElement | null>(null);
+  const fileInputRef = useRef<HTMLInputElement | null>(null);
+  const processorRef = useRef<GeometryProcessor | null>(null);
+  const viewerRef = useRef<ViewerSession | null>(null);
+  const loadIdRef = useRef(0);
+  const [status, setStatus] = useState('Initializing WebGPU viewer...');
+  const [ready, setReady] = useState(false);
+  const [busy, setBusy] = useState(true);
+
+  useEffect(() => {
+    let cancelled = false;
+    const initId = ++loadIdRef.current;
+
+    const init = async () => {
+      if (!canvasRef.current) return;
+      if (!('gpu' in navigator)) {
+        setStatus('WebGPU is not available in this browser. Try a recent Chromium-based browser.');
+        setBusy(false);
+        return;
+      }
+
+      try {
+        const processor = new GeometryProcessor();
+        await processor.init();
+        if (cancelled || initId !== loadIdRef.current) return;
+
+        processorRef.current = processor;
+        const viewer = await createViewer(canvasRef.current);
+        if (cancelled || initId !== loadIdRef.current) {
+          viewer.destroy();
+          return;
+        }
+
+        viewerRef.current = viewer;
+        setReady(true);
+        setBusy(false);
+        setStatus('Drop an IFC file or choose one to start rendering.');
+      } catch (error) {
+        console.error(error);
+        setBusy(false);
+        setStatus(error instanceof Error ? error.message : 'Failed to initialize viewer.');
+      }
+    };
+
+    void init();
+
+    return () => {
+      cancelled = true;
+      loadIdRef.current += 1;
+      viewerRef.current?.destroy();
+      viewerRef.current = null;
+    };
+  }, []);
+
+  const loadFile = useCallback(async (file: File) => {
+    if (!canvasRef.current || !processorRef.current || !ready || busy) return;
+    const loadId = ++loadIdRef.current;
+
+    setBusy(true);
+    setStatus('Preparing renderer...');
+
+    try {
+      const previousViewer = viewerRef.current;
+      const viewer = await createViewer(canvasRef.current);
+      if (loadId !== loadIdRef.current) {
+        viewer.destroy();
+        return;
+      }
+
+      previousViewer?.destroy();
+      viewerRef.current = viewer;
+      const renderer = viewer.renderer;
+      const processor = processorRef.current;
+      if (!processor) {
+        throw new Error('Geometry processor is no longer available.');
+      }
+
+      const bytes = new Uint8Array(await file.arrayBuffer());
+
+      let loadedMeshes = 0;
+      setStatus('Streaming geometry...');
+
+      for await (const event of processor.processStreaming(bytes)) {
+        if (loadId !== loadIdRef.current) return;
+
+        if (event.type === 'batch') {
+          renderer.addMeshes(event.meshes, true);
+          loadedMeshes = event.totalSoFar;
+          setStatus('Loaded ' + loadedMeshes + ' meshes...');
+        }
+
+        if (event.type === 'complete') {
+          renderer.fitToView();
+          setStatus(file.name + ' loaded with ' + event.totalMeshes + ' meshes.');
+        }
+      }
+    } catch (error) {
+      console.error(error);
+      if (loadId === loadIdRef.current) {
+        setStatus(error instanceof Error ? error.message : 'Failed to load IFC file.');
+      }
+    } finally {
+      if (loadId === loadIdRef.current) {
+        setBusy(false);
+      }
+    }
+  }, [busy, ready]);
+
+  const onFileChange = useCallback(async (event: ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    await loadFile(file);
+    event.target.value = '';
+  }, [loadFile]);
+
+  const onDrop = useCallback(async (event: DragEvent<HTMLElement>) => {
+    event.preventDefault();
+    if (!ready || busy) return;
+    const file = event.dataTransfer.files?.[0];
+    if (file) {
+      await loadFile(file);
+    }
+  }, [busy, loadFile, ready]);
+
+  const openFilePicker = useCallback(() => {
+    if (!ready || busy) return;
+    fileInputRef.current?.click();
+  }, [busy, ready]);
+
+  return (
+    <div className="app">
+      <aside className="sidebar">
+        <div>
+          <p className="eyebrow">IFC-Lite</p>
+          <h1>${projectName}</h1>
+          <p className="muted">
+            Standalone React + Vite viewer powered by IFC-Lite geometry streaming and WebGPU rendering.
+          </p>
+        </div>
+
+        <input
+          ref={fileInputRef}
+          className="visuallyHiddenInput"
+          type="file"
+          accept=".ifc"
+          disabled={!ready || busy}
+          aria-label="Choose IFC file"
+          onChange={(event) => void onFileChange(event)}
+        />
+        <button
+          type="button"
+          className="uploadButton"
+          disabled={!ready || busy}
+          aria-disabled={!ready || busy}
+          onClick={openFilePicker}
+        >
+          {busy ? 'Working…' : 'Choose IFC File'}
+        </button>
+
+        <div className="panel">
+          <p className="label">Status</p>
+          <p>{status}</p>
+        </div>
+
+        <div className="panel">
+          <p className="label">Controls</p>
+          <ul>
+            <li>Left drag: orbit</li>
+            <li>Shift / middle / right drag: pan</li>
+            <li>Wheel: zoom</li>
+            <li>Drop an IFC anywhere on the viewport</li>
+          </ul>
+        </div>
+      </aside>
+
+      <main className="viewportShell" onDragOver={(event) => event.preventDefault()} onDrop={(event) => void onDrop(event)}>
+        <canvas ref={canvasRef} className="viewport" />
+      </main>
+    </div>
+  );
+}
+`);
+    writeSourceFile(targetDir, 'src/styles.css', `:root {
+  color-scheme: dark;
+  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  background: #0b1220;
+  color: #e5eefc;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body,
+#root {
+  margin: 0;
+  min-height: 100%;
+  height: 100%;
+}
+
+body {
+  background:
+    radial-gradient(circle at top, rgba(59, 130, 246, 0.18), transparent 30%),
+    #0b1220;
+}
+
+.app {
+  display: grid;
+  grid-template-columns: 320px minmax(0, 1fr);
+  min-height: 100vh;
+}
+
+.sidebar {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  padding: 1.5rem;
+  border-right: 1px solid rgba(148, 163, 184, 0.18);
+  background: rgba(15, 23, 42, 0.92);
+  backdrop-filter: blur(16px);
+}
+
+.eyebrow,
+.label {
+  margin: 0 0 0.5rem;
+  color: #93c5fd;
+  font-size: 0.8rem;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.sidebar h1 {
+  margin: 0 0 0.75rem;
+  font-size: 1.8rem;
+}
+
+.muted {
+  margin: 0;
+  color: #94a3b8;
+  line-height: 1.5;
+}
+
+.uploadButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 3rem;
+  padding: 0.9rem 1rem;
+  border-radius: 0.9rem;
+  background: linear-gradient(135deg, #2563eb, #0ea5e9);
+  color: white;
+  font-weight: 700;
+  cursor: pointer;
+  transition: transform 0.15s ease, opacity 0.15s ease;
+  border: none;
+}
+
+.uploadButton:hover:not(:disabled) {
+  transform: translateY(-1px);
+}
+
+.uploadButton:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.visuallyHiddenInput {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.panel {
+  padding: 1rem;
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  border-radius: 1rem;
+  background: rgba(15, 23, 42, 0.7);
+}
+
+.panel p {
+  margin: 0;
+  line-height: 1.5;
+}
+
+.panel ul {
+  margin: 0;
+  padding-left: 1.1rem;
+  color: #cbd5e1;
+  line-height: 1.6;
+}
+
+.viewportShell {
+  position: relative;
+  min-width: 0;
+  min-height: 100vh;
+  padding: 1rem;
+}
+
+.viewport {
+  display: block;
+  width: 100%;
+  height: calc(100vh - 2rem);
+  border-radius: 1rem;
+  border: 1px solid rgba(148, 163, 184, 0.16);
+  background: linear-gradient(180deg, #020617, #0f172a);
+  outline: none;
+}
+
+@media (max-width: 960px) {
+  .app {
+    grid-template-columns: 1fr;
+  }
+
+  .sidebar {
+    border-right: none;
+    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
+  }
+
+  .viewportShell {
+    min-height: 60vh;
+  }
+
+  .viewport {
+    height: 60vh;
+  }
+}
+`);
+    writeFileSync(join(targetDir, 'README.md'), `# ${projectName}
+
+React + Vite IFC viewer using [IFC-Lite](https://github.com/louistrue/ifc-lite).
+
+## Quick Start
+
+\`\`\`bash
+npm install
+npm run dev
+\`\`\`
+
+Open the app in your browser and drop an IFC file onto the viewport.
+
+## Features
+
+- React + Vite developer experience
+- IFC-Lite geometry streaming for progressive loading
+- WebGPU rendering via \`@ifc-lite/renderer\`
+- Drag-and-drop or file picker loading
+- Orbit, pan, and zoom camera controls
+
+## Learn More
+
+- [IFC-Lite Documentation](https://louistrue.github.io/ifc-lite/)
+- [Rendering Guide](https://louistrue.github.io/ifc-lite/guide/rendering/)
+- [Geometry Guide](https://louistrue.github.io/ifc-lite/guide/geometry/)
+`);
+}

package/dist/templates/server-native.js

@@ -3,13 +3,14 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 import { mkdirSync, writeFileSync } from 'fs';
 import { join } from 'path';
-import { getLatestVersion } from '../utils/config-fixers.js';
+import { getPackageVersion } from '../utils/config-fixers.js';
 /**
  * Scaffold a native-binary IFC processing server with TypeScript client examples.
  * No Docker required -- the server binary is downloaded and run via npm scripts.
  */
 export function createServerNativeTemplate(targetDir, projectName) {
-    const latestVersion = getLatestVersion();
+    const serverBinVersion = getPackageVersion('@ifc-lite/server-bin');
+    const serverClientVersion = getPackageVersion('@ifc-lite/server-client');
     // package.json
     writeFileSync(join(targetDir, 'package.json'), JSON.stringify({
         name: projectName,
@@ -26,8 +27,8 @@ export function createServerNativeTemplate(targetDir, projectName) {
             'typecheck': 'tsc --noEmit',
         },
         dependencies: {
-            '@ifc-lite/server-bin': latestVersion,
-            '@ifc-lite/server-client': latestVersion,
+            '@ifc-lite/server-bin': serverBinVersion,
+            '@ifc-lite/server-client': serverClientVersion,
         },
         devDependencies: {
             'typescript': '^5.3.0',
@@ -184,9 +185,13 @@ Example:
     process.exit(1);
   }
 
-  const buffer = readFileSync(ifcPath);
+  const nodeBuffer = readFileSync(ifcPath);
+  const buffer = nodeBuffer.buffer.slice(
+    nodeBuffer.byteOffset,
+    nodeBuffer.byteOffset + nodeBuffer.byteLength,
+  ) as ArrayBuffer;
   console.log(\`\\nParsing: \${ifcPath}\`);
-  console.log(\`File size: \${(buffer.length / 1024 / 1024).toFixed(2)} MB\`);
+  console.log(\`File size: \${(nodeBuffer.length / 1024 / 1024).toFixed(2)} MB\`);
 
   const startTime = performance.now();
 
@@ -264,8 +269,12 @@ async function main() {
     process.exit(1);
   }
 
-  const buffer = readFileSync(ifcPath);
-  console.log(\`\\nStreaming: \${ifcPath} (\${(buffer.length / 1024 / 1024).toFixed(1)} MB)\`);
+  const nodeBuffer = readFileSync(ifcPath);
+  const buffer = nodeBuffer.buffer.slice(
+    nodeBuffer.byteOffset,
+    nodeBuffer.byteOffset + nodeBuffer.byteLength,
+  ) as ArrayBuffer;
+  console.log(\`\\nStreaming: \${ifcPath} (\${(nodeBuffer.length / 1024 / 1024).toFixed(1)} MB)\`);
 
   const startTime = performance.now();
   let totalMeshes = 0;

package/dist/templates/server.js

@@ -3,12 +3,12 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 import { mkdirSync, writeFileSync } from 'fs';
 import { join } from 'path';
-import { getLatestVersion } from '../utils/config-fixers.js';
+import { getPackageVersion } from '../utils/config-fixers.js';
 /**
  * Scaffold a Docker-based IFC processing server with TypeScript client examples.
  */
 export function createServerTemplate(targetDir, projectName) {
-    const latestVersion = getLatestVersion();
+    const serverClientVersion = getPackageVersion('@ifc-lite/server-client');
     // docker-compose.yml - Production configuration
     writeFileSync(join(targetDir, 'docker-compose.yml'), `# IFC-Lite Server - Production Configuration
 # Start with: docker compose up -d
@@ -180,7 +180,7 @@ cache
             'typecheck': 'tsc --noEmit',
         },
         dependencies: {
-            '@ifc-lite/server-client': latestVersion,
+            '@ifc-lite/server-client': serverClientVersion,
         },
         devDependencies: {
             'typescript': '^5.3.0',
@@ -273,8 +273,12 @@ The server will:
 
   // Read IFC file
   console.log(\`\\nParsing: \${ifcPath}\`);
-  const buffer = readFileSync(ifcPath);
-  console.log(\`File size: \${(buffer.length / 1024 / 1024).toFixed(2)} MB\`);
+  const nodeBuffer = readFileSync(ifcPath);
+  const buffer = nodeBuffer.buffer.slice(
+    nodeBuffer.byteOffset,
+    nodeBuffer.byteOffset + nodeBuffer.byteLength,
+  ) as ArrayBuffer;
+  console.log(\`File size: \${(nodeBuffer.length / 1024 / 1024).toFixed(2)} MB\`);
 
   // Parse with Parquet format (most efficient)
   console.log('\\nSending to server...');
@@ -373,8 +377,12 @@ async function main() {
     process.exit(1);
   }
 
-  const buffer = readFileSync(ifcPath);
-  console.log(\`\\nStreaming: \${ifcPath} (\${(buffer.length / 1024 / 1024).toFixed(1)} MB)\`);
+  const nodeBuffer = readFileSync(ifcPath);
+  const buffer = nodeBuffer.buffer.slice(
+    nodeBuffer.byteOffset,
+    nodeBuffer.byteOffset + nodeBuffer.byteLength,
+  ) as ArrayBuffer;
+  console.log(\`\\nStreaming: \${ifcPath} (\${(nodeBuffer.length / 1024 / 1024).toFixed(1)} MB)\`);
 
   // Check Parquet support
   const parquetAvailable = await client.isParquetSupported();
@@ -438,6 +446,8 @@ main().catch(console.error);
  * See example.ts and example-stream.ts for usage examples.
  */
 
+import { IfcServerClient } from '@ifc-lite/server-client';
+
 export { IfcServerClient } from '@ifc-lite/server-client';
 export type {
   ServerConfig,
@@ -455,7 +465,6 @@ export const DEFAULT_SERVER_URL = 'http://localhost:3001';
  * Create a pre-configured client for the local Docker server.
  */
 export function createLocalClient(options?: { timeout?: number }) {
-  const { IfcServerClient } = require('@ifc-lite/server-client');
   return new IfcServerClient({
     baseUrl: process.env.SERVER_URL || DEFAULT_SERVER_URL,
     timeout: options?.timeout ?? 300000,

package/dist/templates/threejs.js

@@ -20,6 +20,7 @@ export function createThreejsTemplate(targetDir, projectName) {
             dev: 'vite',
             build: 'tsc && vite build',
             preview: 'vite preview',
+            postinstall: 'node ./scripts/fix-ifc-lite-geometry-worker.mjs',
         },
         dependencies: {
             '@ifc-lite/geometry': geometryVersion,
@@ -95,6 +96,24 @@ export default defineConfig({
 `);
     // src/
     mkdirSync(join(targetDir, 'src'));
+    mkdirSync(join(targetDir, 'scripts'));
+    // scripts/fix-ifc-lite-geometry-worker.mjs
+    writeFileSync(join(targetDir, 'scripts', 'fix-ifc-lite-geometry-worker.mjs'), `import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import path from 'node:path';
+
+const entryPath = path.join(process.cwd(), 'node_modules', '@ifc-lite', 'geometry', 'dist', 'index.js');
+
+if (!existsSync(entryPath)) {
+  process.exit(0);
+}
+
+const source = readFileSync(entryPath, 'utf8');
+const patched = source.replace(/geometry\\.worker\\.ts/g, 'geometry.worker.js');
+
+if (patched !== source) {
+  writeFileSync(entryPath, patched);
+}
+`);
     // src/ifc-to-threejs.ts
     writeFileSync(join(targetDir, 'src', 'ifc-to-threejs.ts'), `import * as THREE from 'three';
 import type { MeshData } from '@ifc-lite/geometry';

package/dist/utils/config-fixers.d.ts

@@ -1,17 +1,10 @@
 /**
- * Fetch the latest published version of a specific npm package.
+ * Fetch the latest installable published version of a specific npm package.
  * Results are cached so repeated calls for the same package are free.
- * Falls back to '^1.0.0' when the registry is unreachable.
+ * Throws when the registry is unreachable so scaffolds never emit broken
+ * placeholder versions.
  */
 export declare function getPackageVersion(packageName: string): string;
-/**
- * Fetch the latest published version of @ifc-lite/parser from npm.
- * Falls back to '^1.0.0' when the registry is unreachable.
- *
- * @deprecated Use getPackageVersion(packageName) to query each package
- * individually and avoid version mismatches between packages.
- */
-export declare function getLatestVersion(): string;
 /**
  * Rewrite the viewer's package.json so it works as a standalone project:
  *   - Set the project name

package/dist/utils/config-fixers.js

@@ -3,40 +3,84 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 import { existsSync, readFileSync, writeFileSync, rmSync } from 'fs';
 import { join } from 'path';
-import { execSync } from 'child_process';
+import { execFileSync } from 'child_process';
 /** Cache of npm-resolved versions to avoid redundant registry queries. */
 const versionCache = new Map();
+const publishedVersionsCache = new Map();
+const VALID_PACKAGE_NAME = /^(?:@[\w.-]+\/)?[\w.-]+$/;
+const NPM_TIMEOUT_MS = 30000;
+const MAX_VERSION_CANDIDATES = 10;
+function readJsonFromNpm(args) {
+    const result = execFileSync('npm', args, {
+        stdio: 'pipe',
+        timeout: NPM_TIMEOUT_MS,
+    }).toString().trim();
+    return result ? JSON.parse(result) : {};
+}
+function getPublishedVersions(packageName) {
+    if (!VALID_PACKAGE_NAME.test(packageName)) {
+        throw new Error(`Invalid package name: ${packageName}`);
+    }
+    if (publishedVersionsCache.has(packageName)) {
+        return publishedVersionsCache.get(packageName);
+    }
+    const json = readJsonFromNpm(['view', packageName, 'versions', '--json']);
+    const versions = Array.isArray(json) ? json : [json];
+    const set = new Set(versions.filter((value) => typeof value === 'string'));
+    publishedVersionsCache.set(packageName, set);
+    return set;
+}
+function extractPinnedVersion(range) {
+    const match = range.match(/\d+\.\d+\.\d+/);
+    return match ? match[0] : null;
+}
+function getVersionDependencies(packageName, version) {
+    const json = readJsonFromNpm(['view', `${packageName}@${version}`, 'dependencies', '--json']);
+    if (!json || typeof json !== 'object' || Array.isArray(json)) {
+        return {};
+    }
+    return json;
+}
+function isInstallablePublishedVersion(packageName, version) {
+    const dependencies = getVersionDependencies(packageName, version);
+    for (const [dependencyName, dependencyRange] of Object.entries(dependencies)) {
+        if (!dependencyName.startsWith('@ifc-lite/'))
+            continue;
+        const pinnedVersion = extractPinnedVersion(dependencyRange);
+        if (!pinnedVersion)
+            continue;
+        if (!getPublishedVersions(dependencyName).has(pinnedVersion)) {
+            return false;
+        }
+    }
+    return true;
+}
 /**
- * Fetch the latest published version of a specific npm package.
+ * Fetch the latest installable published version of a specific npm package.
  * Results are cached so repeated calls for the same package are free.
- * Falls back to '^1.0.0' when the registry is unreachable.
+ * Throws when the registry is unreachable so scaffolds never emit broken
+ * placeholder versions.
  */
 export function getPackageVersion(packageName) {
     if (versionCache.has(packageName)) {
         return versionCache.get(packageName);
     }
     try {
-        const result = execSync(`npm view ${packageName} version`, { stdio: 'pipe' });
-        const version = `^${result.toString().trim()}`;
+        const versions = [...getPublishedVersions(packageName)];
+        const recentVersions = versions.slice(-MAX_VERSION_CANDIDATES).reverse();
+        const selectedVersion = recentVersions.find((version) => isInstallablePublishedVersion(packageName, version));
+        if (!selectedVersion) {
+            throw new Error(`No installable published version found for ${packageName}.`);
+        }
+        const version = `^${selectedVersion}`;
         versionCache.set(packageName, version);
         return version;
     }
-    catch {
-        const fallback = '^1.0.0';
-        versionCache.set(packageName, fallback);
-        return fallback;
+    catch (cause) {
+        throw new Error(`Failed to resolve the latest published version of ${packageName}. ` +
+            'Check your npm registry access and try again.', { cause });
     }
 }
-/**
- * Fetch the latest published version of @ifc-lite/parser from npm.
- * Falls back to '^1.0.0' when the registry is unreachable.
- *
- * @deprecated Use getPackageVersion(packageName) to query each package
- * individually and avoid version mismatches between packages.
- */
-export function getLatestVersion() {
-    return getPackageVersion('@ifc-lite/parser');
-}
 /**
  * Rewrite the viewer's package.json so it works as a standalone project:
  *   - Set the project name
@@ -106,6 +150,8 @@ export function fixViteConfig(targetDir) {
     // Write standalone vite config with WASM support
     const viteConfig = `import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import wasm from 'vite-plugin-wasm';
+import topLevelAwait from 'vite-plugin-top-level-await';
 import path from 'path';
 import { readFileSync } from 'fs';
 
@@ -114,22 +160,14 @@ const pkg = JSON.parse(readFileSync('./package.json', 'utf-8'));
 export default defineConfig({
   plugins: [
     react(),
-    {
-      name: 'wasm-mime-type',
-      configureServer(server) {
-        server.middlewares.use((req, res, next) => {
-          if (req.url?.endsWith('.wasm')) {
-            res.setHeader('Content-Type', 'application/wasm');
-          }
-          next();
-        });
-      },
-    },
+    wasm(),
+    topLevelAwait(),
   ],
   define: {
     __APP_VERSION__: JSON.stringify(pkg.version),
     __BUILD_DATE__: JSON.stringify(new Date().toISOString()),
     __RELEASE_HISTORY__: JSON.stringify([]),
+    __PACKAGE_VERSIONS__: JSON.stringify([]),
   },
   resolve: {
     alias: {
@@ -139,6 +177,10 @@ export default defineConfig({
   server: {
     port: 3000,
     open: true,
+    headers: {
+      'Cross-Origin-Opener-Policy': 'same-origin',
+      'Cross-Origin-Embedder-Policy': 'credentialless',
+    },
     fs: {
       allow: ['..'],
     },
@@ -147,7 +189,18 @@ export default defineConfig({
     target: 'esnext',
   },
   optimizeDeps: {
-    exclude: ['@duckdb/duckdb-wasm', '@ifc-lite/wasm'],
+    exclude: [
+      '@duckdb/duckdb-wasm',
+      '@ifc-lite/wasm',
+      'parquet-wasm',
+      'quickjs-emscripten',
+      '@jitl/quickjs-wasmfile-release-asyncify',
+      'esbuild-wasm',
+    ],
+  },
+  worker: {
+    format: 'es',
+    plugins: () => [wasm(), topLevelAwait()],
   },
   assetsInclude: ['**/*.wasm'],
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ifc-lite",
-  "version": "1.14.3",
+  "version": "1.14.5",
   "description": "Create IFC-Lite projects with one command",
   "type": "module",
   "bin": {
@@ -8,8 +8,7 @@
   },
   "main": "./dist/index.js",
   "files": [
-    "dist",
-    "templates"
+    "dist"
   ],
   "keywords": [
     "ifc",
@@ -32,7 +31,7 @@
     "node": ">=18.0.0"
   },
   "scripts": {
-    "build": "tsc",
-    "dev": "tsc --watch"
+    "build": "pnpm exec tsc",
+    "dev": "pnpm exec tsc --watch"
   }
 }