UNPKG

@inweb/viewer-three

Version:

JavaScript library for rendering CAD and BIM files in a browser using Three.js

75 lines (71 loc) 3.36 kB
/////////////////////////////////////////////////////////////////////////////// // Copyright (C) 2002-2025, Open Design Alliance (the "Alliance"). // All rights reserved. // // This software and its documentation and related materials are owned by // the Alliance. The software may only be incorporated into application // programs owned by members of the Alliance, subject to a signed // Membership Agreement and Supplemental Software License Agreement with the // Alliance. The structure and organization of this software are the valuable // trade secrets of the Alliance and its suppliers. The software is also // protected by copyright law and international treaty provisions. Application // programs incorporating this software must include the following statement // with their copyright notices: // // This application incorporates Open Design Alliance software pursuant to a // license agreement with Open Design Alliance. // Open Design Alliance Copyright (C) 2002-2025 by Open Design Alliance. // All rights reserved. // // By use of this software, its documentation or related materials, you // acknowledge and accept the above terms. /////////////////////////////////////////////////////////////////////////////// import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; import { loaders, Loader, GLTFLoadingManager, ModelImpl } from '@inweb/viewer-three'; class GLTFFileLoader extends Loader { constructor(viewer) { super(); this.viewer = viewer; } dispose() { if (this.manager) this.manager.dispose(); } isSupport(file, format) { return ((typeof file === "string" || file instanceof globalThis.File || file instanceof ArrayBuffer) && /(gltf|glb)$/i.test(format)); } async load(file, format, params = {}) { this.manager = new GLTFLoadingManager(file, params); const loader = new GLTFLoader(this.manager); loader.setPath(this.manager.path); loader.setCrossOrigin(params.crossOrigin || loader.crossOrigin); loader.setRequestHeader(params.requestHeader || {}); loader.setWithCredentials(params.withCredentials || loader.withCredentials); const progress = (event) => { const { lengthComputable, loaded, total } = event; const progress = lengthComputable ? loaded / total : 1; this.viewer.emitEvent({ type: "geometryprogress", data: progress, file }); }; const gltf = await loader.loadAsync(this.manager.fileURL, progress); if (!this.viewer.scene) return this; let handle = 1; gltf.scene.traverse((object) => { object.userData = { handle: handle + "", ...object.userData }; handle++; }); const modelImpl = new ModelImpl(gltf.scene); modelImpl.id = params.modelId || this.extractFileName(file); this.viewer.scene.add(gltf.scene); this.viewer.models.push(modelImpl); this.viewer.syncOptions(); this.viewer.syncOverlay(); this.viewer.emitEvent({ type: "databasechunk", data: gltf.scene, file }); this.viewer.update(true); return this; } } loaders.registerLoader("gltf-file", (viewer) => new GLTFFileLoader(viewer)); export { GLTFFileLoader }; //# sourceMappingURL=GLTFFileLoader.module.js.map