@deck.gl/extensions 9.4.0-alpha.1 → 9.4.0-beta.1

package/package.json

@@ -3,7 +3,7 @@
   "description": "Plug-and-play functionalities for deck.gl layers",
   "license": "MIT",
   "type": "module",
-  "version": "9.4.0-alpha.1",
+  "version": "9.4.0-beta.1",
   "publishConfig": {
     "access": "public"
   },
@@ -17,6 +17,10 @@
     "type": "git",
     "url": "https://github.com/visgl/deck.gl.git"
   },
+  "bugs": {
+    "url": "https://github.com/visgl/deck.gl/issues"
+  },
+  "homepage": "https://deck.gl",
   "types": "dist/index.d.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -38,14 +42,14 @@
     "prepublishOnly": "npm run build-bundle && npm run build-bundle -- --env=dev"
   },
   "dependencies": {
-    "@luma.gl/shadertools": "^9.3.3",
-    "@luma.gl/webgl": "^9.3.3",
+    "@luma.gl/shadertools": "^9.4.0-beta.3",
+    "@luma.gl/webgl": "^9.4.0-beta.3",
     "@math.gl/core": "^4.1.0"
   },
   "peerDependencies": {
     "@deck.gl/core": "~9.3.0-beta.2",
-    "@luma.gl/core": "~9.3.3",
-    "@luma.gl/engine": "~9.3.3"
+    "@luma.gl/core": "~9.4.0-beta.3",
+    "@luma.gl/engine": "~9.4.0-beta.3"
   },
-  "gitHead": "a30177af4ec82fd612d116d1528deac09f1800b4"
+  "gitHead": "5b00a0ced09284c2a642c8ffc56748629f5e796b"
 }

package/src/clip/clip-extension.ts

@@ -38,6 +38,11 @@ export type ClipModuleProps = {
   bounds: Readonly<[number, number, number, number]>;
 };
 
+type WebGPUClipModuleProps = ClipModuleProps & {
+  enabled?: boolean;
+  mode?: 'instance' | 'geometry';
+};
+
 /*
  * The vertex-shader version clips geometries by their anchor position
  * e.g. ScatterplotLayer - show if the center of a circle is within bounds
@@ -109,6 +114,10 @@ export default class ClipExtension extends LayerExtension {
     }
     this.state.clipByInstance = clipByInstance;
 
+    if (this.context.device.type === 'webgpu') {
+      return {};
+    }
+
     return clipByInstance
       ? {
           modules: [shaderModuleVs],
@@ -123,7 +132,7 @@ export default class ClipExtension extends LayerExtension {
   /* eslint-disable camelcase */
   draw(this: Layer<Required<ClipExtensionProps>>): void {
     const {clipBounds} = this.props;
-    const clipProps = {} as ClipModuleProps;
+    const clipProps = {} as WebGPUClipModuleProps;
     if (this.state.clipByInstance) {
       clipProps.bounds = clipBounds;
     } else {
@@ -138,6 +147,11 @@ export default class ClipExtension extends LayerExtension {
       ];
     }
 
+    if (this.context.device.type === 'webgpu') {
+      clipProps.enabled = true;
+      clipProps.mode = this.state.clipByInstance ? 'instance' : 'geometry';
+    }
+
     this.setShaderModuleProps({clip: clipProps});
   }
 }