2026-06-04 18:58:34 +10:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<title>IfcViewer (web)</title>
|
|
|
|
|
<style>
|
|
|
|
|
html, body { margin: 0; height: 100%; background: #0f1117; color: #c8ccd6;
|
|
|
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
|
|
|
|
|
#viewer-canvas { display: block; width: 100vw; height: 100vh; outline: none;
|
|
|
|
|
background: #1a1d24; }
|
2026-06-09 17:16:14 +10:00
|
|
|
#status { position: fixed; top: 8px; left: 12px; right: 12px;
|
|
|
|
|
max-height: 80vh; overflow-y: auto; font-size: 11px;
|
|
|
|
|
font-family: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
|
|
|
|
|
background: rgba(20,22,28,.78); padding: 6px 10px; border-radius: 4px;
|
|
|
|
|
white-space: pre-wrap; pointer-events: auto; }
|
2026-06-04 18:58:34 +10:00
|
|
|
#status.error { background: rgba(120,30,30,.85); color: #fff; }
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<canvas id="viewer-canvas" width="1280" height="800"></canvas>
|
|
|
|
|
<div id="status">Starting…</div>
|
|
|
|
|
<script>
|
|
|
|
|
// Emscripten Module hook: route stderr to the status overlay so any
|
|
|
|
|
// wgpu init failure (no WebGPU, canvas missing, etc.) is visible
|
|
|
|
|
// without opening devtools.
|
|
|
|
|
var statusEl = document.getElementById('status');
|
|
|
|
|
var Module = {
|
|
|
|
|
canvas: document.getElementById('viewer-canvas'),
|
2026-06-09 17:16:14 +10:00
|
|
|
// Keep the wasm runtime alive after main() returns so the
|
|
|
|
|
// Dawn-web RequestAdapter/RequestDevice promise callbacks
|
|
|
|
|
// (queued from main) actually land. Without this flag the
|
|
|
|
|
// runtime tears down at end-of-main and the callbacks never
|
|
|
|
|
// fire — symptom: adapter cb fires (synchronous-ish on the
|
|
|
|
|
// first JS tick) but device cb does not. EXIT_RUNTIME=0 in
|
|
|
|
|
// CMakeLists is the build-time half; this is the runtime half.
|
|
|
|
|
noExitRuntime: true,
|
2026-06-04 18:58:34 +10:00
|
|
|
print: function(t) { console.log(t); },
|
|
|
|
|
printErr: function(t) {
|
|
|
|
|
console.warn(t);
|
2026-06-09 17:16:14 +10:00
|
|
|
// Accumulate every stderr line so the init sequence is visible
|
|
|
|
|
// even when the wasm hangs partway. The first time something is
|
|
|
|
|
// printed we drop the "Starting…" placeholder.
|
|
|
|
|
if (statusEl.textContent === 'Starting…' ||
|
|
|
|
|
statusEl.textContent === 'wasm loaded — waiting for WebGPU') {
|
|
|
|
|
statusEl.textContent = '';
|
|
|
|
|
}
|
|
|
|
|
statusEl.textContent += t + '\n';
|
|
|
|
|
statusEl.scrollTop = statusEl.scrollHeight;
|
2026-06-04 18:58:34 +10:00
|
|
|
if (/fail|error|null/i.test(t)) statusEl.classList.add('error');
|
|
|
|
|
},
|
|
|
|
|
onRuntimeInitialized: function() {
|
|
|
|
|
statusEl.textContent = 'wasm loaded — waiting for WebGPU';
|
2026-06-09 17:16:14 +10:00
|
|
|
// RAF loop. Polls for Module._app_ptr (set by C once the wgpu
|
|
|
|
|
// device callback completes init) and only then drives the C
|
|
|
|
|
// tick. Living in shell.html means the loop is set up from a
|
|
|
|
|
// clean JS top-level, NOT nested inside Dawn-web's Promise.then
|
|
|
|
|
// chain — which is the configuration that stalls device-callback
|
|
|
|
|
// delivery (verified during web bring-up).
|
|
|
|
|
function shellTick() {
|
|
|
|
|
if (Module._app_ptr && Module._raf_tick_c) {
|
|
|
|
|
Module._raf_tick_c(Module._app_ptr);
|
|
|
|
|
}
|
|
|
|
|
requestAnimationFrame(shellTick);
|
|
|
|
|
}
|
|
|
|
|
requestAnimationFrame(shellTick);
|
2026-06-04 18:58:34 +10:00
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
if (!navigator.gpu) {
|
|
|
|
|
statusEl.textContent = 'navigator.gpu is missing — open in a browser with WebGPU enabled';
|
|
|
|
|
statusEl.classList.add('error');
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<!-- IfcViewerWeb.js is emitted alongside this shell by the emcc build;
|
|
|
|
|
`--shell-file` injects this HTML around it. -->
|
|
|
|
|
{{{ SCRIPT }}}
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
