@deck.gl/core 9.2.2 → 9.2.4

package/dist/dist.dev.js

@@ -36260,9 +36260,10 @@ void main() {
     onRenderHTML(rootElement) {
     }
     onViewportChange(viewport) {
-      if (this.isVisible && viewport.id === this.lastViewport?.id && viewport !== this.lastViewport) {
+      if (this.isVisible && viewport.id === this.lastViewport?.id && !viewport.equals(this.lastViewport)) {
         this.setTooltip(null);
       }
+      this.lastViewport = viewport;
     }
     onHover(info) {
       const { deck } = this;
@@ -36271,7 +36272,6 @@ void main() {
         return;
       }
       const displayInfo = getTooltip(info);
-      this.lastViewport = info.viewport;
       this.setTooltip(displayInfo, info.x, info.y);
     }
     setTooltip(displayInfo, x2, y2) {
@@ -36501,7 +36501,17 @@ void main() {
         if (props.gl instanceof WebGLRenderingContext) {
           log_default.error("WebGL1 context not supported.")();
         }
-        deviceOrPromise = webgl2Adapter.attach(props.gl, this.props.deviceProps);
+        const userOnResize = this.props.deviceProps?.onResize;
+        deviceOrPromise = webgl2Adapter.attach(props.gl, {
+          ...this.props.deviceProps,
+          onResize: (canvasContext, info) => {
+            const { width, height } = canvasContext.canvas;
+            canvasContext.drawingBufferWidth = width;
+            canvasContext.drawingBufferHeight = height;
+            this._needsRedraw = "Canvas resized";
+            userOnResize?.(canvasContext, info);
+          }
+        });
       }
       if (!deviceOrPromise) {
         deviceOrPromise = this._createDevice(props);
@@ -36572,18 +36582,8 @@ void main() {
         this.animationLoop.start();
       }
       this.animationLoop?.setProps(resolvedProps);
-      if (props.useDevicePixels !== void 0 && this.device?.canvasContext?.canvas instanceof HTMLCanvasElement) {
-        this.device.canvasContext.props.useDevicePixels = props.useDevicePixels;
-        const canvas2 = this.device.canvasContext.canvas;
-        const entry = {
-          target: canvas2,
-          contentBoxSize: [{ inlineSize: canvas2.clientWidth, blockSize: canvas2.clientHeight }],
-          devicePixelContentBoxSize: [
-            { inlineSize: canvas2.clientWidth, blockSize: canvas2.clientHeight }
-          ],
-          borderBoxSize: [{ inlineSize: canvas2.clientWidth, blockSize: canvas2.clientHeight }]
-        };
-        this.device.canvasContext._handleResize([entry]);
+      if (props.useDevicePixels !== void 0 && this.device?.canvasContext) {
+        this.device.canvasContext.setProps({ useDevicePixels: props.useDevicePixels });
       }
       if (this.layerManager) {
         this.viewManager.setProps(resolvedProps);
@@ -36810,6 +36810,7 @@ void main() {
         // we must use 'premultiplied' canvas for webgpu to enable transparency and match shaders
         alphaMode: this.props.deviceProps?.type === "webgpu" ? "premultiplied" : void 0
       };
+      const userOnResize = this.props.deviceProps?.onResize;
       return luma.createDevice({
         // luma by default throws if a device is already attached
         // asynchronous device creation could happen after finalize() is called
@@ -36825,6 +36826,10 @@ void main() {
           canvas: this._createCanvas(props),
           useDevicePixels: this.props.useDevicePixels,
           autoResize: true
+        },
+        onResize: (canvasContext, info) => {
+          this._needsRedraw = "Canvas resized";
+          userOnResize?.(canvasContext, info);
         }
       });
     }

package/dist/index.cjs

@@ -232,7 +232,7 @@ var json_loader_default = {
 
 // dist/lib/init.js
 function checkVersion() {
-  const version = true ? "9.2.2" : globalThis.DECK_VERSION || "untranspiled source";
+  const version = true ? "9.2.4" : globalThis.DECK_VERSION || "untranspiled source";
   const existingVersion = globalThis.deck && globalThis.deck.VERSION;
   if (existingVersion && existingVersion !== version) {
     throw new Error(`deck.gl - multiple versions detected: ${existingVersion} vs ${version}`);
@@ -6684,9 +6684,10 @@ var TooltipWidget = class extends Widget {
   }
   onViewportChange(viewport) {
     var _a;
-    if (this.isVisible && viewport.id === ((_a = this.lastViewport) == null ? void 0 : _a.id) && viewport !== this.lastViewport) {
+    if (this.isVisible && viewport.id === ((_a = this.lastViewport) == null ? void 0 : _a.id) && !viewport.equals(this.lastViewport)) {
       this.setTooltip(null);
     }
+    this.lastViewport = viewport;
   }
   onHover(info) {
     const { deck } = this;
@@ -6695,7 +6696,6 @@ var TooltipWidget = class extends Widget {
       return;
     }
     const displayInfo = getTooltip(info);
-    this.lastViewport = info.viewport;
     this.setTooltip(displayInfo, info.x, info.y);
   }
   setTooltip(displayInfo, x, y) {
@@ -6794,6 +6794,7 @@ var defaultProps = {
 };
 var Deck = class {
   constructor(props) {
+    var _a;
     this.width = 0;
     this.height = 0;
     this.userData = {};
@@ -6887,8 +6888,8 @@ var Deck = class {
       }
     };
     this._onPointerDown = (event) => {
-      var _a;
-      if (((_a = this.device) == null ? void 0 : _a.type) === "webgpu") {
+      var _a2;
+      if (((_a2 = this.device) == null ? void 0 : _a2.type) === "webgpu") {
         return;
       }
       const pos = event.offsetCenter;
@@ -6913,7 +6914,17 @@ var Deck = class {
       if (props.gl instanceof WebGLRenderingContext) {
         log_default.error("WebGL1 context not supported.")();
       }
-      deviceOrPromise = import_webgl.webgl2Adapter.attach(props.gl, this.props.deviceProps);
+      const userOnResize = (_a = this.props.deviceProps) == null ? void 0 : _a.onResize;
+      deviceOrPromise = import_webgl.webgl2Adapter.attach(props.gl, {
+        ...this.props.deviceProps,
+        onResize: (canvasContext, info) => {
+          const { width, height } = canvasContext.canvas;
+          canvasContext.drawingBufferWidth = width;
+          canvasContext.drawingBufferHeight = height;
+          this._needsRedraw = "Canvas resized";
+          userOnResize == null ? void 0 : userOnResize(canvasContext, info);
+        }
+      });
     }
     if (!deviceOrPromise) {
       deviceOrPromise = this._createDevice(props);
@@ -6953,7 +6964,7 @@ var Deck = class {
   }
   /** Partially update props */
   setProps(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g;
     this.stats.get("setProps Time").timeStart();
     if ("onLayerHover" in props) {
       log_default.removed("onLayerHover", "onHover")();
@@ -6986,18 +6997,8 @@ var Deck = class {
       this.animationLoop.start();
     }
     (_f = this.animationLoop) == null ? void 0 : _f.setProps(resolvedProps);
-    if (props.useDevicePixels !== void 0 && ((_h = (_g = this.device) == null ? void 0 : _g.canvasContext) == null ? void 0 : _h.canvas) instanceof HTMLCanvasElement) {
-      this.device.canvasContext.props.useDevicePixels = props.useDevicePixels;
-      const canvas = this.device.canvasContext.canvas;
-      const entry = {
-        target: canvas,
-        contentBoxSize: [{ inlineSize: canvas.clientWidth, blockSize: canvas.clientHeight }],
-        devicePixelContentBoxSize: [
-          { inlineSize: canvas.clientWidth, blockSize: canvas.clientHeight }
-        ],
-        borderBoxSize: [{ inlineSize: canvas.clientWidth, blockSize: canvas.clientHeight }]
-      };
-      this.device.canvasContext._handleResize([entry]);
+    if (props.useDevicePixels !== void 0 && ((_g = this.device) == null ? void 0 : _g.canvasContext)) {
+      this.device.canvasContext.setProps({ useDevicePixels: props.useDevicePixels });
     }
     if (this.layerManager) {
       this.viewManager.setProps(resolvedProps);
@@ -7217,7 +7218,7 @@ var Deck = class {
   }
   // Create a device from the deviceProps, assigning required defaults
   _createDevice(props) {
-    var _a, _b;
+    var _a, _b, _c;
     const canvasContextUserProps = (_a = this.props.deviceProps) == null ? void 0 : _a.createCanvasContext;
     const canvasContextProps = typeof canvasContextUserProps === "object" ? canvasContextUserProps : void 0;
     const deviceProps = { adapters: [], ...props.deviceProps };
@@ -7228,6 +7229,7 @@ var Deck = class {
       // we must use 'premultiplied' canvas for webgpu to enable transparency and match shaders
       alphaMode: ((_b = this.props.deviceProps) == null ? void 0 : _b.type) === "webgpu" ? "premultiplied" : void 0
     };
+    const userOnResize = (_c = this.props.deviceProps) == null ? void 0 : _c.onResize;
     return import_core14.luma.createDevice({
       // luma by default throws if a device is already attached
       // asynchronous device creation could happen after finalize() is called
@@ -7243,6 +7245,10 @@ var Deck = class {
         canvas: this._createCanvas(props),
         useDevicePixels: this.props.useDevicePixels,
         autoResize: true
+      },
+      onResize: (canvasContext, info) => {
+        this._needsRedraw = "Canvas resized";
+        userOnResize == null ? void 0 : userOnResize(canvasContext, info);
       }
     });
   }