@wasao/kagemusha 0.2.0 → 0.3.5

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

@@ -0,0 +1,398 @@
+// Pre-capture step recording — record clicks / inputs / selects during a
+// "Record" mode, plus explicit buttons for + Wait / + WaitForSelector /
+// + Hover (= things you can't infer from passive observation).
+//
+// Design notes:
+// - Record ON wipes existing recordedSteps after a confirmation. OFF just
+//   stops collecting; the panel keeps showing what was captured.
+// - While recording, the SVG overlay is set to `pointer-events: none` so
+//   clicks reach the host page. Annotation / crop buttons are disabled.
+// - Toolbar self-clicks and the steps panel itself are excluded from
+//   recording (= we don't record interactions with kagemusha's own UI).
+// - The eventual hosted GUI will replace the click/input listeners with
+//   message-bus events but keep the same step shape.
+import { computeSelector } from "./selector.js";
+import { state } from "./state.js";
+// Excluded selectors — any event whose target is inside one of these is
+// not recorded (= kagemusha's own UI).
+const KAGEMUSHA_UI_SELECTORS = [
+    "#kagemusha-toolbar",
+    "#kagemusha-svg-layer",
+    ".kagemusha-hint",
+    ".kagemusha-steps-panel",
+    ".kagemusha-prompt",
+];
+const isOwnUi = (el) => {
+    if (!(el instanceof Element))
+        return false;
+    return KAGEMUSHA_UI_SELECTORS.some((s) => el.closest(s) !== null);
+};
+let svgRef = null;
+let panelEl = null;
+let pickerOutlineEl = null;
+let panelOpen = false;
+// --- Steps panel (read-only list) ---
+const ensurePanel = () => {
+    if (panelEl)
+        return panelEl;
+    const div = document.createElement("div");
+    div.className = "kagemusha-steps-panel";
+    div.setAttribute("style", 
+    // Anchored just below the toolbar (top: 60px) so it's visible without
+    // scrolling. Fills available vertical space minus a small bottom margin.
+    "position:fixed;top:60px;right:16px;width:340px;max-height:calc(100vh - 80px);" +
+        "overflow-y:auto;background:#1a1a2e;color:#fff;padding:12px 16px;" +
+        "border-radius:8px;font-family:-apple-system,sans-serif;font-size:12px;" +
+        "line-height:1.5;z-index:var(--kg-z-top);box-shadow:0 4px 16px rgba(0,0,0,0.4);" +
+        "display:none;");
+    document.documentElement.appendChild(div);
+    panelEl = div;
+    return div;
+};
+const renderPanel = () => {
+    const panel = ensurePanel();
+    updateToggleButton();
+    if (!panelOpen) {
+        panel.style.display = "none";
+        return;
+    }
+    panel.style.display = "block";
+    const header = state.recording
+        ? `<div style="color:#ef4444;font-weight:600;margin-bottom:6px;">📹 Recording... (${state.recordedSteps.length} steps)</div>`
+        : `<div style="color:#7a89b0;font-size:10px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px;">Steps (${state.recordedSteps.length})</div>`;
+    const rows = state.recordedSteps
+        .map((s, i) => `<div>${i + 1}. ${renderStepLine(s)}</div>`)
+        .join("");
+    panel.innerHTML = `${header}${rows || '<div style="color:#888;">(no steps)</div>'}`;
+};
+const updateToggleButton = () => {
+    const btn = document.getElementById("kg-steps-toggle");
+    if (!btn)
+        return;
+    const n = state.recordedSteps.length;
+    const recording = state.recording;
+    btn.textContent = recording
+        ? `📹 Steps (${n})`
+        : n > 0
+            ? `📋 Steps (${n})`
+            : "📋 Steps (0)";
+    btn.classList.toggle("has-steps", n > 0 && !panelOpen);
+    btn.classList.toggle("open", panelOpen);
+};
+const openPanel = () => {
+    panelOpen = true;
+    renderPanel();
+};
+const closePanel = () => {
+    panelOpen = false;
+    renderPanel();
+};
+const togglePanel = () => {
+    if (panelOpen)
+        closePanel();
+    else
+        openPanel();
+};
+const escapeHtml = (v) => v.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+const optBadge = (s) => s.optional
+    ? ' <span style="color:#7a89b0;font-size:10px;background:#2a2a4e;padding:1px 5px;border-radius:3px;margin-left:4px;">optional</span>'
+    : "";
+const renderStepLine = (s) => {
+    switch (s.action) {
+        case "click":
+            return `<b>click</b> ${escapeHtml(s.selector)}${optBadge(s)}`;
+        case "type":
+            return `<b>type</b> ${escapeHtml(s.selector)} → "${escapeHtml(s.text)}"${optBadge(s)}`;
+        case "select":
+            return `<b>select</b> ${escapeHtml(s.selector)} → "${escapeHtml(s.value)}"${optBadge(s)}`;
+        case "hover":
+            return `<b>hover</b> ${escapeHtml(s.selector)}${optBadge(s)}`;
+        case "wait":
+            return `<b>wait</b> ${s.ms}ms`;
+        case "waitForSelector":
+            return `<b>waitForSelector</b> ${escapeHtml(s.selector)}${s.timeout ? ` (${s.timeout}ms)` : ""}${optBadge(s)}`;
+        default:
+            return `<b>${s.action}</b>`;
+    }
+};
+// --- Recording lifecycle ---
+const updateToolbarLockState = () => {
+    // Annotation + capture-mode + delete buttons are disabled while recording
+    // so user can't draw rectangles into "the page they're recording on".
+    const lock = state.recording;
+    for (const id of [
+        "kg-tool-rect",
+        "kg-tool-arrow",
+        "kg-tool-label",
+        "kg-cap-full",
+        "kg-cap-crop",
+        "kg-delete",
+    ]) {
+        const btn = document.getElementById(id);
+        if (btn)
+            btn.disabled = lock;
+    }
+    // Step builder buttons are entirely hidden when not recording (= clearer
+    // than disabled-but-greyed-out; the buttons appear/disappear with Record).
+    const group = document.getElementById("kg-rec-group");
+    if (group)
+        group.classList.toggle("visible", lock);
+    // Record toggle reflects current state.
+    const recBtn = document.getElementById("kg-record");
+    if (recBtn) {
+        recBtn.textContent = state.recording ? "⏹ Stop" : "🔴 Record";
+        recBtn.classList.toggle("active", state.recording);
+    }
+    if (svgRef) {
+        // Block svg clicks while recording so the host page receives them.
+        svgRef.style.pointerEvents = state.recording ? "none" : "";
+    }
+};
+const setRecording = (on) => {
+    if (on) {
+        if (state.recordedSteps.length > 0) {
+            const ok = window.confirm(`Recording will replace the existing ${state.recordedSteps.length} step(s). Continue?`);
+            if (!ok)
+                return;
+        }
+        state.recordedSteps = [];
+        state.recording = true;
+    }
+    else {
+        state.recording = false;
+        cancelPicker();
+    }
+    updateToolbarLockState();
+    renderPanel();
+};
+// --- Picker mode (single-shot element selection for + Hover / + WaitForSelector) ---
+const pickerButtonId = (kind) => kind === "hover" ? "kg-rec-hover" : "kg-rec-wfs";
+const startPicker = (kind) => {
+    if (!state.recording)
+        return;
+    state.pickerKind = kind;
+    // Highlight the button that initiated picking so user can see they're in
+    // picker mode (and which kind).
+    document.getElementById(pickerButtonId(kind))?.classList.add("picking");
+    if (svgRef)
+        svgRef.style.cursor = "crosshair";
+    showPrompt(kind === "hover"
+        ? "Hover an element, click to confirm. ESC to cancel."
+        : "Hover an element, click to confirm. ESC to cancel.");
+};
+const cancelPicker = () => {
+    if (state.pickerKind) {
+        document
+            .getElementById(pickerButtonId(state.pickerKind))
+            ?.classList.remove("picking");
+    }
+    state.pickerKind = null;
+    if (svgRef)
+        svgRef.style.cursor = "";
+    hidePrompt();
+    hidePickerOutline();
+};
+const ensurePickerOutline = () => {
+    if (pickerOutlineEl)
+        return pickerOutlineEl;
+    const div = document.createElement("div");
+    div.className = "kagemusha-picker-outline";
+    div.style.display = "none";
+    document.documentElement.appendChild(div);
+    pickerOutlineEl = div;
+    return div;
+};
+const showPickerOutline = (rect) => {
+    const el = ensurePickerOutline();
+    el.style.display = "block";
+    el.style.left = `${rect.left}px`;
+    el.style.top = `${rect.top}px`;
+    el.style.width = `${rect.width}px`;
+    el.style.height = `${rect.height}px`;
+};
+const hidePickerOutline = () => {
+    if (pickerOutlineEl)
+        pickerOutlineEl.style.display = "none";
+};
+let promptEl = null;
+const showPrompt = (message) => {
+    if (!promptEl) {
+        const div = document.createElement("div");
+        div.className = "kagemusha-prompt";
+        div.setAttribute("style", "position:fixed;top:60px;left:50%;transform:translateX(-50%);" +
+            "background:#0ea5e9;color:#fff;padding:10px 18px;border-radius:8px;" +
+            "font-family:-apple-system,sans-serif;font-size:13px;" +
+            "z-index:var(--kg-z-top);box-shadow:0 4px 12px rgba(0,0,0,0.3);");
+        document.documentElement.appendChild(div);
+        promptEl = div;
+    }
+    promptEl.textContent = message;
+    promptEl.style.display = "block";
+};
+const hidePrompt = () => {
+    if (promptEl)
+        promptEl.style.display = "none";
+};
+// --- Event listeners ---
+const onClickCapture = (e) => {
+    if (!state.recording)
+        return;
+    if (isOwnUi(e.target))
+        return;
+    const el = e.target;
+    if (!el)
+        return;
+    // Picker mode: one-shot element selection
+    if (state.pickerKind) {
+        e.preventDefault();
+        e.stopPropagation();
+        const kind = state.pickerKind;
+        const sel = computeSelector(el);
+        if (kind === "hover") {
+            state.recordedSteps.push({ action: "hover", selector: sel.selector });
+        }
+        else {
+            state.recordedSteps.push({
+                action: "waitForSelector",
+                selector: sel.selector,
+            });
+        }
+        cancelPicker();
+        renderPanel();
+        return;
+    }
+    // Normal record: append a click step. The page still receives the click
+    // because we don't preventDefault — we only observe.
+    //
+    // `optional: true` so capture doesn't fail when the recorded element is
+    // absent on a re-run (= session-dependent modals, AB-test variants, etc).
+    // User can flip to false in definitions.json if the step must succeed.
+    const sel = computeSelector(el);
+    state.recordedSteps.push({
+        action: "click",
+        selector: sel.selector,
+        optional: true,
+    });
+    renderPanel();
+};
+const onChangeCapture = (e) => {
+    if (!state.recording)
+        return;
+    if (isOwnUi(e.target))
+        return;
+    const target = e.target;
+    if (!target)
+        return;
+    if (target.tagName === "INPUT" || target.tagName === "TEXTAREA") {
+        const input = target;
+        // Skip checkbox/radio — those are click semantics, not "type a value".
+        const type = input.type;
+        if (type === "checkbox" || type === "radio")
+            return;
+        const sel = computeSelector(input);
+        // optional:true — same reasoning as click. See onClickCapture.
+        state.recordedSteps.push({
+            action: "type",
+            selector: sel.selector,
+            text: input.value,
+            optional: true,
+        });
+        renderPanel();
+        return;
+    }
+    if (target.tagName === "SELECT") {
+        const select = target;
+        const sel = computeSelector(select);
+        state.recordedSteps.push({
+            action: "select",
+            selector: sel.selector,
+            value: select.value,
+            optional: true,
+        });
+        renderPanel();
+    }
+};
+const onKeyDownCapture = (e) => {
+    if (state.pickerKind && e.key === "Escape") {
+        cancelPicker();
+    }
+};
+const onMouseMoveCapture = (e) => {
+    if (!state.pickerKind)
+        return;
+    if (isOwnUi(e.target)) {
+        hidePickerOutline();
+        return;
+    }
+    const el = e.target;
+    if (!el)
+        return;
+    showPickerOutline(el.getBoundingClientRect());
+};
+// Close the steps popover when clicking outside it (or the toggle button).
+// We listen in the bubble phase so the toggle's own stopPropagation can
+// preempt this, and we bail if the click landed inside the panel.
+const onOutsideClick = (e) => {
+    if (!panelOpen)
+        return;
+    const target = e.target;
+    if (!target)
+        return;
+    if (target.closest(".kagemusha-steps-panel"))
+        return;
+    if (target.closest("#kg-steps-toggle"))
+        return;
+    closePanel();
+};
+// --- Step builder buttons ---
+const promptForWaitMs = () => {
+    const raw = window.prompt("Wait for how many milliseconds?", "3000");
+    if (raw === null)
+        return;
+    const ms = Number.parseInt(raw, 10);
+    if (Number.isNaN(ms) || ms <= 0)
+        return;
+    state.recordedSteps.push({ action: "wait", ms });
+    renderPanel();
+};
+// --- Init ---
+export const initRecord = (svg) => {
+    svgRef = svg;
+    ensurePanel();
+    document
+        .getElementById("kg-record")
+        ?.addEventListener("click", () => setRecording(!state.recording));
+    document
+        .getElementById("kg-rec-wait")
+        ?.addEventListener("click", () => promptForWaitMs());
+    document
+        .getElementById("kg-rec-wfs")
+        ?.addEventListener("click", () => startPicker("waitForSelector"));
+    document
+        .getElementById("kg-rec-hover")
+        ?.addEventListener("click", () => startPicker("hover"));
+    document.getElementById("kg-steps-toggle")?.addEventListener("click", (e) => {
+        e.stopPropagation();
+        togglePanel();
+    });
+    // Capture-phase listeners on document — we want first dibs so we can
+    // observe events on elements that stopPropagation later.
+    document.addEventListener("click", onClickCapture, true);
+    document.addEventListener("change", onChangeCapture, true);
+    document.addEventListener("keydown", onKeyDownCapture, true);
+    document.addEventListener("mousemove", onMouseMoveCapture, true);
+    // Outside click closes the panel. Use bubble phase so that clicks on the
+    // toggle / inside the panel can suppress this via stopPropagation /
+    // closest checks before it reaches here.
+    document.addEventListener("click", onOutsideClick);
+    updateToolbarLockState();
+    renderPanel();
+};
+// Called by bridge on load to seed from existing definition.beforeCapture.
+export const loadSteps = (steps) => {
+    state.recordedSteps = [...steps];
+    renderPanel();
+};
+// Called by bridge on save.
+export const serializeSteps = () => [...state.recordedSteps];
+//# sourceMappingURL=record.js.map

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

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

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

@@ -0,0 +1,6 @@
+export interface SelectorResult {
+    selector: string;
+    quality: "good" | "fallback";
+}
+export declare const computeSelector: (raw: Element) => SelectorResult;
+//# sourceMappingURL=selector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selector.d.ts","sourceRoot":"","sources":["../../../src/editor/inject-script/selector.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,cAAc;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,GAAG,UAAU,CAAC;CAC7B;AAwED,eAAO,MAAM,eAAe,GAAI,KAAK,OAAO,KAAG,cAkC9C,CAAC"}

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

@@ -0,0 +1,112 @@
+// Selector strategy — compute a Playwright-compatible selector string for a
+// recorded element. Priority order targets stability:
+//
+//   1. data-testid           — explicit test hook, the most stable signal
+//   2. aria-label            — semantic, survives layout/style changes
+//   3. role + text (button/link with short text content)
+//   4. text="..."            — exact text match
+//   5. minimal CSS path      — fallback when nothing better is available
+//
+// Returns `{ selector, quality }`. `quality: "fallback"` means the result
+// is a brittle CSS path; the steps panel surfaces this with a ⚠ icon so
+// the user knows to add a data-testid to that element.
+//
+// Pure function — no DOM mutation, no editor state. Tested without a page.
+const escapeQuotes = (s) => s.replace(/"/g, '\\"');
+// Roughly mirrors Playwright's role inference for elements without an
+// explicit `role` attribute. Limited to the cases the editor cares about.
+const inferRole = (el) => {
+    const tag = el.tagName;
+    if (tag === "BUTTON")
+        return "button";
+    if (tag === "A" && el.hasAttribute("href"))
+        return "link";
+    if (tag === "INPUT") {
+        const type = el.type;
+        if (type === "button" || type === "submit")
+            return "button";
+        if (type === "checkbox")
+            return "checkbox";
+        if (type === "radio")
+            return "radio";
+    }
+    return null;
+};
+const isInteractiveAncestor = (el) => {
+    // Walk up to the nearest interactive ancestor — useful when the user
+    // clicks on an icon inside a <button>.
+    let cur = el;
+    while (cur) {
+        if (cur.tagName === "BUTTON" ||
+            cur.tagName === "A" ||
+            cur.getAttribute("role") === "button" ||
+            cur.getAttribute("role") === "link" ||
+            cur.hasAttribute("data-testid")) {
+            return cur;
+        }
+        cur = cur.parentElement;
+    }
+    return null;
+};
+// Build a stable-ish CSS selector by walking up to the first ancestor with
+// a unique id/class, then using nth-child from there. We deliberately keep
+// the result short (max 4 segments) — long paths are signal that nothing
+// stable was available, and the user should add a data-testid.
+const cssPath = (el) => {
+    const parts = [];
+    let cur = el;
+    let depth = 0;
+    while (cur && depth < 4 && cur !== document.body) {
+        const node = cur;
+        const tag = node.tagName;
+        let segment = tag.toLowerCase();
+        const id = node.id;
+        if (id && /^[a-zA-Z][\w-]*$/.test(id)) {
+            parts.unshift(`#${id}`);
+            break;
+        }
+        const parent = node.parentElement;
+        if (parent) {
+            const siblings = Array.from(parent.children).filter((c) => c.tagName === tag);
+            if (siblings.length > 1) {
+                const idx = siblings.indexOf(node) + 1;
+                segment += `:nth-of-type(${idx})`;
+            }
+        }
+        parts.unshift(segment);
+        cur = parent;
+        depth++;
+    }
+    return parts.join(" > ");
+};
+export const computeSelector = (raw) => {
+    // Prefer an interactive ancestor — clicks on icons inside buttons should
+    // select the button.
+    const el = isInteractiveAncestor(raw) ?? raw;
+    const testId = el.getAttribute("data-testid");
+    if (testId) {
+        return {
+            selector: `[data-testid="${escapeQuotes(testId)}"]`,
+            quality: "good",
+        };
+    }
+    const ariaLabel = el.getAttribute("aria-label");
+    if (ariaLabel) {
+        return {
+            selector: `[aria-label="${escapeQuotes(ariaLabel)}"]`,
+            quality: "good",
+        };
+    }
+    const role = el.getAttribute("role") ?? inferRole(el);
+    const text = el.textContent?.trim();
+    if (role && text && text.length > 0 && text.length < 50) {
+        // Playwright recognizes `text="..."` as an exact-match selector,
+        // which is more reliable than role= for kagemusha's use case.
+        return { selector: `text="${escapeQuotes(text)}"`, quality: "good" };
+    }
+    if (text && text.length > 0 && text.length < 50 && !/\n/.test(text)) {
+        return { selector: `text="${escapeQuotes(text)}"`, quality: "good" };
+    }
+    return { selector: cssPath(el), quality: "fallback" };
+};
+//# sourceMappingURL=selector.js.map

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

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

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

@@ -0,0 +1,27 @@
+import type { Annotation, CaptureAction, CropDragState, DragState, Tool } from "./types.js";
+export declare const SVG_NS = "http://www.w3.org/2000/svg";
+export declare const HANDLE_SIZE = 10;
+export declare const MIN_CROP = 10;
+export type PickerKind = "hover" | "waitForSelector";
+interface EditorState {
+    tool: Tool;
+    annotations: Annotation[];
+    selectedId: string | null;
+    dragState: DragState | null;
+    nextId: number;
+    captureMode: "fullPage" | "crop";
+    captureCrop: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    } | null;
+    cropDragState: CropDragState | null;
+    recordedSteps: CaptureAction[];
+    recording: boolean;
+    pickerKind: PickerKind | null;
+}
+export declare const state: EditorState;
+export declare const allocateAnnotationId: () => string;
+export {};
+//# sourceMappingURL=state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/editor/inject-script/state.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACX,UAAU,EACV,aAAa,EACb,aAAa,EACb,SAAS,EACT,IAAI,EACJ,MAAM,YAAY,CAAC;AAIpB,eAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,QAAQ,KAAK,CAAC;AAU3B,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,iBAAiB,CAAC;AAErD,UAAU,WAAW;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC;IAIf,WAAW,EAAE,UAAU,GAAG,MAAM,CAAC;IACjC,WAAW,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACnE,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IAKpC,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,KAAK,EAAE,WAYnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,MAA8B,CAAC"}

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

@@ -0,0 +1,26 @@
+// Centralized editor state. Putting all mutable state in one place is the
+// boundary we'll cross when porting to a hosted GUI: the React/Vue version
+// will replace this with a reactive store while keeping the surface area
+// (state shape + getters) identical.
+//
+// Don't read these fields directly from DOM modules — go through getters so
+// the same module works against both this plain object and a future store.
+// --- Constants ---
+export const SVG_NS = "http://www.w3.org/2000/svg";
+export const HANDLE_SIZE = 10;
+export const MIN_CROP = 10;
+export const state = {
+    tool: "rect",
+    annotations: [],
+    selectedId: null,
+    dragState: null,
+    nextId: 1,
+    captureMode: "fullPage",
+    captureCrop: null,
+    cropDragState: null,
+    recordedSteps: [],
+    recording: false,
+    pickerKind: null,
+};
+export const allocateAnnotationId = () => `a${state.nextId++}`;
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/editor/inject-script/state.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,2EAA2E;AAC3E,yEAAyE;AACzE,qCAAqC;AACrC,EAAE;AACF,4EAA4E;AAC5E,2EAA2E;AAU3E,oBAAoB;AAEpB,MAAM,CAAC,MAAM,MAAM,GAAG,4BAA4B,CAAC;AACnD,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,CAAC;AAiC3B,MAAM,CAAC,MAAM,KAAK,GAAgB;IACjC,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,EAAE;IACf,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,UAAU;IACvB,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,EAAE;IACjB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAW,EAAE,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC"}

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

@@ -0,0 +1,7 @@
+export declare const initSvgLayer: () => {
+    svg: SVGElement;
+    captureGroup: SVGGElement;
+};
+export declare const getSvg: () => SVGElement;
+export declare const getCaptureGroup: () => SVGGElement;
+//# sourceMappingURL=svg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../../src/editor/inject-script/svg.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,QAAO;IAC/B,GAAG,EAAE,UAAU,CAAC;IAChB,YAAY,EAAE,WAAW,CAAC;CA2B1B,CAAC;AAEF,eAAO,MAAM,MAAM,QAAO,UAGzB,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,WAGlC,CAAC"}