@combeenation/3d-viewer 12.4.1 → 13.0.0

package/dist/lib-cjs/manager/screenshotManager.d.ts

@@ -0,0 +1,36 @@
+import { IScreenshotSize, Viewer } from '../index';
+export declare type ScreenshotSettings = {
+    /** Defaults to canvas width & height */
+    size?: IScreenshotSize;
+    /**
+     * Default `image/png`
+     *
+     * **Info regarding JPEG:** \
+     * Use mimeType `image/jpeg` (**not** `image/jpg`) when creating jpeg's. \
+     * Also ensure that the viewer scenes `clearColor` has an alpha value of `1` as jpeg's don't
+     * support transparency. Otherwise background will always be black for jpeg's.
+     */
+    mimeType?: string;
+    /** Default `1` */
+    samples?: number;
+    /** Default `false` */
+    antialiasing?: boolean;
+    /** NOTE: after update to Babylon.js V6: if file name is given, the screenshot image will be downloaded and the base64
+     * string will NOT be returned! */
+    fileName?: string;
+    /** Default `false` */
+    renderSprites?: boolean;
+};
+/**
+ * Manager for tasks related to screenshots
+ */
+export declare class ScreenshotManager {
+    protected viewer: Viewer;
+    /** @internal */
+    constructor(viewer: Viewer);
+    /**
+     * Takes a sceenshot the the current scene.\
+     * The result is a string containing a base64 encoded image.
+     */
+    takeScreenshot(settings?: ScreenshotSettings): Promise<string>;
+}

package/dist/lib-cjs/manager/screenshotManager.js

@@ -0,0 +1,40 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScreenshotManager = void 0;
+const index_1 = require("../index");
+/**
+ * Manager for tasks related to screenshots
+ */
+class ScreenshotManager {
+    /** @internal */
+    constructor(viewer) {
+        this.viewer = viewer;
+    }
+    /**
+     * Takes a sceenshot the the current scene.\
+     * The result is a string containing a base64 encoded image.
+     */
+    takeScreenshot(settings) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            // in combination with a render target, we need to refresh the scene manually to get the latest view
+            this.viewer.scene.render();
+            const size = (_a = settings === null || settings === void 0 ? void 0 : settings.size) !== null && _a !== void 0 ? _a : { width: this.viewer.canvas.clientWidth, height: this.viewer.canvas.clientHeight };
+            const imageStr = yield index_1.ScreenshotTools.CreateScreenshotUsingRenderTargetAsync(this.viewer.engine, 
+            // mark as non-nullable as we wouldn't come this far if no camera is active anyway
+            this.viewer.scene.activeCamera, size, settings === null || settings === void 0 ? void 0 : settings.mimeType, settings === null || settings === void 0 ? void 0 : settings.samples, settings === null || settings === void 0 ? void 0 : settings.antialiasing, settings === null || settings === void 0 ? void 0 : settings.fileName, settings === null || settings === void 0 ? void 0 : settings.renderSprites);
+            return imageStr;
+        });
+    }
+}
+exports.ScreenshotManager = ScreenshotManager;
+//# sourceMappingURL=screenshotManager.js.map

package/dist/lib-cjs/manager/screenshotManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshotManager.js","sourceRoot":"","sources":["../../../src/manager/screenshotManager.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,oCAAoE;AA2BpE;;GAEG;AACH,MAAa,iBAAiB;IAC5B,gBAAgB;IAChB,YAA6B,MAAc;QAAd,WAAM,GAAN,MAAM,CAAQ;IAAG,CAAC;IAE/C;;;OAGG;IACU,cAAc,CAAC,QAA6B;;;YACvD,oGAAoG;YACpG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAE3B,MAAM,IAAI,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;YAElH,MAAM,QAAQ,GAAG,MAAM,uBAAe,CAAC,sCAAsC,CAC3E,IAAI,CAAC,MAAM,CAAC,MAAM;YAClB,kFAAkF;YAClF,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,YAAa,EAC/B,IAAI,EACJ,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,EAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,EACtB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,EAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,CACxB,CAAC;YAEF,OAAO,QAAQ,CAAC;;KACjB;CACF;AA5BD,8CA4BC"}

package/dist/lib-cjs/manager/textureManager.d.ts

@@ -0,0 +1,12 @@
+import { BaseTexture, Viewer } from '../index';
+/**
+ * Manager for texture related tasks, like renaming textures that are based on Combeenation image assets.\
+ * Doesn't have any public functionalities ATM.
+ *
+ * @internal
+ */
+export declare class TextureManager {
+    protected viewer: Viewer;
+    constructor(viewer: Viewer);
+    protected _onTextureAdded(texture: BaseTexture): Promise<void>;
+}

package/dist/lib-cjs/manager/textureManager.js

@@ -0,0 +1,44 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextureManager = void 0;
+/**
+ * Manager for texture related tasks, like renaming textures that are based on Combeenation image assets.\
+ * Doesn't have any public functionalities ATM.
+ *
+ * @internal
+ */
+class TextureManager {
+    constructor(viewer) {
+        this.viewer = viewer;
+        this.viewer.scene.onNewTextureAddedObservable.add(texture => this._onTextureAdded(texture));
+    }
+    _onTextureAdded(texture) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Workaround:
+            // The texture object is not fully created when the "added observable" is called. E.g. the function
+            // `onLoadObservable` is not there at that point and the name is not even set.
+            // More details: https://forum.babylonjs.com/t/basetexture-whenallready-returns-too-early/34501/4
+            yield new Promise(resolve => window.setTimeout(resolve, 0));
+            // textures based CBN image assets are hard to analyse in the inspector, since the asset url is set as name
+            // with this functionality we try to find these CBN image assets and crop the name accordingly
+            // => see CB-9558
+            const isUrl = texture.name.startsWith('https://');
+            const textureQueryString = '?name=';
+            const indexOfTextureQueryParam = texture.name.lastIndexOf(textureQueryString);
+            if (isUrl && indexOfTextureQueryParam > -1) {
+                texture.name = texture.name.substring(indexOfTextureQueryParam + textureQueryString.length);
+            }
+        });
+    }
+}
+exports.TextureManager = TextureManager;
+//# sourceMappingURL=textureManager.js.map

package/dist/lib-cjs/manager/textureManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textureManager.js","sourceRoot":"","sources":["../../../src/manager/textureManager.ts"],"names":[],"mappings":";;;;;;;;;;;;AAEA;;;;;GAKG;AACH,MAAa,cAAc;IACzB,YAA6B,MAAc;QAAd,WAAM,GAAN,MAAM,CAAQ;QACzC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,2BAA2B,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9F,CAAC;IAEe,eAAe,CAAC,OAAoB;;YAClD,cAAc;YACd,mGAAmG;YACnG,8EAA8E;YAC9E,iGAAiG;YACjG,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YAE5D,2GAA2G;YAC3G,8FAA8F;YAC9F,iBAAiB;YACjB,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;YAClD,MAAM,kBAAkB,GAAG,QAAQ,CAAC;YACpC,MAAM,wBAAwB,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;YAE9E,IAAI,KAAK,IAAI,wBAAwB,GAAG,CAAC,CAAC,EAAE;gBAC1C,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,wBAAwB,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;aAC7F;QACH,CAAC;KAAA;CACF;AAvBD,wCAuBC"}

package/dist/lib-cjs/viewer.d.ts

@@ -0,0 +1,117 @@
+import * as Index from './index';
+import { BoundingInfo, CameraManager, DebugManager, DefaultSceneSettings, Engine, EngineOptions, EventManager, GltfExportManager, MaterialManager, ModelManager, ParameterManager, ParameterSubject, Scene, SceneManager, ScreenshotManager, TextureManager, TransformNode } from './index';
+/**
+ * Use this to define geometry to be excluded from autofocus, GLB export, etc.
+ */
+export declare type ExcludedGeometry = TransformNode | ParameterSubject;
+export declare type ExcludedGeometryList = ExcludedGeometry[];
+export declare type LimitTextureSizeConfig = {
+    size: 512 | 1024;
+    devices: 'iPhone' | 'all';
+};
+export declare type ViewerSettings = {
+    antialiasing: boolean;
+    engineOptions: EngineOptions;
+    /**
+     * Important for visual quality on iOS devices, this setting will set the hardware scaling proportional to the devices
+     * pixel ratio
+     */
+    adaptToDeviceRatio: boolean;
+    /**
+     * Possibility to limit the size of textures when getting loaded by the engine.\
+     * Activating this feature potentially saves a lot of memory and can be used to avoid crashes when loading expensive
+     * models on weaker devices.\
+     * In praxis this has been an issue with iPhones a lot, therefore it's possible to activate this feature for iPhones
+     * only as well.
+     */
+    limitTextureSize: LimitTextureSizeConfig | false;
+    /**
+     * See this forum entry for description of parallel shader compilition effect:
+     * https://forum.babylonjs.com/t/scene-flickering-when-turning-off-light/48733.\
+     * Parallel shading compilition generally improves the speed of material compilition and helps when switching
+     * materials while objects are moving (eg: animations).\
+     * Deactivating parallel shading compilition is benefitial when switching lights and materials in static scenarios.\
+     * It's activated by default due to compatibility reasons but can be overwritten with this flag.
+     */
+    useParallelShaderCompile: boolean;
+};
+/**
+ * This is the entry point into the application.\
+ * Create an instance to set up the viewer on your canvas.
+ *  ```js
+ * const canvas = document.getElementById('babylon-canvas');
+ * const viewer = Viewer(canvas, viewerSettings, defaultSceneSettings);
+ * ```
+ * Use "manager" sub classes for interacting with the Babylon.js engine.
+ * (e.g. `modelManager` for loading models into the scene)
+ */
+export declare class Viewer {
+    readonly canvas: HTMLCanvasElement;
+    static readonly version: string;
+    protected _scene: Scene;
+    protected _cameraManager: CameraManager;
+    protected _debugManager: DebugManager;
+    protected _eventManager: EventManager;
+    protected _gltfExportManager: GltfExportManager;
+    protected _materialManager: MaterialManager;
+    protected _modelManager: ModelManager;
+    protected _parameterManager: ParameterManager;
+    protected _sceneManager: SceneManager;
+    protected _screenshotManager: ScreenshotManager;
+    protected _textureManager: TextureManager;
+    protected _viewerSettings: ViewerSettings;
+    protected _isRenderLoopPaused: boolean;
+    get scene(): Scene;
+    get engine(): Engine;
+    get cameraManager(): CameraManager;
+    get debugManager(): DebugManager;
+    get eventManager(): EventManager;
+    get gltfExportManager(): GltfExportManager;
+    get materialManager(): MaterialManager;
+    get modelManager(): ModelManager;
+    get parameterManager(): ParameterManager;
+    /** @internal */
+    get sceneManager(): SceneManager;
+    get screenshotManager(): ScreenshotManager;
+    /** @internal */
+    get textureManager(): TextureManager;
+    get viewerSettings(): ViewerSettings;
+    /**
+     * Returns all modules which are exported by the viewers index file.\
+     * Needed by the [Combeenation viewer control](https://docs.combeenation.com/docs/3d-viewer-control) in situations where the viewer is injected from external code.\
+     * See [Combeenation docs](https://docs.combeenation.com/docs/3d-viewer-control-with-custom-js) for more details.
+     */
+    static getAllViewerModules(): typeof Index;
+    /**
+     * @param viewerSettings Can be overwritten to tweak settings for the Babylon.js engine or viewer internal
+     *                       functionalities like "texture downscaling mode"
+     * @param defaultSceneSettings Can be overwritten to tweak settings for the automatically create Babylon.js scene.\
+     *                             This scene contains a camera and an environment per default.
+     */
+    constructor(canvas: HTMLCanvasElement, viewerSettings?: DeepPartial<ViewerSettings>, defaultSceneSettings?: DeepPartial<DefaultSceneSettings>);
+    /**
+     * Pause rendering can be usefull when doing internal scene processings that should not be visible to the user,
+     * e.g. cloning meshes for gltf export
+     */
+    pauseRendering(): void;
+    /**
+     * Resume render loop when paused by {@link pauseRendering} function
+     */
+    resumeRendering(): void;
+    /**
+     * Destroys this viewer instance and disposes Babylon.js engine and all scene content
+     */
+    destroy(): void;
+    /**
+     * Calculates size of the current scene.\
+     * Only takes meshes into considerations that:
+     * - are visible
+     * - are not excluded by "excludeGeometry" parameter
+     * - do not have an infinite distance (like sky boxes)
+     */
+    calculateBoundingInfo(excludeGeometry?: ExcludedGeometryList): BoundingInfo;
+    /**
+     * Set up viewer (engine and scene) and initialize all managers
+     */
+    protected _init(defaultSceneSettings?: DeepPartial<DefaultSceneSettings>): void;
+}

package/dist/lib-cjs/viewer.js

@@ -0,0 +1,222 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Viewer = void 0;
+const buildinfo_json_1 = __importDefault(require("./buildinfo.json"));
+const Index = __importStar(require("./index"));
+const index_1 = require("./index");
+const cbnCustomBabylonLoaderPlugin_1 = require("./internal/cbnCustomBabylonLoaderPlugin");
+const deviceHelper_1 = require("./internal/deviceHelper");
+const geometryHelper_1 = require("./internal/geometryHelper");
+const lodash_es_1 = require("lodash-es");
+/**
+ * This is the entry point into the application.\
+ * Create an instance to set up the viewer on your canvas.
+ *  ```js
+ * const canvas = document.getElementById('babylon-canvas');
+ * const viewer = Viewer(canvas, viewerSettings, defaultSceneSettings);
+ * ```
+ * Use "manager" sub classes for interacting with the Babylon.js engine.
+ * (e.g. `modelManager` for loading models into the scene)
+ */
+class Viewer {
+    /**
+     * @param viewerSettings Can be overwritten to tweak settings for the Babylon.js engine or viewer internal
+     *                       functionalities like "texture downscaling mode"
+     * @param defaultSceneSettings Can be overwritten to tweak settings for the automatically create Babylon.js scene.\
+     *                             This scene contains a camera and an environment per default.
+     */
+    constructor(canvas, viewerSettings, defaultSceneSettings) {
+        this.canvas = canvas;
+        // default viewer settings
+        // will be overwritten in the viewer constructor
+        this._viewerSettings = {
+            antialiasing: true,
+            engineOptions: {
+                preserveDrawingBuffer: true,
+                stencil: true,
+                xrCompatible: false,
+            },
+            adaptToDeviceRatio: true,
+            limitTextureSize: {
+                devices: 'iPhone',
+                size: 1024,
+            },
+            useParallelShaderCompile: true,
+        };
+        this._isRenderLoopPaused = false;
+        (0, lodash_es_1.merge)(this._viewerSettings, viewerSettings);
+        this._init(defaultSceneSettings);
+    }
+    get scene() {
+        return this._scene;
+    }
+    get engine() {
+        return this.scene.getEngine();
+    }
+    get cameraManager() {
+        return this._cameraManager;
+    }
+    get debugManager() {
+        return this._debugManager;
+    }
+    get eventManager() {
+        return this._eventManager;
+    }
+    get gltfExportManager() {
+        return this._gltfExportManager;
+    }
+    get materialManager() {
+        return this._materialManager;
+    }
+    get modelManager() {
+        return this._modelManager;
+    }
+    get parameterManager() {
+        return this._parameterManager;
+    }
+    /** @internal */
+    get sceneManager() {
+        return this._sceneManager;
+    }
+    get screenshotManager() {
+        return this._screenshotManager;
+    }
+    /** @internal */
+    get textureManager() {
+        return this._textureManager;
+    }
+    get viewerSettings() {
+        return this._viewerSettings;
+    }
+    /**
+     * Returns all modules which are exported by the viewers index file.\
+     * Needed by the [Combeenation viewer control](https://docs.combeenation.com/docs/3d-viewer-control) in situations where the viewer is injected from external code.\
+     * See [Combeenation docs](https://docs.combeenation.com/docs/3d-viewer-control-with-custom-js) for more details.
+     */
+    static getAllViewerModules() {
+        return Index;
+    }
+    /**
+     * Pause rendering can be usefull when doing internal scene processings that should not be visible to the user,
+     * e.g. cloning meshes for gltf export
+     */
+    pauseRendering() {
+        this._isRenderLoopPaused = true;
+    }
+    /**
+     * Resume render loop when paused by {@link pauseRendering} function
+     */
+    resumeRendering() {
+        this._isRenderLoopPaused = false;
+    }
+    /**
+     * Destroys this viewer instance and disposes Babylon.js engine and all scene content
+     */
+    destroy() {
+        this.eventManager.removeAllListeners();
+        this.engine.dispose();
+    }
+    /**
+     * Calculates size of the current scene.\
+     * Only takes meshes into considerations that:
+     * - are visible
+     * - are not excluded by "excludeGeometry" parameter
+     * - do not have an infinite distance (like sky boxes)
+     */
+    calculateBoundingInfo(excludeGeometry) {
+        // CB-6062: workaround for BoundingBox not respecting render loop
+        this.scene.render();
+        const { max, min } = this.scene.meshes
+            .filter(mesh => {
+            const isEnabled = mesh.isEnabled();
+            // ignore meshes with invalid bounding infos
+            const hasValidBBoxInfo = mesh.getBoundingInfo().boundingSphere.radius > 0;
+            // ignore meshes with infinite distance, typically these are sky boxes
+            const hasInfiniteDistance = mesh.infiniteDistance;
+            // ignore excluded meshes
+            const isExcluded = excludeGeometry ? (0, geometryHelper_1.isNodeExcluded)(mesh, excludeGeometry) : false;
+            return isEnabled && hasValidBBoxInfo && !hasInfiniteDistance && !isExcluded;
+        })
+            .reduce((accBBoxMinMax, curMesh, idx) => {
+            curMesh.refreshBoundingInfo(true, true);
+            const bBox = curMesh.getBoundingInfo().boundingBox;
+            // use the first entry in the array as default value and get the resulting maximum/minimum values
+            const max = idx === 0 ? bBox.maximumWorld : index_1.Vector3.Maximize(accBBoxMinMax.max, bBox.maximumWorld);
+            const min = idx === 0 ? bBox.minimumWorld : index_1.Vector3.Minimize(accBBoxMinMax.min, bBox.minimumWorld);
+            return { max, min };
+        }, { max: new index_1.Vector3(), min: new index_1.Vector3() });
+        const boundingInfo = new index_1.BoundingInfo(min, max);
+        return boundingInfo;
+    }
+    /**
+     * Set up viewer (engine and scene) and initialize all managers
+     */
+    _init(defaultSceneSettings) {
+        // we use a custom plugin for ".babylon" files to be able to lazy load materials that were cropped by the CBN
+        // asset manager
+        (0, cbnCustomBabylonLoaderPlugin_1.registerCustomCbnBabylonLoaderPlugin)();
+        const engine = new index_1.Engine(this.canvas, this._viewerSettings.antialiasing, (0, lodash_es_1.cloneDeep)(this._viewerSettings.engineOptions), this._viewerSettings.adaptToDeviceRatio);
+        const isScaledDownDevice = (0, deviceHelper_1.getIsScaledDownDevice)(this._viewerSettings.limitTextureSize);
+        if (this._viewerSettings.limitTextureSize && isScaledDownDevice) {
+            engine.getCaps().maxTextureSize = this._viewerSettings.limitTextureSize.size;
+        }
+        if (this._viewerSettings.useParallelShaderCompile === false) {
+            engine.getCaps().parallelShaderCompile = undefined;
+        }
+        this._scene = new index_1.Scene(engine);
+        // NOTE: order of manage seems to be a bit counter intuitive as it's sorted alphabetically
+        // semantically one would start with scene manager, etc...
+        // still this is a good test as the order of manager constructors should not matter
+        this._cameraManager = new index_1.CameraManager(this);
+        this._debugManager = new index_1.DebugManager(this);
+        this._eventManager = new index_1.EventManager(this);
+        this._gltfExportManager = new index_1.GltfExportManager(this);
+        this._materialManager = new index_1.MaterialManager(this);
+        this._modelManager = new index_1.ModelManager(this);
+        this._parameterManager = new index_1.ParameterManager(this);
+        this._sceneManager = new index_1.SceneManager(this, defaultSceneSettings);
+        this._screenshotManager = new index_1.ScreenshotManager(this);
+        this._textureManager = new index_1.TextureManager(this);
+        // creates black cube
+        // this model is not based on an URL and can be targeted by the Combeenation backend as fallback model
+        this._modelManager.createFallbackModel();
+        // NOTE: ATM creating the default scene required, as otherwise no camera would be available and the first render
+        // call would already throw
+        this._sceneManager.applyDefaultSettingsToScene();
+        this._debugManager.registerAutofocusStartListener();
+        engine.runRenderLoop(() => {
+            if (!this._isRenderLoopPaused) {
+                this.scene.render();
+            }
+        });
+    }
+}
+exports.Viewer = Viewer;
+Viewer.version = buildinfo_json_1.default.version;
+//# sourceMappingURL=viewer.js.map

package/dist/lib-cjs/viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.js","sourceRoot":"","sources":["../../src/viewer.ts"],"names":[],"mappings":"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"}

package/dist/lib-cjs/{api/classes/viewerError.d.ts → viewerError.d.ts}

@@ -15,12 +15,17 @@ declare type ViewerErrorData = {
  *
  * IDs here shall only include "word characters" (`/w` in RegEx) as `GetViewerErrorIdFromMsg` wouldn't work correctly
  * otherwise.
+ * @internal
  */
 export declare const ViewerErrorIds: {
     InvalidParameterValue: string;
-    UnknownParameterOption: string;
+    ModelNotRegistered: string;
+    ModelAlreadyExists: string;
+    ModelIsNotAClone: string;
     AssetLoadingFailed: string;
+    MaterialCouldNotBeParsed: string;
 };
+/** @internal */
 export declare class ViewerError extends Error {
     viewerErrorId: string;
     constructor(data: ViewerErrorData);

package/dist/lib-cjs/{api/classes/viewerError.js → viewerError.js}

@@ -13,12 +13,17 @@ exports.ViewerError = exports.ViewerErrorIds = void 0;
  *
  * IDs here shall only include "word characters" (`/w` in RegEx) as `GetViewerErrorIdFromMsg` wouldn't work correctly
  * otherwise.
+ * @internal
  */
 exports.ViewerErrorIds = {
     InvalidParameterValue: 'InvalidParameterValue',
-    UnknownParameterOption: 'UnknownParameterOption',
+    ModelNotRegistered: 'ModelNotRegistered',
+    ModelAlreadyExists: 'ModelAlreadyExists',
+    ModelIsNotAClone: 'ModelIsNotAClone',
     AssetLoadingFailed: 'AssetLoadingFailed',
+    MaterialCouldNotBeParsed: 'MaterialCouldNotBeParsed',
 };
+/** @internal */
 class ViewerError extends Error {
     constructor(data) {
         // Unfortunately we can't access the custom `viewerErrorId` property when catching global errors in Combeenation so

package/dist/lib-cjs/viewerError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewerError.js","sourceRoot":"","sources":["../../src/viewerError.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;AAQH;;;;;;;;GAQG;AACU,QAAA,cAAc,GAAG;IAC5B,qBAAqB,EAAE,uBAAuB;IAC9C,kBAAkB,EAAE,oBAAoB;IACxC,kBAAkB,EAAE,oBAAoB;IACxC,gBAAgB,EAAE,kBAAkB;IACpC,kBAAkB,EAAE,oBAAoB;IACxC,wBAAwB,EAAE,0BAA0B;CACrD,CAAC;AAEF,gBAAgB;AAChB,MAAa,WAAY,SAAQ,KAAK;IAGpC,YAAY,IAAqB;QAC/B,mHAAmH;QACnH,oDAAoD;QACpD,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC;IAC/B,CAAC;IAED;;;;;;;;;;OAUG;IACH,MAAM,CAAC,mBAAmB,CAAC,OAAe;;QACxC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEzD,SAAS;QACT,2CAA2C;QAC3C,uCAAuC;QACvC,kGAAkG;QAClG,wCAAwC;QACxC,2GAA2G;QAC3G,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,YAAY,GAAG,QAAQ,GAAG,eAAe,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnF,MAAM,EAAE,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,EAAE,CAAC;QAC9B,MAAM,GAAG,GAAG,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,GAAG,KAAI,OAAO,CAAC;QAE3C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;IACrB,CAAC;CACF;AApCD,kCAoCC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@combeenation/3d-viewer",
-  "version": "12.4.1",
+  "version": "13.0.0",
   "description": "Combeenation 3D Viewer",
   "homepage": "https://github.com/Combeenation/3d-viewer#readme",
   "bugs": {
@@ -46,11 +46,10 @@
   },
   "prettier": "@combeenation/prettier-config",
   "dependencies": {
-    "@babylonjs/core": "6.27.1",
-    "@babylonjs/loaders": "6.27.1",
-    "@babylonjs/serializers": "6.27.1",
+    "@babylonjs/core": "7.0.0",
+    "@babylonjs/loaders": "7.0.0",
+    "@babylonjs/serializers": "7.0.0",
     "eventemitter3": "4.0.7",
-    "gsap": "3.11.2",
     "is-svg": "^5.0.0",
     "lodash-es": "4.17.21"
   },
@@ -79,12 +78,12 @@
     "webpack-merge": "5.8.0"
   },
   "optionalDependencies": {
-    "@babylonjs/gui": "6.27.1",
-    "@babylonjs/gui-editor": "6.27.1",
-    "@babylonjs/inspector": "6.27.1",
-    "@babylonjs/materials": "6.27.1",
-    "@babylonjs/node-editor": "6.27.1",
-    "@babylonjs/node-geometry-editor": "6.27.1"
+    "@babylonjs/gui": "7.0.0",
+    "@babylonjs/gui-editor": "7.0.0",
+    "@babylonjs/inspector": "7.0.0",
+    "@babylonjs/materials": "7.0.0",
+    "@babylonjs/node-editor": "7.0.0",
+    "@babylonjs/node-geometry-editor": "7.0.0"
   },
   "optionalDependenciesComments": {
     "@babylonjs": "Defining the inspector package (and it's dependencies) as optional is required to omit these packages in the production build of the CBN react-app (see CB-9269)"