@cardenelabs/cdl 0.41.0 → 0.42.0

package/dist/react.js

@@ -4521,7 +4521,6 @@ function emptyCounts() {
     "print-media-compat": 0,
     "color-blind-safety": 0,
     "marker-gradient-def-integrity": 0,
-    "subpixel-precision": 0,
     "dom-complexity-budget": 0,
     "reduced-motion-compat": 0,
     "touch-target-size": 0,
@@ -5879,7 +5878,10 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes) {
     } catch {
     }
   }
-  const RESPONSIVE_MAX_ASPECT = 6;
+  const RESPONSIVE_REF_CONTAINER_PX = 1100;
+  const RESPONSIVE_MIN_ON_SCREEN_FONT_PX = 12;
+  const RESPONSIVE_BASE_FONT_WORLD = 22;
+  const RESPONSIVE_MAX_VIEWBOX_W = RESPONSIVE_BASE_FONT_WORLD * RESPONSIVE_REF_CONTAINER_PX / RESPONSIVE_MIN_ON_SCREEN_FONT_PX;
   const vbResp = laid.viewBox;
   if (!(vbResp.w > 0) || !(vbResp.h > 0) || !Number.isFinite(vbResp.w) || !Number.isFinite(vbResp.h)) {
     push(
@@ -5887,15 +5889,13 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes) {
       `viewBox \u5BF8\u6CD5 ${vbResp.w}\xD7${vbResp.h} \u304C\u63CF\u753B\u4E0D\u80FD (\u6B63\u306E\u6709\u9650\u5024\u3067\u3042\u308B\u5FC5\u8981\u304C\u3042\u308B)`,
       "warn"
     );
-  } else {
-    const worstAspect = Math.max(vbResp.w / vbResp.h, vbResp.h / vbResp.w);
-    if (worstAspect > RESPONSIVE_MAX_ASPECT) {
-      push(
-        "responsive-viewport",
-        `viewBox aspect ${worstAspect.toFixed(1)}:1 \u304C RESPONSIVE_MAX_ASPECT ${RESPONSIVE_MAX_ASPECT}:1 \u8D85\u3048`,
-        "warn"
-      );
-    }
+  } else if (vbResp.w > RESPONSIVE_MAX_VIEWBOX_W) {
+    const \u753B\u9762\u4E0A\u306E\u5B57 = RESPONSIVE_BASE_FONT_WORLD * RESPONSIVE_REF_CONTAINER_PX / vbResp.w;
+    push(
+      "responsive-viewport",
+      `viewBox width ${vbResp.w} \u304C\u4E0A\u9650 ${RESPONSIVE_MAX_VIEWBOX_W.toFixed(0)} \u8D85\u3048 (\u89AA\u5E45 ${RESPONSIVE_REF_CONTAINER_PX}px \u3067\u7BB1\u306E\u984C\u304C ${\u753B\u9762\u4E0A\u306E\u5B57.toFixed(1)}px\u3001 \u4E0B\u9650 ${RESPONSIVE_MIN_ON_SCREEN_FONT_PX}px)`,
+      "warn"
+    );
   }
   if (!(diag.topic?.trim() ?? "")) {
     push(
@@ -6067,39 +6067,6 @@ function runAxes(laid, diag, violations, counts, push, profile, skippedAxes) {
       );
     }
   }
-  const SUBPIXEL_TOL = 0.5;
-  function isSubpixel(v) {
-    const nearestHalf = Math.round(v * 2) / 2;
-    return Math.abs(v - nearestHalf) > SUBPIXEL_TOL / 10;
-  }
-  for (const n of laid.nodes) {
-    if (n.id.endsWith("-spacer") || /^s\d+-/.test(n.id)) continue;
-    if (isSubpixel(n.cx) || isSubpixel(n.cy)) {
-      push(
-        "subpixel-precision",
-        `node "${n.id}" \u5EA7\u6A19 (${n.cx.toFixed(2)}, ${n.cy.toFixed(2)}) \u304C\u975E\u6574\u6570\u3001 subpixel blur \u30EA\u30B9\u30AF`,
-        "warn"
-      );
-    }
-  }
-  for (const e of laid.edges) {
-    if (isSubpixel(e.labelX) || isSubpixel(e.labelY)) {
-      push(
-        "subpixel-precision",
-        `edge "${e.id}" label \u5EA7\u6A19 (${e.labelX.toFixed(2)}, ${e.labelY.toFixed(2)}) \u304C\u975E\u6574\u6570\u3001 subpixel blur \u30EA\u30B9\u30AF`,
-        "warn"
-      );
-    }
-  }
-  for (const l of laid.lanes) {
-    if (isSubpixel(l.x) || isSubpixel(l.y)) {
-      push(
-        "subpixel-precision",
-        `lane "${l.id}" \u5EA7\u6A19 (${l.x.toFixed(2)}, ${l.y.toFixed(2)}) \u304C\u975E\u6574\u6570\u3001 subpixel blur \u30EA\u30B9\u30AF`,
-        "warn"
-      );
-    }
-  }
   const DOM_COMPLEXITY_BUDGET = 400;
   const totalElements = laid.nodes.length + laid.edges.length + laid.lanes.length + diag.phases.length;
   if (totalElements > DOM_COMPLEXITY_BUDGET) {