Files
speckle-server/scratch/engine_web-ifc/examples/viewer/index.html
T
huanld 1686f08040
Release pipeline / Get version (push) Has been cancelled
Release pipeline / Get Chart Name (push) Has been cancelled
Release pipeline / tests (push) Has been cancelled
Release pipeline / builds (push) Has been cancelled
Release pipeline / builds-ghcr (push) Has been cancelled
Release pipeline / test-deployments (push) Has been cancelled
Release pipeline / deploy (push) Has been cancelled
Release pipeline / Helm chart oci (push) Has been cancelled
Release pipeline / npm (push) Has been cancelled
Release pipeline / snyk (push) Has been cancelled
feat: commit IFC-toolkit and engine_web-ifc source code
2026-04-16 07:47:58 +07:00

57 lines
2.2 KiB
HTML

<script src="web-ifc-viewer.js"></script>
<head>
<link rel="stylesheet" data-name="vs/editor/editor.main" href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min/vs/editor/editor.main.min.css">
</head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min/vs/loader.min.js"></script>
<style>
body {
margin: 0px;
padding: 0px;
display: flex;
flex-direction: row;
overflow: hidden;
height: 100%;
}
</style>
<body>
<div id="container" style="width:40%; border:1px solid black;"></div>
<div style="width:60%; height: 100%;">
<div id= "3dcontainer" style="width:100%; height: 90%;" ></div>
<input type="button" id="runcode" value="Run Code"/>
<input type="file" id="finput">
<input type="button" id="cmem" value="Clear Memory"/>
<input type="button" id="rcode" value="Reset Editor"/>
Log Level: <select id="logLevel">
<option value="6">Off</option>
<option value="4" selected>Error</option>
<option value="1">Debug</option>
<option value="3">Warn</option>
</select>
</div>
</body>
<script>
// Based on https://jsfiddle.net/developit/bwgkr6uq/ which just works but is based on unpkg.com.
// Provided by loader.min.js.
require.config({ paths: { 'vs': 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min/vs' }});
window.MonacoEnvironment = { getWorkerUrl: () => proxy };
let proxy = URL.createObjectURL(new Blob([`
self.MonacoEnvironment = {
baseUrl: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min'
};
importScripts('https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min/vs/base/worker/workerMain.min.js');
`], { type: 'text/javascript' }));
require(["vs/editor/editor.main"], function () {
InitMonaco(monaco);
let editor = monaco.editor.create(document.getElementById('container'), {
value: ``,
language: 'typescript',
theme: 'vs-dark'
});
InitWebIfcViewer(editor);
});
</script>