@developmentseed/deck.gl-raster 0.1.0-beta.2 → 0.1.0-beta.4

package/dist/raster-layer.js

@@ -0,0 +1,102 @@
+import { CompositeLayer } from "@deck.gl/core";
+import { SimpleMeshLayer } from "@deck.gl/mesh-layers";
+import { RasterReprojector } from "@developmentseed/raster-reproject";
+const DEFAULT_MAX_ERROR = 0.125;
+const defaultProps = {
+    maxError: DEFAULT_MAX_ERROR,
+};
+/**
+ * RasterLayer renders georeferenced raster data with client-side reprojection.
+ *
+ * This is a composite layer that uses raster-reproject to generate an adaptive mesh
+ * that accurately represents the reprojected raster, then renders it using SimpleMeshLayer.
+ */
+export class RasterLayer extends CompositeLayer {
+    static layerName = "RasterLayer";
+    static defaultProps = defaultProps;
+    initializeState() {
+        this.setState({});
+    }
+    updateState(params) {
+        super.updateState(params);
+        const { props, oldProps, changeFlags } = params;
+        // Regenerate mesh if key properties change
+        const needsUpdate = Boolean(changeFlags.dataChanged) ||
+            props.width !== oldProps.width ||
+            props.height !== oldProps.height ||
+            props.reprojectionFns !== oldProps.reprojectionFns ||
+            props.maxError !== oldProps.maxError;
+        if (needsUpdate) {
+            this._generateMesh();
+        }
+    }
+    _generateMesh() {
+        const { width, height, reprojectionFns, maxError = DEFAULT_MAX_ERROR, } = this.props;
+        const reprojector = new RasterReprojector(reprojectionFns, width, height);
+        reprojector.run(maxError);
+        const { indices, positions, texCoords } = reprojectorToMesh(reprojector);
+        this.setState({
+            reprojector,
+            mesh: {
+                positions,
+                indices,
+                texCoords,
+            },
+        });
+    }
+    renderLayers() {
+        const { mesh } = this.state;
+        const { texture } = this.props;
+        if (!mesh) {
+            return null;
+        }
+        const { indices, positions, texCoords } = mesh;
+        return new SimpleMeshLayer(this.getSubLayerProps({
+            id: "raster",
+            texture,
+            // Dummy data because we're only rendering _one_ instance of this mesh
+            // https://github.com/visgl/deck.gl/blob/93111b667b919148da06ff1918410cf66381904f/modules/geo-layers/src/terrain-layer/terrain-layer.ts#L241
+            data: [1],
+            mesh: {
+                indices: { value: indices, size: 1 },
+                attributes: {
+                    POSITION: {
+                        value: positions,
+                        size: 3,
+                    },
+                    TEXCOORD_0: {
+                        value: texCoords,
+                        size: 2,
+                    },
+                },
+            },
+            // We're only rendering a single mesh, without instancing
+            // https://github.com/visgl/deck.gl/blob/93111b667b919148da06ff1918410cf66381904f/modules/geo-layers/src/terrain-layer/terrain-layer.ts#L244
+            _instanced: false,
+            // Dummy accessors for the dummy data
+            // We place our mesh at the coordinate origin
+            getPosition: [0, 0, 0],
+            // We give a white color to turn off color mixing with the texture
+            getColor: [255, 255, 255],
+        }));
+    }
+}
+function reprojectorToMesh(reprojector) {
+    const numVertices = reprojector.uvs.length / 2;
+    const positions = new Float32Array(numVertices * 3);
+    const texCoords = new Float32Array(reprojector.uvs);
+    for (let i = 0; i < numVertices; i++) {
+        positions[i * 3] = reprojector.exactOutputPositions[i * 2];
+        positions[i * 3 + 1] = reprojector.exactOutputPositions[i * 2 + 1];
+        // z (flat on the ground)
+        positions[i * 3 + 2] = 0;
+    }
+    // TODO: Consider using 16-bit indices if the mesh is small enough
+    const indices = new Uint32Array(reprojector.triangles);
+    return {
+        indices,
+        positions,
+        texCoords,
+    };
+}
+//# sourceMappingURL=raster-layer.js.map

package/dist/raster-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"raster-layer.js","sourceRoot":"","sources":["../src/raster-layer.ts"],"names":[],"mappings":"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"}

package/dist/src/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":""}

package/dist/src/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":""}

package/dist/src/layer.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=layer.d.ts.map

package/dist/src/layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../src/layer.ts"],"names":[],"mappings":""}

package/dist/src/layer.js

@@ -0,0 +1,3 @@
+"use strict";
+// TODO: create RasterLayer wrapping raster-reproject
+//# sourceMappingURL=layer.js.map

package/dist/src/layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer.js","sourceRoot":"","sources":["../../src/layer.ts"],"names":[],"mappings":";AAAA,qDAAqD"}

package/dist/src/mesh.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=mesh.d.ts.map

package/dist/src/mesh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mesh.d.ts","sourceRoot":"","sources":["../../src/mesh.ts"],"names":[],"mappings":""}

package/dist/src/mesh.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=mesh.js.map

package/dist/src/mesh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mesh.js","sourceRoot":"","sources":["../../src/mesh.ts"],"names":[],"mappings":""}

package/dist/tests/placeholder.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=placeholder.test.d.ts.map

package/dist/tests/placeholder.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.test.d.ts","sourceRoot":"","sources":["../../tests/placeholder.test.ts"],"names":[],"mappings":""}

package/dist/tests/placeholder.test.js

@@ -0,0 +1,7 @@
+import { describe, it, expect } from 'vitest';
+describe('deck.gl-raster', () => {
+    it('placeholder test', () => {
+        expect(true).toBe(true);
+    });
+});
+//# sourceMappingURL=placeholder.test.js.map

package/dist/tests/placeholder.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.test.js","sourceRoot":"","sources":["../../tests/placeholder.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE9C,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}