annotask 0.0.0

package/dist/chunk-2TUWBFQG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/toggle-button.ts","../src/plugin/bridge-client.ts"],"sourcesContent":["/**\n * Tiny script injected into the user's page that renders a floating\n * Annotask toggle button in the bottom-right corner.\n * Clicking it opens /__annotask/ in a new tab.\n */\nexport function toggleButtonScript(serverUrl?: string): string {\n  const annotaskUrl = serverUrl ? `${serverUrl}/__annotask/` : '/__annotask/'\n  return `\n(function() {\n  // Don't inject inside the Annotask shell itself\n  if (window.location.pathname.startsWith('/__annotask')) return;\n\n  const btn = document.createElement('button');\n  btn.innerHTML = \\`<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/><path d=\"M3 9h18\"/><path d=\"M9 21V9\"/></svg>\\`;\n  btn.title = 'Open Annotask';\n  btn.setAttribute('aria-label', 'Open Annotask design tool');\n\n  Object.assign(btn.style, {\n    position: 'fixed',\n    bottom: '16px',\n    right: '16px',\n    zIndex: '2147483647',\n    width: '40px',\n    height: '40px',\n    borderRadius: '10px',\n    border: 'none',\n    background: '#18181b',\n    color: '#fafafa',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    boxShadow: '0 2px 8px rgba(0,0,0,0.3)',\n    transition: 'transform 0.15s, box-shadow 0.15s',\n    opacity: '0.8',\n  });\n\n  btn.addEventListener('mouseenter', () => {\n    btn.style.transform = 'scale(1.1)';\n    btn.style.opacity = '1';\n    btn.style.boxShadow = '0 4px 16px rgba(0,0,0,0.4)';\n  });\n  btn.addEventListener('mouseleave', () => {\n    btn.style.transform = 'scale(1)';\n    btn.style.opacity = '0.8';\n    btn.style.boxShadow = '0 2px 8px rgba(0,0,0,0.3)';\n  });\n\n  btn.addEventListener('click', () => {\n    var appOrigin = window.location.origin;\n    var url = '${annotaskUrl}' + '?appUrl=' + encodeURIComponent(appOrigin + '/');\n    window.open(url, '_blank');\n  });\n\n  document.body.appendChild(btn);\n})();\n`.trim()\n}\n","/**\n * Client bridge script injected into the user's app.\n * Communicates with the Annotask shell via postMessage.\n * Handles all DOM interactions: hover, click, style reads/writes,\n * element resolution, layout scanning, etc.\n *\n * Returned as an inline string (same pattern as toggle-button.ts).\n */\nexport function bridgeClientScript(): string {\n  return `\n(function() {\n  // Don't run inside the Annotask shell\n  if (window.location.pathname.startsWith('/__annotask')) return;\n  // Don't run if already initialized\n  if (window.__ANNOTASK_BRIDGE__) return;\n  window.__ANNOTASK_BRIDGE__ = true;\n\n  // ── Element Registry ──────────────────────────────────\n  var eidCounter = 0;\n  var eidMap = new Map();   // eid string → WeakRef<Element>\n  var elToEid = new WeakMap(); // Element → eid string\n\n  function getEid(el) {\n    if (!el) return null;\n    var existing = elToEid.get(el);\n    if (existing) return existing;\n    eidCounter++;\n    var eid = 'e-' + eidCounter;\n    eidMap.set(eid, new WeakRef(el));\n    elToEid.set(el, eid);\n    return eid;\n  }\n\n  function getEl(eid) {\n    var ref = eidMap.get(eid);\n    return ref ? ref.deref() || null : null;\n  }\n\n  // ── PostMessage Helpers ───────────────────────────────\n  var shellOrigin = '*'; // Will be tightened on first shell message\n\n  function sendToShell(type, payload, id) {\n    var msg = { type: type, payload: payload || {}, source: 'annotask-client' };\n    if (id) msg.id = id;\n    window.parent.postMessage(msg, shellOrigin);\n  }\n\n  function respond(id, payload) {\n    sendToShell(null, payload, id);\n    // type is not needed for responses — shell matches by id\n  }\n\n  // ── Source Element Resolution ─────────────────────────\n  function hasSourceAttr(el) {\n    return el.hasAttribute && (el.hasAttribute('data-annotask-file') || el.hasAttribute('data-astro-source-file'));\n  }\n\n  function findSourceElement(el) {\n    var c = el;\n    while (c) {\n      if (hasSourceAttr(c)) return { sourceEl: c, targetEl: el };\n      c = c.parentElement;\n    }\n    return { sourceEl: el, targetEl: el };\n  }\n\n  function getSourceData(el) {\n    // Prefer data-annotask-* attributes, fall back to data-astro-source-* (Astro framework)\n    var file = el.getAttribute('data-annotask-file') || '';\n    var line = el.getAttribute('data-annotask-line') || '';\n    var component = el.getAttribute('data-annotask-component') || '';\n\n    if (!file && el.getAttribute('data-astro-source-file')) {\n      var astroFile = el.getAttribute('data-astro-source-file') || '';\n      // Convert absolute path to project-relative by finding src/ prefix\n      var srcIdx = astroFile.indexOf('/src/');\n      file = srcIdx !== -1 ? astroFile.slice(srcIdx + 1) : astroFile;\n    }\n    if ((!line || line === '0') && el.getAttribute('data-astro-source-loc')) {\n      // data-astro-source-loc format: \"line:col\"\n      line = (el.getAttribute('data-astro-source-loc') || '').split(':')[0];\n    }\n    if (!component && file) {\n      // Derive component name from file path\n      var parts = file.split('/');\n      var fileName = parts[parts.length - 1] || '';\n      component = fileName.replace(/\\.[^.]+$/, '');\n    }\n\n    return { file: file, line: line, component: component };\n  }\n\n  function getRect(el) {\n    var r = el.getBoundingClientRect();\n    return { x: r.x, y: r.y, width: r.width, height: r.height };\n  }\n\n  // ── Interaction Mode ──────────────────────────────────\n  var currentMode = 'select';\n  var inspectModes = { select: true, pin: true };\n\n  // ── Event Handlers ────────────────────────────────────\n  var lastHoverEid = null;\n  var rafPending = false;\n  var pendingHoverData = null;\n\n  function onMouseOver(e) {\n    if (!inspectModes[currentMode]) return;\n    var el = e.target;\n    if (!el || el === document.documentElement || el === document.body) return;\n    var eid = getEid(el);\n    if (eid === lastHoverEid) return;\n    lastHoverEid = eid;\n\n    var source = findSourceElement(el);\n    var data = getSourceData(source.sourceEl);\n\n    pendingHoverData = {\n      eid: eid,\n      tag: el.tagName.toLowerCase(),\n      file: data.file,\n      component: data.component,\n      rect: getRect(el)\n    };\n\n    if (!rafPending) {\n      rafPending = true;\n      requestAnimationFrame(function() {\n        rafPending = false;\n        if (pendingHoverData) sendToShell('hover:enter', pendingHoverData);\n      });\n    }\n  }\n\n  function onMouseOut(e) {\n    if (!inspectModes[currentMode]) return;\n    // Only fire leave when truly leaving all elements\n    if (e.relatedTarget && e.relatedTarget !== document.documentElement) return;\n    lastHoverEid = null;\n    pendingHoverData = null;\n    sendToShell('hover:leave', {});\n  }\n\n  function onClick(e) {\n    if (!inspectModes[currentMode]) return;\n    e.preventDefault();\n    e.stopPropagation();\n\n    var el = e.target;\n    if (!el) return;\n\n    var source = findSourceElement(el);\n    var data = getSourceData(source.sourceEl);\n    var targetEl = source.targetEl;\n    var classes = typeof targetEl.className === 'string' ? targetEl.className : '';\n\n    sendToShell('click:element', {\n      eid: getEid(targetEl),\n      sourceEid: getEid(source.sourceEl),\n      file: data.file,\n      line: data.line,\n      component: data.component,\n      tag: targetEl.tagName.toLowerCase(),\n      classes: classes,\n      rect: getRect(targetEl),\n      shiftKey: e.shiftKey,\n      clientX: e.clientX,\n      clientY: e.clientY\n    });\n  }\n\n  function onMouseDown(e) {\n    if (!inspectModes[currentMode]) return;\n    e.stopPropagation();\n  }\n\n  function onMouseUp(e) {\n    if (currentMode !== 'highlight') return;\n    var sel = document.getSelection();\n    var text = sel ? sel.toString().trim() : '';\n    if (!text || text.length < 2) return;\n    var anchorEl = sel.anchorNode ? sel.anchorNode.parentElement : null;\n    if (!anchorEl) return;\n    var source = findSourceElement(anchorEl);\n    var data = getSourceData(source.sourceEl);\n\n    sendToShell('selection:text', {\n      text: text,\n      eid: getEid(anchorEl),\n      file: data.file,\n      line: parseInt(data.line) || 0,\n      component: data.component,\n      tag: anchorEl.tagName.toLowerCase()\n    });\n  }\n\n  function onContextMenu(e) {\n    if (currentMode === 'interact') return;\n    e.preventDefault();\n    var el = e.target;\n    if (!el) return;\n    var source = findSourceElement(el);\n    var data = getSourceData(source.sourceEl);\n    var targetEl = source.targetEl;\n    var classes = typeof targetEl.className === 'string' ? targetEl.className : '';\n\n    sendToShell('contextmenu:element', {\n      eid: getEid(targetEl),\n      sourceEid: getEid(source.sourceEl),\n      file: data.file,\n      line: data.line,\n      component: data.component,\n      tag: targetEl.tagName.toLowerCase(),\n      classes: classes,\n      rect: getRect(targetEl),\n      shiftKey: false,\n      clientX: e.clientX,\n      clientY: e.clientY\n    });\n  }\n\n  function onKeyDown(e) {\n    if ((e.ctrlKey || e.metaKey) && e.key === 'z' && !e.shiftKey) {\n      e.preventDefault();\n      sendToShell('keydown', { key: e.key, ctrlKey: e.ctrlKey, metaKey: e.metaKey, shiftKey: e.shiftKey });\n    }\n  }\n\n  // Install event listeners\n  document.addEventListener('mouseover', onMouseOver, { capture: true });\n  document.addEventListener('mouseout', onMouseOut, { capture: true });\n  document.addEventListener('mousedown', onMouseDown, { capture: true });\n  document.addEventListener('click', onClick, { capture: true });\n  document.addEventListener('mouseup', onMouseUp, { capture: true });\n  document.addEventListener('keydown', onKeyDown, { capture: true });\n  document.addEventListener('contextmenu', onContextMenu, { capture: true });\n\n  // ── Route Tracking ────────────────────────────────────\n  var lastRoute = window.location.pathname;\n\n  function checkRoute() {\n    var path = window.location.pathname;\n    if (path !== lastRoute) {\n      lastRoute = path;\n      sendToShell('route:changed', { path: path });\n    }\n  }\n\n  window.addEventListener('popstate', checkRoute);\n  window.addEventListener('hashchange', checkRoute);\n  setInterval(checkRoute, 2000); // safety net for pushState\n\n  // ── Message Handler ───────────────────────────────────\n  window.addEventListener('message', function(event) {\n    var msg = event.data;\n    if (!msg || msg.source !== 'annotask-shell') return;\n    // Tighten origin on first shell message\n    if (shellOrigin === '*' && event.origin) shellOrigin = event.origin;\n\n    var type = msg.type;\n    var payload = msg.payload || {};\n    var id = msg.id;\n\n    // ── Mode ──\n    if (type === 'mode:set') {\n      currentMode = payload.mode || 'select';\n      return;\n    }\n\n    // ── Ping ──\n    if (type === 'bridge:ping') {\n      respond(id, {});\n      return;\n    }\n\n    // ── Element Resolution ──\n    if (type === 'resolve:at-point') {\n      var el = document.elementFromPoint(payload.x, payload.y);\n      if (!el || el === document.documentElement || el === document.body) {\n        respond(id, null);\n        return;\n      }\n      var src = findSourceElement(el);\n      var srcData = getSourceData(src.sourceEl);\n      respond(id, {\n        eid: getEid(src.targetEl),\n        file: srcData.file,\n        line: srcData.line,\n        component: srcData.component,\n        tag: src.sourceEl.tagName.toLowerCase(),\n        rect: getRect(src.sourceEl),\n        classes: typeof src.targetEl.className === 'string' ? src.targetEl.className : ''\n      });\n      return;\n    }\n\n    if (type === 'resolve:template-group') {\n      var all = document.querySelectorAll(\n        '[data-annotask-file=\"' + payload.file + '\"][data-annotask-line=\"' + payload.line + '\"]'\n      );\n      // Also check Astro source attributes\n      if (all.length === 0 && payload.file && payload.line) {\n        // Try matching by astro source attributes (absolute path ends with file, loc starts with line)\n        var astroAll = document.querySelectorAll('[data-astro-source-file]');\n        var matched = [];\n        for (var ai = 0; ai < astroAll.length; ai++) {\n          var af = astroAll[ai].getAttribute('data-astro-source-file') || '';\n          var al = (astroAll[ai].getAttribute('data-astro-source-loc') || '').split(':')[0];\n          if (af.endsWith('/' + payload.file) && al === payload.line) matched.push(astroAll[ai]);\n        }\n        if (matched.length > 0) all = matched;\n      }\n      var eids = [];\n      var rects = [];\n      for (var i = 0; i < all.length; i++) {\n        if (all[i].tagName.toLowerCase() === payload.tagName) {\n          eids.push(getEid(all[i]));\n          rects.push(getRect(all[i]));\n        }\n      }\n      respond(id, { eids: eids, rects: rects });\n      return;\n    }\n\n    if (type === 'resolve:rect') {\n      var rEl = getEl(payload.eid);\n      respond(id, rEl ? { rect: getRect(rEl) } : null);\n      return;\n    }\n\n    if (type === 'resolve:rects') {\n      var results = [];\n      for (var j = 0; j < payload.eids.length; j++) {\n        var re = getEl(payload.eids[j]);\n        results.push(re ? getRect(re) : null);\n      }\n      respond(id, { rects: results });\n      return;\n    }\n\n    // ── Style Operations ──\n    if (type === 'style:get-computed') {\n      var sEl = getEl(payload.eid);\n      if (!sEl) { respond(id, { styles: {} }); return; }\n      var cs = window.getComputedStyle(sEl);\n      var styles = {};\n      for (var k = 0; k < payload.properties.length; k++) {\n        styles[payload.properties[k]] = cs.getPropertyValue(payload.properties[k]);\n      }\n      respond(id, { styles: styles });\n      return;\n    }\n\n    if (type === 'style:apply') {\n      var aEl = getEl(payload.eid);\n      if (!aEl) { respond(id, { before: '' }); return; }\n      var before = window.getComputedStyle(aEl).getPropertyValue(payload.property);\n      aEl.style.setProperty(payload.property, payload.value);\n      respond(id, { before: before });\n      return;\n    }\n\n    if (type === 'style:apply-batch') {\n      var befores = [];\n      for (var m = 0; m < payload.eids.length; m++) {\n        var bEl = getEl(payload.eids[m]);\n        if (bEl) {\n          befores.push(window.getComputedStyle(bEl).getPropertyValue(payload.property));\n          bEl.style.setProperty(payload.property, payload.value);\n        } else {\n          befores.push('');\n        }\n      }\n      respond(id, { befores: befores });\n      return;\n    }\n\n    if (type === 'style:undo') {\n      var uEl = getEl(payload.eid);\n      if (uEl) {\n        if (payload.value) uEl.style.setProperty(payload.property, payload.value);\n        else uEl.style.removeProperty(payload.property);\n      }\n      respond(id, {});\n      return;\n    }\n\n    if (type === 'class:get') {\n      var cEl = getEl(payload.eid);\n      respond(id, { classes: cEl ? (typeof cEl.className === 'string' ? cEl.className : '') : '' });\n      return;\n    }\n\n    if (type === 'class:set') {\n      var csEl = getEl(payload.eid);\n      if (!csEl) { respond(id, { before: '' }); return; }\n      var classBefore = typeof csEl.className === 'string' ? csEl.className : '';\n      csEl.className = payload.classes;\n      respond(id, { before: classBefore });\n      return;\n    }\n\n    if (type === 'class:set-batch') {\n      var classBefores = [];\n      for (var n = 0; n < payload.eids.length; n++) {\n        var cbEl = getEl(payload.eids[n]);\n        if (cbEl) {\n          classBefores.push(typeof cbEl.className === 'string' ? cbEl.className : '');\n          cbEl.className = payload.classes;\n        } else {\n          classBefores.push('');\n        }\n      }\n      respond(id, { befores: classBefores });\n      return;\n    }\n\n    if (type === 'class:undo') {\n      var cuEl = getEl(payload.eid);\n      if (cuEl) cuEl.className = payload.classes;\n      respond(id, {});\n      return;\n    }\n\n    // ── Classification ──\n    if (type === 'classify:element') {\n      var clEl = getEl(payload.eid);\n      if (!clEl) { respond(id, null); return; }\n      var tag = clEl.tagName.toLowerCase();\n      var clCs = window.getComputedStyle(clEl);\n      var display = clCs.display;\n      var childCount = clEl.children.length;\n      var isFlex = display.includes('flex');\n      var isGrid = display.includes('grid');\n      var semanticContainers = ['section','main','aside','nav','header','footer','article'];\n      var role = 'content';\n      if (clEl.hasAttribute('data-annotask-component')) {\n        var comp = clEl.getAttribute('data-annotask-component') || '';\n        if (comp && comp[0] === comp[0].toUpperCase() && comp[0] !== comp[0].toLowerCase()) {\n          role = 'component';\n        }\n      }\n      if (role !== 'component' && (isFlex || isGrid) && childCount > 0) role = 'container';\n      if (role !== 'component' && role !== 'container' && semanticContainers.indexOf(tag) >= 0 && childCount > 0) role = 'container';\n\n      respond(id, {\n        role: role,\n        display: display,\n        isFlexContainer: isFlex,\n        isGridContainer: isGrid,\n        flexDirection: isFlex ? clCs.flexDirection : undefined,\n        childCount: childCount,\n        isComponentUnit: role === 'component'\n      });\n      return;\n    }\n\n    // ── Layout Scan ──\n    if (type === 'layout:scan') {\n      var layoutResults = [];\n      var allEls = document.querySelectorAll('*');\n      for (var li = 0; li < allEls.length; li++) {\n        var lEl = allEls[li];\n        if (lEl.nodeType !== 1) continue;\n        var lCs = window.getComputedStyle(lEl);\n        var lDisplay = lCs.display;\n        if (!lDisplay.includes('flex') && !lDisplay.includes('grid')) continue;\n        var lRect = lEl.getBoundingClientRect();\n        if (lRect.width < 20 || lRect.height < 20) continue;\n        var lIsGrid = lDisplay.includes('grid');\n        var entry = {\n          eid: getEid(lEl),\n          display: lIsGrid ? 'grid' : 'flex',\n          direction: lIsGrid ? 'grid' : lCs.flexDirection,\n          rect: { x: lRect.x, y: lRect.y, width: lRect.width, height: lRect.height },\n          columnGap: parseFloat(lCs.columnGap) || 0,\n          rowGap: parseFloat(lCs.rowGap) || 0\n        };\n        if (lIsGrid) {\n          var cols = lCs.gridTemplateColumns;\n          var rows = lCs.gridTemplateRows;\n          entry.templateColumns = cols;\n          entry.templateRows = rows;\n          if (cols && cols !== 'none') {\n            entry.columns = cols.split(/\\\\s+/).map(function(s) { return parseFloat(s) || 0; }).filter(function(v) { return v > 0; });\n          }\n          if (rows && rows !== 'none') {\n            entry.rows = rows.split(/\\\\s+/).map(function(s) { return parseFloat(s) || 0; }).filter(function(v) { return v > 0; });\n          }\n        }\n        layoutResults.push(entry);\n      }\n      respond(id, { containers: layoutResults });\n      return;\n    }\n\n    if (type === 'layout:add-track') {\n      var ltEl = getEl(payload.eid);\n      if (!ltEl) { respond(id, { property: '', before: '', after: '' }); return; }\n      var ltCs = window.getComputedStyle(ltEl);\n      var cssProp = payload.axis === 'col' ? 'grid-template-columns' : 'grid-template-rows';\n      var ltBefore = ltCs.getPropertyValue(cssProp) || '';\n      var ltAfter = ltBefore && ltBefore !== 'none' ? ltBefore + ' 1fr' : '1fr';\n      ltEl.style.setProperty(cssProp, ltAfter);\n      respond(id, { property: cssProp, before: ltBefore, after: ltAfter });\n      return;\n    }\n\n    if (type === 'layout:add-child') {\n      var lcEl = getEl(payload.eid);\n      if (!lcEl) { respond(id, { childEid: '' }); return; }\n      var child = document.createElement('div');\n      child.style.minWidth = '60px';\n      child.style.minHeight = '40px';\n      child.style.border = '2px dashed #a855f7';\n      child.style.borderRadius = '4px';\n      child.style.background = 'rgba(168,85,247,0.05)';\n      child.setAttribute('data-annotask-placeholder', 'true');\n      lcEl.appendChild(child);\n      respond(id, { childEid: getEid(child) });\n      return;\n    }\n\n    // ── Theme ──\n    if (type === 'theme:inject-css') {\n      var existing = document.getElementById(payload.styleId);\n      if (existing) {\n        existing.textContent = payload.css;\n      } else {\n        var style = document.createElement('style');\n        style.id = payload.styleId;\n        style.textContent = payload.css;\n        document.head.appendChild(style);\n      }\n      respond(id, {});\n      return;\n    }\n\n    if (type === 'theme:remove-css') {\n      var toRemove = document.getElementById(payload.styleId);\n      if (toRemove) toRemove.remove();\n      respond(id, {});\n      return;\n    }\n\n    // ── Color Palette ──\n    if (type === 'palette:scan-vars') {\n      var swatches = [];\n      try {\n        var rootStyles = window.getComputedStyle(document.documentElement);\n        var sheets = document.styleSheets;\n        for (var si = 0; si < sheets.length; si++) {\n          try {\n            var rules = sheets[si].cssRules;\n            for (var ri = 0; ri < rules.length; ri++) {\n              var rule = rules[ri];\n              if (rule.selectorText === ':root' || rule.selectorText === ':root, :host') {\n                for (var pi = 0; pi < rule.style.length; pi++) {\n                  var prop = rule.style[pi];\n                  if (prop.startsWith('--')) {\n                    var val = rootStyles.getPropertyValue(prop).trim();\n                    if (val && isColor(val)) {\n                      swatches.push({ name: prop, value: val });\n                    }\n                  }\n                }\n              }\n            }\n          } catch(e) { /* cross-origin stylesheet */ }\n        }\n      } catch(e) {}\n      respond(id, { swatches: swatches });\n      return;\n    }\n\n    // ── Source Mapping Check ──\n    if (type === 'check:source-mapping') {\n      respond(id, { hasMapping: !!(document.querySelector('[data-annotask-file]') || document.querySelector('[data-astro-source-file]')) });\n      return;\n    }\n\n    // ── Insert Placeholder ──\n    if (type === 'insert:placeholder') {\n      var ipTarget = getEl(payload.targetEid);\n      if (!ipTarget) { respond(id, { placeholderEid: '' }); return; }\n      var ipEl = createPlaceholder(payload);\n      var ipRef = ipTarget;\n      switch (payload.position) {\n        case 'before': ipRef.parentElement && ipRef.parentElement.insertBefore(ipEl, ipRef); break;\n        case 'after': ipRef.parentElement && ipRef.parentElement.insertBefore(ipEl, ipRef.nextSibling); break;\n        case 'append': ipRef.appendChild(ipEl); break;\n        case 'prepend': ipRef.insertBefore(ipEl, ipRef.firstChild); break;\n      }\n      // Match sibling sizes in flex/grid\n      var insertParent = (payload.position === 'append' || payload.position === 'prepend') ? ipRef : ipRef.parentElement;\n      if (insertParent) {\n        var pCs = window.getComputedStyle(insertParent);\n        if (pCs.display.includes('flex') || pCs.display.includes('grid')) {\n          if (!ipEl.style.width) {\n            var isRow = pCs.flexDirection === 'row' || pCs.flexDirection === 'row-reverse' || pCs.display.includes('grid');\n            if (isRow) ipEl.style.flex = '1';\n          }\n        }\n      }\n      respond(id, { placeholderEid: getEid(ipEl) });\n      return;\n    }\n\n    if (type === 'insert:remove') {\n      var irEl = getEl(payload.eid);\n      if (irEl) {\n        var unmount = irEl.__annotask_unmount;\n        if (unmount) unmount();\n        irEl.remove();\n      }\n      respond(id, {});\n      return;\n    }\n\n    if (type === 'move:element') {\n      var meEl = getEl(payload.eid);\n      var meTarget = getEl(payload.targetEid);\n      if (meEl && meTarget) {\n        switch (payload.position) {\n          case 'before': meTarget.parentElement && meTarget.parentElement.insertBefore(meEl, meTarget); break;\n          case 'after': meTarget.parentElement && meTarget.parentElement.insertBefore(meEl, meTarget.nextSibling); break;\n          case 'append': meTarget.appendChild(meEl); break;\n          case 'prepend': meTarget.insertBefore(meEl, meTarget.firstChild); break;\n        }\n      }\n      respond(id, {});\n      return;\n    }\n\n    if (type === 'insert:vue-component' || type === 'insert:component') {\n      var vcTarget = getEl(payload.targetEid);\n      if (!vcTarget) { respond(id, { eid: '', mounted: false }); return; }\n      var vcContainer = document.createElement('div');\n      vcContainer.setAttribute('data-annotask-placeholder', 'true');\n      switch (payload.position) {\n        case 'before': vcTarget.parentElement && vcTarget.parentElement.insertBefore(vcContainer, vcTarget); break;\n        case 'after': vcTarget.parentElement && vcTarget.parentElement.insertBefore(vcContainer, vcTarget.nextSibling); break;\n        case 'append': vcTarget.appendChild(vcContainer); break;\n        case 'prepend': vcTarget.insertBefore(vcContainer, vcTarget.firstChild); break;\n      }\n      var mounted = tryMountComponent(vcContainer, payload.componentName, payload.props);\n      respond(id, { eid: getEid(vcContainer), mounted: mounted });\n      return;\n    }\n\n    // ── Get source data for an eid ──\n    if (type === 'resolve:source') {\n      var rsEl = getEl(payload.eid);\n      if (!rsEl) { respond(id, null); return; }\n      var rsSrc = findSourceElement(rsEl);\n      var rsData = getSourceData(rsSrc.sourceEl);\n      respond(id, {\n        sourceEid: getEid(rsSrc.sourceEl),\n        file: rsData.file,\n        line: rsData.line,\n        component: rsData.component,\n        tag: rsSrc.sourceEl.tagName.toLowerCase()\n      });\n      return;\n    }\n\n    // ── Route ──\n    if (type === 'route:current') {\n      respond(id, { path: window.location.pathname });\n      return;\n    }\n  });\n\n  // ── Helpers ───────────────────────────────────────────\n  function isColor(val) {\n    if (val.startsWith('#') || val.startsWith('rgb') || val.startsWith('hsl')) return true;\n    // Named colors — quick check with canvas\n    try {\n      var ctx = document.createElement('canvas').getContext('2d');\n      ctx.fillStyle = '#000000';\n      ctx.fillStyle = val;\n      return ctx.fillStyle !== '#000000' || val === 'black' || val === '#000000';\n    } catch(e) { return false; }\n  }\n\n  function createPlaceholder(payload) {\n    var el = document.createElement(payload.tag);\n    el.setAttribute('data-annotask-placeholder', 'true');\n    if (payload.classes) el.className = payload.classes;\n    var tag = payload.tag.toLowerCase();\n    var isComponent = payload.tag.includes('-') || (payload.tag[0] === payload.tag[0].toUpperCase() && payload.tag[0] !== payload.tag[0].toLowerCase());\n\n    if (tag === 'button') {\n      el.textContent = payload.textContent || 'Button';\n      el.style.cssText = 'padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid currentColor;background:var(--accent,#3b82f6);color:white;';\n    } else if (tag === 'input') {\n      el.type = 'text'; el.placeholder = 'Input field...';\n      el.style.cssText = 'padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;width:100%;max-width:300px;background:white;color:#333;';\n    } else if (tag === 'textarea') {\n      el.placeholder = 'Text area...';\n      el.style.cssText = 'padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;width:100%;min-height:60px;background:white;color:#333;resize:vertical;';\n    } else if (tag === 'img') {\n      el.style.cssText = 'width:200px;height:120px;background:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;';\n    } else if (['h1','h2','h3','h4','h5','h6'].indexOf(tag) >= 0) {\n      el.textContent = payload.textContent || 'Heading';\n      var sizes = { h1:'2em', h2:'1.5em', h3:'1.25em', h4:'1.1em', h5:'1em', h6:'0.9em' };\n      el.style.cssText = 'font-size:' + (sizes[tag]||'1em') + ';font-weight:700;margin:0.5em 0;';\n    } else if (tag === 'p') {\n      el.textContent = payload.textContent || 'Paragraph text goes here.';\n      el.style.cssText = 'margin:0.5em 0;line-height:1.5;';\n    } else if (tag === 'a') {\n      el.textContent = payload.textContent || 'Link';\n      el.style.cssText = 'color:var(--accent,#3b82f6);text-decoration:underline;cursor:pointer;';\n    } else if (tag === 'section' || tag === 'div' || tag === 'nav' || tag === 'header' || tag === 'footer' || tag === 'aside' || tag === 'main') {\n      if (!payload.classes && !payload.textContent) {\n        el.style.cssText = 'min-height:40px;padding:12px;border:1.5px dashed rgba(59,130,246,0.3);border-radius:6px;background:rgba(59,130,246,0.03);';\n      } else if (payload.textContent) {\n        el.textContent = payload.textContent;\n      }\n      if (payload.category === 'layout-preset') {\n        el.style.minHeight = '60px';\n        el.style.padding = el.style.padding || '12px';\n        el.style.border = '1.5px dashed rgba(34,197,94,0.3)';\n        el.style.borderRadius = '6px';\n        el.style.background = 'rgba(34,197,94,0.03)';\n      }\n    } else if (isComponent) {\n      var vcMounted = tryMountComponent(el, payload.tag, payload.defaultProps);\n      if (!vcMounted) {\n        el.style.cssText = 'min-height:80px;padding:16px;border:1px solid rgba(168,85,247,0.2);border-radius:8px;background:rgba(168,85,247,0.03);display:flex;flex-direction:column;gap:8px;overflow:hidden;';\n        var hdr = document.createElement('div');\n        hdr.style.cssText = 'display:flex;align-items:center;gap:6px;margin-bottom:4px;';\n        var dot = document.createElement('span');\n        dot.style.cssText = 'width:6px;height:6px;border-radius:50%;background:#a855f7;';\n        hdr.appendChild(dot);\n        var tagLabel = document.createElement('span');\n        tagLabel.style.cssText = 'font-size:11px;font-weight:600;color:#a855f7;';\n        tagLabel.textContent = payload.tag;\n        hdr.appendChild(tagLabel);\n        el.appendChild(hdr);\n      }\n    } else {\n      el.textContent = payload.textContent || '';\n    }\n    return el;\n  }\n\n  function tryMountComponent(container, componentName, props) {\n    // Try Vue\n    if (window.__ANNOTASK_VUE__) {\n      var mounted = tryMountVueComponent(container, componentName, props);\n      if (mounted) return true;\n    }\n    // Try React\n    if (window.__ANNOTASK_REACT__) {\n      var mounted = tryMountReactComponent(container, componentName, props);\n      if (mounted) return true;\n    }\n    // Try Svelte\n    if (window.__ANNOTASK_SVELTE__) {\n      var mounted = tryMountSvelteComponent(container, componentName, props);\n      if (mounted) return true;\n    }\n    return false;\n  }\n\n  function tryMountVueComponent(container, componentName, props) {\n    try {\n      var appEl = document.querySelector('#app');\n      var vueApp = appEl && appEl.__vue_app__;\n      if (!vueApp) return false;\n      var annotaskVue = window.__ANNOTASK_VUE__;\n      if (!annotaskVue || !annotaskVue.createApp || !annotaskVue.h) return false;\n      var component = vueApp._context.components[componentName] || (window.__ANNOTASK_COMPONENTS__ && window.__ANNOTASK_COMPONENTS__[componentName]);\n      if (!component) return false;\n      var mountPoint = document.createElement('div');\n      container.appendChild(mountPoint);\n      var miniApp = annotaskVue.createApp({\n        render: function() { return annotaskVue.h(component, props || {}); }\n      });\n      miniApp._context = vueApp._context;\n      miniApp.mount(mountPoint);\n      container.setAttribute('data-annotask-mounted', 'true');\n      container.__annotask_unmount = function() { try { miniApp.unmount(); } catch(e) {} };\n      return true;\n    } catch(e) { return false; }\n  }\n\n  function tryMountReactComponent(container, componentName, props) {\n    try {\n      var annotaskReact = window.__ANNOTASK_REACT__;\n      if (!annotaskReact || !annotaskReact.createElement || !annotaskReact.createRoot) return false;\n      var component = window.__ANNOTASK_COMPONENTS__ && window.__ANNOTASK_COMPONENTS__[componentName];\n      if (!component) return false;\n      var mountPoint = document.createElement('div');\n      container.appendChild(mountPoint);\n      var root = annotaskReact.createRoot(mountPoint);\n      root.render(annotaskReact.createElement(component, props || {}));\n      container.setAttribute('data-annotask-mounted', 'true');\n      container.__annotask_unmount = function() { try { root.unmount(); } catch(e) {} };\n      return true;\n    } catch(e) { return false; }\n  }\n\n  function tryMountSvelteComponent(container, componentName, props) {\n    try {\n      var annotaskSvelte = window.__ANNOTASK_SVELTE__;\n      if (!annotaskSvelte || !annotaskSvelte.mount) return false;\n      var component = window.__ANNOTASK_COMPONENTS__ && window.__ANNOTASK_COMPONENTS__[componentName];\n      if (!component) return false;\n      var mountPoint = document.createElement('div');\n      container.appendChild(mountPoint);\n      var instance = annotaskSvelte.mount(component, { target: mountPoint, props: props || {} });\n      container.setAttribute('data-annotask-mounted', 'true');\n      container.__annotask_unmount = function() {\n        try {\n          if (annotaskSvelte.unmount) annotaskSvelte.unmount(instance);\n        } catch(e) {}\n      };\n      return true;\n    } catch(e) { return false; }\n  }\n\n  // ── Ready ─────────────────────────────────────────────\n  sendToShell('bridge:ready', { version: '1.0' });\n})();\n`.trim()\n}\n"],"mappings":";AAKO,SAAS,mBAAmB,WAA4B;AAC7D,QAAM,cAAc,YAAY,GAAG,SAAS,iBAAiB;AAC7D,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBA2CQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM1B,KAAK;AACP;;;ACjDO,SAAS,qBAA6B;AAC3C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAizBP,KAAK;AACP;","names":[]}

package/dist/chunk-3VLTLTEO.js

@@ -0,0 +1,53 @@
+import {
+  createUIMarkupServer
+} from "./chunk-CFBRU3DQ.js";
+
+// src/server/standalone.ts
+import http from "http";
+async function startStandaloneServer(options) {
+  const port = options.port || 24678;
+  const uiServer = createUIMarkupServer({ projectRoot: options.projectRoot });
+  const httpServer = http.createServer((req, res) => {
+    uiServer.middleware(req, res, () => {
+      res.statusCode = 404;
+      res.end("Not found");
+    });
+  });
+  httpServer.on("upgrade", (req, socket, head) => {
+    if (req.url === "/__uimarkup/ws") {
+      uiServer.handleUpgrade(req, socket, head);
+    }
+  });
+  return new Promise((resolve, reject) => {
+    httpServer.on("error", (err) => {
+      if (err.code === "EADDRINUSE") {
+        httpServer.listen(0, () => {
+          const addr = httpServer.address();
+          resolve({
+            port: addr.port,
+            close: () => {
+              uiServer.dispose();
+              httpServer.close();
+            }
+          });
+        });
+      } else {
+        reject(err);
+      }
+    });
+    httpServer.listen(port, () => {
+      resolve({
+        port,
+        close: () => {
+          uiServer.dispose();
+          httpServer.close();
+        }
+      });
+    });
+  });
+}
+
+export {
+  startStandaloneServer
+};
+//# sourceMappingURL=chunk-3VLTLTEO.js.map

package/dist/chunk-3VLTLTEO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server/standalone.ts"],"sourcesContent":["import http from 'node:http'\nimport { createUIMarkupServer } from './index.js'\n\nexport interface StandaloneServerOptions {\n  projectRoot: string\n  port?: number\n}\n\nexport async function startStandaloneServer(options: StandaloneServerOptions): Promise<{\n  port: number\n  close: () => void\n}> {\n  const port = options.port || 24678\n  const uiServer = createUIMarkupServer({ projectRoot: options.projectRoot })\n\n  const httpServer = http.createServer((req, res) => {\n    uiServer.middleware(req, res, () => {\n      res.statusCode = 404\n      res.end('Not found')\n    })\n  })\n\n  httpServer.on('upgrade', (req, socket, head) => {\n    if (req.url === '/__uimarkup/ws') {\n      uiServer.handleUpgrade(req, socket, head)\n    }\n  })\n\n  return new Promise((resolve, reject) => {\n    httpServer.on('error', (err: NodeJS.ErrnoException) => {\n      if (err.code === 'EADDRINUSE') {\n        // Try next port\n        httpServer.listen(0, () => {\n          const addr = httpServer.address() as { port: number }\n          resolve({\n            port: addr.port,\n            close: () => { uiServer.dispose(); httpServer.close() },\n          })\n        })\n      } else {\n        reject(err)\n      }\n    })\n\n    httpServer.listen(port, () => {\n      resolve({\n        port,\n        close: () => { uiServer.dispose(); httpServer.close() },\n      })\n    })\n  })\n}\n"],"mappings":";;;;;AAAA,OAAO,UAAU;AAQjB,eAAsB,sBAAsB,SAGzC;AACD,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,WAAW,qBAAqB,EAAE,aAAa,QAAQ,YAAY,CAAC;AAE1E,QAAM,aAAa,KAAK,aAAa,CAAC,KAAK,QAAQ;AACjD,aAAS,WAAW,KAAK,KAAK,MAAM;AAClC,UAAI,aAAa;AACjB,UAAI,IAAI,WAAW;AAAA,IACrB,CAAC;AAAA,EACH,CAAC;AAED,aAAW,GAAG,WAAW,CAAC,KAAK,QAAQ,SAAS;AAC9C,QAAI,IAAI,QAAQ,kBAAkB;AAChC,eAAS,cAAc,KAAK,QAAQ,IAAI;AAAA,IAC1C;AAAA,EACF,CAAC;AAED,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,eAAW,GAAG,SAAS,CAAC,QAA+B;AACrD,UAAI,IAAI,SAAS,cAAc;AAE7B,mBAAW,OAAO,GAAG,MAAM;AACzB,gBAAM,OAAO,WAAW,QAAQ;AAChC,kBAAQ;AAAA,YACN,MAAM,KAAK;AAAA,YACX,OAAO,MAAM;AAAE,uBAAS,QAAQ;AAAG,yBAAW,MAAM;AAAA,YAAE;AAAA,UACxD,CAAC;AAAA,QACH,CAAC;AAAA,MACH,OAAO;AACL,eAAO,GAAG;AAAA,MACZ;AAAA,IACF,CAAC;AAED,eAAW,OAAO,MAAM,MAAM;AAC5B,cAAQ;AAAA,QACN;AAAA,QACA,OAAO,MAAM;AAAE,mBAAS,QAAQ;AAAG,qBAAW,MAAM;AAAA,QAAE;AAAA,MACxD,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;","names":[]}

package/dist/chunk-53D2PE43.js

@@ -0,0 +1,105 @@
+// src/plugin/transform.ts
+function transformSFC(code, filePath, projectRoot) {
+  if (!code.includes("<template")) return null;
+  const templateMatch = code.match(/<template(\s[^>]*)?>/);
+  if (!templateMatch) return null;
+  const templateStart = code.indexOf(templateMatch[0]);
+  const templateEnd = code.lastIndexOf("</template>");
+  if (templateEnd === -1) return null;
+  const templateOpenTagEnd = templateStart + templateMatch[0].length;
+  const templateContent = code.slice(templateOpenTagEnd, templateEnd);
+  const relativeFile = filePath.startsWith(projectRoot) ? filePath.slice(projectRoot.length).replace(/^\//, "") : filePath;
+  const componentName = extractComponentName(filePath);
+  const templateStartLine = code.slice(0, templateOpenTagEnd).split("\n").length;
+  const injected = injectAttributes(templateContent, relativeFile, componentName, templateStartLine);
+  if (!injected) return null;
+  return code.slice(0, templateOpenTagEnd) + injected + code.slice(templateEnd);
+}
+function extractComponentName(filePath) {
+  const fileName = filePath.split("/").pop() || "";
+  return fileName.replace(/\.vue$/, "");
+}
+function injectAttributes(template, file, componentName, templateStartLine) {
+  const skipTags = /* @__PURE__ */ new Set(["script", "style", "template", "slot"]);
+  let result = "";
+  let lastIndex = 0;
+  let changed = false;
+  let i = 0;
+  while (i < template.length) {
+    if (template.startsWith("<!--", i)) {
+      const end = template.indexOf("-->", i + 4);
+      i = end === -1 ? template.length : end + 3;
+      continue;
+    }
+    if (template.startsWith("</", i)) {
+      const end = template.indexOf(">", i + 2);
+      i = end === -1 ? template.length : end + 1;
+      continue;
+    }
+    if (template[i] === "<" && i + 1 < template.length && /[a-zA-Z]/.test(template[i + 1])) {
+      const tagStart = i;
+      i++;
+      const nameStart = i;
+      while (i < template.length && /[a-zA-Z0-9-]/.test(template[i])) i++;
+      const tagName = template.slice(nameStart, i);
+      if (skipTags.has(tagName.toLowerCase())) {
+        i = findTagEnd(template, i);
+        continue;
+      }
+      const attrsStart = i;
+      i = findTagEnd(template, i);
+      const tagEndIndex = i;
+      const tagSource = template.slice(tagStart, tagEndIndex);
+      if (tagSource.includes("data-uimarkup-file")) {
+        i = tagEndIndex;
+        continue;
+      }
+      const lineInFile = templateStartLine + template.slice(0, tagStart).split("\n").length - 1;
+      const injection = ` data-uimarkup-file="${file}" data-uimarkup-line="${lineInFile}" data-uimarkup-component="${componentName}"`;
+      let insertAt = tagEndIndex - 1;
+      if (insertAt > 0 && template[insertAt - 1] === "/") insertAt--;
+      result += template.slice(lastIndex, insertAt);
+      result += injection;
+      result += template.slice(insertAt, tagEndIndex);
+      lastIndex = tagEndIndex;
+      changed = true;
+      continue;
+    }
+    i++;
+  }
+  if (!changed) return null;
+  result += template.slice(lastIndex);
+  return result;
+}
+function findTagEnd(template, i) {
+  let inQuote = null;
+  let braceDepth = 0;
+  while (i < template.length) {
+    const ch = template[i];
+    if (inQuote === "`") {
+      if (ch === "`" && braceDepth === 0) {
+        inQuote = null;
+      } else if (ch === "$" && i + 1 < template.length && template[i + 1] === "{") {
+        braceDepth++;
+        i++;
+      } else if (ch === "}" && braceDepth > 0) {
+        braceDepth--;
+      }
+    } else if (inQuote) {
+      if (ch === inQuote) inQuote = null;
+    } else {
+      if (ch === '"' || ch === "'" || ch === "`") {
+        inQuote = ch;
+      } else if (ch === ">") {
+        return i + 1;
+      }
+    }
+    i++;
+  }
+  return i;
+}
+
+export {
+  transformSFC
+};
+//# sourceMappingURL=chunk-53D2PE43.js.map

package/dist/chunk-53D2PE43.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/transform.ts"],"sourcesContent":["/**\n * Vue SFC template transform.\n *\n * Injects data-uimarkup-file, data-uimarkup-line, and data-uimarkup-component\n * attributes on every element in Vue SFC templates at compile time.\n *\n * Strategy: We use Vite's `transform` hook on .vue files. After\n * @vitejs/plugin-vue compiles the SFC, the template is turned into\n * render function calls like `_createElementVNode(\"div\", { ... })`.\n *\n * Instead of post-processing compiled output (fragile), we use\n * @vue/compiler-sfc to parse the raw SFC, walk the template AST,\n * and inject attributes directly into the template source before\n * the Vue plugin compiles it. We do this via Vite's `enforce: 'pre'`\n * so our transform runs BEFORE @vitejs/plugin-vue.\n */\n\nimport type { NodeTypes } from '@vue/compiler-core'\n\ninterface TemplateNode {\n  type: number\n  tag?: string\n  props: Array<{\n    type: number\n    name: string\n    value?: { content: string }\n    loc: { start: { offset: number }; end: { offset: number } }\n  }>\n  children?: TemplateNode[]\n  loc: {\n    start: { offset: number; line: number; column: number }\n    end: { offset: number; line: number; column: number }\n    source: string\n  }\n}\n\n// Node types from @vue/compiler-core\nconst ELEMENT = 1\nconst ATTRIBUTE = 6\n\n/**\n * Transform an SFC's raw source to inject data-uimarkup-* attributes\n * on every element in the <template> block.\n */\nexport function transformSFC(\n  code: string,\n  filePath: string,\n  projectRoot: string\n): string | null {\n  // Quick bail: not a Vue SFC with a template\n  if (!code.includes('<template')) return null\n\n  // Find the template block boundaries\n  const templateMatch = code.match(/<template(\\s[^>]*)?>/)\n  if (!templateMatch) return null\n\n  const templateStart = code.indexOf(templateMatch[0])\n  const templateEnd = code.lastIndexOf('</template>')\n  if (templateEnd === -1) return null\n\n  // The content between <template> and </template>\n  const templateOpenTagEnd = templateStart + templateMatch[0].length\n  const templateContent = code.slice(templateOpenTagEnd, templateEnd)\n\n  // Calculate relative file path\n  const relativeFile = filePath.startsWith(projectRoot)\n    ? filePath.slice(projectRoot.length).replace(/^\\//, '')\n    : filePath\n\n  // Extract the component name from the file path\n  const componentName = extractComponentName(filePath)\n\n  // Calculate the 1-based line number where template content begins in the file\n  const templateStartLine = code.slice(0, templateOpenTagEnd).split('\\n').length\n\n  // Parse the template to find all element open tags and inject attributes.\n  // We work on the raw template string to avoid needing the full Vue compiler\n  // as a runtime dependency. We find every opening tag and inject attributes\n  // right before the closing `>`.\n  const injected = injectAttributes(templateContent, relativeFile, componentName, templateStartLine)\n\n  if (!injected) return null\n\n  return code.slice(0, templateOpenTagEnd) + injected + code.slice(templateEnd)\n}\n\nfunction extractComponentName(filePath: string): string {\n  const fileName = filePath.split('/').pop() || ''\n  return fileName.replace(/\\.vue$/, '')\n}\n\n/**\n * Walk through template HTML and inject data-uimarkup-* attributes on every\n * element's opening tag.\n *\n * Uses a character-level scanner that is quote-aware, so `>` inside\n * attribute values (e.g., `:class=\"{ hot: x > 100 }\"`) does not\n * prematurely close the tag.\n */\nfunction injectAttributes(\n  template: string,\n  file: string,\n  componentName: string,\n  templateStartLine: number\n): string | null {\n  const skipTags = new Set(['script', 'style', 'template', 'slot'])\n  let result = ''\n  let lastIndex = 0\n  let changed = false\n  let i = 0\n\n  while (i < template.length) {\n    // Skip comments\n    if (template.startsWith('<!--', i)) {\n      const end = template.indexOf('-->', i + 4)\n      i = end === -1 ? template.length : end + 3\n      continue\n    }\n\n    // Skip closing tags\n    if (template.startsWith('</', i)) {\n      const end = template.indexOf('>', i + 2)\n      i = end === -1 ? template.length : end + 1\n      continue\n    }\n\n    // Check for opening tag\n    if (template[i] === '<' && i + 1 < template.length && /[a-zA-Z]/.test(template[i + 1])) {\n      const tagStart = i\n      i++ // past '<'\n\n      // Read tag name\n      const nameStart = i\n      while (i < template.length && /[a-zA-Z0-9-]/.test(template[i])) i++\n      const tagName = template.slice(nameStart, i)\n\n      // Skip tags we don't want to instrument\n      if (skipTags.has(tagName.toLowerCase())) {\n        // Advance past this tag's closing >\n        i = findTagEnd(template, i)\n        continue\n      }\n\n      // Scan past attributes to find the closing > or />\n      // This is quote-aware: we track when we're inside \" or ' strings\n      const attrsStart = i\n      i = findTagEnd(template, i)\n      const tagEndIndex = i // points one past the '>'\n\n      const tagSource = template.slice(tagStart, tagEndIndex)\n\n      // Skip if already instrumented\n      if (tagSource.includes('data-uimarkup-file')) {\n        i = tagEndIndex\n        continue\n      }\n\n      // Calculate file-relative line number\n      const lineInFile = templateStartLine + template.slice(0, tagStart).split('\\n').length - 1\n\n      const injection = ` data-uimarkup-file=\"${file}\" data-uimarkup-line=\"${lineInFile}\" data-uimarkup-component=\"${componentName}\"`\n\n      // Find the insertion point: right before '>' or '/>'\n      let insertAt = tagEndIndex - 1 // the '>'\n      if (insertAt > 0 && template[insertAt - 1] === '/') insertAt-- // before '/>'\n\n      result += template.slice(lastIndex, insertAt)\n      result += injection\n      result += template.slice(insertAt, tagEndIndex)\n      lastIndex = tagEndIndex\n      changed = true\n\n      continue\n    }\n\n    i++\n  }\n\n  if (!changed) return null\n\n  result += template.slice(lastIndex)\n  return result\n}\n\n/**\n * Starting from position `i` (after the tag name), scan forward past\n * all attributes and find the closing `>`. Handles quoted strings\n * so that `>` inside `\"...\"`, `'...'`, or `` `...` `` doesn't end the tag.\n * Backtick template literals track `${...}` interpolation depth.\n * Returns the index one past the closing `>`.\n */\nfunction findTagEnd(template: string, i: number): number {\n  let inQuote: string | null = null\n  let braceDepth = 0\n\n  while (i < template.length) {\n    const ch = template[i]\n\n    if (inQuote === '`') {\n      if (ch === '`' && braceDepth === 0) {\n        inQuote = null\n      } else if (ch === '$' && i + 1 < template.length && template[i + 1] === '{') {\n        braceDepth++\n        i++ // skip past '{'\n      } else if (ch === '}' && braceDepth > 0) {\n        braceDepth--\n      }\n    } else if (inQuote) {\n      if (ch === inQuote) inQuote = null\n    } else {\n      if (ch === '\"' || ch === \"'\" || ch === '`') {\n        inQuote = ch\n      } else if (ch === '>') {\n        return i + 1\n      }\n    }\n    i++\n  }\n\n  return i\n}\n"],"mappings":";AA4CO,SAAS,aACd,MACA,UACA,aACe;AAEf,MAAI,CAAC,KAAK,SAAS,WAAW,EAAG,QAAO;AAGxC,QAAM,gBAAgB,KAAK,MAAM,sBAAsB;AACvD,MAAI,CAAC,cAAe,QAAO;AAE3B,QAAM,gBAAgB,KAAK,QAAQ,cAAc,CAAC,CAAC;AACnD,QAAM,cAAc,KAAK,YAAY,aAAa;AAClD,MAAI,gBAAgB,GAAI,QAAO;AAG/B,QAAM,qBAAqB,gBAAgB,cAAc,CAAC,EAAE;AAC5D,QAAM,kBAAkB,KAAK,MAAM,oBAAoB,WAAW;AAGlE,QAAM,eAAe,SAAS,WAAW,WAAW,IAChD,SAAS,MAAM,YAAY,MAAM,EAAE,QAAQ,OAAO,EAAE,IACpD;AAGJ,QAAM,gBAAgB,qBAAqB,QAAQ;AAGnD,QAAM,oBAAoB,KAAK,MAAM,GAAG,kBAAkB,EAAE,MAAM,IAAI,EAAE;AAMxE,QAAM,WAAW,iBAAiB,iBAAiB,cAAc,eAAe,iBAAiB;AAEjG,MAAI,CAAC,SAAU,QAAO;AAEtB,SAAO,KAAK,MAAM,GAAG,kBAAkB,IAAI,WAAW,KAAK,MAAM,WAAW;AAC9E;AAEA,SAAS,qBAAqB,UAA0B;AACtD,QAAM,WAAW,SAAS,MAAM,GAAG,EAAE,IAAI,KAAK;AAC9C,SAAO,SAAS,QAAQ,UAAU,EAAE;AACtC;AAUA,SAAS,iBACP,UACA,MACA,eACA,mBACe;AACf,QAAM,WAAW,oBAAI,IAAI,CAAC,UAAU,SAAS,YAAY,MAAM,CAAC;AAChE,MAAI,SAAS;AACb,MAAI,YAAY;AAChB,MAAI,UAAU;AACd,MAAI,IAAI;AAER,SAAO,IAAI,SAAS,QAAQ;AAE1B,QAAI,SAAS,WAAW,QAAQ,CAAC,GAAG;AAClC,YAAM,MAAM,SAAS,QAAQ,OAAO,IAAI,CAAC;AACzC,UAAI,QAAQ,KAAK,SAAS,SAAS,MAAM;AACzC;AAAA,IACF;AAGA,QAAI,SAAS,WAAW,MAAM,CAAC,GAAG;AAChC,YAAM,MAAM,SAAS,QAAQ,KAAK,IAAI,CAAC;AACvC,UAAI,QAAQ,KAAK,SAAS,SAAS,MAAM;AACzC;AAAA,IACF;AAGA,QAAI,SAAS,CAAC,MAAM,OAAO,IAAI,IAAI,SAAS,UAAU,WAAW,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG;AACtF,YAAM,WAAW;AACjB;AAGA,YAAM,YAAY;AAClB,aAAO,IAAI,SAAS,UAAU,eAAe,KAAK,SAAS,CAAC,CAAC,EAAG;AAChE,YAAM,UAAU,SAAS,MAAM,WAAW,CAAC;AAG3C,UAAI,SAAS,IAAI,QAAQ,YAAY,CAAC,GAAG;AAEvC,YAAI,WAAW,UAAU,CAAC;AAC1B;AAAA,MACF;AAIA,YAAM,aAAa;AACnB,UAAI,WAAW,UAAU,CAAC;AAC1B,YAAM,cAAc;AAEpB,YAAM,YAAY,SAAS,MAAM,UAAU,WAAW;AAGtD,UAAI,UAAU,SAAS,oBAAoB,GAAG;AAC5C,YAAI;AACJ;AAAA,MACF;AAGA,YAAM,aAAa,oBAAoB,SAAS,MAAM,GAAG,QAAQ,EAAE,MAAM,IAAI,EAAE,SAAS;AAExF,YAAM,YAAY,wBAAwB,IAAI,yBAAyB,UAAU,8BAA8B,aAAa;AAG5H,UAAI,WAAW,cAAc;AAC7B,UAAI,WAAW,KAAK,SAAS,WAAW,CAAC,MAAM,IAAK;AAEpD,gBAAU,SAAS,MAAM,WAAW,QAAQ;AAC5C,gBAAU;AACV,gBAAU,SAAS,MAAM,UAAU,WAAW;AAC9C,kBAAY;AACZ,gBAAU;AAEV;AAAA,IACF;AAEA;AAAA,EACF;AAEA,MAAI,CAAC,QAAS,QAAO;AAErB,YAAU,SAAS,MAAM,SAAS;AAClC,SAAO;AACT;AASA,SAAS,WAAW,UAAkB,GAAmB;AACvD,MAAI,UAAyB;AAC7B,MAAI,aAAa;AAEjB,SAAO,IAAI,SAAS,QAAQ;AAC1B,UAAM,KAAK,SAAS,CAAC;AAErB,QAAI,YAAY,KAAK;AACnB,UAAI,OAAO,OAAO,eAAe,GAAG;AAClC,kBAAU;AAAA,MACZ,WAAW,OAAO,OAAO,IAAI,IAAI,SAAS,UAAU,SAAS,IAAI,CAAC,MAAM,KAAK;AAC3E;AACA;AAAA,MACF,WAAW,OAAO,OAAO,aAAa,GAAG;AACvC;AAAA,MACF;AAAA,IACF,WAAW,SAAS;AAClB,UAAI,OAAO,QAAS,WAAU;AAAA,IAChC,OAAO;AACL,UAAI,OAAO,OAAO,OAAO,OAAO,OAAO,KAAK;AAC1C,kBAAU;AAAA,MACZ,WAAW,OAAO,KAAK;AACrB,eAAO,IAAI;AAAA,MACb;AAAA,IACF;AACA;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/chunk-6UQW2W7S.js

@@ -0,0 +1,358 @@
+// src/plugin/transform.ts
+function transformFile(code, filePath, projectRoot) {
+  if (filePath.endsWith(".vue")) return transformVueSFC(code, filePath, projectRoot);
+  if (filePath.endsWith(".svelte")) return transformSvelte(code, filePath, projectRoot);
+  if (/\.[jt]sx$/.test(filePath)) return transformJSX(code, filePath, projectRoot);
+  if (filePath.endsWith(".html")) return transformHTML(code, filePath, projectRoot);
+  if (filePath.endsWith(".astro")) return transformAstro(code, filePath, projectRoot);
+  return null;
+}
+function transformVueSFC(code, filePath, projectRoot) {
+  if (!code.includes("<template")) return null;
+  const templateMatch = code.match(/<template(\s[^>]*)?>/);
+  if (!templateMatch) return null;
+  const templateStart = code.indexOf(templateMatch[0]);
+  const templateEnd = code.lastIndexOf("</template>");
+  if (templateEnd === -1) return null;
+  const templateOpenTagEnd = templateStart + templateMatch[0].length;
+  const templateContent = code.slice(templateOpenTagEnd, templateEnd);
+  const relativeFile = relativePath(filePath, projectRoot);
+  const componentName = extractComponentName(filePath);
+  const templateStartLine = code.slice(0, templateOpenTagEnd).split("\n").length;
+  const injected = injectAttributes(templateContent, relativeFile, componentName, templateStartLine);
+  if (!injected) return null;
+  return code.slice(0, templateOpenTagEnd) + injected + code.slice(templateEnd);
+}
+function transformSvelte(code, filePath, projectRoot) {
+  const relativeFile = relativePath(filePath, projectRoot);
+  const componentName = extractComponentName(filePath);
+  const blockRanges = findBlockRanges(code, ["script", "style"]);
+  const markupRegions = getMarkupRegions(code, blockRanges);
+  if (markupRegions.length === 0) return null;
+  let result = "";
+  let lastIndex = 0;
+  let changed = false;
+  for (const region of markupRegions) {
+    result += code.slice(lastIndex, region.start);
+    const regionContent = code.slice(region.start, region.end);
+    const regionStartLine = code.slice(0, region.start).split("\n").length;
+    const injected = injectAttributes(
+      regionContent,
+      relativeFile,
+      componentName,
+      regionStartLine,
+      { skipTags: SVELTE_SKIP_TAGS }
+    );
+    if (injected) {
+      result += injected;
+      changed = true;
+    } else {
+      result += regionContent;
+    }
+    lastIndex = region.end;
+  }
+  if (!changed) return null;
+  result += code.slice(lastIndex);
+  return result;
+}
+var SVELTE_SKIP_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "svelte:head",
+  "svelte:window",
+  "svelte:document",
+  "svelte:body",
+  "svelte:options",
+  "svelte:fragment",
+  "svelte:self",
+  "svelte:component",
+  "svelte:element",
+  "svelte:boundary"
+]);
+function transformJSX(code, filePath, projectRoot) {
+  const relativeFile = relativePath(filePath, projectRoot);
+  const componentName = extractComponentName(filePath);
+  const injected = injectAttributes(code, relativeFile, componentName, 1, {
+    jsxMode: true,
+    skipTags: JSX_SKIP_TAGS
+  });
+  return injected;
+}
+var JSX_SKIP_TAGS = /* @__PURE__ */ new Set(["script", "style"]);
+function transformHTML(code, filePath, projectRoot) {
+  const bodyMatch = code.match(/<body(\s[^>]*)?>/);
+  if (!bodyMatch) return null;
+  const bodyStart = code.indexOf(bodyMatch[0]);
+  const bodyEnd = code.lastIndexOf("</body>");
+  if (bodyEnd === -1) return null;
+  const bodyOpenTagEnd = bodyStart + bodyMatch[0].length;
+  const bodyContent = code.slice(bodyOpenTagEnd, bodyEnd);
+  const relativeFile = relativePath(filePath, projectRoot);
+  const componentName = extractComponentName(filePath);
+  const bodyStartLine = code.slice(0, bodyOpenTagEnd).split("\n").length;
+  const injected = injectAttributes(bodyContent, relativeFile, componentName, bodyStartLine, {
+    skipTags: HTML_SKIP_TAGS
+  });
+  if (!injected) return null;
+  return code.slice(0, bodyOpenTagEnd) + injected + code.slice(bodyEnd);
+}
+var HTML_SKIP_TAGS = /* @__PURE__ */ new Set(["script", "style"]);
+function transformAstro(code, filePath, projectRoot) {
+  const relativeFile = relativePath(filePath, projectRoot);
+  const componentName = extractComponentName(filePath);
+  const frontmatterRanges = [];
+  const fmStart = code.indexOf("---");
+  if (fmStart !== -1) {
+    const fmEnd = code.indexOf("---", fmStart + 3);
+    if (fmEnd !== -1) {
+      frontmatterRanges.push({ start: fmStart, end: fmEnd + 3 });
+    }
+  }
+  const blockRanges = [
+    ...frontmatterRanges,
+    ...findBlockRanges(code, ["script", "style"])
+  ];
+  blockRanges.sort((a, b) => a.start - b.start);
+  const markupRegions = getMarkupRegions(code, blockRanges);
+  if (markupRegions.length === 0) return null;
+  let result = "";
+  let lastIndex = 0;
+  let changed = false;
+  for (const region of markupRegions) {
+    result += code.slice(lastIndex, region.start);
+    const regionContent = code.slice(region.start, region.end);
+    const regionStartLine = code.slice(0, region.start).split("\n").length;
+    const injected = injectAttributes(regionContent, relativeFile, componentName, regionStartLine, {
+      jsxMode: true,
+      skipTags: ASTRO_SKIP_TAGS
+    });
+    if (injected) {
+      result += injected;
+      changed = true;
+    } else {
+      result += regionContent;
+    }
+    lastIndex = region.end;
+  }
+  if (!changed) return null;
+  result += code.slice(lastIndex);
+  return result;
+}
+var ASTRO_SKIP_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "Fragment"
+]);
+var TS_GENERIC_NAMES = /* @__PURE__ */ new Set([
+  "Array",
+  "Map",
+  "Set",
+  "WeakMap",
+  "WeakSet",
+  "Promise",
+  "Generator",
+  "AsyncGenerator",
+  "Iterable",
+  "AsyncIterable",
+  "Iterator",
+  "Record",
+  "Partial",
+  "Required",
+  "Readonly",
+  "Pick",
+  "Omit",
+  "Exclude",
+  "Extract",
+  "NonNullable",
+  "ReturnType",
+  "Parameters",
+  "InstanceType",
+  "ConstructorParameters",
+  "Awaited",
+  "ReadonlyArray",
+  "ReadonlyMap",
+  "ReadonlySet",
+  "Uppercase",
+  "Lowercase",
+  "Capitalize",
+  "Uncapitalize"
+]);
+function extractComponentName(filePath) {
+  const fileName = filePath.split("/").pop() || "";
+  return fileName.replace(/\.(vue|svelte|astro|html|[jt]sx?)$/, "");
+}
+function relativePath(filePath, projectRoot) {
+  return filePath.startsWith(projectRoot) ? filePath.slice(projectRoot.length).replace(/^\//, "") : filePath;
+}
+function injectAttributes(template, file, componentName, templateStartLine, options) {
+  const skipTags = options?.skipTags ?? DEFAULT_SKIP_TAGS;
+  const jsxMode = options?.jsxMode ?? false;
+  let result = "";
+  let lastIndex = 0;
+  let changed = false;
+  let i = 0;
+  while (i < template.length) {
+    if (template.startsWith("<!--", i)) {
+      const end = template.indexOf("-->", i + 4);
+      i = end === -1 ? template.length : end + 3;
+      continue;
+    }
+    if (template.startsWith("</", i)) {
+      const end = template.indexOf(">", i + 2);
+      i = end === -1 ? template.length : end + 1;
+      continue;
+    }
+    if (template[i] === "<" && i + 1 < template.length && /[a-zA-Z]/.test(template[i + 1])) {
+      const tagStart = i;
+      i++;
+      const nameStart = i;
+      while (i < template.length && /[a-zA-Z0-9\-:]/.test(template[i])) i++;
+      const tagName = template.slice(nameStart, i);
+      if (jsxMode && TS_GENERIC_NAMES.has(tagName)) {
+        i = skipGeneric(template, i);
+        continue;
+      }
+      if (jsxMode && isTypeContext(template, tagStart)) {
+        i = skipGeneric(template, i);
+        continue;
+      }
+      if (skipTags.has(tagName) || skipTags.has(tagName.toLowerCase())) {
+        i = findTagEnd(template, i, jsxMode);
+        continue;
+      }
+      const tagEndIndex = findTagEnd(template, i, jsxMode);
+      const tagSource = template.slice(tagStart, tagEndIndex);
+      if (tagSource.includes("data-annotask-file")) {
+        i = tagEndIndex;
+        continue;
+      }
+      const lineInFile = templateStartLine + template.slice(0, tagStart).split("\n").length - 1;
+      const injection = ` data-annotask-file="${file}" data-annotask-line="${lineInFile}" data-annotask-component="${componentName}"`;
+      let insertAt = tagEndIndex - 1;
+      if (insertAt > 0 && template[insertAt - 1] === "/") insertAt--;
+      result += template.slice(lastIndex, insertAt);
+      result += injection;
+      result += template.slice(insertAt, tagEndIndex);
+      lastIndex = tagEndIndex;
+      changed = true;
+      i = tagEndIndex;
+      continue;
+    }
+    i++;
+  }
+  if (!changed) return null;
+  result += template.slice(lastIndex);
+  return result;
+}
+var DEFAULT_SKIP_TAGS = /* @__PURE__ */ new Set(["script", "style", "template", "slot"]);
+function findTagEnd(template, i, jsxMode = false) {
+  let inQuote = null;
+  let braceDepth = 0;
+  while (i < template.length) {
+    const ch = template[i];
+    if (inQuote === "`") {
+      if (ch === "`" && braceDepth === 0) {
+        inQuote = null;
+      } else if (ch === "$" && i + 1 < template.length && template[i + 1] === "{") {
+        braceDepth++;
+        i++;
+      } else if (ch === "}" && braceDepth > 0) {
+        braceDepth--;
+      }
+    } else if (inQuote) {
+      if (ch === inQuote) inQuote = null;
+    } else {
+      if (ch === '"' || ch === "'" || ch === "`") {
+        inQuote = ch;
+      } else if (jsxMode && ch === "{") {
+        braceDepth++;
+      } else if (jsxMode && ch === "}" && braceDepth > 0) {
+        braceDepth--;
+      } else if (ch === ">" && braceDepth === 0) {
+        return i + 1;
+      }
+    }
+    i++;
+  }
+  return i;
+}
+function findBlockRanges(code, tagNames) {
+  const ranges = [];
+  for (const tag of tagNames) {
+    const openRegex = new RegExp(`<${tag}(\\s[^>]*)?>`, "gi");
+    let match;
+    while ((match = openRegex.exec(code)) !== null) {
+      const start = match.index;
+      const closeTag = `</${tag}>`;
+      const closeIndex = code.indexOf(closeTag, start + match[0].length);
+      if (closeIndex !== -1) {
+        ranges.push({ start, end: closeIndex + closeTag.length });
+      }
+    }
+  }
+  ranges.sort((a, b) => a.start - b.start);
+  return ranges;
+}
+function getMarkupRegions(code, blockRanges) {
+  const regions = [];
+  let cursor = 0;
+  for (const block of blockRanges) {
+    if (block.start > cursor) {
+      const region = code.slice(cursor, block.start);
+      if (region.trim().length > 0) {
+        regions.push({ start: cursor, end: block.start });
+      }
+    }
+    cursor = block.end;
+  }
+  if (cursor < code.length) {
+    const region = code.slice(cursor);
+    if (region.trim().length > 0) {
+      regions.push({ start: cursor, end: code.length });
+    }
+  }
+  return regions;
+}
+function isTypeContext(code, tagStart) {
+  let j = tagStart - 1;
+  while (j >= 0 && (code[j] === " " || code[j] === "	" || code[j] === "\n" || code[j] === "\r")) j--;
+  if (j < 0) return false;
+  const ch = code[j];
+  if (ch === ":" || ch === "<" || ch === ".") return true;
+  if (/[a-zA-Z0-9_$]/.test(ch)) {
+    let wordEnd = j + 1;
+    while (j >= 0 && /[a-zA-Z0-9_$]/.test(code[j])) j--;
+    const word = code.slice(j + 1, wordEnd);
+    const jsxKeywords = /* @__PURE__ */ new Set(["return", "yield", "case", "default", "throw", "new", "in", "of", "else"]);
+    if (jsxKeywords.has(word)) return false;
+    return true;
+  }
+  const typeKeywords = ["as", "extends", "implements", "typeof", "keyof", "infer", "type"];
+  for (const kw of typeKeywords) {
+    if (j >= kw.length - 1) {
+      const slice = code.slice(j - kw.length + 1, j + 1);
+      if (slice === kw) {
+        const before = j - kw.length;
+        if (before < 0 || /\s|[,;({[<>|&=!?+\-*/]/.test(code[before])) {
+          return true;
+        }
+      }
+    }
+  }
+  return false;
+}
+function skipGeneric(code, i) {
+  let depth = 1;
+  while (i < code.length && depth > 0) {
+    if (code[i] === "<") depth++;
+    else if (code[i] === ">") depth--;
+    i++;
+  }
+  return i;
+}
+
+export {
+  transformFile,
+  transformHTML
+};
+//# sourceMappingURL=chunk-6UQW2W7S.js.map