@wasao/kagemusha 0.2.0 → 0.3.4

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

@@ -0,0 +1,39 @@
+// SVG overlay layer — covers the entire page and hosts annotation shapes
+// + crop visualization. Sits at z-index just below the toolbar.
+import { SVG_NS } from "./state.js";
+let svgEl = null;
+let captureGroupEl = null;
+export const initSvgLayer = () => {
+    const svg = document.createElementNS(SVG_NS, "svg");
+    svg.id = "kagemusha-svg-layer";
+    svg.classList.add("drawing");
+    document.documentElement.appendChild(svg);
+    const updateSvgSize = () => {
+        svg.setAttribute("width", String(window.innerWidth));
+        svg.setAttribute("height", String(document.documentElement.scrollHeight));
+    };
+    updateSvgSize();
+    window.addEventListener("resize", updateSvgSize);
+    const defs = document.createElementNS(SVG_NS, "defs");
+    defs.innerHTML =
+        '<marker id="kg-arrowhead" markerWidth="10" markerHeight="7" refX="10" refY="3.5" orient="auto" fill="#FF0000"><polygon points="0 0, 10 3.5, 0 7"/></marker>';
+    svg.appendChild(defs);
+    // Capture-region visualization goes BEFORE annotations so it renders behind.
+    const captureGroup = document.createElementNS(SVG_NS, "g");
+    captureGroup.id = "kagemusha-capture-group";
+    svg.appendChild(captureGroup);
+    svgEl = svg;
+    captureGroupEl = captureGroup;
+    return { svg, captureGroup };
+};
+export const getSvg = () => {
+    if (!svgEl)
+        throw new Error("SVG layer not initialized");
+    return svgEl;
+};
+export const getCaptureGroup = () => {
+    if (!captureGroupEl)
+        throw new Error("Capture group not initialized");
+    return captureGroupEl;
+};
+//# sourceMappingURL=svg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../src/editor/inject-script/svg.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,gEAAgE;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,IAAI,KAAK,GAAsB,IAAI,CAAC;AACpC,IAAI,cAAc,GAAuB,IAAI,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,GAG1B,EAAE;IACH,MAAM,GAAG,GAAG,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACpD,GAAG,CAAC,EAAE,GAAG,qBAAqB,CAAC;IAC/B,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAE1C,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;QACrD,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC;IAC3E,CAAC,CAAC;IACF,aAAa,EAAE,CAAC;IAChB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAEjD,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,IAAI,CAAC,SAAS;QACb,6JAA6J,CAAC;IAC/J,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEtB,6EAA6E;IAC7E,MAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,GAAG,CAAgB,CAAC;IAC1E,YAAY,CAAC,EAAE,GAAG,yBAAyB,CAAC;IAC5C,GAAG,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE9B,KAAK,GAAG,GAAG,CAAC;IACZ,cAAc,GAAG,YAAY,CAAC;IAC9B,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAe,EAAE;IACtC,IAAI,CAAC,KAAK;QAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACzD,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAgB,EAAE;IAChD,IAAI,CAAC,cAAc;QAAE,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACtE,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { Tool } from "./types.js";
+interface ToolbarCallbacks {
+    onToolChange: (next: Tool) => void;
+    onSave: () => void;
+    onDelete: () => void;
+}
+export declare const initToolbar: (cb: ToolbarCallbacks, svg: SVGElement) => void;
+export declare const setTool: (t: Tool) => void;
+export declare const setCaptureMode: (mode: "fullPage" | "crop", opts?: {
+    resetSelection?: boolean;
+}) => void;
+export declare const registerCropHooks: (onEnter: () => void, onExit: () => void) => void;
+export {};
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/editor/inject-script/toolbar.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAgHvC,UAAU,gBAAgB;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACrB;AAID,eAAO,MAAM,WAAW,GAAI,IAAI,gBAAgB,EAAE,KAAK,UAAU,KAAG,IA0CnE,CAAC;AAgEF,eAAO,MAAM,OAAO,GAAI,GAAG,IAAI,KAAG,IAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,GAC1B,MAAM,UAAU,GAAG,MAAM,EACzB,OAAM;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAO,KACrC,IAcF,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAC7B,SAAS,MAAM,IAAI,EACnB,QAAQ,MAAM,IAAI,KAChB,IAGF,CAAC"}

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

@@ -0,0 +1,240 @@
+// Toolbar — floating bar of annotation/capture controls, draggable by its
+// ⋮⋮ handle. Appended to <html> so host SPA modals that mark <body>'s
+// children as `inert` / `aria-hidden="true"` don't disable interactions.
+//
+// No coordinate offset is applied — the toolbar is purely an overlay, host
+// page content stays at its native document positions. Annotations are
+// recorded in raw page coordinates (= `e.pageX/Y`) so what you draw in edit
+// is exactly what kagemusha screenshots at capture time. If the toolbar
+// covers content the user wants to annotate, drag it out of the way.
+import { state } from "./state.js";
+const TOOLBAR_HTML = `
+  <style>
+    /* INT_MAX guarantees kagemusha UI sits above any host SPA dialog / modal. */
+    :root {
+      --kg-z-top: 2147483647;
+      --kg-z-below-top: 2147483646;
+    }
+    #kagemusha-toolbar {
+      position: fixed; top: 16px; left: 16px; z-index: var(--kg-z-top);
+      background: #16213e; padding: 8px 16px; display: flex; align-items: center; gap: 10px;
+      box-shadow: 0 4px 16px rgba(0,0,0,0.35); font-family: -apple-system, sans-serif;
+      flex-wrap: nowrap; overflow-x: auto;
+      border-radius: 10px;
+      max-width: calc(100vw - 32px);
+    }
+    #kagemusha-toolbar .kg-drag-handle {
+      cursor: move; padding: 4px 6px; margin: -2px 2px -2px -10px;
+      color: #888; font-size: 14px; line-height: 1; user-select: none;
+      border-right: 1px solid #2a2a4e;
+    }
+    #kagemusha-toolbar .kg-drag-handle:hover { color: #fff; }
+    #kagemusha-toolbar.kg-dragging { opacity: 0.95; cursor: grabbing; }
+    #kagemusha-toolbar button {
+      padding: 6px 12px; border: 1px solid #444; border-radius: 6px;
+      background: #1a1a2e; color: #fff; font-size: 13px; cursor: pointer;
+    }
+    #kagemusha-toolbar button:hover { background: #2a2a4e; }
+    #kagemusha-toolbar button.active { background: #6366f1; border-color: #6366f1; }
+    #kagemusha-toolbar button.cap-btn.active { background: #0ea5e9; border-color: #0ea5e9; }
+    #kagemusha-toolbar button#kg-record.active { background: #ef4444; border-color: #ef4444; }
+    #kagemusha-toolbar button.picking {
+      background: #0ea5e9; border-color: #0ea5e9; color: #fff;
+      box-shadow: 0 0 0 2px rgba(14,165,233,0.4);
+      animation: kg-picking-pulse 1.2s ease-in-out infinite;
+    }
+    @keyframes kg-picking-pulse {
+      0%, 100% { box-shadow: 0 0 0 2px rgba(14,165,233,0.4); }
+      50%      { box-shadow: 0 0 0 6px rgba(14,165,233,0.1); }
+    }
+    #kagemusha-toolbar button:disabled { opacity: 0.4; cursor: not-allowed; }
+    #kagemusha-toolbar #kg-rec-group { display: none; align-items: center; gap: 10px; }
+    #kagemusha-toolbar #kg-rec-group.visible { display: flex; }
+    #kagemusha-toolbar #kg-steps-toggle.has-steps { background: #6366f1; border-color: #6366f1; }
+    #kagemusha-toolbar #kg-steps-toggle.open { background: #6366f1; border-color: #6366f1; }
+    .kagemusha-picker-outline {
+      position: fixed; border: 2px solid #0ea5e9;
+      background: rgba(14,165,233,0.08); pointer-events: none;
+      z-index: var(--kg-z-below-top); border-radius: 2px;
+      transition: all 60ms ease-out;
+    }
+    #kagemusha-toolbar .sep { width: 1px; height: 24px; background: #444; }
+    #kagemusha-toolbar .title { color: #888; font-size: 13px; }
+    #kagemusha-toolbar .group-label { color: #7a89b0; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; margin-right: -4px; }
+    #kagemusha-toolbar .save-btn { background: #22c55e; border-color: #22c55e; font-weight: 600; margin-left: auto; }
+    #kagemusha-toolbar .save-btn:hover { background: #16a34a; }
+    #kagemusha-svg-layer {
+      position: absolute; top: 0; left: 0; width: 100%;
+      z-index: var(--kg-z-below-top); pointer-events: none;
+    }
+    #kagemusha-svg-layer.drawing { pointer-events: auto; cursor: crosshair; }
+    #kagemusha-svg-layer.cropping { pointer-events: auto; cursor: crosshair; }
+    #kagemusha-svg-layer .annotation { pointer-events: auto; cursor: move; }
+    #kagemusha-svg-layer.cropping .annotation { pointer-events: none; }
+    #kagemusha-svg-layer .annotation.selected { filter: drop-shadow(0 0 3px #6366f1); }
+    #kagemusha-svg-layer .capture-crop-box { fill: rgba(14,165,233,0.10); stroke: #0ea5e9; stroke-width: 2; stroke-dasharray: 8 4; pointer-events: none; }
+    #kagemusha-svg-layer.cropping .capture-crop-box { pointer-events: auto; cursor: move; }
+    #kagemusha-svg-layer .crop-handle { fill: #fff; stroke: #0ea5e9; stroke-width: 2; pointer-events: none; }
+    #kagemusha-svg-layer.cropping .crop-handle { pointer-events: auto; }
+    #kagemusha-svg-layer .crop-handle.nw, #kagemusha-svg-layer .crop-handle.se { cursor: nwse-resize; }
+    #kagemusha-svg-layer .crop-handle.ne, #kagemusha-svg-layer .crop-handle.sw { cursor: nesw-resize; }
+    #kagemusha-svg-layer .crop-handle.n, #kagemusha-svg-layer .crop-handle.s { cursor: ns-resize; }
+    #kagemusha-svg-layer .crop-handle.e, #kagemusha-svg-layer .crop-handle.w { cursor: ew-resize; }
+    .kagemusha-hint {
+      position: fixed; bottom: 16px; left: 50%; transform: translateX(-50%);
+      color: #fff; background: rgba(0,0,0,0.7); padding: 6px 16px; border-radius: 8px;
+      font-size: 12px; z-index: var(--kg-z-top); font-family: -apple-system, sans-serif;
+    }
+  </style>
+  <span class="kg-drag-handle" title="Drag to move toolbar">⋮⋮</span>
+  <span class="title">🥷</span>
+  <div class="sep"></div>
+  <span class="group-label">Capture</span>
+  <button id="kg-cap-full" class="cap-btn active">📷 Full</button>
+  <button id="kg-cap-crop" class="cap-btn">✂️ Crop</button>
+  <div class="sep"></div>
+  <span class="group-label">Annotate</span>
+  <button id="kg-tool-rect" class="active">▭ Rect</button>
+  <button id="kg-tool-arrow">→ Arrow</button>
+  <button id="kg-tool-label">T Label</button>
+  <div class="sep"></div>
+  <span class="group-label">Pre-steps</span>
+  <button id="kg-record">🔴 Record</button>
+  <div id="kg-rec-group">
+    <button id="kg-rec-wait">+ Wait</button>
+    <button id="kg-rec-wfs">+ WaitForSelector</button>
+    <button id="kg-rec-hover">+ Hover</button>
+  </div>
+  <button id="kg-steps-toggle">📋 Steps (0)</button>
+  <div class="sep"></div>
+  <button id="kg-delete">🗑 Delete</button>
+  <button class="save-btn" id="kg-save">💾 Save</button>
+`;
+let svgRef = null;
+// Crop module registers visual hooks via `registerCropHooks` after init.
+// Setter-based wiring avoids a circular import (toolbar → crop → toolbar).
+let cropOnEnter = () => { };
+let cropOnExit = () => { };
+let callbacks = null;
+export const initToolbar = (cb, svg) => {
+    callbacks = cb;
+    svgRef = svg;
+    const toolbar = document.createElement("div");
+    toolbar.id = "kagemusha-toolbar";
+    toolbar.innerHTML = TOOLBAR_HTML;
+    // Append to <html> (not <body>) so SPA modals that mark <body>'s children
+    // as `inert` / `aria-hidden="true"` don't disable our toolbar interactions.
+    document.documentElement.appendChild(toolbar);
+    const hint = document.createElement("div");
+    hint.className = "kagemusha-hint";
+    hint.textContent =
+        "Click and drag to add annotations. Click to select. Press Delete to remove.";
+    document.documentElement.appendChild(hint);
+    document
+        .getElementById("kg-tool-rect")
+        ?.addEventListener("click", () => setTool("rect"));
+    document
+        .getElementById("kg-tool-arrow")
+        ?.addEventListener("click", () => setTool("arrow"));
+    document
+        .getElementById("kg-tool-label")
+        ?.addEventListener("click", () => setTool("label"));
+    document
+        .getElementById("kg-cap-full")
+        ?.addEventListener("click", () => setCaptureMode("fullPage"));
+    document
+        .getElementById("kg-cap-crop")
+        ?.addEventListener("click", () => setCaptureMode("crop", { resetSelection: !state.captureCrop }));
+    document
+        .getElementById("kg-delete")
+        ?.addEventListener("click", () => cb.onDelete());
+    document
+        .getElementById("kg-save")
+        ?.addEventListener("click", () => cb.onSave());
+    wireDragHandle(toolbar);
+};
+// Drag the toolbar by its ⋮⋮ handle. Position is clamped to the viewport so
+// it can't slip off-screen. Kept simple — no docking magic or persistence.
+const wireDragHandle = (toolbar) => {
+    const handle = toolbar.querySelector(".kg-drag-handle");
+    if (!handle)
+        return;
+    let dragging = false;
+    let offsetX = 0;
+    let offsetY = 0;
+    handle.addEventListener("mousedown", (e) => {
+        const m = e;
+        m.preventDefault();
+        const rect = toolbar.getBoundingClientRect();
+        offsetX = m.clientX - rect.left;
+        offsetY = m.clientY - rect.top;
+        dragging = true;
+        toolbar.classList.add("kg-dragging");
+        // Prevent text selection while dragging.
+        document.body.style.userSelect = "none";
+    });
+    document.addEventListener("mousemove", (e) => {
+        if (!dragging)
+            return;
+        const x = Math.max(0, Math.min(window.innerWidth - toolbar.offsetWidth, e.clientX - offsetX));
+        const y = Math.max(0, Math.min(window.innerHeight - toolbar.offsetHeight, e.clientY - offsetY));
+        toolbar.style.left = `${x}px`;
+        toolbar.style.top = `${y}px`;
+    });
+    document.addEventListener("mouseup", () => {
+        if (!dragging)
+            return;
+        dragging = false;
+        toolbar.classList.remove("kg-dragging");
+        document.body.style.userSelect = "";
+    });
+};
+const updateCaptureUi = () => {
+    document
+        .querySelectorAll("#kagemusha-toolbar .cap-btn")
+        .forEach((b) => {
+        b.classList.remove("active");
+    });
+    const activeId = state.captureMode === "fullPage" ? "kg-cap-full" : "kg-cap-crop";
+    document.getElementById(activeId)?.classList.add("active");
+    if (svgRef) {
+        svgRef.classList.toggle("cropping", state.tool === "crop");
+        svgRef.classList.toggle("drawing", state.tool === "rect" || state.tool === "arrow" || state.tool === "label");
+    }
+};
+export const setTool = (t) => {
+    state.tool = t;
+    document
+        .querySelectorAll("#kg-tool-rect, #kg-tool-arrow, #kg-tool-label")
+        .forEach((b) => {
+        b.classList.remove("active");
+    });
+    if (t === "rect" || t === "arrow" || t === "label") {
+        document.getElementById(`kg-tool-${t}`)?.classList.add("active");
+    }
+    updateCaptureUi();
+    callbacks?.onToolChange(t);
+};
+export const setCaptureMode = (mode, opts = {}) => {
+    state.captureMode = mode;
+    if (mode === "fullPage") {
+        state.captureCrop = null;
+        cropOnExit();
+        setTool("rect");
+    }
+    else {
+        if (opts.resetSelection)
+            state.captureCrop = null;
+        cropOnEnter();
+        // Switch tool indicator but leave the visual state of crop selection alone
+        state.tool = "crop";
+        updateCaptureUi();
+    }
+    callbacks?.onToolChange(state.tool);
+};
+// Allow crop module to register its visual-clear / redraw hooks.
+export const registerCropHooks = (onEnter, onExit) => {
+    cropOnEnter = onEnter;
+    cropOnExit = onExit;
+};
+//# sourceMappingURL=toolbar.js.map

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

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

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

@@ -0,0 +1,102 @@
+export type { CaptureAction, ScreenshotDefinition, } from "../../types.js";
+export interface Decoration {
+    type: "rect" | "arrow" | "label";
+    target?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    from?: {
+        x: number;
+        y: number;
+    };
+    to?: {
+        x: number;
+        y: number;
+    };
+    position?: {
+        x: number;
+        y: number;
+    };
+    text?: string;
+    style?: {
+        color?: string;
+        strokeWidth?: number;
+        fontSize?: number;
+        background?: string;
+    };
+}
+export type CaptureSpec = {
+    mode: "fullPage";
+} | {
+    mode: "crop";
+    crop: {
+        start: {
+            x: number;
+            y: number;
+        };
+        end: {
+            x: number;
+            y: number;
+        };
+    };
+};
+export interface Annotation {
+    id: string;
+    type: "rect" | "arrow" | "label";
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    fromX?: number;
+    fromY?: number;
+    toX?: number;
+    toY?: number;
+    text?: string;
+}
+export interface DragState {
+    type: "create-rect" | "create-arrow" | "move";
+    id: string;
+    el: SVGElement;
+    sx?: number;
+    sy?: number;
+    lastX?: number;
+    lastY?: number;
+}
+export type CropHandle = "nw" | "ne" | "sw" | "se" | "n" | "s" | "e" | "w";
+export type CropDragState = {
+    kind: "create";
+    sx: number;
+    sy: number;
+} | {
+    kind: "move";
+    sx: number;
+    sy: number;
+    orig: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+} | {
+    kind: "resize";
+    handle: CropHandle;
+    sx: number;
+    sy: number;
+    orig: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    };
+};
+export type Tool = "rect" | "arrow" | "label" | "crop";
+import type { CaptureAction } from "../../types.js";
+export interface EditorBridge {
+    __kagemusha_save: (payloadJson: string) => void;
+    __kagemusha_loadAnnotations: (decorations: Decoration[]) => void;
+    __kagemusha_loadCapture: (capture: CaptureSpec) => void;
+    __kagemusha_loadSteps: (steps: CaptureAction[]) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,5 @@
+// Shared types for the inject editor. Kept in one file because the page-scoped
+// editor is small enough to avoid one-type-per-file overhead — and the GUI
+// rewrite will likely consume these as a single import.
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/editor/inject-script/types.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,2EAA2E;AAC3E,wDAAwD"}