vim-web 0.6.0-dev.10 → 0.6.0-dev.11

package/dist/vim-web.d.ts

@@ -316,27 +316,6 @@ type ViewerSettings = {
          */
         color: THREE.Color;
     };
-    /**
-     * Skybox options
-     */
-    skybox: {
-        /**
-         * Enables/Disables skybox.
-         */
-        enable: boolean;
-        /**
-         * Color for the lower part of the skybox.
-         */
-        groundColor: THREE.Color;
-        /**
-         * Color for the upper part of the skybox.
-         */
-        skyColor: THREE.Color;
-        /**
-         * Controls the gradient transition between the sky and the ground.
-         */
-        sharpness: number;
-    };
     /**
     * Material options
     */
@@ -345,39 +324,6 @@ type ViewerSettings = {
      * Axes gizmo options
      */
     axes: Partial<AxesSettings>;
-    /**
-     * Skylight (hemisphere light) options
-     */
-    skylight: {
-        /**
-        * Skylight sky Color.
-        * Default: THREE.Color(153, 204, 255)
-        */
-        skyColor: THREE.Color;
-        /**
-        * Skylight ground color.
-        * Default: THREE.Color(242, 213, 181)
-        */
-        groundColor: THREE.Color;
-        /**
-        * Skylight intensity.
-        * Default: 0.8
-        */
-        intensity: number;
-    };
-    /**
-     * Sunlight (directional light) options
-     * Two Blue-Green lights at odd angles. See defaultViewerSettings.
-     */
-    sunlights: {
-        followCamera: boolean;
-        /** Light position. */
-        position: THREE.Vector3;
-        /** Light color. */
-        color: THREE.Color;
-        /** Light intensity. */
-        intensity: number;
-    }[];
     rendering: {
         /**
          * When true, only renders when changes are detected. When false, renders every frame.
@@ -1659,7 +1605,6 @@ interface IWebglRenderer {
  */
 interface IWebglViewer {
     readonly type: 'webgl';
-    readonly settings: ViewerSettings;
     readonly renderer: IWebglRenderer;
     readonly viewport: IWebglViewport;
     readonly selection: IWebglSelection;

package/dist/vim-web.iife.js

@@ -53777,7 +53777,7 @@ void main() {
     }
   };
   class Gizmos {
-    constructor(renderer, viewport, viewer, camera2) {
+    constructor(renderer, viewport, viewer, camera2, settings2) {
       __publicField(this, "_viewport");
       __publicField(this, "_measure");
       /**
@@ -53804,9 +53804,9 @@ void main() {
         renderer,
         camera2,
         viewer.inputs,
-        viewer.settings
+        settings2
       );
-      this.axes = new GizmoAxes(camera2, viewport, viewer.settings.axes);
+      this.axes = new GizmoAxes(camera2, viewport, settings2.axes);
       this.markers = new GizmoMarkers(renderer, viewer.selection);
       (_a3 = viewport.canvas.parentElement) == null ? void 0 : _a3.prepend(this.axes.canvas);
     }
@@ -54209,33 +54209,13 @@ void main() {
     });
   }
   class OutlineMaterial {
-    constructor(options, onUpdate) {
+    constructor(onUpdate) {
       __publicField(this, "three");
-      __publicField(this, "_camera");
       __publicField(this, "_resolution");
-      __publicField(this, "_precision", 1);
       __publicField(this, "_onUpdate");
       this.three = createOutlineMaterial();
       this._onUpdate = onUpdate;
-      this._precision = (options == null ? void 0 : options.precision) ?? 1;
-      this._resolution = (options == null ? void 0 : options.resolution) ?? new Vector2(1, 1);
-      this.resolution = this._resolution;
-      if (options == null ? void 0 : options.sceneBuffer) {
-        this.sceneBuffer = options.sceneBuffer;
-      }
-      this.camera = options == null ? void 0 : options.camera;
-    }
-    /**
-     * Precision of the outline. This is used to scale the resolution of the outline.
-     */
-    get precision() {
-      return this._precision;
-    }
-    set precision(value) {
-      var _a3;
-      this._precision = value;
-      this.resolution = this._resolution;
-      (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
+      this._resolution = new Vector2(1, 1);
     }
     /**
      * Resolution of the outline. This should match the resolution of screen.
@@ -54246,29 +54226,15 @@ void main() {
     set resolution(value) {
       var _a3;
       this.three.uniforms.screenSize.value.set(
-        value.x * this._precision,
-        value.y * this._precision,
-        1 / (value.x * this._precision),
-        1 / (value.y * this._precision)
+        value.x,
+        value.y,
+        1 / value.x,
+        1 / value.y
       );
       this._resolution = value;
       this.three.uniformsNeedUpdate = true;
       (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
     }
-    /**
-     * Camera used to render the outline.
-     */
-    get camera() {
-      return this._camera;
-    }
-    set camera(value) {
-      var _a3;
-      this._camera = value;
-      this.three.uniforms.cameraNear.value = (value == null ? void 0 : value.near) ?? 1;
-      this.three.uniforms.cameraFar.value = (value == null ? void 0 : value.far) ?? 1e3;
-      this.three.uniformsNeedUpdate = true;
-      (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
-    }
     /**
      * Thickness of the outline in pixels (of the outline render target).
      */
@@ -54281,18 +54247,6 @@ void main() {
       this.three.uniformsNeedUpdate = true;
       (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
     }
-    /**
-     * Color of the outline.
-     */
-    get color() {
-      return this.three.uniforms.outlineColor.value;
-    }
-    set color(value) {
-      var _a3;
-      this.three.uniforms.outlineColor.value.set(value);
-      this.three.uniformsNeedUpdate = true;
-      (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
-    }
     /**
      * Scene buffer used to render the outline.
      */
@@ -54305,18 +54259,6 @@ void main() {
       this.three.uniformsNeedUpdate = true;
       (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
     }
-    /**
-     * Depth buffer used to render the outline.
-     */
-    get depthBuffer() {
-      return this.three.uniforms.depthBuffer.value;
-    }
-    set depthBuffer(value) {
-      var _a3;
-      this.three.uniforms.depthBuffer.value = value;
-      this.three.uniformsNeedUpdate = true;
-      (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
-    }
     /**
      * Dispose of the outline material.
      */
@@ -54330,17 +54272,8 @@ void main() {
       glslVersion: GLSL3,
       depthWrite: false,
       uniforms: {
-        // Input buffers
         sceneBuffer: { value: null },
-        depthBuffer: { value: null },
-        // Input parameters
-        cameraNear: { value: 1 },
-        cameraFar: { value: 1e3 },
-        screenSize: {
-          value: new Vector4(1, 1, 1, 1)
-        },
-        // Options
-        outlineColor: { value: new Color(16777215) },
+        screenSize: { value: new Vector4(1, 1, 1, 1) },
         thickness: { value: 2 }
       },
       vertexShader: `
@@ -54662,7 +54595,7 @@ void main() {
       this._modelTransparent = modelTransparent ?? createModelTransparent(onUpdate);
       this._ghost = ghost2 ?? new GhostMaterial(void 0, onUpdate);
       this._mask = mask ?? createMaskMaterial();
-      this._outline = outline ?? new OutlineMaterial(void 0, onUpdate);
+      this._outline = outline ?? new OutlineMaterial(onUpdate);
       this._merge = merge ?? new MergeMaterial(onUpdate);
     }
     static createInstance(instance) {
@@ -55563,33 +55496,6 @@ void main() {
         }
       },
       background: { color: new Color(16777215) },
-      skybox: {
-        enable: true,
-        skyColor: new Color(16777215),
-        // white
-        groundColor: new Color(16185078),
-        // less white
-        sharpness: 2
-      },
-      skylight: {
-        skyColor: new Color(16777215),
-        groundColor: new Color(16777215),
-        intensity: 0.8
-      },
-      sunlights: [
-        {
-          followCamera: true,
-          position: new Vector3(1e3, 1e3, 1e3),
-          color: new Color(16777215),
-          intensity: 0.8
-        },
-        {
-          followCamera: true,
-          position: new Vector3(-1e3, -1e3, -1e3),
-          color: new Color(16777215),
-          intensity: 0.2
-        }
-      ],
       materials: {
         useFastMaterials: false,
         standard: {
@@ -55779,11 +55685,11 @@ void main() {
       this._unregisterResize = () => window.removeEventListener("resize", onResize);
     }
   };
-  function createInputHandler(viewer) {
+  function createInputHandler(viewer, controls) {
     return new InputHandler(
       viewer.viewport.canvas,
       createAdapter$2(viewer),
-      viewer.settings.camera.controls
+      controls
     );
   }
   function createAdapter$2(viewer) {
@@ -56295,24 +56201,17 @@ void main() {
     }
   }
   class OutlinePass extends Pass {
-    constructor(camera2, material) {
+    constructor(material) {
       super();
       __publicField(this, "_fsQuad");
       __publicField(this, "material");
-      this.material = material ?? new OutlineMaterial();
-      this.material.camera = camera2;
+      this.material = material;
       this._fsQuad = new FullScreenQuad(this.material.three);
       this.needsSwap = true;
     }
     setSize(width, height) {
       this.material.resolution = new Vector2(width, height);
     }
-    get camera() {
-      return this.material.camera;
-    }
-    set camera(value) {
-      this.material.camera = value;
-    }
     dispose() {
       this._fsQuad.dispose();
       this.material.dispose();
@@ -56320,7 +56219,6 @@ void main() {
     render(renderer, writeBuffer, readBuffer) {
       const depthBufferValue = writeBuffer.depthBuffer;
       writeBuffer.depthBuffer = false;
-      this.material.depthBuffer = readBuffer.depthTexture;
       this.material.sceneBuffer = readBuffer.texture;
       if (this.renderToScreen) {
         renderer.setRenderTarget(null);
@@ -56497,8 +56395,7 @@ void main() {
         outlineHeight,
         {
           format: RedFormat,
-          type: UnsignedByteType,
-          depthTexture: new DepthTexture(outlineWidth, outlineHeight)
+          type: UnsignedByteType
         }
       );
       this._outlineTarget.texture.name = "selectionTarget";
@@ -56512,7 +56409,6 @@ void main() {
       this._selectionRenderPass.clearAlpha = 0;
       this._composer.addPass(this._selectionRenderPass);
       this._outlinePass = new OutlinePass(
-        this._camera,
         this._materials.system.outline
       );
       this._composer.addPass(this._outlinePass);
@@ -56565,7 +56461,6 @@ void main() {
     set camera(value) {
       this._renderPass.camera = value;
       this._selectionRenderPass.camera = value;
-      this._outlinePass.material.camera = value;
       this._camera = value;
     }
     /**
@@ -57609,16 +57504,12 @@ void main() {
     }
   };
   class WebglViewer {
-    constructor(settings2) {
+    constructor(options) {
       /**
        * The type of the viewer, indicating it is a WebGL viewer.
        * Useful for distinguishing between different viewer types in a multi-viewer application.
        */
       __publicField(this, "type", "webgl");
-      /**
-       * The settings configuration used by the viewer.
-       */
-      __publicField(this, "settings");
       __publicField(this, "_renderer");
       __publicField(this, "_viewport");
       /**
@@ -57638,22 +57529,22 @@ void main() {
       __publicField(this, "vimCollection", new VimCollection());
       __publicField(this, "_onVimLoaded", new distExports$2.SignalDispatcher());
       __publicField(this, "_updateId");
-      this.settings = createViewerSettings(settings2);
+      const settings2 = createViewerSettings(options);
       this._materials = Materials.getInstance();
       const scene = new RenderScene();
-      this._viewport = new Viewport$1(this.settings);
-      this._camera = new Camera$1(scene, this._viewport, this.settings);
+      this._viewport = new Viewport$1(settings2);
+      this._camera = new Camera$1(scene, this._viewport, settings2);
       this._renderer = new Renderer$1(
         scene,
         this._viewport,
         this._materials,
         this._camera,
-        this.settings
+        settings2
       );
       this.selection = createSelection$1();
-      this._inputs = createInputHandler(this);
-      this._gizmos = new Gizmos(this._renderer, this._viewport, this, this._camera);
-      this.materials.applySettings(this.settings.materials);
+      this._inputs = createInputHandler(this, settings2.camera.controls);
+      this._gizmos = new Gizmos(this._renderer, this._viewport, this, this._camera, settings2);
+      this.materials.applySettings(settings2.materials);
       const size = this._renderer.three.getSize(new Vector2());
       const gpuPicker = new GpuPicker(
         this._renderer.three,