@wasao/kagemusha 0.1.0 → 0.1.1

package/dist/editor/inject.js

@@ -0,0 +1,385 @@
+// This script is injected into the target page to provide annotation editing.
+// It adds a toolbar and SVG overlay layer on top of the actual page.
+export const EDITOR_SCRIPT = `
+(function() {
+  const TOOLBAR_HEIGHT = 48;
+  const svgNS = 'http://www.w3.org/2000/svg';
+
+  let tool = 'rect';
+  let annotations = [];
+  let selectedId = null;
+  let dragState = null;
+  let nextId = 1;
+
+  // --- GLOBAL STATE (single object to avoid namespace pollution) ---
+  window.__kagemusha = window.__kagemusha || { dpr: 1, saved: null };
+
+  // --- TOOLBAR ---
+  const toolbar = document.createElement('div');
+  toolbar.id = 'kagemusha-toolbar';
+  toolbar.innerHTML = \`
+    <style>
+      #kagemusha-toolbar {
+        position: fixed; top: 0; left: 0; right: 0; z-index: 999999;
+        background: #16213e; padding: 8px 16px; display: flex; align-items: center; gap: 12px;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.3); font-family: -apple-system, sans-serif;
+      }
+      #kagemusha-toolbar button {
+        padding: 6px 14px; 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 .sep { width: 1px; height: 24px; background: #444; }
+      #kagemusha-toolbar .title { color: #888; font-size: 13px; }
+      #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: 999998; pointer-events: none;
+      }
+      #kagemusha-svg-layer.drawing { pointer-events: auto; cursor: crosshair; }
+      #kagemusha-svg-layer .annotation { pointer-events: auto; cursor: move; }
+      #kagemusha-svg-layer .annotation.selected { filter: drop-shadow(0 0 3px #6366f1); }
+      .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: 999999; font-family: -apple-system, sans-serif;
+      }
+    </style>
+    <span class="title">🥷 Annotation Editor</span>
+    <button id="kg-tool-rect" class="active">▭ Rectangle</button>
+    <button id="kg-tool-arrow">→ Arrow</button>
+    <button id="kg-tool-label">T Label</button>
+    <div class="sep"></div>
+    <button id="kg-delete">🗑 Delete</button>
+    <button class="save-btn" id="kg-save">💾 Save</button>
+  \`;
+  document.body.appendChild(toolbar);
+  document.body.style.paddingTop = TOOLBAR_HEIGHT + 'px';
+
+  // Hint
+  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.body.appendChild(hint);
+
+  // --- SVG LAYER ---
+  const svg = document.createElementNS(svgNS, 'svg');
+  svg.id = 'kagemusha-svg-layer';
+  svg.classList.add('drawing');
+  document.body.appendChild(svg);
+
+  function updateSvgSize() {
+    svg.setAttribute('width', String(window.innerWidth));
+    svg.setAttribute('height', String(document.documentElement.scrollHeight));
+  }
+  updateSvgSize();
+  window.addEventListener('resize', updateSvgSize);
+
+  const defs = document.createElementNS(svgNS, '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);
+
+  // --- TOOLS ---
+  function setTool(t) {
+    tool = t;
+    document.querySelectorAll('#kagemusha-toolbar button').forEach(b => b.classList.remove('active'));
+    const btn = document.getElementById('kg-tool-' + t);
+    if (btn) btn.classList.add('active');
+    svg.classList.toggle('drawing', true);
+    deselectAll();
+  }
+
+  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-delete').addEventListener('click', deleteSelected);
+  document.getElementById('kg-save').addEventListener('click', save);
+
+  function deselectAll() {
+    selectedId = null;
+    svg.querySelectorAll('.annotation').forEach(el => el.classList.remove('selected'));
+  }
+
+  function selectEl(el) {
+    deselectAll();
+    selectedId = el.dataset.id;
+    el.classList.add('selected');
+  }
+
+  function deleteSelected() {
+    if (!selectedId) return;
+    const el = svg.querySelector('[data-id="' + selectedId + '"]');
+    if (el) el.remove();
+    annotations = annotations.filter(a => a.id !== selectedId);
+    selectedId = null;
+  }
+
+  document.addEventListener('keydown', e => {
+    if (e.key === 'Delete' || e.key === 'Backspace') {
+      if (document.activeElement.tagName === 'INPUT') return;
+      deleteSelected();
+    }
+  });
+
+  // --- MOUSE HANDLING ---
+  function getPos(e) {
+    return { x: e.pageX, y: e.pageY };
+  }
+
+  function startMove(e, id) {
+    e.stopPropagation();
+    const el = svg.querySelector('[data-id="' + id + '"]');
+    selectEl(el);
+    const p = getPos(e);
+    dragState = { type: 'move', id, el, lastX: p.x, lastY: p.y };
+  }
+
+  // --- LABEL: measure text width using SVG getBBox ---
+  function measureTextWidth(text, fontSize) {
+    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;
+  }
+
+  function createLabelGroup(id, x, y, text, fontSize) {
+    fontSize = fontSize || 14;
+    const g = document.createElementNS(svgNS, 'g');
+    g.classList.add('annotation');
+    g.dataset.id = id;
+    const bg = document.createElementNS(svgNS, 'rect');
+    const txt = document.createElementNS(svgNS, 'text');
+    txt.textContent = text;
+    txt.setAttribute('x', String(x + 6));
+    txt.setAttribute('y', String(y + 16));
+    txt.setAttribute('fill', '#FF0000');
+    txt.setAttribute('font-size', String(fontSize));
+    txt.setAttribute('font-family', '-apple-system, sans-serif');
+    const tw = measureTextWidth(text, fontSize) + 12;
+    bg.setAttribute('x', String(x));
+    bg.setAttribute('y', String(y));
+    bg.setAttribute('width', String(tw));
+    bg.setAttribute('height', '24');
+    bg.setAttribute('fill', '#FFFFFF');
+    bg.setAttribute('rx', '4');
+    g.appendChild(bg);
+    g.appendChild(txt);
+    return g;
+  }
+
+  svg.addEventListener('mousedown', e => {
+    if (e.target.closest('.annotation')) return;
+    const p = getPos(e);
+    deselectAll();
+
+    if (tool === 'rect') {
+      const id = 'a' + nextId++;
+      const rect = document.createElementNS(svgNS, 'rect');
+      rect.setAttribute('x', p.x);
+      rect.setAttribute('y', p.y);
+      rect.setAttribute('width', '0');
+      rect.setAttribute('height', '0');
+      rect.setAttribute('fill', 'none');
+      rect.setAttribute('stroke', '#FF0000');
+      rect.setAttribute('stroke-width', '3');
+      rect.setAttribute('rx', '4');
+      rect.classList.add('annotation');
+      rect.dataset.id = id;
+      svg.appendChild(rect);
+      dragState = { type: 'create-rect', id, el: rect, sx: p.x, sy: p.y };
+    } else if (tool === 'arrow') {
+      const id = 'a' + nextId++;
+      const line = document.createElementNS(svgNS, 'line');
+      line.setAttribute('x1', p.x);
+      line.setAttribute('y1', p.y);
+      line.setAttribute('x2', p.x);
+      line.setAttribute('y2', p.y);
+      line.setAttribute('stroke', '#FF0000');
+      line.setAttribute('stroke-width', '3');
+      line.setAttribute('marker-end', 'url(#kg-arrowhead)');
+      line.classList.add('annotation');
+      line.dataset.id = id;
+      svg.appendChild(line);
+      dragState = { type: 'create-arrow', id, el: line, sx: p.x, sy: p.y };
+    } else if (tool === 'label') {
+      const id = 'a' + nextId++;
+      const input = document.createElement('input');
+      input.type = 'text';
+      input.value = '';
+      input.placeholder = 'Type label...';
+      input.style.cssText = 'position:fixed;z-index:9999999;padding:4px 8px;background:#fff;border:none;border-radius:4px;color:#FF0000;font-size:14px;font-family:-apple-system,sans-serif;outline:2px solid #6366f1;min-width:80px;box-shadow:0 2px 8px rgba(0,0,0,0.2);';
+      input.style.left = (e.clientX) + 'px';
+      input.style.top = (e.clientY) + 'px';
+      document.body.appendChild(input);
+      svg.classList.remove('drawing');
+      setTimeout(() => input.focus(), 50);
+
+      let labelFinished = false;
+      function finishLabel() {
+        if (labelFinished) return;
+        labelFinished = true;
+        const text = input.value.trim();
+        input.remove();
+        svg.classList.add('drawing');
+        if (!text) return;
+
+        const g = createLabelGroup(id, p.x, p.y, text);
+        svg.appendChild(g);
+        annotations.push({ id, type: 'label', x: p.x, y: p.y, text });
+        selectEl(g);
+        g.addEventListener('mousedown', e => startMove(e, id));
+      }
+
+      input.addEventListener('keydown', e => {
+        if (e.key === 'Enter') finishLabel();
+        if (e.key === 'Escape') { labelFinished = true; input.remove(); svg.classList.add('drawing'); }
+      });
+      input.addEventListener('blur', finishLabel);
+    }
+  });
+
+  document.addEventListener('mousemove', e => {
+    if (!dragState) return;
+    const p = getPos(e);
+
+    if (dragState.type === 'create-rect') {
+      const el = dragState.el;
+      el.setAttribute('x', Math.min(dragState.sx, p.x));
+      el.setAttribute('y', Math.min(dragState.sy, p.y));
+      el.setAttribute('width', Math.abs(p.x - dragState.sx));
+      el.setAttribute('height', Math.abs(p.y - dragState.sy));
+    } else if (dragState.type === 'create-arrow') {
+      dragState.el.setAttribute('x2', p.x);
+      dragState.el.setAttribute('y2', p.y);
+    } else if (dragState.type === 'move') {
+      const a = annotations.find(a => a.id === dragState.id);
+      if (!a) return;
+      const dx = p.x - dragState.lastX;
+      const dy = p.y - dragState.lastY;
+      dragState.lastX = p.x;
+      dragState.lastY = p.y;
+
+      if (a.type === 'rect') {
+        a.x += dx; a.y += dy;
+        dragState.el.setAttribute('x', a.x);
+        dragState.el.setAttribute('y', a.y);
+      } else if (a.type === 'arrow') {
+        a.fromX += dx; a.fromY += dy; a.toX += dx; a.toY += dy;
+        dragState.el.setAttribute('x1', a.fromX);
+        dragState.el.setAttribute('y1', a.fromY);
+        dragState.el.setAttribute('x2', a.toX);
+        dragState.el.setAttribute('y2', a.toY);
+      } else if (a.type === 'label') {
+        a.x += dx; a.y += dy;
+        const bg = dragState.el.querySelector('rect');
+        const txt = dragState.el.querySelector('text');
+        bg.setAttribute('x', a.x);
+        bg.setAttribute('y', a.y);
+        txt.setAttribute('x', a.x + 6);
+        txt.setAttribute('y', a.y + 16);
+      }
+    }
+  });
+
+  document.addEventListener('mouseup', e => {
+    if (!dragState) return;
+    const p = getPos(e);
+
+    if (dragState.type === 'create-rect') {
+      const w = Math.abs(p.x - dragState.sx);
+      const h = Math.abs(p.y - dragState.sy);
+      if (w < 5 && h < 5) { dragState.el.remove(); }
+      else {
+        const a = { id: dragState.id, type: 'rect', x: Math.min(dragState.sx, p.x), y: Math.min(dragState.sy, p.y), width: w, height: h };
+        annotations.push(a);
+        selectEl(dragState.el);
+        dragState.el.addEventListener('mousedown', e => startMove(e, dragState.id));
+      }
+    } else if (dragState.type === 'create-arrow') {
+      const dist = Math.hypot(p.x - dragState.sx, p.y - dragState.sy);
+      if (dist < 5) { dragState.el.remove(); }
+      else {
+        const a = { id: dragState.id, type: 'arrow', fromX: dragState.sx, fromY: dragState.sy, toX: p.x, toY: p.y };
+        annotations.push(a);
+        selectEl(dragState.el);
+        dragState.el.addEventListener('mousedown', e => startMove(e, dragState.id));
+      }
+    }
+    dragState = null;
+  });
+
+  // --- LOAD EXISTING ---
+  window.__kagemusha.loadAnnotations = function(decorations) {
+    const dpr = window.__kagemusha.dpr || 1;
+    decorations.forEach(d => {
+      const id = 'a' + nextId++;
+      if (d.type === 'rect' && d.target && 'x' in d.target) {
+        const rx = d.target.x / dpr, ry = d.target.y / dpr + TOOLBAR_HEIGHT;
+        const rw = d.target.width / dpr, rh = d.target.height / dpr;
+        const rect = document.createElementNS(svgNS, 'rect');
+        rect.setAttribute('x', rx);
+        rect.setAttribute('y', ry);
+        rect.setAttribute('width', rw);
+        rect.setAttribute('height', rh);
+        rect.setAttribute('fill', 'none');
+        rect.setAttribute('stroke', d.style?.color || '#FF0000');
+        rect.setAttribute('stroke-width', '3');
+        rect.setAttribute('rx', '4');
+        rect.classList.add('annotation');
+        rect.dataset.id = id;
+        svg.appendChild(rect);
+        annotations.push({ id, type: 'rect', x: rx, y: ry, width: rw, height: rh });
+        rect.addEventListener('mousedown', e => startMove(e, id));
+      } else if (d.type === 'arrow' && d.from && 'x' in d.from) {
+        const ax1 = d.from.x / dpr, ay1 = d.from.y / dpr + TOOLBAR_HEIGHT;
+        const ax2 = d.to.x / dpr, ay2 = d.to.y / dpr + TOOLBAR_HEIGHT;
+        const line = document.createElementNS(svgNS, 'line');
+        line.setAttribute('x1', ax1);
+        line.setAttribute('y1', ay1);
+        line.setAttribute('x2', ax2);
+        line.setAttribute('y2', ay2);
+        line.setAttribute('stroke', d.style?.color || '#FF0000');
+        line.setAttribute('stroke-width', '3');
+        line.setAttribute('marker-end', 'url(#kg-arrowhead)');
+        line.classList.add('annotation');
+        line.dataset.id = id;
+        svg.appendChild(line);
+        annotations.push({ id, type: 'arrow', fromX: ax1, fromY: ay1, toX: ax2, toY: ay2 });
+        line.addEventListener('mousedown', e => startMove(e, id));
+      } else if (d.type === 'label' && d.position && 'x' in d.position) {
+        const lx = d.position.x / dpr, ly = d.position.y / dpr + TOOLBAR_HEIGHT;
+        const fontSize = (d.style?.fontSize || 14) / dpr;
+        const g = createLabelGroup(id, lx, ly, d.text, fontSize);
+        svg.appendChild(g);
+        annotations.push({ id, type: 'label', x: lx, y: ly, text: d.text });
+        g.addEventListener('mousedown', e => startMove(e, id));
+      }
+    });
+  };
+
+  // --- SAVE ---
+  function save() {
+    const dpr = window.__kagemusha.dpr || 1;
+    const s = Math.round;
+    const decorations = annotations.map(a => {
+      if (a.type === 'rect') {
+        return { type: 'rect', target: { x: s(a.x * dpr), y: s((a.y - TOOLBAR_HEIGHT) * dpr), width: s(a.width * dpr), height: s(a.height * dpr) }, style: { color: '#FF0000', strokeWidth: s(3 * dpr) } };
+      } else if (a.type === 'arrow') {
+        return { type: 'arrow', from: { x: s(a.fromX * dpr), y: s((a.fromY - TOOLBAR_HEIGHT) * dpr) }, to: { x: s(a.toX * dpr), y: s((a.toY - TOOLBAR_HEIGHT) * dpr) }, style: { color: '#FF0000', strokeWidth: s(3 * dpr) } };
+      } else if (a.type === 'label') {
+        return { type: 'label', text: a.text, position: { x: s(a.x * dpr), y: s((a.y - TOOLBAR_HEIGHT) * dpr) }, style: { fontSize: s(14 * dpr), color: '#FF0000', background: '#FFFFFF' } };
+      }
+    }).filter(Boolean);
+
+    window.__kagemusha.saved = decorations;
+    document.title = 'KAGEMUSHA_SAVED';
+  }
+})();
+`;
+//# sourceMappingURL=inject.js.map

package/dist/editor/inject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject.js","sourceRoot":"","sources":["../../src/editor/inject.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,qEAAqE;AAErE,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6X5B,CAAC"}

package/dist/index.js

@@ -2,8 +2,8 @@
 import chalk from "chalk";
 import { Command } from "commander";
 import { captureCommand } from "./commands/capture.js";
+import { editCommand } from "./commands/edit.js";
 import { initCommand } from "./commands/init.js";
-import { previewCommand } from "./commands/preview.js";
 import { runCommand } from "./commands/run.js";
 import { validateCommand } from "./commands/validate.js";
 const BANNER = `
@@ -35,12 +35,13 @@ program
     .description("Capture screenshots only")
     .option("--ids <ids>", "Comma-separated screenshot definition IDs")
     .option("--all", "Capture all definitions")
+    .option("--open", "Open screenshots in browser after capture")
     .action(captureCommand);
 program
-    .command("preview")
-    .description("Preview screenshots locally (opens browser)")
-    .option("--id <id>", "Preview a specific definition")
-    .action(previewCommand);
+    .command("edit")
+    .description("Open visual annotation editor for a screenshot")
+    .option("--id <id>", "Screenshot definition ID to edit")
+    .action(editCommand);
 program
     .command("validate")
     .description("Validate config and definition files")

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,MAAM,GAAG;IACX,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC/C,KAAK,CAAC,GAAG,CAAC,4CAA4C,CAAC;;IAEvD,KAAK,CAAC,KAAK,CAAC,qCAAqC,CAAC;IAClD,KAAK,CAAC,KAAK,CAAC,yBAAyB,CAAC;CACzC,CAAC;AAEF,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACL,IAAI,CAAC,WAAW,CAAC;KACjB,OAAO,CAAC,OAAO,CAAC;KAChB,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC;KAChC,aAAa,CAAC;IACd,eAAe,EAAE,KAAK;CACtB,CAAC,CAAC;AAEJ,OAAO;KACL,OAAO,CAAC,MAAM,CAAC;KACf,WAAW,CACX,oEAAoE,CACpE;KACA,MAAM,CAAC,WAAW,CAAC,CAAC;AAEtB,OAAO;KACL,OAAO,CAAC,KAAK,CAAC;KACd,WAAW,CAAC,2CAA2C,CAAC;KACxD,MAAM,CAAC,aAAa,EAAE,2CAA2C,CAAC;KAClE,MAAM,CAAC,UAAU,CAAC,CAAC;AAErB,OAAO;KACL,OAAO,CAAC,SAAS,CAAC;KAClB,WAAW,CAAC,0BAA0B,CAAC;KACvC,MAAM,CAAC,aAAa,EAAE,2CAA2C,CAAC;KAClE,MAAM,CAAC,OAAO,EAAE,yBAAyB,CAAC;KAC1C,MAAM,CAAC,cAAc,CAAC,CAAC;AAEzB,OAAO;KACL,OAAO,CAAC,SAAS,CAAC;KAClB,WAAW,CAAC,6CAA6C,CAAC;KAC1D,MAAM,CAAC,WAAW,EAAE,+BAA+B,CAAC;KACpD,MAAM,CAAC,cAAc,CAAC,CAAC;AAEzB,OAAO;KACL,OAAO,CAAC,UAAU,CAAC;KACnB,WAAW,CAAC,sCAAsC,CAAC;KACnD,MAAM,CAAC,eAAe,CAAC,CAAC;AAE1B,mBAAmB;AACnB,OAAO;KACL,OAAO,CAAC,SAAS,CAAC;KAClB,WAAW,CACX,4CAA4C,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAC3E;KACA,MAAM,CAAC,GAAG,EAAE;IACZ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC,CAAC;AAEJ,OAAO;KACL,OAAO,CAAC,SAAS,CAAC;KAClB,WAAW,CACX,sDAAsD;IACrD,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAC9B;KACA,MAAM,CAAC,GAAG,EAAE;IACZ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC,CAAC;AAEJ,OAAO,CAAC,KAAK,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,MAAM,MAAM,GAAG;IACX,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;IAC/C,KAAK,CAAC,GAAG,CAAC,4CAA4C,CAAC;;IAEvD,KAAK,CAAC,KAAK,CAAC,qCAAqC,CAAC;IAClD,KAAK,CAAC,KAAK,CAAC,yBAAyB,CAAC;CACzC,CAAC;AAEF,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACL,IAAI,CAAC,WAAW,CAAC;KACjB,OAAO,CAAC,OAAO,CAAC;KAChB,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC;KAChC,aAAa,CAAC;IACd,eAAe,EAAE,KAAK;CACtB,CAAC,CAAC;AAEJ,OAAO;KACL,OAAO,CAAC,MAAM,CAAC;KACf,WAAW,CACX,oEAAoE,CACpE;KACA,MAAM,CAAC,WAAW,CAAC,CAAC;AAEtB,OAAO;KACL,OAAO,CAAC,KAAK,CAAC;KACd,WAAW,CAAC,2CAA2C,CAAC;KACxD,MAAM,CAAC,aAAa,EAAE,2CAA2C,CAAC;KAClE,MAAM,CAAC,UAAU,CAAC,CAAC;AAErB,OAAO;KACL,OAAO,CAAC,SAAS,CAAC;KAClB,WAAW,CAAC,0BAA0B,CAAC;KACvC,MAAM,CAAC,aAAa,EAAE,2CAA2C,CAAC;KAClE,MAAM,CAAC,OAAO,EAAE,yBAAyB,CAAC;KAC1C,MAAM,CAAC,QAAQ,EAAE,2CAA2C,CAAC;KAC7D,MAAM,CAAC,cAAc,CAAC,CAAC;AAEzB,OAAO;KACL,OAAO,CAAC,MAAM,CAAC;KACf,WAAW,CAAC,gDAAgD,CAAC;KAC7D,MAAM,CAAC,WAAW,EAAE,kCAAkC,CAAC;KACvD,MAAM,CAAC,WAAW,CAAC,CAAC;AAEtB,OAAO;KACL,OAAO,CAAC,UAAU,CAAC;KACnB,WAAW,CAAC,sCAAsC,CAAC;KACnD,MAAM,CAAC,eAAe,CAAC,CAAC;AAE1B,mBAAmB;AACnB,OAAO;KACL,OAAO,CAAC,SAAS,CAAC;KAClB,WAAW,CACX,4CAA4C,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAC3E;KACA,MAAM,CAAC,GAAG,EAAE;IACZ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC,CAAC;AAEJ,OAAO;KACL,OAAO,CAAC,SAAS,CAAC;KAClB,WAAW,CACX,sDAAsD;IACrD,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAC9B;KACA,MAAM,CAAC,GAAG,EAAE;IACZ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,sCAAsC,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC,CAAC;AAEJ,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/dist/lib/annotate.js

@@ -86,7 +86,7 @@ function renderLabel(dec) {
     return `
     <rect x="${pos.x - paddingX}" y="${pos.y - textHeight - paddingY}"
       width="${textWidth + paddingX * 2}" height="${textHeight + paddingY * 2}"
-      rx="4" ry="4" fill="${bg}" stroke="${color}" stroke-width="1" />
+      rx="4" ry="4" fill="${bg}" />
     <text x="${pos.x}" y="${pos.y}" font-size="${fontSize}"
       fill="${color}" font-family="sans-serif">${escapeXml(dec.text)}</text>
   `;

package/dist/lib/annotate.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wasao/kagemusha",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Auto-update help center screenshots when your code changes. The shadow warrior for your documentation.",
   "type": "module",
   "exports": {