@deck.gl/arcgis 9.0.0-beta.1 → 9.0.0-beta.11

package/dist/index.cjs

@@ -0,0 +1,393 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// dist/index.js
+var dist_exports = {};
+__export(dist_exports, {
+  DeckLayer: () => DeckLayer,
+  DeckRenderer: () => DeckRenderer,
+  loadArcGISModules: () => loadArcGISModules
+});
+module.exports = __toCommonJS(dist_exports);
+
+// dist/deck-props.js
+var properties = {
+  layers: {},
+  layerFilter: {},
+  parameters: {},
+  effects: {},
+  pickingRadius: {},
+  onBeforeRender: {},
+  onAfterRender: {},
+  onClick: {},
+  onHover: {},
+  onDragStart: {},
+  onDrag: {},
+  onDragEnd: {},
+  onError: {},
+  debug: {},
+  drawPickingColors: {},
+  getCursor: {},
+  getTooltip: {}
+};
+function createDeckProps(Accessor2) {
+  const DeckProps2 = Accessor2.createSubclass({
+    properties,
+    constructor() {
+      this._callbacks = {};
+      this.watch(Object.keys(properties), (newValue, oldValue, propName) => {
+        this.emit("change", { [propName]: newValue });
+      });
+    },
+    on(eventName, cb) {
+      this._callbacks[eventName] = this._callbacks[eventName] || [];
+      this._callbacks[eventName].push(cb);
+    },
+    emit(eventName, details) {
+      const callbacks = this._callbacks[eventName];
+      if (callbacks) {
+        for (const cb of callbacks) {
+          cb(details);
+        }
+      }
+    },
+    toJSON() {
+      const result = {};
+      for (const key of this.keys()) {
+        if (this[key] !== void 0) {
+          result[key] = this[key];
+        }
+      }
+      return result;
+    }
+  });
+  return DeckProps2;
+}
+
+// dist/deck-layer.js
+function createDeckLayer(DeckProps2, Layer2, DeckLayerView2D2) {
+  return Layer2.createSubclass({
+    properties: {
+      deck: {},
+      blendMode: {},
+      effect: {}
+    },
+    constructor() {
+      this.deck = new DeckProps2();
+    },
+    createLayerView(view) {
+      if (view.type === "2d") {
+        return new DeckLayerView2D2({
+          view,
+          layer: this
+        });
+      }
+      console.error("DeckLayer does not support SceneView at the moment. Use DeckRenderer instead.");
+      return null;
+    }
+  });
+}
+
+// dist/commons.js
+var import_constants = require("@luma.gl/constants");
+var import_engine = require("@luma.gl/engine");
+var import_core = require("@deck.gl/core");
+async function createDeckInstance(gl) {
+  return new Promise((resolve) => {
+    const deckInstance = new import_core.Deck({
+      controller: false,
+      gl,
+      parameters: {
+        depthCompare: "less-equal"
+      },
+      width: null,
+      height: null,
+      onDeviceInitialized: (device) => {
+        resolve({ deckInstance, device });
+      }
+    });
+  });
+}
+async function initializeResources(gl) {
+  const { deckInstance, device } = await createDeckInstance(gl);
+  const texture = device.createTexture({
+    format: "rgba8unorm",
+    width: 1,
+    height: 1,
+    sampler: {
+      minFilter: "linear",
+      magFilter: "linear",
+      addressModeU: "clamp-to-edge",
+      addressModeV: "clamp-to-edge"
+    }
+  });
+  const model = new import_engine.Model(device, {
+    vs: `#version 300 es
+in vec2 pos;
+out vec2 v_texcoord;
+void main(void) {
+    gl_Position = vec4(pos, 0.0, 1.0);
+    v_texcoord = (pos + 1.0) / 2.0;
+}
+    `,
+    fs: `#version 300 es
+precision mediump float;
+uniform sampler2D deckglTexture;
+in vec2 v_texcoord;
+out vec4 fragColor;
+
+void main(void) {
+    vec4 imageColor = texture(deckglTexture, v_texcoord);
+    imageColor.rgb *= imageColor.a;
+    fragColor = imageColor;
+}
+    `,
+    bindings: {
+      deckglTexture: texture
+    },
+    parameters: {
+      depthWriteEnabled: true,
+      depthCompare: "less-equal",
+      blendColorSrcFactor: "one",
+      blendColorDstFactor: "one-minus-src-alpha",
+      blendAlphaSrcFactor: "one",
+      blendAlphaDstFactor: "one-minus-src-alpha",
+      blendColorOperation: "add",
+      blendAlphaOperation: "add"
+    },
+    geometry: new import_engine.Geometry({
+      topology: "triangle-strip",
+      attributes: {
+        pos: { size: 2, value: new Int8Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, 1, 1, -1]) }
+      }
+    }),
+    vertexCount: 6
+  });
+  const fbo = device.createFramebuffer({
+    id: "deckfbo",
+    width: 1,
+    height: 1,
+    colorAttachments: [texture],
+    depthStencilAttachment: "depth16unorm"
+  });
+  deckInstance.setProps({
+    _framebuffer: fbo,
+    _customRender: (redrawReason) => {
+      if (redrawReason === "arcgis") {
+        deckInstance._drawLayers(redrawReason);
+      } else {
+        this.redraw();
+      }
+    }
+  });
+  return { deck: deckInstance, texture, fbo, model };
+}
+function render(resources, viewport) {
+  const { model, deck, fbo } = resources;
+  const device = model.device;
+  const screenFbo = device.getParametersWebGL(36006);
+  const { width, height, ...viewState } = viewport;
+  const dpr = window.devicePixelRatio;
+  const pixelWidth = Math.round(width * dpr);
+  const pixelHeight = Math.round(height * dpr);
+  fbo.resize({ width: pixelWidth, height: pixelHeight });
+  deck.setProps({ viewState });
+  deck.redraw("arcgis");
+  const textureToScreenPass = device.beginRenderPass({
+    framebuffer: screenFbo,
+    parameters: { viewport: [0, 0, pixelWidth, pixelHeight] },
+    clearColor: false,
+    clearDepth: false
+  });
+  try {
+    model.draw(textureToScreenPass);
+  } finally {
+    textureToScreenPass.end();
+  }
+}
+function finalizeResources(resources) {
+  resources.deck.finalize();
+  resources.model.destroy();
+  resources.fbo.destroy();
+  resources.texture.destroy();
+}
+
+// dist/deck-layer-view-2d.js
+function createDeckLayerView2D(BaseLayerViewGL2D2) {
+  return BaseLayerViewGL2D2.createSubclass({
+    properties: {
+      cancelInitialization: null,
+      resources: null
+    },
+    async attach() {
+      const gl = this.context;
+      let cancelled = false;
+      this.cancelInitialization = () => cancelled = true;
+      const resources = await initializeResources.call(this, gl);
+      if (cancelled) {
+        finalizeResources(resources);
+        return;
+      }
+      this.resources = resources;
+      this.layer.deck.on("change", (props) => resources.deck.setProps(props));
+      resources.deck.setProps(this.layer.deck.toJSON());
+    },
+    redraw() {
+      this.requestRender();
+    },
+    detach() {
+      var _a;
+      (_a = this.cancelInitialization) == null ? void 0 : _a.call(this);
+      if (this.resources) {
+        finalizeResources(this.resources);
+        this.resources = null;
+      }
+    },
+    render(renderParameters) {
+      if (!this.resources) {
+        return;
+      }
+      const [width, height] = this.view.state.size;
+      const state = renderParameters.state;
+      render(this.resources, {
+        width,
+        height,
+        latitude: this.view.center.latitude,
+        longitude: this.view.center.longitude,
+        zoom: this.view.featuresTilingScheme.scaleToLevel(state.scale),
+        bearing: -state.rotation,
+        pitch: 0
+      });
+    }
+  });
+}
+
+// dist/deck-renderer.js
+function arcgisFOVToDeckAltitude(fov, aspectRatio) {
+  const D = Math.sqrt(1 + aspectRatio ** 2);
+  const halfFOV = fov / 2 / 180 * Math.PI;
+  return D / 2 / Math.tan(halfFOV);
+}
+function createDeckRenderer(DeckProps2, externalRenderers2) {
+  class DeckRenderer2 {
+    constructor(view, props) {
+      this.resources = null;
+      this.cancelInitialization = null;
+      this.view = view;
+      this.deck = new DeckProps2(props);
+    }
+    async setup(context) {
+      const gl = context.gl;
+      let cancelled = false;
+      this.cancelInitialization = () => cancelled = true;
+      const resources = await initializeResources.call(this, gl);
+      if (cancelled) {
+        finalizeResources(resources);
+        return;
+      }
+      this.deck.on("change", (props) => resources.deck.setProps(props));
+      resources.deck.setProps(this.deck.toJSON());
+      this.resources = resources;
+    }
+    dispose() {
+      var _a;
+      (_a = this.cancelInitialization) == null ? void 0 : _a.call(this);
+      if (this.resources) {
+        finalizeResources(this.resources);
+      }
+    }
+    redraw() {
+      externalRenderers2.requestRender(this.view);
+    }
+    render() {
+      const [width, height] = this.view.size;
+      render(this.resources, {
+        width,
+        height,
+        latitude: this.view.center.latitude,
+        longitude: this.view.center.longitude,
+        altitude: arcgisFOVToDeckAltitude(this.view.camera.fov, width / height),
+        zoom: this.view.zoom,
+        bearing: this.view.camera.heading,
+        pitch: this.view.camera.tilt
+      });
+    }
+  }
+  return DeckRenderer2;
+}
+
+// dist/index.js
+var import_Accessor = __toESM(require("@arcgis/core/core/Accessor"), 1);
+var import_Layer = __toESM(require("@arcgis/core/layers/Layer"), 1);
+var import_BaseLayerViewGL2D = __toESM(require("@arcgis/core/views/2d/layers/BaseLayerViewGL2D"), 1);
+var externalRenderers = __toESM(require("@arcgis/core/views/3d/externalRenderers"), 1);
+
+// dist/load-modules.js
+var import_esri_loader = require("esri-loader");
+var arcGIS;
+async function loadArcGISModules(modules, loadScriptOptions) {
+  const namespace = Array.isArray(modules) ? null : modules;
+  await loadArcGISModule(namespace, loadScriptOptions);
+  if (Array.isArray(modules)) {
+    return (0, import_esri_loader.loadModules)(modules, loadScriptOptions).then((array) => {
+      return { ...arcGIS, modules: array };
+    });
+  }
+  return arcGIS;
+}
+async function loadArcGISModule(esri, loadScriptOptions) {
+  if (arcGIS) {
+    return arcGIS;
+  }
+  if (esri) {
+    const Layer3 = esri.layers.Layer;
+    const Accessor3 = esri.core.Accessor;
+    const BaseLayerViewGL2D3 = esri.views["2d"].layers.BaseLayerViewGL2D;
+    const externalRenderers3 = esri.views["3d"].externalRenderers;
+    return initialize(Layer3, Accessor3, BaseLayerViewGL2D3, externalRenderers3);
+  }
+  const [Layer2, Accessor2, BaseLayerViewGL2D2, externalRenderers2] = await (0, import_esri_loader.loadModules)([
+    "esri/layers/Layer",
+    "esri/core/Accessor",
+    "esri/views/2d/layers/BaseLayerViewGL2D",
+    "esri/views/3d/externalRenderers"
+  ], loadScriptOptions);
+  return initialize(Layer2, Accessor2, BaseLayerViewGL2D2, externalRenderers2);
+}
+function initialize(Layer2, Accessor2, BaseLayerViewGL2D2, externalRenderers2) {
+  const DeckProps2 = createDeckProps(Accessor2);
+  const DeckLayerView2D2 = createDeckLayerView2D(BaseLayerViewGL2D2);
+  const DeckLayer2 = createDeckLayer(DeckProps2, Layer2, DeckLayerView2D2);
+  const DeckRenderer2 = createDeckRenderer(DeckProps2, externalRenderers2);
+  arcGIS = { DeckLayer: DeckLayer2, DeckRenderer: DeckRenderer2 };
+  return arcGIS;
+}
+
+// dist/index.js
+var DeckProps = createDeckProps(import_Accessor.default);
+var DeckLayerView2D = createDeckLayerView2D(import_BaseLayerViewGL2D.default);
+var DeckLayer = createDeckLayer(DeckProps, import_Layer.default, DeckLayerView2D);
+var DeckRenderer = createDeckRenderer(DeckProps, externalRenderers);
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.js", "deck-props.js", "deck-layer.js", "commons.js", "deck-layer-view-2d.js", "deck-renderer.js", "load-modules.js"],
+  "sourcesContent": ["import createDeckProps from \"./deck-props.js\";\nimport createDeckLayer from \"./deck-layer.js\";\nimport createDeckLayerView2D from \"./deck-layer-view-2d.js\";\nimport createDeckRenderer from \"./deck-renderer.js\";\nimport Accessor from '@arcgis/core/core/Accessor';\nimport Layer from '@arcgis/core/layers/Layer';\nimport BaseLayerViewGL2D from '@arcgis/core/views/2d/layers/BaseLayerViewGL2D';\nimport * as externalRenderers from '@arcgis/core/views/3d/externalRenderers';\n// require-style loader\nexport { loadArcGISModules } from \"./load-modules.js\";\n// ESM-style classes\nconst DeckProps = createDeckProps(Accessor);\nconst DeckLayerView2D = createDeckLayerView2D(BaseLayerViewGL2D);\nexport const DeckLayer = createDeckLayer(DeckProps, Layer, DeckLayerView2D);\nexport const DeckRenderer = createDeckRenderer(DeckProps, externalRenderers);\n", "const properties = {\n    layers: {},\n    layerFilter: {},\n    parameters: {},\n    effects: {},\n    pickingRadius: {},\n    onBeforeRender: {},\n    onAfterRender: {},\n    onClick: {},\n    onHover: {},\n    onDragStart: {},\n    onDrag: {},\n    onDragEnd: {},\n    onError: {},\n    debug: {},\n    drawPickingColors: {},\n    getCursor: {},\n    getTooltip: {}\n};\n/* eslint-disable callback-return */\nexport default function createDeckProps(Accessor) {\n    const DeckProps = Accessor.createSubclass({\n        properties,\n        constructor() {\n            this._callbacks = {};\n            this.watch(Object.keys(properties), (newValue, oldValue, propName) => {\n                this.emit('change', { [propName]: newValue });\n            });\n        },\n        on(eventName, cb) {\n            this._callbacks[eventName] = this._callbacks[eventName] || [];\n            this._callbacks[eventName].push(cb);\n        },\n        emit(eventName, details) {\n            const callbacks = this._callbacks[eventName];\n            if (callbacks) {\n                for (const cb of callbacks) {\n                    cb(details);\n                }\n            }\n        },\n        toJSON() {\n            const result = {};\n            for (const key of this.keys()) {\n                if (this[key] !== undefined) {\n                    result[key] = this[key];\n                }\n            }\n            return result;\n        }\n    });\n    return DeckProps;\n}\n", "export default function createDeckLayer(DeckProps, Layer, DeckLayerView2D) {\n    // A layer that displays inside a MapView using an instance\n    // of the layer view defined above.\n    return Layer.createSubclass({\n        properties: {\n            deck: {},\n            blendMode: {},\n            effect: {}\n        },\n        constructor() {\n            this.deck = new DeckProps();\n        },\n        // Called by the MapView whenever a layer view\n        // needs to be created for a given layer.\n        createLayerView(view) {\n            if (view.type === '2d') {\n                return new DeckLayerView2D({\n                    view,\n                    layer: this\n                });\n            }\n            // eslint-disable-next-line\n            console.error('DeckLayer does not support SceneView at the moment. Use DeckRenderer instead.');\n            return null;\n        }\n    });\n}\n", "/* eslint-disable no-invalid-this */\nimport { GL } from '@luma.gl/constants';\nimport { Model, Geometry } from '@luma.gl/engine';\nimport { Deck } from '@deck.gl/core';\nasync function createDeckInstance(gl) {\n    return new Promise(resolve => {\n        const deckInstance = new Deck({\n            // Input is handled by the ArcGIS API for JavaScript.\n            controller: false,\n            // We use the same WebGL context as the ArcGIS API for JavaScript.\n            gl,\n            // We need depth testing in general; we don't know what layers might be added to the deck.\n            parameters: {\n                depthCompare: 'less-equal'\n            },\n            // To disable canvas resizing, since the FBO is owned by the ArcGIS API for JavaScript.\n            width: null,\n            height: null,\n            onDeviceInitialized: (device) => {\n                resolve({ deckInstance, device });\n            }\n        });\n    });\n}\nexport async function initializeResources(gl) {\n    const { deckInstance, device } = await createDeckInstance(gl);\n    const texture = device.createTexture({\n        format: 'rgba8unorm',\n        width: 1,\n        height: 1,\n        sampler: {\n            minFilter: 'linear',\n            magFilter: 'linear',\n            addressModeU: 'clamp-to-edge',\n            addressModeV: 'clamp-to-edge'\n        }\n    });\n    const model = new Model(device, {\n        vs: `\\\n#version 300 es\nin vec2 pos;\nout vec2 v_texcoord;\nvoid main(void) {\n    gl_Position = vec4(pos, 0.0, 1.0);\n    v_texcoord = (pos + 1.0) / 2.0;\n}\n    `,\n        fs: `\\\n#version 300 es\nprecision mediump float;\nuniform sampler2D deckglTexture;\nin vec2 v_texcoord;\nout vec4 fragColor;\n\nvoid main(void) {\n    vec4 imageColor = texture(deckglTexture, v_texcoord);\n    imageColor.rgb *= imageColor.a;\n    fragColor = imageColor;\n}\n    `,\n        bindings: {\n            deckglTexture: texture\n        },\n        parameters: {\n            depthWriteEnabled: true,\n            depthCompare: 'less-equal',\n            blendColorSrcFactor: 'one',\n            blendColorDstFactor: 'one-minus-src-alpha',\n            blendAlphaSrcFactor: 'one',\n            blendAlphaDstFactor: 'one-minus-src-alpha',\n            blendColorOperation: 'add',\n            blendAlphaOperation: 'add'\n        },\n        geometry: new Geometry({\n            topology: 'triangle-strip',\n            attributes: {\n                pos: { size: 2, value: new Int8Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, 1, 1, -1]) }\n            }\n        }),\n        vertexCount: 6\n    });\n    const fbo = device.createFramebuffer({\n        id: 'deckfbo',\n        width: 1,\n        height: 1,\n        colorAttachments: [texture],\n        depthStencilAttachment: 'depth16unorm'\n    });\n    deckInstance.setProps({\n        // This deck renders into an auxiliary framebuffer.\n        _framebuffer: fbo,\n        _customRender: redrawReason => {\n            if (redrawReason === 'arcgis') {\n                deckInstance._drawLayers(redrawReason);\n            }\n            else {\n                this.redraw();\n            }\n        }\n    });\n    return { deck: deckInstance, texture, fbo, model };\n}\nexport function render(resources, viewport) {\n    const { model, deck, fbo } = resources;\n    const device = model.device;\n    // @ts-ignore device.getParametersWebGL should return `any` not `void`?\n    const screenFbo = device.getParametersWebGL(36006);\n    const { width, height, ...viewState } = viewport;\n    /* global window */\n    const dpr = window.devicePixelRatio;\n    const pixelWidth = Math.round(width * dpr);\n    const pixelHeight = Math.round(height * dpr);\n    fbo.resize({ width: pixelWidth, height: pixelHeight });\n    deck.setProps({ viewState });\n    // redraw deck immediately into deckFbo\n    deck.redraw('arcgis');\n    // We overlay the texture on top of the map using the full-screen quad.\n    const textureToScreenPass = device.beginRenderPass({\n        framebuffer: screenFbo,\n        parameters: { viewport: [0, 0, pixelWidth, pixelHeight] },\n        clearColor: false,\n        clearDepth: false\n    });\n    try {\n        model.draw(textureToScreenPass);\n    }\n    finally {\n        textureToScreenPass.end();\n    }\n}\nexport function finalizeResources(resources) {\n    resources.deck.finalize();\n    resources.model.destroy();\n    resources.fbo.destroy();\n    resources.texture.destroy();\n}\n", "import { initializeResources, render, finalizeResources } from \"./commons.js\";\nexport default function createDeckLayerView2D(BaseLayerViewGL2D) {\n    return BaseLayerViewGL2D.createSubclass({\n        properties: {\n            cancelInitialization: null,\n            resources: null\n        },\n        // Attach is called as soon as the layer view is ready to start rendering.\n        async attach() {\n            // We use a full-screen quad and shaders to composite the frame rendered\n            // with deck.gl on top of the MapView. Composition uses the MapView context.\n            const gl = this.context;\n            let cancelled = false;\n            this.cancelInitialization = () => (cancelled = true);\n            const resources = await initializeResources.call(this, gl);\n            // If the layer got detached while awaiting, do not proceed\n            if (cancelled) {\n                finalizeResources(resources);\n                return;\n            }\n            this.resources = resources;\n            // Update deck props\n            this.layer.deck.on('change', props => resources.deck.setProps(props));\n            // We need to start drawing the deck.gl layer immediately.\n            resources.deck.setProps(this.layer.deck.toJSON());\n        },\n        redraw() {\n            this.requestRender();\n        },\n        // Called when the layer must be destroyed.\n        detach() {\n            this.cancelInitialization?.();\n            if (this.resources) {\n                finalizeResources(this.resources);\n                this.resources = null;\n            }\n        },\n        // Called every time that the layer view must be rendered.\n        render(renderParameters) {\n            if (!this.resources) {\n                return;\n            }\n            const [width, height] = this.view.state.size;\n            // The view state must be kept in-sync with the MapView of the ArcGIS API.\n            const state = renderParameters.state;\n            render(this.resources, {\n                width,\n                height,\n                latitude: this.view.center.latitude,\n                longitude: this.view.center.longitude,\n                zoom: this.view.featuresTilingScheme.scaleToLevel(state.scale),\n                bearing: -state.rotation,\n                pitch: 0\n            });\n        }\n    });\n}\n", "/* eslint-disable no-invalid-this */\nimport { initializeResources, render, finalizeResources } from \"./commons.js\";\n/** Convert ArcGIS FOV to WebMercatorViewport altitude */\nfunction arcgisFOVToDeckAltitude(fov, aspectRatio) {\n    // ArcGIS fov is corner-to-corner\n    const D = Math.sqrt(1 + aspectRatio ** 2);\n    const halfFOV = (fov / 2 / 180) * Math.PI;\n    return D / 2 / Math.tan(halfFOV);\n}\nexport default function createDeckRenderer(DeckProps, externalRenderers) {\n    class DeckRenderer {\n        constructor(view, props) {\n            this.resources = null;\n            this.cancelInitialization = null;\n            this.view = view;\n            this.deck = new DeckProps(props);\n        }\n        async setup(context) {\n            const gl = context.gl;\n            let cancelled = false;\n            this.cancelInitialization = () => (cancelled = true);\n            const resources = await initializeResources.call(this, gl);\n            // If the renderer got disposed while awaiting, do not proceed\n            if (cancelled) {\n                finalizeResources(resources);\n                return;\n            }\n            this.deck.on('change', props => resources.deck.setProps(props));\n            resources.deck.setProps(this.deck.toJSON());\n            this.resources = resources;\n        }\n        dispose() {\n            this.cancelInitialization?.();\n            if (this.resources) {\n                finalizeResources(this.resources);\n            }\n        }\n        redraw() {\n            externalRenderers.requestRender(this.view);\n        }\n        render() {\n            const [width, height] = this.view.size;\n            render(this.resources, {\n                width,\n                height,\n                latitude: this.view.center.latitude,\n                longitude: this.view.center.longitude,\n                altitude: arcgisFOVToDeckAltitude(this.view.camera.fov, width / height),\n                zoom: this.view.zoom,\n                bearing: this.view.camera.heading,\n                pitch: this.view.camera.tilt\n            });\n        }\n    }\n    return DeckRenderer;\n}\n", "import createDeckProps from \"./deck-props.js\";\nimport createDeckLayer from \"./deck-layer.js\";\nimport createDeckLayerView2D from \"./deck-layer-view-2d.js\";\nimport createDeckRenderer from \"./deck-renderer.js\";\nimport { loadModules as esriLoaderLoadModules } from 'esri-loader';\nlet arcGIS;\nexport async function loadArcGISModules(modules, loadScriptOptions) {\n    const namespace = Array.isArray(modules) ? null : modules;\n    await loadArcGISModule(namespace, loadScriptOptions);\n    if (Array.isArray(modules)) {\n        return esriLoaderLoadModules(modules, loadScriptOptions).then(array => {\n            return { ...arcGIS, modules: array };\n        });\n    }\n    return arcGIS;\n}\nasync function loadArcGISModule(esri, loadScriptOptions) {\n    if (arcGIS) {\n        // Already loaded\n        return arcGIS;\n    }\n    if (esri) {\n        // Using user-provided dependencies\n        // Right now this object has to be manually assembled - let @arcgis/webpack-plugin handle this?\n        const Layer = esri.layers.Layer;\n        const Accessor = esri.core.Accessor;\n        const BaseLayerViewGL2D = esri.views['2d'].layers.BaseLayerViewGL2D;\n        const externalRenderers = esri.views['3d'].externalRenderers;\n        return initialize(Layer, Accessor, BaseLayerViewGL2D, externalRenderers);\n    }\n    const [Layer, Accessor, BaseLayerViewGL2D, externalRenderers] = await esriLoaderLoadModules([\n        'esri/layers/Layer',\n        'esri/core/Accessor',\n        'esri/views/2d/layers/BaseLayerViewGL2D',\n        'esri/views/3d/externalRenderers'\n    ], loadScriptOptions);\n    return initialize(Layer, Accessor, BaseLayerViewGL2D, externalRenderers);\n}\nfunction initialize(Layer, Accessor, BaseLayerViewGL2D, externalRenderers) {\n    const DeckProps = createDeckProps(Accessor);\n    const DeckLayerView2D = createDeckLayerView2D(BaseLayerViewGL2D);\n    const DeckLayer = createDeckLayer(DeckProps, Layer, DeckLayerView2D);\n    const DeckRenderer = createDeckRenderer(DeckProps, externalRenderers);\n    arcGIS = { DeckLayer, DeckRenderer };\n    return arcGIS;\n}\n"],
+  "mappings": "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",
+  "names": ["Accessor", "DeckProps", "DeckProps", "Layer", "DeckLayerView2D", "BaseLayerViewGL2D", "DeckProps", "externalRenderers", "DeckRenderer", "esriLoaderLoadModules", "Layer", "Accessor", "BaseLayerViewGL2D", "externalRenderers", "DeckProps", "DeckLayerView2D", "DeckLayer", "DeckRenderer", "Accessor", "BaseLayerViewGL2D", "Layer"]
+}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export { loadArcGISModules } from "./load-modules.js";
+export declare const DeckLayer: any;
+export declare const DeckRenderer: {
+    new (view: __esri.SceneView, props: import("@deck.gl/core").DeckProps): {
+        view: __esri.SceneView;
+        deck: any;
+        resources: import("./commons").RenderResources | null;
+        cancelInitialization: (() => void) | null;
+        setup(context: any): Promise<void>;
+        dispose(): void;
+        redraw(): void;
+        render(): void;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAWA,OAAO,EAAC,iBAAiB,EAAC,0BAAuB;AAKjD,eAAO,MAAM,SAAS,KAAqD,CAAC;AAC5E,eAAO,MAAM,YAAY;;;;;;;;;;;CAAmD,CAAC"}

package/dist/{esm/index.js → index.js}

@@ -1,14 +1,15 @@
-import createDeckProps from './deck-props';
-import createDeckLayer from './deck-layer';
-import createDeckLayerView2D from './deck-layer-view-2d';
-import createDeckRenderer from './deck-renderer';
+import createDeckProps from "./deck-props.js";
+import createDeckLayer from "./deck-layer.js";
+import createDeckLayerView2D from "./deck-layer-view-2d.js";
+import createDeckRenderer from "./deck-renderer.js";
 import Accessor from '@arcgis/core/core/Accessor';
 import Layer from '@arcgis/core/layers/Layer';
 import BaseLayerViewGL2D from '@arcgis/core/views/2d/layers/BaseLayerViewGL2D';
 import * as externalRenderers from '@arcgis/core/views/3d/externalRenderers';
-export { loadArcGISModules } from './load-modules';
+// require-style loader
+export { loadArcGISModules } from "./load-modules.js";
+// ESM-style classes
 const DeckProps = createDeckProps(Accessor);
 const DeckLayerView2D = createDeckLayerView2D(BaseLayerViewGL2D);
 export const DeckLayer = createDeckLayer(DeckProps, Layer, DeckLayerView2D);
 export const DeckRenderer = createDeckRenderer(DeckProps, externalRenderers);
-//# sourceMappingURL=index.js.map

package/dist/load-modules.d.ts

@@ -0,0 +1,9 @@
+import { ILoadScriptOptions } from 'esri-loader';
+type LoadedModules = {
+    DeckLayer: any;
+    DeckRenderer: any;
+    modules?: unknown[];
+};
+export declare function loadArcGISModules(modules: string[], loadScriptOptions: ILoadScriptOptions): Promise<LoadedModules>;
+export {};
+//# sourceMappingURL=load-modules.d.ts.map

package/dist/load-modules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-modules.d.ts","sourceRoot":"","sources":["../src/load-modules.ts"],"names":[],"mappings":"AAIA,OAAO,EAAuC,kBAAkB,EAAC,MAAM,aAAa,CAAC;AAErF,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CACrB,CAAC;AAIF,wBAAsB,iBAAiB,CACrC,OAAO,EAAE,MAAM,EAAE,EACjB,iBAAiB,EAAE,kBAAkB,GACpC,OAAO,CAAC,aAAa,CAAC,CAUxB"}

package/dist/load-modules.js

@@ -0,0 +1,46 @@
+import createDeckProps from "./deck-props.js";
+import createDeckLayer from "./deck-layer.js";
+import createDeckLayerView2D from "./deck-layer-view-2d.js";
+import createDeckRenderer from "./deck-renderer.js";
+import { loadModules as esriLoaderLoadModules } from 'esri-loader';
+let arcGIS;
+export async function loadArcGISModules(modules, loadScriptOptions) {
+    const namespace = Array.isArray(modules) ? null : modules;
+    await loadArcGISModule(namespace, loadScriptOptions);
+    if (Array.isArray(modules)) {
+        return esriLoaderLoadModules(modules, loadScriptOptions).then(array => {
+            return { ...arcGIS, modules: array };
+        });
+    }
+    return arcGIS;
+}
+async function loadArcGISModule(esri, loadScriptOptions) {
+    if (arcGIS) {
+        // Already loaded
+        return arcGIS;
+    }
+    if (esri) {
+        // Using user-provided dependencies
+        // Right now this object has to be manually assembled - let @arcgis/webpack-plugin handle this?
+        const Layer = esri.layers.Layer;
+        const Accessor = esri.core.Accessor;
+        const BaseLayerViewGL2D = esri.views['2d'].layers.BaseLayerViewGL2D;
+        const externalRenderers = esri.views['3d'].externalRenderers;
+        return initialize(Layer, Accessor, BaseLayerViewGL2D, externalRenderers);
+    }
+    const [Layer, Accessor, BaseLayerViewGL2D, externalRenderers] = await esriLoaderLoadModules([
+        'esri/layers/Layer',
+        'esri/core/Accessor',
+        'esri/views/2d/layers/BaseLayerViewGL2D',
+        'esri/views/3d/externalRenderers'
+    ], loadScriptOptions);
+    return initialize(Layer, Accessor, BaseLayerViewGL2D, externalRenderers);
+}
+function initialize(Layer, Accessor, BaseLayerViewGL2D, externalRenderers) {
+    const DeckProps = createDeckProps(Accessor);
+    const DeckLayerView2D = createDeckLayerView2D(BaseLayerViewGL2D);
+    const DeckLayer = createDeckLayer(DeckProps, Layer, DeckLayerView2D);
+    const DeckRenderer = createDeckRenderer(DeckProps, externalRenderers);
+    arcGIS = { DeckLayer, DeckRenderer };
+    return arcGIS;
+}