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

package/dist/vim-web.d.ts

@@ -90,20 +90,6 @@ type RecursivePartial<T> = {
 */
 
 type MaterialSettings = {
-    /**
-     * Use fast simple materials instead of standard Lambert materials
-     * - Enables: Significantly faster rendering (no Lambert lighting calculations)
-     * - Trade-off: Simpler pseudo-lighting using screen-space derivatives
-     * - Useful for: Performance-critical scenarios, large models, lower-end hardware
-     * Default: false
-     */
-    useFastMaterials: boolean;
-    /**
-    * Default color of standard material
-    */
-    standard: {
-        color: THREE.Color;
-    };
     /**
     * Ghost material options
     */
@@ -120,26 +106,6 @@ type MaterialSettings = {
         opacity: number;
     };
     /**
-    * Section box intersection highlight options
-    */
-    section: {
-        /**
-        * Intersection highlight stroke width.
-        * Default: 0.01
-        */
-        strokeWidth: number;
-        /**
-        * Intersection highlight stroke falloff.
-        * Default: 0.75
-        */
-        strokeFalloff: number;
-        /**
-        * Intersection highlight stroke color.
-        * Default: rgb(246, 246, 246)
-        */
-        strokeColor: THREE.Color;
-    };
-    /**
     * Selection outline options
     */
     outline: {
@@ -175,7 +141,6 @@ type MaterialSettings = {
  * @example
  * const viewer = Core.Webgl.createViewer({
  *   camera: { orthographic: true, fov: 50 },
- *   materials: { useFastMaterials: true }
  * })
  */
 type ViewerSettings = {
@@ -316,27 +281,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 +289,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.
@@ -452,8 +363,6 @@ interface IMaterials {
     readonly modelTransparentMaterial: THREE.Material;
     /** The ghost material used to render hidden/ghosted elements. */
     readonly ghostMaterial: THREE.Material;
-    /** Base color tint applied to opaque and transparent model materials. */
-    modelColor: THREE.Color;
     /** Opacity of the ghost material (0 = invisible, 1 = fully opaque). */
     ghostOpacity: number;
     /** Color of the ghost material. */
@@ -464,12 +373,6 @@ interface IMaterials {
     outlineThickness: number;
     /** Color of the selection outline post-process effect. */
     outlineColor: THREE.Color;
-    /** Width of the stroke rendered where the section box intersects the model. */
-    sectionStrokeWidth: number;
-    /** Gradient falloff of the section box intersection stroke. */
-    sectionStrokeFalloff: number;
-    /** Color of the section box intersection stroke. */
-    sectionStrokeColor: THREE.Color;
     /** Clipping planes applied to all materials. Set to undefined to disable clipping. */
     clippingPlanes: THREE.Plane[] | undefined;
     /** Applies a full set of material settings from the viewer configuration. */
@@ -1659,7 +1562,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

@@ -47544,25 +47544,6 @@ void main() {
   };
   __publicField(_CameraMovementSnap, "_ZERO", new Vector3());
   let CameraMovementSnap = _CameraMovementSnap;
-  function createOpaque() {
-    return new StandardMaterial(createBasicOpaque());
-  }
-  function createTransparent() {
-    return new StandardMaterial(createBasicTransparent());
-  }
-  function createBasicOpaque() {
-    return new MeshLambertMaterial({
-      color: 13421772,
-      flatShading: true,
-      side: DoubleSide
-    });
-  }
-  function createBasicTransparent() {
-    const mat = createBasicOpaque();
-    mat.transparent = true;
-    mat.opacity = 0.25;
-    return mat;
-  }
   class StandardMaterial {
     constructor(material) {
       __publicField(this, "three");
@@ -53777,7 +53758,7 @@ void main() {
     }
   };
   class Gizmos {
-    constructor(renderer, viewport, viewer, camera2) {
+    constructor(renderer, viewport, viewer, camera2, settings2) {
       __publicField(this, "_viewport");
       __publicField(this, "_measure");
       /**
@@ -53804,9 +53785,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 +54190,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 +54207,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 +54228,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 +54240,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 +54253,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: `
@@ -54638,9 +54552,7 @@ void main() {
     mesh.visible = true;
   }
   const _Materials = class _Materials {
-    constructor(opaque, transparent, modelOpaque, modelTransparent, ghost2, mask, outline, merge) {
-      __publicField(this, "_opaque");
-      __publicField(this, "_transparent");
+    constructor(modelOpaque, modelTransparent, ghost2, mask, outline, merge) {
       __publicField(this, "_modelOpaque");
       __publicField(this, "_modelTransparent");
       __publicField(this, "_ghost");
@@ -54649,20 +54561,15 @@ void main() {
       __publicField(this, "_outline");
       __publicField(this, "_merge");
       __publicField(this, "_clippingPlanes");
-      __publicField(this, "_sectionStrokeWidth", 0.01);
-      __publicField(this, "_sectionStrokeFalloff", 0.75);
-      __publicField(this, "_sectionStrokeColor", new Color(16185078));
       __publicField(this, "_onUpdate", new distExports$2.SignalDispatcher());
       // Shared color palette texture for all scene materials
       __publicField(this, "_colorPaletteTexture");
-      this._opaque = opaque ?? createOpaque();
-      this._transparent = transparent ?? createTransparent();
       const onUpdate = () => this._onUpdate.dispatch();
       this._modelOpaque = modelOpaque ?? createModelOpaque(onUpdate);
       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) {
@@ -54708,12 +54615,8 @@ void main() {
      * Updates material settings based on the provided configuration.
      */
     applySettings(settings2) {
-      this.modelColor = settings2.standard.color;
       this._ghost.opacity = settings2.ghost.opacity;
       this._ghost.color = settings2.ghost.color;
-      this.sectionStrokeWidth = settings2.section.strokeWidth;
-      this.sectionStrokeFalloff = settings2.section.strokeFalloff;
-      this.sectionStrokeColor = settings2.section.strokeColor;
       this.outlineOpacity = settings2.outline.opacity;
       this.outlineColor = settings2.outline.color;
       this.outlineThickness = settings2.outline.thickness;
@@ -54722,15 +54625,6 @@ void main() {
     get onUpdate() {
       return this._onUpdate.asEvent();
     }
-    /** Base color tint applied to opaque and transparent model materials. */
-    get modelColor() {
-      return this._opaque.color;
-    }
-    set modelColor(color) {
-      this._opaque.color = color;
-      this._transparent.color = color;
-      this._onUpdate.dispatch();
-    }
     /** Opacity of the selection outline (0 = invisible, 1 = fully opaque). */
     get outlineOpacity() {
       return this._merge.opacity;
@@ -54760,45 +54654,10 @@ void main() {
       this._clippingPlanes = value;
       this._modelOpaque.clippingPlanes = value ?? null;
       this._modelTransparent.clippingPlanes = value ?? null;
-      this._opaque.clippingPlanes = value ?? null;
-      this._transparent.clippingPlanes = value ?? null;
       this._ghost.clippingPlanes = value ?? null;
       this._mask.clippingPlanes = value ?? null;
       this._onUpdate.dispatch();
     }
-    /** Width of the stroke rendered where the section box intersects the model. */
-    get sectionStrokeWidth() {
-      return this._sectionStrokeWidth;
-    }
-    set sectionStrokeWidth(value) {
-      if (this._sectionStrokeWidth === value) return;
-      this._sectionStrokeWidth = value;
-      this._opaque.sectionStrokeWidth = value;
-      this._transparent.sectionStrokeWidth = value;
-      this._onUpdate.dispatch();
-    }
-    /** Gradient falloff of the section box intersection stroke. */
-    get sectionStrokeFalloff() {
-      return this._sectionStrokeFalloff;
-    }
-    set sectionStrokeFalloff(value) {
-      if (this._sectionStrokeFalloff === value) return;
-      this._sectionStrokeFalloff = value;
-      this._opaque.sectionStrokeFalloff = value;
-      this._transparent.sectionStrokeFalloff = value;
-      this._onUpdate.dispatch();
-    }
-    /** Color of the section box intersection stroke. */
-    get sectionStrokeColor() {
-      return this._sectionStrokeColor;
-    }
-    set sectionStrokeColor(value) {
-      if (this._sectionStrokeColor === value) return;
-      this._sectionStrokeColor = value;
-      this._opaque.sectionStrokeColor = value;
-      this._transparent.sectionStrokeColor = value;
-      this._onUpdate.dispatch();
-    }
     /**
      * Creates the fixed quantized color palette texture if it doesn't exist.
      * The palette is deterministic (25³ = 15,625 quantized colors in 128×128 texture)
@@ -54808,6 +54667,8 @@ void main() {
       if (this._colorPaletteTexture) return;
       const textureData = buildPaletteTexture();
       this._colorPaletteTexture = new DataTexture(
+        // Cast: TS 5.7 narrows Uint8Array.buffer to ArrayBufferLike (includes SharedArrayBuffer),
+        // but Three.js expects BufferSource (ArrayBuffer only). Safe — Uint8Array always backs ArrayBuffer.
         textureData,
         128,
         128,
@@ -54817,8 +54678,6 @@ void main() {
       this._colorPaletteTexture.needsUpdate = true;
       this._colorPaletteTexture.minFilter = NearestFilter;
       this._colorPaletteTexture.magFilter = NearestFilter;
-      this._opaque.setColorPaletteTexture(this._colorPaletteTexture);
-      this._transparent.setColorPaletteTexture(this._colorPaletteTexture);
       this._modelOpaque.setColorPaletteTexture(this._colorPaletteTexture);
       this._modelTransparent.setColorPaletteTexture(this._colorPaletteTexture);
       this._onUpdate.dispatch();
@@ -54829,8 +54688,6 @@ void main() {
         this._colorPaletteTexture.dispose();
         this._colorPaletteTexture = void 0;
       }
-      this._opaque.dispose();
-      this._transparent.dispose();
       this._modelOpaque.dispose();
       this._modelTransparent.dispose();
       this._ghost.dispose();
@@ -55563,47 +55420,11 @@ 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: {
-          color: new Color(13421772)
-        },
         ghost: {
           color: new Color(921102),
           opacity: 7 / 255
         },
-        section: {
-          strokeWidth: 0.01,
-          strokeFalloff: 0.75,
-          strokeColor: new Color(16185078)
-        },
         outline: {
           opacity: 0.85,
           color: new Color(65535),
@@ -55779,11 +55600,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 +56116,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 +56134,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 +56310,7 @@ void main() {
         outlineHeight,
         {
           format: RedFormat,
-          type: UnsignedByteType,
-          depthTexture: new DepthTexture(outlineWidth, outlineHeight)
+          type: UnsignedByteType
         }
       );
       this._outlineTarget.texture.name = "selectionTarget";
@@ -56512,7 +56324,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 +56376,6 @@ void main() {
     set camera(value) {
       this._renderPass.camera = value;
       this._selectionRenderPass.camera = value;
-      this._outlinePass.material.camera = value;
       this._camera = value;
     }
     /**
@@ -57609,16 +57419,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 +57444,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,