@deck.gl/extensions 9.0.0-beta.1 → 9.0.0-beta.3

package/dist/fill-style/fill-style-extension.js

@@ -0,0 +1,118 @@
+import { LayerExtension } from '@deck.gl/core';
+import { patternShaders } from "./shaders.glsl.js";
+const defaultProps = {
+    fillPatternEnabled: true,
+    fillPatternAtlas: {
+        type: 'image',
+        value: null,
+        async: true,
+        parameters: {
+            minFilter: 'linear'
+        }
+    },
+    fillPatternMapping: { type: 'object', value: {}, async: true },
+    fillPatternMask: true,
+    getFillPattern: { type: 'accessor', value: d => d.pattern },
+    getFillPatternScale: { type: 'accessor', value: 1 },
+    getFillPatternOffset: { type: 'accessor', value: [0, 0] }
+};
+/** Adds selected features to layers that render a "fill", such as the `PolygonLayer` and `ScatterplotLayer`. */
+export default class FillStyleExtension extends LayerExtension {
+    static { this.defaultProps = defaultProps; }
+    static { this.extensionName = 'FillStyleExtension'; }
+    constructor({ pattern = false } = {}) {
+        super({ pattern });
+    }
+    isEnabled(layer) {
+        return layer.getAttributeManager() !== null && !('pathTesselator' in layer.state);
+    }
+    getShaders(extension) {
+        if (!extension.isEnabled(this)) {
+            return null;
+        }
+        return {
+            modules: [extension.opts.pattern && patternShaders].filter(Boolean)
+        };
+    }
+    initializeState(context, extension) {
+        if (!extension.isEnabled(this)) {
+            return;
+        }
+        const attributeManager = this.getAttributeManager();
+        if (extension.opts.pattern) {
+            attributeManager.add({
+                fillPatternFrames: {
+                    size: 4,
+                    accessor: 'getFillPattern',
+                    transform: extension.getPatternFrame.bind(this),
+                    shaderAttributes: {
+                        fillPatternFrames: {
+                            divisor: 0
+                        },
+                        instanceFillPatternFrames: {
+                            divisor: 1
+                        }
+                    }
+                },
+                fillPatternScales: {
+                    size: 1,
+                    accessor: 'getFillPatternScale',
+                    defaultValue: 1,
+                    shaderAttributes: {
+                        fillPatternScales: {
+                            divisor: 0
+                        },
+                        instanceFillPatternScales: {
+                            divisor: 1
+                        }
+                    }
+                },
+                fillPatternOffsets: {
+                    size: 2,
+                    accessor: 'getFillPatternOffset',
+                    shaderAttributes: {
+                        fillPatternOffsets: {
+                            divisor: 0
+                        },
+                        instanceFillPatternOffsets: {
+                            divisor: 1
+                        }
+                    }
+                }
+            });
+        }
+        this.setState({
+            emptyTexture: this.context.device.createTexture({
+                data: new Uint8Array(4),
+                width: 1,
+                height: 1
+            })
+        });
+    }
+    updateState({ props, oldProps }, extension) {
+        if (!extension.isEnabled(this)) {
+            return;
+        }
+        if (props.fillPatternMapping && props.fillPatternMapping !== oldProps.fillPatternMapping) {
+            this.getAttributeManager().invalidate('getFillPattern');
+        }
+    }
+    draw(params, extension) {
+        if (!extension.isEnabled(this)) {
+            return;
+        }
+        const { fillPatternAtlas } = this.props;
+        this.setModuleParameters({
+            fillPatternTexture: fillPatternAtlas || this.state.emptyTexture
+        });
+    }
+    finalizeState() {
+        const emptyTexture = this.state.emptyTexture;
+        emptyTexture?.delete();
+    }
+    getPatternFrame(name) {
+        const { fillPatternMapping } = this.getCurrentLayer().props;
+        const def = fillPatternMapping && fillPatternMapping[name];
+        return def ? [def.x, def.y, def.width, def.height] : [0, 0, 0, 0];
+    }
+}

package/dist/{esm/fill-style → fill-style}/shaders.glsl.js

@@ -1,4 +1,7 @@
 import { project, fp64LowPart } from '@deck.gl/core';
+/*
+ * fill pattern shader module
+ */
 const patternVs = `
 #ifdef NON_INSTANCED_MODEL
   #define FILL_PATTERN_FRAME_ATTRIB fillPatternFrames
@@ -35,17 +38,17 @@ in vec2 fill_uv;
 const float FILL_UV_SCALE = 512.0 / 40000000.0;
 `;
 const inject = {
-  'vs:DECKGL_FILTER_GL_POSITION': `
+    'vs:DECKGL_FILTER_GL_POSITION': `
     fill_uv = geometry.position.xy;
   `,
-  'vs:DECKGL_FILTER_COLOR': `
+    'vs:DECKGL_FILTER_COLOR': `
     if (fill_patternEnabled) {
       fill_patternBounds = FILL_PATTERN_FRAME_ATTRIB / vec4(fill_patternTextureSize, fill_patternTextureSize);
       fill_patternPlacement.xy = FILL_PATTERN_OFFSET_ATTRIB;
       fill_patternPlacement.zw = FILL_PATTERN_SCALE_ATTRIB * FILL_PATTERN_FRAME_ATTRIB.zw;
     }
   `,
-  'fs:DECKGL_FILTER_COLOR': `
+    'fs:DECKGL_FILTER_COLOR': `
     if (fill_patternEnabled) {
       vec2 scale = FILL_UV_SCALE * fill_patternPlacement.zw;
       vec2 patternUV = mod(mod(fill_uvCoordinateOrigin, scale) + fill_uvCoordinateOrigin64Low + fill_uv, scale) / scale;
@@ -61,48 +64,39 @@ const inject = {
     }
   `
 };
-
+/* eslint-disable camelcase */
 function getPatternUniforms(opts, uniforms) {
-  if (!opts) {
+    if (!opts) {
+        return {};
+    }
+    if ('fillPatternTexture' in opts) {
+        const { fillPatternTexture } = opts;
+        return {
+            fill_patternTexture: fillPatternTexture,
+            fill_patternTextureSize: [fillPatternTexture.width, fillPatternTexture.height]
+        };
+    }
+    if ('viewport' in opts) {
+        const { fillPatternMask = true, fillPatternEnabled = true } = opts;
+        const { project_uCommonOrigin: coordinateOriginCommon } = uniforms;
+        const coordinateOriginCommon64Low = [
+            fp64LowPart(coordinateOriginCommon[0]),
+            fp64LowPart(coordinateOriginCommon[1])
+        ];
+        return {
+            fill_uvCoordinateOrigin: coordinateOriginCommon.slice(0, 2),
+            fill_uvCoordinateOrigin64Low: coordinateOriginCommon64Low,
+            fill_patternMask: fillPatternMask,
+            fill_patternEnabled: fillPatternEnabled
+        };
+    }
     return {};
-  }
-
-  if ('fillPatternTexture' in opts) {
-    const {
-      fillPatternTexture
-    } = opts;
-    return {
-      fill_patternTexture: fillPatternTexture,
-      fill_patternTextureSize: [fillPatternTexture.width, fillPatternTexture.height]
-    };
-  }
-
-  if ('viewport' in opts) {
-    const {
-      fillPatternMask = true,
-      fillPatternEnabled = true
-    } = opts;
-    const {
-      project_uCommonOrigin: coordinateOriginCommon
-    } = uniforms;
-    const coordinateOriginCommon64Low = [fp64LowPart(coordinateOriginCommon[0]), fp64LowPart(coordinateOriginCommon[1])];
-    return {
-      fill_uvCoordinateOrigin: coordinateOriginCommon.slice(0, 2),
-      fill_uvCoordinateOrigin64Low: coordinateOriginCommon64Low,
-      fill_patternMask: fillPatternMask,
-      fill_patternEnabled: fillPatternEnabled
-    };
-  }
-
-  return {};
 }
-
 export const patternShaders = {
-  name: 'fill-pattern',
-  vs: patternVs,
-  fs: patternFs,
-  inject,
-  dependencies: [project],
-  getUniforms: getPatternUniforms
+    name: 'fill-pattern',
+    vs: patternVs,
+    fs: patternFs,
+    inject,
+    dependencies: [project],
+    getUniforms: getPatternUniforms
 };
-//# sourceMappingURL=shaders.glsl.js.map

package/dist/fp64/fp64-extension.js

@@ -0,0 +1,35 @@
+// Copyright (c) 2015 - 2017 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+import { LayerExtension, COORDINATE_SYSTEM } from '@deck.gl/core';
+import project64 from "./project64.js";
+/** @deprecated Adds the legacy 64-bit precision to geospatial layers. */
+export default class Fp64Extension extends LayerExtension {
+    static { this.extensionName = 'Fp64Extension'; }
+    getShaders() {
+        const { coordinateSystem } = this.props;
+        if (coordinateSystem !== COORDINATE_SYSTEM.LNGLAT &&
+            coordinateSystem !== COORDINATE_SYSTEM.DEFAULT) {
+            throw new Error('fp64: coordinateSystem must be LNGLAT');
+        }
+        return {
+            modules: [project64]
+        };
+    }
+}

package/dist/{esm/fp64 → fp64}/project64.glsl.js

@@ -1,3 +1,22 @@
+// Copyright (c) 2015 - 2017 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
 export default `\
 
 const vec2 WORLD_SCALE_FP64 = vec2(81.4873275756836, 0.0000032873668232014097);
@@ -79,4 +98,3 @@ vec4 project_position_to_clipspace(
   );
 }
 `;
-//# sourceMappingURL=project64.glsl.js.map

package/dist/fp64/project64.js

@@ -0,0 +1,50 @@
+// Copyright (c) 2015 - 2017 Uber Technologies, Inc.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+/* eslint-disable camelcase */
+import { fp64 } from '@luma.gl/shadertools';
+const { fp64ify, fp64ifyMatrix4 } = fp64;
+import { project, _memoize as memoize } from '@deck.gl/core';
+import project64Shader from "./project64.glsl.js";
+export default {
+    name: 'project64',
+    dependencies: [project, fp64],
+    vs: project64Shader,
+    getUniforms
+};
+// TODO - this module should calculate the 64 bit uniforms
+// It is currently done by project to minimize duplicated work
+const getMemoizedUniforms = memoize(calculateUniforms);
+function getUniforms(opts) {
+    if (opts && 'viewport' in opts) {
+        const { viewProjectionMatrix, scale } = opts.viewport;
+        // We only need to update fp64 uniforms if fp32 projection is being updated
+        return getMemoizedUniforms({ viewProjectionMatrix, scale });
+    }
+    return {};
+}
+function calculateUniforms({ viewProjectionMatrix, scale }) {
+    const glViewProjectionMatrixFP64 = fp64ifyMatrix4(viewProjectionMatrix);
+    const scaleFP64 = fp64ify(scale);
+    return {
+        project_uViewProjectionMatrixFP64: glViewProjectionMatrixFP64,
+        project64_uViewProjectionMatrix: glViewProjectionMatrixFP64,
+        project64_uScale: scaleFP64
+    };
+}