@inweb/viewer-three/dist/extensions/loaders/GLTFCloudLoader.module.js

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

///////////////////////////////////////////////////////////////////////////////
// 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 GLTFCloudLoader extends Loader {
    constructor(viewer) {
        super();
        this.viewer = viewer;
    }
    isSupport(file) {
        return (typeof file === "object" &&
            typeof file.database === "string" &&
            typeof file.downloadResource === "function" &&
            /.gltf$/i.test(file.database));
    }
    async load(model) {
        const url = `${model.httpClient.serverUrl}${model.path}/${model.database}`;
        const manager = new GLTFLoadingManager(url);
        const loader = new GLTFLoader(manager);
        loader.setRequestHeader(model.httpClient.headers);
        const progress = (event) => {
            const { lengthComputable, loaded, total } = event;
            const progress = lengthComputable ? loaded / total : 1;
            this.viewer.emitEvent({ type: "geometryprogress", data: progress, file: model.file, model });
        };
        const gltf = await loader.loadAsync(url, progress);
        if (!this.viewer.scene)
            return this;
        const modelImpl = new ModelImpl(gltf.scene);
        modelImpl.id = model.file.id;
        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: model.file, model });
        this.viewer.update(true);
        return this;
    }
}
loaders.registerLoader("gltf-cloud", (viewer) => new GLTFCloudLoader(viewer));
//# sourceMappingURL=GLTFCloudLoader.module.js.map