Module initialization

Viewer package consists of WASM module and base TypeScript library which provides API and glue code between WASM and TypeScript/JavaScript. Module initialization starts from importing OccViewer to TypeScript/JavaScript code:

// import OccViewer package, where './viewer/' - path to Viewer package folder over http
import { OccViewer } from './viewer/wasm32/OccViewer.js';
// create Viewer object
const OccViewerModule = window.OccViewerModule = new OccViewer('./viewer/');
Copy

Also you have to define canvas HTML element with id="occViewerCanvas". This element will be used for displaying 3D graphics:

<canvas id="occViewerCanvas" oncontextmenu="event.preventDefault()" tabindex=-1
      style="border:0 none;background-color:#000; user-select: none;" width="409" height="409"></canvas>
Copy

After that you should call async module initialization function. During this call library will download multi-threaded or single-threaded version of Viewer WASM module and initialize it. Most Viewer's functionality will start working only after WASM module initialization:

// async viewer initialization function
OccViewerModule.init()
.then(() =>
{
  ...
}
Copy

If setup is correct, you will see info log message inside development console or error otherwise. The following console output could be seen in case of successfully loaded WASM module:

viewer v.1.0.0 initialized with pthreads support with max 11 background threads.
Copy