refactor(hdom-components): remove adaptDPI()

BREAKING CHANGE: re-use adaptDPI() from new @thi.ng/adapt-dpi pkg

- update deps

packages/hdom-components/package.json

@@ -43,6 +43,7 @@
         "typescript": "^3.9.2"
     },
     "dependencies": {
+        "@thi.ng/adapt-dpi": "^0.0.1",
         "@thi.ng/api": "^6.11.0",
         "@thi.ng/checks": "^2.7.0",
         "@thi.ng/math": "^1.7.10",

packages/hdom-components/src/canvas.ts

@@ -1,3 +1,5 @@
+import { adaptDPI } from "@thi.ng/adapt-dpi";
+
 export type CanvasContext =
     | CanvasRenderingContext2D
     | WebGLRenderingContext
@@ -81,7 +83,7 @@ const _canvas = (
         },
         release(hctx: any, ...args: any[]) {
             handlers.release && handlers.release(el, ctx, hctx, ...args);
-        }
+        },
     };
 };
 
@@ -136,27 +138,3 @@ export const canvas2D = (
     handlers: Partial<CanvasHandlers<CanvasRenderingContext2D>>,
     opts?: Canvas2DContextAttributes
 ) => _canvas("2d", handlers, opts);
-
-/**
- * Sets the canvas size to given `width` & `height` and adjusts style to
- * compensate for HDPI devices. Note: For 2D canvases, this will
- * automatically clear any prior canvas content.
- *
- * @param canvas -
- * @param width - uncompensated pixel width
- * @param height - uncompensated pixel height
- */
-export const adaptDPI = (
-    canvas: HTMLCanvasElement,
-    width: number,
-    height: number
-) => {
-    const dpr = window.devicePixelRatio || 1;
-    if (dpr != 1) {
-        canvas.style.width = `${width}px`;
-        canvas.style.height = `${height}px`;
-    }
-    canvas.width = width * dpr;
-    canvas.height = height * dpr;
-    return dpr;
-};