@canvas-harness/core 0.1.3 → 0.1.4

package/dist/index.cjs

@@ -857,23 +857,12 @@ var darkenHex = (hex) => {
 
 // src/render/shapes/path-helpers.ts
 var buildRectPath = (ctx, w, h, radius) => {
+  ctx.beginPath();
   if (radius <= 0) {
-    ctx.beginPath();
     ctx.rect(0, 0, w, h);
     return;
   }
-  const r = Math.min(radius, w / 2, h / 2);
-  ctx.beginPath();
-  ctx.moveTo(r, 0);
-  ctx.lineTo(w - r, 0);
-  ctx.quadraticCurveTo(w, 0, w, r);
-  ctx.lineTo(w, h - r);
-  ctx.quadraticCurveTo(w, h, w - r, h);
-  ctx.lineTo(r, h);
-  ctx.quadraticCurveTo(0, h, 0, h - r);
-  ctx.lineTo(0, r);
-  ctx.quadraticCurveTo(0, 0, r, 0);
-  ctx.closePath();
+  ctx.roundRect(0, 0, w, h, radius);
 };
 var buildEllipsePath = (ctx, w, h) => {
   const rx = w / 2;
@@ -4255,13 +4244,21 @@ var storeToJSON = (store) => ({
 });
 
 // src/render/canvas-setup.ts
-var MAX_DPR = 3;
-var getDpr = () => {
+var HARD_MAX_DPR = 3;
+var defaultMaxDprForSize = (cssW, cssH) => {
+  const cssPx = cssW * cssH;
+  if (cssPx >= 25e5) return 1;
+  if (cssPx >= 15e5) return 1.5;
+  return 2;
+};
+var getDpr = (maxDpr, cssW = 0, cssH = 0) => {
   if (typeof window === "undefined") return 1;
   const raw = window.devicePixelRatio || 1;
-  return Math.max(1, Math.min(MAX_DPR, raw));
+  const resolvedMax = maxDpr === void 0 && cssW > 0 && cssH > 0 ? defaultMaxDprForSize(cssW, cssH) : maxDpr ?? 1;
+  const cap = Math.max(1, Math.min(HARD_MAX_DPR, resolvedMax));
+  return Math.max(1, Math.min(cap, raw));
 };
-var setupSurface = (canvas) => {
+var setupSurface = (canvas, _maxDpr) => {
   const ctx = canvas.getContext("2d");
   if (!ctx) throw new Error("Canvas 2d context unavailable");
   return {
@@ -4269,11 +4266,12 @@ var setupSurface = (canvas) => {
     ctx,
     cssWidth: 0,
     cssHeight: 0,
-    dpr: getDpr()
+    dpr: 1
+    // placeholder; `sizeSurface` writes the real value
   };
 };
-var sizeSurface = (surface, cssW, cssH) => {
-  const dpr = getDpr();
+var sizeSurface = (surface, cssW, cssH, maxDpr) => {
+  const dpr = getDpr(maxDpr, cssW, cssH);
   if (surface.cssWidth === cssW && surface.cssHeight === cssH && surface.dpr === dpr) {
     return false;
   }
@@ -4893,13 +4891,14 @@ var MIN_ON_SCREEN_SIZE_PX = 1.5;
 var MIN_READABLE_FONT_PX = 3;
 var createRenderer = (opts) => {
   const { store, theme, onOverlayChange } = opts;
+  const maxDpr = opts.maxDpr;
   const staticSurface = setupSurface(opts.staticCanvas);
   const interactiveSurface = setupSurface(opts.interactiveCanvas);
   let background = opts.background;
   let selectionColor = opts.selectionColor ?? DEFAULT_SELECTION_COLOR;
   let hideFrames = false;
-  sizeSurface(staticSurface, opts.width, opts.height);
-  sizeSurface(interactiveSurface, opts.width, opts.height);
+  sizeSurface(staticSurface, opts.width, opts.height, maxDpr);
+  sizeSurface(interactiveSurface, opts.width, opts.height, maxDpr);
   let staticDirty = true;
   let interactiveDirty = false;
   let overlaySet = /* @__PURE__ */ new Set();
@@ -5390,8 +5389,8 @@ var createRenderer = (opts) => {
       loop.requestFrame();
     },
     setSize(cssW, cssH) {
-      const a = sizeSurface(staticSurface, cssW, cssH);
-      const b = sizeSurface(interactiveSurface, cssW, cssH);
+      const a = sizeSurface(staticSurface, cssW, cssH, maxDpr);
+      const b = sizeSurface(interactiveSurface, cssW, cssH, maxDpr);
       if (a || b) {
         staticDirty = true;
         interactiveDirty = true;