};
+
+const decoder = new TextDecoder("utf-8", { fatal: false });
+
+const assertIfc = (data: Uint8Array, label: string) => {
+ const head = decoder.decode(data.slice(0, 128)).trim();
+ if (!head.startsWith("ISO-10303-21")) {
+ throw new Error(`"${label}" does not look like an IFC file`);
+ }
+};
+
+const fileSources = (files: File[]): LoadSource[] =>
+ files.map((file) => ({
+ label: file.name,
+ read: async () => {
+ const data = new Uint8Array(await file.arrayBuffer());
+ assertIfc(data, file.name);
+ return data;
+ },
+ }));
+
+const urlSource = (url: string): LoadSource => ({
+ label: decodeURIComponent(url.split("?")[0].split("/").pop() ?? url),
+ read: async () => {
+ const response = await fetch(url);
+ if (!response.ok) {
+ throw new Error(`Could not download the file (HTTP ${response.status})`);
+ }
+ const type = response.headers.get("content-type") ?? "";
+ if (type.includes("text/html")) {
+ throw new Error(`File "${url}" not found (server returned HTML)`);
+ }
+ const data = new Uint8Array(await response.arrayBuffer());
+ assertIfc(data, url);
+ return data;
+ },
+});
+
+const ifcFiles = (list: FileList | null) =>
+ [...(list ?? [])].filter((file) => file.name.toLowerCase().endsWith(".ifc"));
+
+const importModels = async (sources: LoadSource[]) => {
+ if (busy) {
+ setStatus("Wait for the current models to finish loading", true);
+ return;
+ }
+ if (!sources.length) return;
+ setBusy(true);
+ const started = performance.now();
+ try {
+ let ok = 0;
+ let lastError = "";
+ for (let i = 0; i < sources.length; i++) {
+ const source = sources[i];
+ const prefix = sources.length > 1 ? `[${i + 1}/${sources.length}] ` : "";
+ try {
+ const data = await source.read();
+ const modelId = uniqueModelId(source.label.replace(/\.ifc$/i, ""));
+ setStatus(`${prefix}Converting "${source.label}"…`);
+ await ifcLoader.load(data, false, modelId, {
+ processData: {
+ progressCallback: (progress, info) => {
+ const pct =
+ progress <= 1
+ ? Math.round(progress * 100)
+ : Math.round(progress);
+ const stage = PROCESS_NAMES[info.process] ?? info.process;
+ setStatus(`${prefix}${stage}: ${pct}%`);
+ },
+ },
+ });
+ fragments.core.update(true);
+ ok += 1;
+ } catch (e) {
+ lastError = e instanceof Error ? e.message : String(e);
+ setStatus(
+ `${prefix}Error loading "${source.label}": ${lastError}`,
+ true,
+ );
+ }
+ await refreshModels();
+ }
+ await fitToModels();
+ const seconds = ((performance.now() - started) / 1000).toFixed(1);
+ if (ok === 0) {
+ setStatus(lastError || "Could not load the models", true);
+ } else if (ok === sources.length) {
+ setStatus(`Added ${ok} ${modelWord(ok)} in ${seconds}s`);
+ } else {
+ setStatus(`Loaded ${ok} of ${sources.length}: ${lastError}`, true);
+ }
+ } catch (e) {
+ setStatus(e instanceof Error ? e.message : String(e), true);
+ } finally {
+ setBusy(false);
+ }
+};
+
+addInput.addEventListener("change", () => {
+ const files = ifcFiles(addInput.files);
+ addInput.value = "";
+ if (!files.length) {
+ setStatus("An .ifc file is required", true);
+ return;
+ }
+ importModels(fileSources(files));
+});
+
+let dragDepth = 0;
+window.addEventListener("dragenter", (e) => {
+ e.preventDefault();
+ dragDepth++;
+ dropEl.classList.add("visible");
+});
+window.addEventListener("dragleave", (e) => {
+ e.preventDefault();
+ dragDepth = Math.max(0, dragDepth - 1);
+ if (!dragDepth) dropEl.classList.remove("visible");
+});
+window.addEventListener("dragover", (e) => e.preventDefault());
+window.addEventListener("drop", (e) => {
+ e.preventDefault();
+ dragDepth = 0;
+ dropEl.classList.remove("visible");
+ const files = ifcFiles(e.dataTransfer?.files ?? null);
+ if (!files.length) {
+ setStatus("An .ifc file is required", true);
+ return;
+ }
+ importModels(fileSources(files));
+});
+
+const params = new URLSearchParams(window.location.search);
+projectTitle = params.get("title");
+const modelUrls = params.getAll("model");
+
+await refreshModels();
+
+if (modelUrls.length) {
+ importModels(modelUrls.map((url) => urlSource(url)));
+} else {
+ setStatus('No models loaded — click "Add IFC…" or drop files on this page');
+}
diff --git a/vite.config.ts b/vite.config.ts
index 68adaa7d0..0e6aa0c38 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,15 +1,41 @@
/* eslint-disable import/no-extraneous-dependencies */
import * as fs from "fs";
import * as path from "path";
-import { defineConfig } from "vite";
+import { defineConfig, type ViteDevServer } from "vite";
import { globSync } from "glob";
+const writeProjectsHTML = () => {
+ const projectsDir = path.join(process.cwd(), "projects");
+ if (!fs.existsSync(projectsDir)) return "";
+ // Empty session: the viewer with no ?model= params — load IFC files from
+ // the UI (Add IFC…) instead of preloading them on disk.
+ let links = `New empty session (multimodel)\n`;
+ const entries = fs.readdirSync(projectsDir, { withFileTypes: true });
+ for (const entry of entries) {
+ if (!entry.isDirectory()) continue;
+ const projectDir = path.join(projectsDir, entry.name);
+ const ifc = fs
+ .readdirSync(projectDir)
+ .find((file) => file.toLowerCase().endsWith(".ifc"));
+ if (!ifc) continue;
+ let title = entry.name;
+ const titleFile = path.join(projectDir, "project.title");
+ if (fs.existsSync(titleFile)) {
+ const custom = fs.readFileSync(titleFile, "utf8").split("\n")[0].trim();
+ if (custom) title = custom;
+ }
+ const model = encodeURIComponent(`${entry.name}/${ifc}`);
+ links += `${title}\n`;
+ }
+ return `Projects
\n${links}`;
+};
+
const writeIndexHTML = () => {
let links: string = "";
const examplePaths = globSync("packages/**/src/**/example.html");
for (const examplePath of examplePaths) {
const directory = path.dirname(examplePath);
- const packageNameMatch = directory.match(/packages[\\\/]([^\\\/]+)/);
+ const packageNameMatch = directory.match(/packages[\\/]([^\\/]+)/);
if (!(packageNameMatch && packageNameMatch.length > 1)) continue;
const packageName = packageNameMatch[1];
const exampleName = path.basename(directory);
@@ -40,7 +66,7 @@ const writeIndexHTML = () => {
-
Choose an example
+ ${writeProjectsHTML()}Choose an example
${links}
@@ -52,9 +78,20 @@ const writeIndexHTML = () => {
const createIndex = () => ({
name: "create-index",
- configureServer() {
+ configureServer(server: ViteDevServer) {
// fs.watch("./packages", { recursive: true }, writeIndexHTML);
writeIndexHTML();
+ // Projects are added and removed by external tooling — rebuild the home
+ // page so new IFCs show up in the list without restarting the server.
+ const projectsDir = path.join(process.cwd(), "projects");
+ server.watcher.add(projectsDir);
+ const onProjectsChange = (file: string) => {
+ if (!file.startsWith(projectsDir)) return;
+ writeIndexHTML();
+ };
+ server.watcher.on("add", onProjectsChange);
+ server.watcher.on("change", onProjectsChange);
+ server.watcher.on("unlink", onProjectsChange);
},
});
@@ -65,5 +102,15 @@ export default defineConfig({
// server serves two or three instances and three.js prints the
// "Multiple instances of Three.js being imported" warning.
dedupe: ["three"],
+ // `packages/front` imports `@thatopen/components`; pnpm would resolve
+ // the registry copy (3.4.8) while our viewer runs the local core fork
+ // (FastModelPicker etc.) — two component registries in one page.
+ // Force every import (front included) to the local core sources.
+ alias: {
+ "@thatopen/components": path.resolve(
+ process.cwd(),
+ "packages/core/src/index",
+ ),
+ },
},
});