@wasao/kagemusha 0.2.0 → 0.3.4

package/dist/editor/inject-script/crop.js

@@ -0,0 +1,236 @@
+// Crop mode — defines the capture region (= what kagemusha actually
+// screenshots). User drags to create a rectangle, with 8 handles (corners +
+// edges) for resize and a body region for move. Coordinates live in raw
+// page CSS pixels — same coordinate system the host page uses, so no
+// translation is needed when capture replays the saved crop.
+import { getMousePos } from "./dom.js";
+import { HANDLE_SIZE, MIN_CROP, SVG_NS, state } from "./state.js";
+import { getCaptureGroup } from "./svg.js";
+import { registerCropHooks } from "./toolbar.js";
+const HANDLE_POSITIONS = [
+    { handle: "nw", pos: (c) => ({ cx: c.x, cy: c.y }) },
+    { handle: "n", pos: (c) => ({ cx: c.x + c.w / 2, cy: c.y }) },
+    { handle: "ne", pos: (c) => ({ cx: c.x + c.w, cy: c.y }) },
+    { handle: "e", pos: (c) => ({ cx: c.x + c.w, cy: c.y + c.h / 2 }) },
+    { handle: "se", pos: (c) => ({ cx: c.x + c.w, cy: c.y + c.h }) },
+    { handle: "s", pos: (c) => ({ cx: c.x + c.w / 2, cy: c.y + c.h }) },
+    { handle: "sw", pos: (c) => ({ cx: c.x, cy: c.y + c.h }) },
+    { handle: "w", pos: (c) => ({ cx: c.x, cy: c.y + c.h / 2 }) },
+];
+const clearVisual = () => {
+    getCaptureGroup().replaceChildren();
+};
+const redrawVisual = () => {
+    if (state.captureMode !== "crop" || !state.captureCrop) {
+        clearVisual();
+        return;
+    }
+    clearVisual();
+    const g = getCaptureGroup();
+    const c = state.captureCrop;
+    const r = document.createElementNS(SVG_NS, "rect");
+    r.setAttribute("x", String(c.x));
+    r.setAttribute("y", String(c.y));
+    r.setAttribute("width", String(c.w));
+    r.setAttribute("height", String(c.h));
+    r.setAttribute("class", "capture-crop-box");
+    g.appendChild(r);
+    for (const { handle, pos } of HANDLE_POSITIONS) {
+        const { cx, cy } = pos(c);
+        const h = document.createElementNS(SVG_NS, "rect");
+        h.setAttribute("x", String(cx - HANDLE_SIZE / 2));
+        h.setAttribute("y", String(cy - HANDLE_SIZE / 2));
+        h.setAttribute("width", String(HANDLE_SIZE));
+        h.setAttribute("height", String(HANDLE_SIZE));
+        h.setAttribute("class", `crop-handle ${handle}`);
+        h.dataset.handle = handle;
+        g.appendChild(h);
+    }
+};
+// Re-export so the bridge / load layer can request a redraw after loading.
+export const redrawCropVisual = redrawVisual;
+// Hook crop visuals into toolbar's enter/exit transitions.
+export const initCrop = () => {
+    registerCropHooks(
+    // onEnter: redraw existing selection (if any)
+    () => redrawVisual(), 
+    // onExit: clear visualization
+    () => clearVisual());
+};
+// --- Mouse handlers (called by index.ts dispatcher when tool === "crop") ---
+export const handleMouseDown = (e) => {
+    if (state.tool !== "crop")
+        return false;
+    e.preventDefault();
+    const p = getMousePos(e);
+    const target = e.target;
+    const handleAttr = target.dataset?.handle;
+    if (handleAttr && state.captureCrop) {
+        state.cropDragState = {
+            kind: "resize",
+            handle: handleAttr,
+            sx: p.x,
+            sy: p.y,
+            orig: { ...state.captureCrop },
+        };
+        return true;
+    }
+    if (target?.classList?.contains("capture-crop-box") && state.captureCrop) {
+        state.cropDragState = {
+            kind: "move",
+            sx: p.x,
+            sy: p.y,
+            orig: { ...state.captureCrop },
+        };
+        return true;
+    }
+    // Otherwise: drag-to-create new crop (replaces existing)
+    state.cropDragState = { kind: "create", sx: p.x, sy: p.y };
+    state.captureCrop = null;
+    clearVisual();
+    const r = document.createElementNS(SVG_NS, "rect");
+    r.setAttribute("x", String(p.x));
+    r.setAttribute("y", String(p.y));
+    r.setAttribute("width", "0");
+    r.setAttribute("height", "0");
+    r.setAttribute("class", "capture-crop-box");
+    getCaptureGroup().appendChild(r);
+    return true;
+};
+export const handleMouseMove = (e) => {
+    const cds = state.cropDragState;
+    if (!cds)
+        return false;
+    const p = getMousePos(e);
+    if (cds.kind === "create") {
+        const x = Math.min(cds.sx, p.x);
+        const y = Math.min(cds.sy, p.y);
+        const w = Math.abs(p.x - cds.sx);
+        const h = Math.abs(p.y - cds.sy);
+        const r = getCaptureGroup().firstChild;
+        if (r) {
+            r.setAttribute("x", String(x));
+            r.setAttribute("y", String(y));
+            r.setAttribute("width", String(w));
+            r.setAttribute("height", String(h));
+        }
+        return true;
+    }
+    if (cds.kind === "move") {
+        const dx = p.x - cds.sx;
+        const dy = p.y - cds.sy;
+        state.captureCrop = {
+            x: cds.orig.x + dx,
+            y: cds.orig.y + dy,
+            w: cds.orig.w,
+            h: cds.orig.h,
+        };
+        redrawVisual();
+        return true;
+    }
+    // resize
+    const dx = p.x - cds.sx;
+    const dy = p.y - cds.sy;
+    const o = cds.orig;
+    let nx = o.x;
+    let ny = o.y;
+    let nw = o.w;
+    let nh = o.h;
+    const h = cds.handle;
+    if (h.includes("w")) {
+        nx = o.x + dx;
+        nw = o.w - dx;
+    }
+    if (h.includes("e")) {
+        nw = o.w + dx;
+    }
+    if (h.includes("n")) {
+        ny = o.y + dy;
+        nh = o.h - dy;
+    }
+    if (h.includes("s")) {
+        nh = o.h + dy;
+    }
+    if (nw < MIN_CROP) {
+        if (h.includes("w"))
+            nx = o.x + (o.w - MIN_CROP);
+        nw = MIN_CROP;
+    }
+    if (nh < MIN_CROP) {
+        if (h.includes("n"))
+            ny = o.y + (o.h - MIN_CROP);
+        nh = MIN_CROP;
+    }
+    state.captureCrop = { x: nx, y: ny, w: nw, h: nh };
+    redrawVisual();
+    return true;
+};
+export const handleMouseUp = (e) => {
+    const cds = state.cropDragState;
+    if (!cds)
+        return false;
+    if (cds.kind === "create") {
+        const p = getMousePos(e);
+        const w = Math.abs(p.x - cds.sx);
+        const h = Math.abs(p.y - cds.sy);
+        if (w < 5 || h < 5) {
+            state.cropDragState = null;
+            redrawVisual();
+            return true;
+        }
+        state.captureCrop = {
+            x: Math.min(cds.sx, p.x),
+            y: Math.min(cds.sy, p.y),
+            w,
+            h,
+        };
+    }
+    // move / resize already applied during mousemove
+    state.cropDragState = null;
+    redrawVisual();
+    return true;
+};
+// --- Load (= bridge calls this from definitions.json) ---
+export const loadCapture = (capture, setMode) => {
+    if (!capture || !["fullPage", "crop"].includes(capture.mode)) {
+        // Unknown / legacy mode (e.g. removed "selector") — fall back to fullPage
+        setMode("fullPage");
+        return;
+    }
+    if (capture.mode === "fullPage") {
+        setMode("fullPage");
+        return;
+    }
+    if (capture.mode === "crop") {
+        // crop is stored in page CSS pixels (not DPR-scaled). No toolbar
+        // offset — the toolbar is an overlay, host content stays at its
+        // native position.
+        const sx = capture.crop.start.x;
+        const sy = capture.crop.start.y;
+        const ex = capture.crop.end.x;
+        const ey = capture.crop.end.y;
+        state.captureCrop = { x: sx, y: sy, w: ex - sx, h: ey - sy };
+        state.captureMode = "crop";
+        setMode("crop");
+        redrawVisual();
+    }
+};
+// Serialize current crop selection back to definitions.json shape.
+// Returns null if no crop is set or mode is fullPage.
+export const serializeCapture = () => {
+    if (state.captureMode === "crop" && state.captureCrop) {
+        const c = state.captureCrop;
+        return {
+            mode: "crop",
+            crop: {
+                start: { x: Math.round(c.x), y: Math.round(c.y) },
+                end: {
+                    x: Math.round(c.x + c.w),
+                    y: Math.round(c.y + c.h),
+                },
+            },
+        };
+    }
+    return { mode: "fullPage" };
+};
+//# sourceMappingURL=crop.js.map

package/dist/editor/inject-script/crop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crop.js","sourceRoot":"","sources":["../../../src/editor/inject-script/crop.ts"],"names":[],"mappings":"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"}

package/dist/editor/inject-script/dom.d.ts

@@ -0,0 +1,7 @@
+export declare const getMousePos: (e: MouseEvent) => {
+    x: number;
+    y: number;
+};
+export declare const measureSvgTextWidth: (svg: SVGElement, text: string, fontSize: number, svgNs: string) => number;
+export declare const showErrorToast: (message: string, ms?: number) => void;
+//# sourceMappingURL=dom.d.ts.map

package/dist/editor/inject-script/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/editor/inject-script/dom.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,GAAI,GAAG,UAAU,KAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAGhE,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAC/B,KAAK,UAAU,EACf,MAAM,MAAM,EACZ,UAAU,MAAM,EAChB,OAAO,MAAM,KACX,MASF,CAAC;AAMF,eAAO,MAAM,cAAc,GAAI,SAAS,MAAM,EAAE,WAAS,KAAG,IAa3D,CAAC"}

package/dist/editor/inject-script/dom.js

@@ -0,0 +1,32 @@
+// DOM helpers shared by all modules. Pure-ish — depends only on the document
+// global, no internal editor state.
+export const getMousePos = (e) => ({
+    x: e.pageX,
+    y: e.pageY,
+});
+export const measureSvgTextWidth = (svg, text, fontSize, svgNs) => {
+    const tmp = document.createElementNS(svgNs, "text");
+    tmp.setAttribute("font-size", String(fontSize));
+    tmp.setAttribute("font-family", "-apple-system, sans-serif");
+    tmp.textContent = text;
+    svg.appendChild(tmp);
+    const width = tmp.getBBox().width;
+    tmp.remove();
+    return width;
+};
+// In-page error toast — `window.alert()` would be auto-dismissed by
+// Playwright's default dialog handler (= the user sees a flash they can't
+// read). We render our own non-blocking toast under <html> so it can't be
+// inert'd by host SPAs (same reason as the toolbar).
+export const showErrorToast = (message, ms = 5000) => {
+    const toast = document.createElement("div");
+    toast.setAttribute("style", "position:fixed;top:72px;left:50%;transform:translateX(-50%);" +
+        "background:#dc2626;color:#fff;padding:12px 20px;border-radius:8px;" +
+        "font-family:-apple-system,sans-serif;font-size:14px;line-height:1.4;" +
+        "z-index:var(--kg-z-top);box-shadow:0 4px 12px rgba(0,0,0,0.3);" +
+        "max-width:480px;white-space:pre-wrap;text-align:center;");
+    toast.textContent = message;
+    document.documentElement.appendChild(toast);
+    setTimeout(() => toast.remove(), ms);
+};
+//# sourceMappingURL=dom.js.map

package/dist/editor/inject-script/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/editor/inject-script/dom.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,oCAAoC;AAEpC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAa,EAA4B,EAAE,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,CAAC,KAAK;IACV,CAAC,EAAE,CAAC,CAAC,KAAK;CACV,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAClC,GAAe,EACf,IAAY,EACZ,QAAgB,EAChB,KAAa,EACJ,EAAE;IACX,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACpD,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,2BAA2B,CAAC,CAAC;IAC7D,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC;IACvB,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACrB,MAAM,KAAK,GAAI,GAAsB,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC;IACtD,GAAG,CAAC,MAAM,EAAE,CAAC;IACb,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAEF,oEAAoE;AACpE,0EAA0E;AAC1E,0EAA0E;AAC1E,qDAAqD;AACrD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAe,EAAE,EAAE,GAAG,IAAI,EAAQ,EAAE;IAClE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,KAAK,CAAC,YAAY,CACjB,OAAO,EACP,8DAA8D;QAC7D,oEAAoE;QACpE,sEAAsE;QACtE,gEAAgE;QAChE,yDAAyD,CAC1D,CAAC;IACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5C,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;AACtC,CAAC,CAAC"}

package/dist/editor/inject-script/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/inject-script/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/inject-script/index.ts"],"names":[],"mappings":""}

package/dist/editor/inject-script/index.js

@@ -0,0 +1,56 @@
+// Editor entry point. Bundled by esbuild into a single IIFE
+// (dist/editor/inject-script.js) and injected by edit.ts via page.evaluate.
+//
+// Bootstrap order:
+//   1. SVG layer  (= must exist before annotation/crop modules touch it)
+//   2. Toolbar    (= depends on svg ref for the cropping/drawing classes)
+//   3. Crop hooks (= register enter/exit callbacks on the toolbar)
+//   4. Bridge     (= expose window.__kagemusha_* functions)
+//   5. Mouse + keyboard dispatcher
+import * as annotations from "./annotations.js";
+import { initBridge } from "./bridge.js";
+import * as crop from "./crop.js";
+import { initRecord } from "./record.js";
+import { initSvgLayer } from "./svg.js";
+import { initToolbar } from "./toolbar.js";
+// Prevent inject-time elements (toolbar / svg / hint / panel) from
+// extending document.documentElement.scrollHeight. Some SPAs run
+// responsive layout calculations based on documentH; if the value
+// differs between edit and capture, modals can land at different Y
+// positions. Forcing <html> overflow:hidden caps scrollHeight at the
+// viewport height — matching capture-time behavior.
+document.documentElement.style.overflow = "hidden";
+const { svg } = initSvgLayer();
+let bridgeSave = () => { };
+initToolbar({
+    onToolChange: () => {
+        // Toolbar already updates state.tool and svg classes. Nothing extra
+        // to do here right now, but the hook is here so the future record
+        // module can detach listeners on tool change.
+    },
+    onSave: () => bridgeSave(),
+    onDelete: () => annotations.deleteSelected(),
+}, svg);
+crop.initCrop();
+initRecord(svg);
+({ save: bridgeSave } = initBridge());
+// --- Mouse dispatcher ---
+// Single mousedown handler on the SVG layer; route to crop if the current
+// tool is crop, otherwise to annotations.
+svg.addEventListener("mousedown", (e) => {
+    if (crop.handleMouseDown(e))
+        return;
+    annotations.handleMouseDown(e);
+});
+document.addEventListener("mousemove", (e) => {
+    if (crop.handleMouseMove(e))
+        return;
+    annotations.handleMouseMove(e);
+});
+document.addEventListener("mouseup", (e) => {
+    if (crop.handleMouseUp(e))
+        return;
+    annotations.handleMouseUp(e);
+});
+document.addEventListener("keydown", (e) => annotations.handleKeyDown(e));
+//# sourceMappingURL=index.js.map

package/dist/editor/inject-script/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/editor/inject-script/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,4EAA4E;AAC5E,EAAE;AACF,mBAAmB;AACnB,yEAAyE;AACzE,0EAA0E;AAC1E,mEAAmE;AACnE,4DAA4D;AAC5D,mCAAmC;AAEnC,OAAO,KAAK,WAAW,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,mEAAmE;AACnE,iEAAiE;AACjE,kEAAkE;AAClE,mEAAmE;AACnE,qEAAqE;AACrE,oDAAoD;AACpD,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAEnD,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;AAE/B,IAAI,UAAU,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;AAEtC,WAAW,CACV;IACC,YAAY,EAAE,GAAG,EAAE;QAClB,oEAAoE;QACpE,kEAAkE;QAClE,8CAA8C;IAC/C,CAAC;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE;IAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,cAAc,EAAE;CAC5C,EACD,GAAG,CACH,CAAC;AAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;AAChB,UAAU,CAAC,GAAG,CAAC,CAAC;AAChB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC;AAEtC,2BAA2B;AAC3B,0EAA0E;AAC1E,0CAA0C;AAE1C,GAAG,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE;IACnD,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;QAAE,OAAO;IACpC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE;IACxD,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;QAAE,OAAO;IACpC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAa,EAAE,EAAE;IACtD,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QAAE,OAAO;IAClC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AAC9B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE,CACzD,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAC5B,CAAC"}

package/dist/editor/inject-script/record.d.ts

@@ -0,0 +1,5 @@
+import type { CaptureAction } from "./types.js";
+export declare const initRecord: (svg: SVGElement) => void;
+export declare const loadSteps: (steps: CaptureAction[]) => void;
+export declare const serializeSteps: () => CaptureAction[];
+//# sourceMappingURL=record.d.ts.map

package/dist/editor/inject-script/record.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"record.d.ts","sourceRoot":"","sources":["../../../src/editor/inject-script/record.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AA6WhD,eAAO,MAAM,UAAU,GAAI,KAAK,UAAU,KAAG,IAmC5C,CAAC;AAGF,eAAO,MAAM,SAAS,GAAI,OAAO,aAAa,EAAE,KAAG,IAGlD,CAAC;AAGF,eAAO,MAAM,cAAc,QAAO,aAAa,EAA8B,CAAC"}