@edv4h/usketch-plugin-bg-grid 2.2.0 → 2.4.0

package/dist/export-background.d.ts

@@ -0,0 +1,12 @@
+import type { LayerExportBackgroundContext } from "@edv4h/usketch-shared";
+import type { ReactElement } from "react";
+export declare const GRID_SIZE = 20;
+export declare const GRID_COLOR = "#e0e0e0";
+export declare const GRID_OPACITY = 0.5;
+/**
+ * The grid for a region export, in board coordinates. Spacing is GRID_SIZE board
+ * units (zoom-independent, as on screen); only the line width depends on `zoom` —
+ * the screen draws a 1px line, i.e. `1 / zoom` board units.
+ */
+export declare function renderGridExportBackground({ rect, zoom, idPrefix, }: LayerExportBackgroundContext): ReactElement;
+//# sourceMappingURL=export-background.d.ts.map

package/dist/export-background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-background.d.ts","sourceRoot":"","sources":["../src/export-background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,SAAS,KAAK,CAAC;AAC5B,eAAO,MAAM,UAAU,YAAY,CAAC;AACpC,eAAO,MAAM,YAAY,MAAM,CAAC;AAEhC;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,EAC1C,IAAI,EACJ,IAAI,EACJ,QAAQ,GACR,EAAE,4BAA4B,GAAG,YAAY,CA0B7C"}

package/dist/export-background.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const GRID_SIZE = 20;
+export const GRID_COLOR = "#e0e0e0";
+export const GRID_OPACITY = 0.5;
+/**
+ * The grid for a region export, in board coordinates. Spacing is GRID_SIZE board
+ * units (zoom-independent, as on screen); only the line width depends on `zoom` —
+ * the screen draws a 1px line, i.e. `1 / zoom` board units.
+ */
+export function renderGridExportBackground({ rect, zoom, idPrefix, }) {
+    const id = `${idPrefix}-pattern`;
+    const strokeWidth = zoom > 0 ? 1 / zoom : 1;
+    return (_jsxs("g", { children: [_jsx("defs", { children: _jsx("pattern", { id: id, x: 0, y: 0, width: GRID_SIZE, height: GRID_SIZE, patternUnits: "userSpaceOnUse", children: _jsx("path", { d: `M ${GRID_SIZE} 0 L 0 0 0 ${GRID_SIZE}`, fill: "none", stroke: GRID_COLOR, strokeWidth: strokeWidth, opacity: GRID_OPACITY }) }) }), _jsx("rect", { x: rect.x, y: rect.y, width: rect.width, height: rect.height, fill: `url(#${id})` })] }));
+}
+//# sourceMappingURL=export-background.js.map

package/dist/export-background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-background.js","sourceRoot":"","sources":["../src/export-background.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,CAAC;AAC5B,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC;AAEhC;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAAC,EAC1C,IAAI,EACJ,IAAI,EACJ,QAAQ,GACsB;IAC9B,MAAM,EAAE,GAAG,GAAG,QAAQ,UAAU,CAAC;IACjC,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,OAAO,CACN,wBACC,yBACC,kBACC,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,YAAY,EAAC,gBAAgB,YAE7B,eACC,CAAC,EAAE,KAAK,SAAS,cAAc,SAAS,EAAE,EAC1C,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,GACpB,GACO,GACJ,EACP,eAAM,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,GAAI,IACxF,CACJ,CAAC;AACH,CAAC"}

package/dist/grid-frame.d.ts

@@ -0,0 +1,19 @@
+import type { Viewport } from "@edv4h/usketch-shared";
+export interface RotatedGridFrame {
+    /** Square box position/size in the layer's (screen) coordinates. */
+    left: number;
+    top: number;
+    side: number;
+    /** CSS rotation for the square (about its own center = the screen center). */
+    rotation: number;
+    /** Pattern phase inside the square, in [0, size). */
+    offsetX: number;
+    offsetY: number;
+}
+/**
+ * Where to put the rotated grid square for a `width × height` screen (plus `pad`
+ * overscan on every side) and a grid cell of `size` screen px. `null` until the
+ * screen has been measured.
+ */
+export declare function rotatedGridFrame(viewport: Viewport, width: number, height: number, pad: number, size: number): RotatedGridFrame | null;
+//# sourceMappingURL=grid-frame.d.ts.map

package/dist/grid-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-frame.d.ts","sourceRoot":"","sources":["../src/grid-frame.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,MAAM,WAAW,gBAAgB;IAChC,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CAChB;AAID;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC/B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,GACV,gBAAgB,GAAG,IAAI,CAuBzB"}

package/dist/grid-frame.js

@@ -0,0 +1,33 @@
+import { viewportRotation } from "@edv4h/usketch-shared";
+const mod = (a, n) => ((a % n) + n) % n;
+/**
+ * Where to put the rotated grid square for a `width × height` screen (plus `pad`
+ * overscan on every side) and a grid cell of `size` screen px. `null` until the
+ * screen has been measured.
+ */
+export function rotatedGridFrame(viewport, width, height, pad, size) {
+    if (width <= 0 || height <= 0 || size <= 0)
+        return null;
+    const deg = viewportRotation(viewport);
+    const rad = (deg * Math.PI) / 180;
+    const cos = Math.cos(rad);
+    const sin = Math.sin(rad);
+    const cx = width / 2;
+    const cy = height / 2;
+    const side = Math.ceil(Math.hypot(width + 2 * pad, height + 2 * pad)) + 2;
+    // t' = c + R⁻¹(t − c)
+    const dx = viewport.x - cx;
+    const dy = viewport.y - cy;
+    const tx = cx + dx * cos + dy * sin;
+    const ty = cy - dx * sin + dy * cos;
+    // The square's local origin is at c − side/2 (in the unrotated frame).
+    return {
+        left: cx - side / 2,
+        top: cy - side / 2,
+        side,
+        rotation: deg,
+        offsetX: mod(tx - cx + side / 2, size),
+        offsetY: mod(ty - cy + side / 2, size),
+    };
+}
+//# sourceMappingURL=grid-frame.js.map

package/dist/grid-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-frame.js","sourceRoot":"","sources":["../src/grid-frame.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAczD,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAExD;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAC/B,QAAkB,EAClB,KAAa,EACb,MAAc,EACd,GAAW,EACX,IAAY;IAEZ,IAAI,KAAK,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACxD,MAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;IAClC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC,CAAC;IACrB,MAAM,EAAE,GAAG,MAAM,GAAG,CAAC,CAAC;IACtB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1E,sBAAsB;IACtB,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;IAC3B,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;IAC3B,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC;IACpC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,CAAC;IACpC,uEAAuE;IACvE,OAAO;QACN,IAAI,EAAE,EAAE,GAAG,IAAI,GAAG,CAAC;QACnB,GAAG,EAAE,EAAE,GAAG,IAAI,GAAG,CAAC;QAClB,IAAI;QACJ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC;QACtC,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC;KACtC,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export declare const PLUGIN_NAME: "usketch-plugin-bg-grid";
+export { renderGridExportBackground } from "./export-background.js";
 export { createGridBgPlugin } from "./plugin.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,EAAG,wBAAiC,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,EAAG,wBAAiC,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
 export const PLUGIN_NAME = "usketch-plugin-bg-grid";
+export { renderGridExportBackground } from "./export-background.js";
 export { createGridBgPlugin } from "./plugin.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,wBAAiC,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,wBAAiC,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqC,aAAa,EAAE,MAAM,uBAAuB,CAAC;AA2F9F,wBAAgB,kBAAkB,IAAI,aAAa,CAuDlD"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqC,aAAa,EAAE,MAAM,uBAAuB,CAAC;AA2K9F,wBAAgB,kBAAkB,IAAI,aAAa,CAyDlD"}

package/dist/plugin.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useSyncExternalStore } from "react";
-const GRID_SIZE = 20;
-const GRID_COLOR = "#e0e0e0";
-const GRID_OPACITY = 0.5;
+import { viewportRotation } from "@edv4h/usketch-shared";
+import { useId, useLayoutEffect, useRef, useState, useSyncExternalStore, } from "react";
+import { GRID_COLOR, GRID_OPACITY, GRID_SIZE, renderGridExportBackground, } from "./export-background.js";
+import { rotatedGridFrame } from "./grid-frame.js";
 // ── Shared visibility + overscan state ──
 let visible = true;
 // How far BEYOND the viewport box (in CSS px, all sides) to render the grid. Normally
@@ -37,20 +37,65 @@ function getOverscan() {
     return overscan;
 }
 // ── React component ──
+/** Track an element's size (needed only to rotate the grid about the screen center). */
+function useBoxSize(ref) {
+    const [size, setSize] = useState({ width: 0, height: 0 });
+    useLayoutEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const measure = () => {
+            const r = el.getBoundingClientRect();
+            setSize((s) => s.width === r.width && s.height === r.height ? s : { width: r.width, height: r.height });
+        };
+        measure();
+        if (typeof ResizeObserver === "undefined")
+            return;
+        const ro = new ResizeObserver(measure);
+        ro.observe(el);
+        return () => ro.disconnect();
+    }, [ref]);
+    return size;
+}
 function GridBackground({ viewport }) {
     const show = useSyncExternalStore(subscribe, getVisible);
     const pad = useSyncExternalStore(subscribe, getOverscan);
     const patternId = useId();
+    // A stable, viewport-sized box: measured for the rotated case, and the positioning
+    // parent of whichever grid box is drawn.
+    const boxRef = useRef(null);
+    const box = useBoxSize(boxRef);
     if (!show)
         return null;
     const size = GRID_SIZE * viewport.zoom;
-    // The grid box is inset by `-pad` on every side (extends past the viewport). Its
-    // user-space origin therefore sits at box(-pad,-pad), so a world-0 line that is at
-    // box `viewport.x` is at grid-space `viewport.x + pad`; keep the pattern phase on
-    // world multiples by shifting the offset accordingly (mod size). `pad = 0` → current.
-    const offsetX = (viewport.x + pad) % size;
-    const offsetY = (viewport.y + pad) % size;
-    return (_jsx("div", { style: { position: "absolute", inset: -pad, pointerEvents: "none" }, children: _jsxs("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsx("pattern", { id: patternId, x: offsetX, y: offsetY, width: size, height: size, patternUnits: "userSpaceOnUse", children: _jsx("path", { d: `M ${size} 0 L 0 0 0 ${size}`, fill: "none", stroke: GRID_COLOR, strokeWidth: 1, opacity: GRID_OPACITY }) }) }), _jsx("rect", { width: "100%", height: "100%", fill: `url(#${patternId})` })] }) }));
+    let grid;
+    if (viewportRotation(viewport) !== 0) {
+        // Camera rotation: a diagonal-sized square turned about the screen center,
+        // phased so its lines land on world multiples (see rotatedGridFrame).
+        const f = rotatedGridFrame(viewport, box.width, box.height, pad, size);
+        grid = f && (_jsx("div", { style: {
+                position: "absolute",
+                left: f.left,
+                top: f.top,
+                width: f.side,
+                height: f.side,
+                transform: `rotate(${f.rotation}deg)`,
+                transformOrigin: "50% 50%",
+            }, children: _jsx(GridPattern, { id: patternId, size: size, offsetX: f.offsetX, offsetY: f.offsetY }) }));
+    }
+    else {
+        // The grid box is inset by `-pad` on every side (extends past the viewport). Its
+        // user-space origin therefore sits at box(-pad,-pad), so a world-0 line that is at
+        // box `viewport.x` is at grid-space `viewport.x + pad`; keep the pattern phase on
+        // world multiples by shifting the offset accordingly (mod size). `pad = 0` → current.
+        const offsetX = (viewport.x + pad) % size;
+        const offsetY = (viewport.y + pad) % size;
+        grid = (_jsx("div", { style: { position: "absolute", inset: -pad }, children: _jsx(GridPattern, { id: patternId, size: size, offsetX: offsetX, offsetY: offsetY }) }));
+    }
+    return (_jsx("div", { ref: boxRef, style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: grid }));
+}
+function GridPattern({ id, size, offsetX, offsetY, }) {
+    return (_jsxs("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("defs", { children: _jsx("pattern", { id: id, x: offsetX, y: offsetY, width: size, height: size, patternUnits: "userSpaceOnUse", children: _jsx("path", { d: `M ${size} 0 L 0 0 0 ${size}`, fill: "none", stroke: GRID_COLOR, strokeWidth: 1, opacity: GRID_OPACITY }) }) }), _jsx("rect", { width: "100%", height: "100%", fill: `url(#${id})` })] }));
 }
 // ── Plugin ──
 export function createGridBgPlugin() {
@@ -66,6 +111,7 @@ export function createGridBgPlugin() {
                 order: 10,
                 fixed: true,
                 render: (renderCtx) => _jsx(GridBackground, { viewport: renderCtx.viewport }),
+                renderExportBackground: (exportCtx) => visible ? renderGridExportBackground(exportCtx) : null,
             });
             const off = ctx.events.on("bg:set", ({ type }) => {
                 setVisible(type === "grid");

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edv4h/usketch-plugin-bg-grid",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -12,8 +12,8 @@
     }
   },
   "dependencies": {
-    "@edv4h/usketch-core": "2.4.3",
-    "@edv4h/usketch-shared": "4.13.0"
+    "@edv4h/usketch-core": "2.4.5",
+    "@edv4h/usketch-shared": "4.15.0"
   },
   "peerDependencies": {
     "react": ">=19"
@@ -21,7 +21,7 @@
   "devDependencies": {
     "@types/react": "19.2.18",
     "typescript": "7.0.2",
-    "vitest": "4.1.11"
+    "vitest": "5.0.3"
   },
   "publishConfig": {
     "access": "public"