vim-web 0.6.0-dev.7 → 0.6.0-dev.9

package/dist/vim-web.js

@@ -54043,8 +54043,8 @@ function createMaskMaterial() {
     clipping: true,
     // Use GLSL ES 3.0 for WebGL 2
     glslVersion: GLSL3,
-    // Only write depth, not color (outline shader only reads depth)
-    colorWrite: false,
+    // Writes 1.0 to color for selected, 0.0 for background (after clear).
+    // Outline shader does edge detection on this binary mask.
     vertexShader: (
       /* glsl */
       `
@@ -54335,51 +54335,38 @@ function createOutlineMaterial() {
       }
       `,
     fragmentShader: `
-      #include <packing>
-
-      uniform sampler2D depthBuffer;
-      uniform float cameraNear;
-      uniform float cameraFar;
+      uniform sampler2D sceneBuffer;
       uniform vec4 screenSize;
-      uniform vec3 outlineColor;
       uniform float intensity;
 
       in vec2 vUv;
       out vec4 fragColor;
 
-      // Use texelFetch for faster indexed access (WebGL 2)
-      float getPixelDepth(int x, int y) {
+      // Read binary selection mask: 1.0 = selected, 0.0 = background.
+      // Clamp to texture bounds so edge pixels don't read out-of-bounds
+      // (which returns 0 and creates false outlines at the screen border).
+      float getMask(int x, int y) {
         ivec2 pixelCoord = ivec2(vUv * screenSize.xy) + ivec2(x, y);
-        float fragCoordZ = texelFetch(depthBuffer, pixelCoord, 0).x;
-        float viewZ = perspectiveDepthToViewZ(fragCoordZ, cameraNear, cameraFar);
-        return viewZToOrthographicDepth(viewZ, cameraNear, cameraFar);
-      }
-  
-      float saturate(float num) {
-        return clamp(num, 0.0, 1.0);
+        pixelCoord = clamp(pixelCoord, ivec2(0), ivec2(screenSize.xy) - 1);
+        return texelFetch(sceneBuffer, pixelCoord, 0).x;
       }
-  
-      void main() {
-        float depth = getPixelDepth(0, 0);
 
-        // Early-out: skip for background pixels (no geometry)
-        if (depth >= 0.99) {
-          fragColor = vec4(0.0, 0.0, 0.0, 0.0);
+      void main() {
+        // Skip non-selected pixels
+        if (getMask(0, 0) < 0.5) {
+          fragColor = vec4(0.0);
           return;
         }
 
-        // Cross edge detection: 4 neighbors at distance 1.
-        // step() converts depth diff to binary (edge or not).
+        // Silhouette edge detection: outline where selected borders non-selected.
         // Thickness is controlled by outlineScale (render target resolution).
         float outline = 0.0;
-        outline += step(0.001, abs(depth - getPixelDepth( 0, -1)));
-        outline += step(0.001, abs(depth - getPixelDepth( 0,  1)));
-        outline += step(0.001, abs(depth - getPixelDepth(-1,  0)));
-        outline += step(0.001, abs(depth - getPixelDepth( 1,  0)));
-        outline = saturate(outline * 0.25 * intensity);
+        outline += step(0.5, 1.0 - getMask( 0, -1));
+        outline += step(0.5, 1.0 - getMask( 0,  1));
+        outline += step(0.5, 1.0 - getMask(-1,  0));
+        outline += step(0.5, 1.0 - getMask( 1,  0));
+        outline = clamp(outline * 0.25 * intensity, 0.0, 1.0);
 
-        // Output outline intensity to R channel only (RedFormat texture)
-        // Merge pass will use this to blend outline color with scene
         fragColor = vec4(outline, 0.0, 0.0, 0.0);
       }
       `
@@ -55524,7 +55511,7 @@ function getDefaultViewerSettings() {
         opacityAlways: 0.1
       }
     },
-    background: { color: new Color(12698310) },
+    background: { color: new Color(16777215) },
     skybox: {
       enable: true,
       skyColor: new Color(16777215),
@@ -55567,7 +55554,7 @@ function getDefaultViewerSettings() {
         strokeColor: new Color(16185078)
       },
       outline: {
-        intensity: 2,
+        intensity: 3,
         color: new Color(65535),
         scale: 0.75
       }
@@ -56469,6 +56456,8 @@ class RenderingComposer {
       this._camera,
       this._materials.system.mask
     );
+    this._selectionRenderPass.clearColor = new Color(0);
+    this._selectionRenderPass.clearAlpha = 0;
     this._composer.addPass(this._selectionRenderPass);
     this._outlinePass = new OutlinePass(
       this._camera,
@@ -56566,7 +56555,10 @@ class RenderingComposer {
       delta,
       false
     );
+    const bg = this._scene.threeScene.background;
+    this._scene.threeScene.background = null;
     this._composer.render(delta);
+    this._scene.threeScene.background = bg;
   }
   /**
    * Cleans up all resources used by the composer
@@ -57606,10 +57598,10 @@ class WebglViewer {
       this._camera,
       this.settings
     );
+    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.selection = createSelection$1();
     const size = this._renderer.three.getSize(new Vector2());
     const gpuPicker = new GpuPicker(
       this._renderer.three,
@@ -60206,6 +60198,7 @@ class SocketClient {
     const issues = await this._validateConnection();
     if (issues !== void 0) {
       this._disconnect(issues);
+      this._connectPromise.resolve(false);
       return;
     }
     this._logger.log("Connected to: ", (_a3 = this._socket) == null ? void 0 : _a3.url);