@setzkasten-cms/astro-admin 1.4.6 → 1.5.0

package/src/init/template-patcher-v2.ts

@@ -38,7 +38,11 @@ const normalizeWs = (s: string) => s.replace(/\s+/g, ' ').trim()
  * Find text in a string where the needle may have collapsed whitespace
  * but the haystack preserves original whitespace (incl. newlines).
  */
-function findNormalizedText(haystack: string, needle: string, startFrom: number): { start: number; end: number } | null {
+function findNormalizedText(
+  haystack: string,
+  needle: string,
+  startFrom: number,
+): { start: number; end: number } | null {
   // Try exact match first
   const exactIdx = haystack.indexOf(needle, startFrom)
   if (exactIdx !== -1) return { start: exactIdx, end: exactIdx + needle.length }
@@ -49,7 +53,8 @@ function findNormalizedText(haystack: string, needle: string, startFrom: number)
   const escaped = normalized.replace(/[.*+?^${}()|[\]\\]/g, '\\$&').replace(/ /g, '\\s+')
   const regex = new RegExp(escaped)
   const match = regex.exec(haystack.slice(startFrom))
-  if (match) return { start: startFrom + match.index, end: startFrom + match.index + match[0].length }
+  if (match)
+    return { start: startFrom + match.index, end: startFrom + match.index + match[0].length }
 
   return null
 }
@@ -128,7 +133,10 @@ export async function patchTemplateForFields(
     // Adjust positions in-place on the original groups so mutations
     // (like _class fields from makeDynamicClasses) are visible to the caller.
     for (const g of repeatedGroups) {
-      for (const inst of g.instances) { inst.start += shift; inst.end += shift }
+      for (const inst of g.instances) {
+        inst.start += shift
+        inst.end += shift
+      }
       for (const f of g.fields) {
         for (let i = 0; i < f.positions.length; i++) {
           const p = f.positions[i]
@@ -143,7 +151,13 @@ export async function patchTemplateForFields(
     }
 
     // Patch expressions first (old vars still present → patcher detects them)
-    const patched = await patchTemplateForFields(modifiedSource, sectionKey, fields, repeatedGroups, options)
+    const patched = await patchTemplateForFields(
+      modifiedSource,
+      sectionKey,
+      fields,
+      repeatedGroups,
+      options,
+    )
 
     // Now remove old variable declarations from the patched result
     return removeOldVarDeclarations(patched, fields, repeatedGroups, varName)
@@ -183,8 +197,8 @@ export async function patchTemplateForFields(
     // Collect elements with mixed content (text + inline child elements)
     // These are rich text fields where the whole element is one CMS field.
     if (isElement(node) && node.children && node.children.length > 1) {
-      const hasText = node.children.some(c => c.type === 'text' && c.value?.trim())
-      const hasChild = node.children.some(c => isElement(c) || c.type === 'expression')
+      const hasText = node.children.some((c) => c.type === 'text' && c.value?.trim())
+      const hasChild = node.children.some((c) => isElement(c) || c.type === 'expression')
       if (hasText && hasChild) {
         const fullText = normalizeWs(getElementTextContent(node))
         if (fullText) mixedElements.push({ node, normalizedText: fullText })
@@ -249,13 +263,18 @@ export async function patchTemplateForFields(
     // built the defaultValue array before patching. Without this sync, the
     // content JSON (built from field.defaultValue) would be missing _classN values.
     for (const g of repeatedGroups) {
-      const topField = fields.find(f => f.key === g.fieldKey)
+      const topField = fields.find((f) => f.key === g.fieldKey)
       if (!topField || !Array.isArray(topField.defaultValue)) continue
       const items = topField.defaultValue as Array<Record<string, unknown>>
       for (const innerField of g.fields) {
         for (let ii = 0; ii < items.length && ii < innerField.defaultValues.length; ii++) {
           const val = innerField.defaultValues[ii]
-          if (val != null && items[ii] && typeof items[ii] === 'object' && !(innerField.key in items[ii]!)) {
+          if (
+            val != null &&
+            items[ii] &&
+            typeof items[ii] === 'object' &&
+            !(innerField.key in items[ii]!)
+          ) {
             items[ii]![innerField.key] = val
           }
         }
@@ -332,7 +351,7 @@ export async function patchTemplateForFields(
     // Treat the whole element as a rich text field with set:html for CMS rendering.
     if (edits.length === editsBefore) {
       const dv = field.defaultValue as string
-      const mixedMatch = mixedElements.find(m => m.normalizedText === normalizeWs(dv))
+      const mixedMatch = mixedElements.find((m) => m.normalizedText === normalizeWs(dv))
       if (mixedMatch) {
         patchMixedContentField(source, sectionKey, field, varName, mixedMatch.node, edits)
       }
@@ -372,7 +391,10 @@ export function convertToSetHtml(source: string): string {
       const ch = result[i]!
       if (ch === '{') braceDepth++
       else if (ch === '}') braceDepth--
-      else if (ch === '>' && braceDepth === 0) { tagEnd = i; break }
+      else if (ch === '>' && braceDepth === 0) {
+        tagEnd = i
+        break
+      }
     }
     if (tagEnd === -1) continue
 
@@ -474,7 +496,10 @@ function convertAstPositions(node: AstNode, b2c: (offset: number) => number): vo
  * AST expression positions can extend beyond the actual braces, so we search
  * the source directly using the child text content as anchor.
  */
-function findExpressionBounds(source: string, node: AstNode): { start: number; end: number } | null {
+function findExpressionBounds(
+  source: string,
+  node: AstNode,
+): { start: number; end: number } | null {
   const approxStart = node.position?.start?.offset
   if (approxStart == null) return null
 
@@ -510,7 +535,10 @@ function findExpressionBounds(source: string, node: AstNode): { start: number; e
       if (ch === inStr && source[i - 1] !== '\\') inStr = null
       continue
     }
-    if (ch === "'" || ch === '"' || ch === '`') { inStr = ch; continue }
+    if (ch === "'" || ch === '"' || ch === '`') {
+      inStr = ch
+      continue
+    }
     if (ch === '{') depth++
     if (ch === '}') {
       depth--
@@ -560,7 +588,10 @@ function findTextBounds(source: string, node: AstNode): { start: number; end: nu
 function getElementTextContent(node: AstNode): string {
   if (node.type === 'text') return node.value ?? ''
   if (node.type === 'expression') {
-    return (node.children ?? []).filter(c => c.type === 'text').map(c => c.value ?? '').join('')
+    return (node.children ?? [])
+      .filter((c) => c.type === 'text')
+      .map((c) => c.value ?? '')
+      .join('')
   }
   return (node.children ?? []).map(getElementTextContent).join('')
 }
@@ -599,7 +630,7 @@ function patchMixedContentField(
   const bindingKey = `${sectionKey}.${field.key}`
 
   // Skip if already has data-sk-field
-  if (element.attributes?.some(a => a.name === 'data-sk-field')) return
+  if (element.attributes?.some((a) => a.name === 'data-sk-field')) return
 
   // Find the element's opening tag in source
   const startOffset = element.position?.start?.offset
@@ -687,14 +718,15 @@ function patchIconOrImageField(
     if (targetParent) return // already found
     if (!parent || !isElement(parent)) return
     // Skip if parent already has data-sk-field
-    if (parent.attributes?.some(a => a.name === 'data-sk-field')) return
+    if (parent.attributes?.some((a) => a.name === 'data-sk-field')) return
 
     if (field.type === 'icon') {
       // Match component named *Icon* or element with icon/name attr matching default
       const isIconComp = isElement(node) && /icon/i.test(node.name ?? '')
       const hasIconAttr = node.attributes?.some(
-        a => (a.name === 'icon' || a.name === 'name' || a.name === 'data-icon') &&
-             (a.value === defaultStr || a.value.includes(field.key))
+        (a) =>
+          (a.name === 'icon' || a.name === 'name' || a.name === 'data-icon') &&
+          (a.value === defaultStr || a.value.includes(field.key)),
       )
       if (isIconComp || hasIconAttr) {
         targetParent = parent
@@ -704,7 +736,7 @@ function patchIconOrImageField(
       const tag = node.name ?? ''
       const isImgEl = /^(img|Image|picture)$/.test(tag)
       const hasSrcAttr = node.attributes?.some(
-        a => a.name === 'src' && (a.value === defaultStr || a.value.includes(field.key))
+        (a) => a.name === 'src' && (a.value === defaultStr || a.value.includes(field.key)),
       )
       if (isImgEl || hasSrcAttr) {
         targetParent = parent
@@ -910,15 +942,20 @@ function patchArrayField(
   // Match by looking for the field's first item value inside each expression's source.
   let mapExpr = mapExpressions[0]!
 
-  if (mapExpressions.length > 1 && Array.isArray(field.defaultValue) && field.defaultValue.length > 0) {
+  if (
+    mapExpressions.length > 1 &&
+    Array.isArray(field.defaultValue) &&
+    field.defaultValue.length > 0
+  ) {
     const firstItem = field.defaultValue[0]
-    const searchStr = typeof firstItem === 'string'
-      ? firstItem.slice(0, 30)
-      : typeof firstItem === 'object' && firstItem !== null
-        ? Object.values(firstItem as Record<string, unknown>)
-            .find((v): v is string => typeof v === 'string' && v.length >= 3)
-            ?.slice(0, 30) ?? ''
-        : ''
+    const searchStr =
+      typeof firstItem === 'string'
+        ? firstItem.slice(0, 30)
+        : typeof firstItem === 'object' && firstItem !== null
+          ? (Object.values(firstItem as Record<string, unknown>)
+              .find((v): v is string => typeof v === 'string' && v.length >= 3)
+              ?.slice(0, 30) ?? '')
+          : ''
 
     if (searchStr.length >= 3) {
       for (const expr of mapExpressions) {
@@ -983,7 +1020,7 @@ function patchArrayField(
     })
   } else {
     // Try variable reference: varName.map( → (cmsVar?.field ?? []).map(
-    const varMapRegex = new RegExp(`(\\w+)\\.map\\s*\\(`)
+    const varMapRegex = /(\w+)\.map\s*\(/
     const varMapMatch = exprSource.match(varMapRegex)
     if (varMapMatch) {
       const varRef = varMapMatch[1]!
@@ -1042,15 +1079,19 @@ function patchStaticListField(
     walkAst(node, (n) => {
       if (hasMap) return
       if (n.type === 'expression') {
-        const code = (n.children ?? []).map(c => c.value ?? '').join('')
+        const code = (n.children ?? []).map((c) => c.value ?? '').join('')
         if (/\.map\s*\(/.test(code)) hasMap = true
       }
     })
     if (hasMap) return
     // Compare <li> text content against field items.
     // items[i] may contain HTML (if formatting: true) — strip tags for comparison.
-    const stripHtml = (s: string) => s.replace(/<[^>]+>/g, '').replace(/\s+/g, ' ').trim()
-    const liChildren = (node.children ?? []).filter(c => c.type === 'element' && c.name === 'li')
+    const stripHtml = (s: string) =>
+      s
+        .replace(/<[^>]+>/g, '')
+        .replace(/\s+/g, ' ')
+        .trim()
+    const liChildren = (node.children ?? []).filter((c) => c.type === 'element' && c.name === 'li')
     if (liChildren.length !== items.length) return
     const allMatch = liChildren.every((li, i) => {
       const text = getElementTextContent(li).replace(/\s+/g, ' ').trim()
@@ -1063,7 +1104,7 @@ function patchStaticListField(
 
   const ulNode = matchedUl as AstNode
   const liChildren = (ulNode.children ?? []).filter(
-    c => c.type === 'element' && c.name === 'li',
+    (c) => c.type === 'element' && c.name === 'li',
   ) as AstNode[]
   if (liChildren.length === 0) return
 
@@ -1101,15 +1142,16 @@ function patchStaticListField(
 
   // Build the fallback array literal.
   // HTML items (formatting: true) are wrapped in backtick strings to avoid escaping issues.
-  const hasHtmlItems = items.some(s => /<[a-z]/.test(s))
+  const hasHtmlItems = items.some((s) => /<[a-z]/.test(s))
   const fallbackItems = hasHtmlItems
-    ? items.map(s => `\`${s.replace(/`/g, '\\`').replace(/\$/g, '\\$')}\``).join(', ')
-    : items.map(s => `'${s.replace(/\\/g, '\\\\').replace(/'/g, "\\'")}'`).join(', ')
+    ? items.map((s) => `\`${s.replace(/`/g, '\\`').replace(/\$/g, '\\$')}\``).join(', ')
+    : items.map((s) => `'${s.replace(/\\/g, '\\\\').replace(/'/g, "\\'")}'`).join(', ')
 
   // Determine indentation of the first <li> for formatting
   const textBeforeFirstLi = source.slice(0, rangeStart)
   const lastNewline = textBeforeFirstLi.lastIndexOf('\n')
-  const indent = lastNewline >= 0 ? textBeforeFirstLi.slice(lastNewline + 1).match(/^[ \t]*/)?.[0] ?? '' : ''
+  const indent =
+    lastNewline >= 0 ? (textBeforeFirstLi.slice(lastNewline + 1).match(/^[ \t]*/)?.[0] ?? '') : ''
 
   const replacement =
     `{(${varName}?.${field.key} ?? [${fallbackItems}]).map((item, _i) => (\n` +
@@ -1351,7 +1393,7 @@ function collectDynamicClassEdits(
     function sharedClassCount(instValue: string): number {
       const instParts = new Set(instValue.split(/\s+/).filter(Boolean))
       if (tmplParts.size === 0 && instParts.size === 0) return 1 // both empty = match
-      return [...tmplParts].filter(p => instParts.has(p)).length
+      return [...tmplParts].filter((p) => instParts.has(p)).length
     }
 
     // 1. Exact path — only accept if at least 1 CSS class is shared
@@ -1365,7 +1407,11 @@ function collectDynamicClassEdits(
     }
 
     // 2. Same tag-path (without indices) — pick the one with most shared classes
-    const stripIdx = (p: string) => p.split('/').map(s => s.replace(/:\d+$/, '')).join('/')
+    const stripIdx = (p: string) =>
+      p
+        .split('/')
+        .map((s) => s.replace(/:\d+$/, ''))
+        .join('/')
     const tmplTagPath = stripIdx(tmplAttr.path)
     let bestIdx = -1
     let bestShared = 0
@@ -1373,7 +1419,10 @@ function collectDynamicClassEdits(
       if (claimed.has(i)) continue
       if (stripIdx(instAttrs[i]!.path) !== tmplTagPath) continue
       const shared = sharedClassCount(instAttrs[i]!.value)
-      if (shared > bestShared) { bestShared = shared; bestIdx = i }
+      if (shared > bestShared) {
+        bestShared = shared
+        bestIdx = i
+      }
     }
     if (bestIdx >= 0 && bestShared > 0) {
       claimed.add(bestIdx)
@@ -1403,7 +1452,7 @@ function collectDynamicClassEdits(
     // adjustments can put the class attr offset slightly after the text offset.
     const fieldTag = field.tag
     let bestAttrIdx = -1
-    let bestDist = Infinity
+    let bestDist = Number.POSITIVE_INFINITY
     for (let ai = 0; ai < tmplAttrs.length; ai++) {
       // Extract leaf tag from path: "div:0/div:0/span:1" → "span"
       const pathParts = tmplAttrs[ai]!.path.split('/')
@@ -1555,7 +1604,7 @@ function patchRepeatedComponentInstances(
   // data-sk-field on component calls is not forwarded to the DOM by Astro.
   propLines.push(`fieldPrefix={\`${sectionKey}.${field.key}.\${_i}\`}`)
 
-  const propsStr = propLines.map(p => `    ${p}`).join('\n')
+  const propsStr = propLines.map((p) => `    ${p}`).join('\n')
   const mapExpr =
     `{(${varName}?.${field.key} ?? ${defaultJson}).map((item, _i) => (\n` +
     `  <${compName}\n${propsStr}\n  />\n` +
@@ -1592,14 +1641,30 @@ function findComponentTagEnd(source: string, tagStart: number, compName: string)
     const ch = source[i]!
     if (inQuote) {
       if (ch === inQuote && source[i - 1] !== '\\') inQuote = null
-      i++; continue
+      i++
+      continue
+    }
+    if (ch === '{') {
+      inExpr++
+      i++
+      continue
+    }
+    if (ch === '}' && inExpr > 0) {
+      inExpr--
+      i++
+      continue
+    }
+    if (inExpr > 0) {
+      i++
+      continue
+    }
+    if (ch === '"' || ch === "'") {
+      inQuote = ch
+      i++
+      continue
     }
-    if (ch === '{') { inExpr++; i++; continue }
-    if (ch === '}' && inExpr > 0) { inExpr--; i++; continue }
-    if (inExpr > 0) { i++; continue }
-    if (ch === '"' || ch === "'") { inQuote = ch; i++; continue }
     if (ch === '/' && source[i + 1] === '>') return i + 2 // self-closing />
-    if (ch === '>' ) {
+    if (ch === '>') {
       // Check for explicit closing tag </CompName>
       const closing = `</${compName}>`
       const closingIdx = source.indexOf(closing, i + 1)
@@ -1738,7 +1803,8 @@ function patchRepeatedGroups(
       if (typeof defaultVal === 'string' && defaultVal.length >= 1) {
         const found = findNormalizedText(elementSrc, defaultVal, 0)
         if (found) {
-          elementSrc = elementSrc.slice(0, found.start) + `{item.${field.key}}` + elementSrc.slice(found.end)
+          elementSrc =
+            elementSrc.slice(0, found.start) + `{item.${field.key}}` + elementSrc.slice(found.end)
         }
       }
 
@@ -1759,7 +1825,10 @@ function patchRepeatedGroups(
     // Apply inner edits in reverse order
     innerEdits.sort((a, b) => b.offset - a.offset)
     for (const edit of innerEdits) {
-      templateSrc = templateSrc.slice(0, edit.offset) + edit.insert + templateSrc.slice(edit.offset + edit.deleteCount)
+      templateSrc =
+        templateSrc.slice(0, edit.offset) +
+        edit.insert +
+        templateSrc.slice(edit.offset + edit.deleteCount)
     }
 
     // Add data-sk-field to the template element's opening tag (container binding)
@@ -1788,9 +1857,13 @@ function patchRepeatedGroups(
       const inst = instances[i]!
       // Also remove surrounding whitespace/newlines
       let deleteStart = inst.start
-      let deleteEnd = inst.end
+      const deleteEnd = inst.end
       // Extend backwards to eat preceding whitespace
-      while (deleteStart > 0 && /\s/.test(source[deleteStart - 1]!) && source[deleteStart - 1] !== '\n') {
+      while (
+        deleteStart > 0 &&
+        /\s/.test(source[deleteStart - 1]!) &&
+        source[deleteStart - 1] !== '\n'
+      ) {
         deleteStart--
       }
       // Eat the preceding newline too
@@ -1837,11 +1910,23 @@ function addInnerFieldBindings(
     let inE = 0
     for (let i = tagStart; i < idx; i++) {
       const ch = templateSrc[i]!
-      if (inQ) { if (ch === inQ && templateSrc[i - 1] !== '\\') inQ = null; continue }
-      if (ch === '{') { inE++; continue }
-      if (ch === '}' && inE > 0) { inE--; continue }
+      if (inQ) {
+        if (ch === inQ && templateSrc[i - 1] !== '\\') inQ = null
+        continue
+      }
+      if (ch === '{') {
+        inE++
+        continue
+      }
+      if (ch === '}' && inE > 0) {
+        inE--
+        continue
+      }
       if (inE > 0) continue
-      if (ch === '"' || ch === "'") { inQ = ch; continue }
+      if (ch === '"' || ch === "'") {
+        inQ = ch
+        continue
+      }
       if (ch === '>') tagEnd = i
     }
     if (tagEnd === -1) continue
@@ -1945,7 +2030,9 @@ function extractVarName(frontmatter: string): string | null {
 }
 
 /** Type guard for element-like nodes (element, component, custom-element). */
-function isElement(node: AstNode): node is AstNode & { attributes: AstAttr[]; children: AstNode[] } {
+function isElement(
+  node: AstNode,
+): node is AstNode & { attributes: AstAttr[]; children: AstNode[] } {
   return (
     (node.type === 'element' || node.type === 'component' || node.type === 'custom-element') &&
     Array.isArray(node.attributes)
@@ -1953,7 +2040,11 @@ function isElement(node: AstNode): node is AstNode & { attributes: AstAttr[]; ch
 }
 
 /** Recursive AST walk with parent tracking. */
-function walkAst(node: AstNode, callback: (node: AstNode, parent: AstNode | null) => void, parent: AstNode | null = null): void {
+function walkAst(
+  node: AstNode,
+  callback: (node: AstNode, parent: AstNode | null) => void,
+  parent: AstNode | null = null,
+): void {
   callback(node, parent)
   if (node.children) {
     for (const child of node.children) {
@@ -1978,7 +2069,12 @@ function findFirstChildElement(node: AstNode): (AstNode & { attributes: AstAttr[
  * Inserts before the closing `>` of the opening tag.
  * Uses the element's tag name to locate it reliably in the source.
  */
-function addAttributeToElement(source: string, element: AstNode, attrStr: string, edits: Edit[]): void {
+function addAttributeToElement(
+  source: string,
+  element: AstNode,
+  attrStr: string,
+  edits: Edit[],
+): void {
   const approxStart = element.position?.start?.offset
   if (approxStart == null) return
 
@@ -2014,10 +2110,19 @@ function findOpeningTagEnd(source: string, startOffset: number): number {
       if (ch === inQuote && source[i - 1] !== '\\') inQuote = null
       continue
     }
-    if (ch === '{') { inExpr++; continue }
-    if (ch === '}' && inExpr > 0) { inExpr--; continue }
+    if (ch === '{') {
+      inExpr++
+      continue
+    }
+    if (ch === '}' && inExpr > 0) {
+      inExpr--
+      continue
+    }
     if (inExpr > 0) continue
-    if (ch === '"' || ch === "'") { inQuote = ch; continue }
+    if (ch === '"' || ch === "'") {
+      inQuote = ch
+      continue
+    }
     if (ch === '>') return i
   }
   return -1
@@ -2032,7 +2137,8 @@ function applyEdits(source: string, edits: Edit[]): string {
 
   let result = source
   for (const edit of sorted) {
-    result = result.slice(0, edit.offset) + edit.insert + result.slice(edit.offset + edit.deleteCount)
+    result =
+      result.slice(0, edit.offset) + edit.insert + result.slice(edit.offset + edit.deleteCount)
   }
   return result
 }
@@ -2042,7 +2148,12 @@ function applyEdits(source: string, edits: Edit[]): string {
  * Called AFTER expression patching so that variable references have already
  * been replaced with CMS expressions.
  */
-function removeOldVarDeclarations(source: string, fields: PatchField[], repeatedGroups?: RepeatedGroup[], cmsVarName = 'skData'): string {
+function removeOldVarDeclarations(
+  source: string,
+  fields: PatchField[],
+  repeatedGroups?: RepeatedGroup[],
+  cmsVarName = 'skData',
+): string {
   const fmStart = source.indexOf('---')
   if (fmStart === -1) return source
   const fmEnd = source.indexOf('---', fmStart + 3)
@@ -2113,7 +2224,10 @@ function removeOldVarDeclarations(source: string, fields: PatchField[], repeated
           if (ch === inStr && rhs[i - 1] !== '\\') inStr = null
           continue
         }
-        if (ch === "'" || ch === '"' || ch === '`') { inStr = ch; continue }
+        if (ch === "'" || ch === '"' || ch === '`') {
+          inStr = ch
+          continue
+        }
         if (ch === open) depth++
         if (ch === close) depth--
       }
@@ -2193,7 +2307,8 @@ export function patchChildComponentForFieldPrefix(
   innerFields: Array<{ key: string; type: string }>,
 ): string {
   // Idempotency guard — already patched
-  if (source.includes('fieldPrefix?: string') || source.includes("fieldPrefix?:string")) return source
+  if (source.includes('fieldPrefix?: string') || source.includes('fieldPrefix?:string'))
+    return source
 
   const fmStart = source.indexOf('---')
   const fmEnd = source.indexOf('---', fmStart + 3)
@@ -2207,36 +2322,33 @@ export function patchChildComponentForFieldPrefix(
   if (interfaceMatch) {
     const ifaceEnd = result.indexOf(interfaceMatch[0]) + interfaceMatch[0].length
     const lastPropLine = interfaceMatch[0].slice(0, -1).trimEnd() // remove trailing `}`
-    result =
-      result.slice(0, ifaceEnd - 1) +
-      '\n  fieldPrefix?: string;\n}' +
-      result.slice(ifaceEnd)
+    result = result.slice(0, ifaceEnd - 1) + '\n  fieldPrefix?: string;\n}' + result.slice(ifaceEnd)
   } else {
     // No interface — insert before closing ---
     const closeFm = result.indexOf('---', result.indexOf('---') + 3)
-    result = result.slice(0, closeFm) + 'interface Props { fieldPrefix?: string }\n' + result.slice(closeFm)
+    result =
+      result.slice(0, closeFm) +
+      'interface Props { fieldPrefix?: string }\n' +
+      result.slice(closeFm)
   }
 
   // 2. Add fieldPrefix to destructuring
   // Match: const { ..., highlight = false } = Astro.props
-  result = result.replace(
-    /(\bconst\s*\{[^}]*)(}\s*=\s*Astro\.props)/,
-    (_m, before, after) => {
-      // Avoid adding twice
-      if (before.includes('fieldPrefix')) return _m
-      const trimmed = before.trimEnd()
-      const sep = trimmed.endsWith(',') ? ' ' : ',\n  '
-      return `${trimmed}${sep}fieldPrefix${after}`
-    },
-  )
+  result = result.replace(/(\bconst\s*\{[^}]*)(}\s*=\s*Astro\.props)/, (_m, before, after) => {
+    // Avoid adding twice
+    if (before.includes('fieldPrefix')) return _m
+    const trimmed = before.trimEnd()
+    const sep = trimmed.endsWith(',') ? ' ' : ',\n  '
+    return `${trimmed}${sep}fieldPrefix${after}`
+  })
 
   // 3. Patch template elements — work on the template part only
   const closingFm = result.indexOf('---', result.indexOf('---') + 3)
   const frontmatterPart = result.slice(0, closingFm + 3)
   let templatePart = result.slice(closingFm + 3)
 
-  const scalarFields = innerFields.filter(f => f.type !== 'array')
-  const arrayFields = innerFields.filter(f => f.type === 'array')
+  const scalarFields = innerFields.filter((f) => f.type !== 'array')
+  const arrayFields = innerFields.filter((f) => f.type === 'array')
 
   // 3a. Scalar fields: add data-sk-field to the element containing {propName}
   for (const field of scalarFields) {
@@ -2266,10 +2378,7 @@ export function patchChildComponentForFieldPrefix(
   // 3b. Array fields: add index param + data-sk-field on innermost element
   for (const field of arrayFields) {
     // Match: features.map((feature) =>  or  features.map((feature, fi) =>
-    const mapParamRegex = new RegExp(
-      `(${field.key}\\.map\\s*\\(\\s*\\(\\s*)(\\w+)(\\s*\\))`,
-      'g',
-    )
+    const mapParamRegex = new RegExp(`(${field.key}\\.map\\s*\\(\\s*\\(\\s*)(\\w+)(\\s*\\))`, 'g')
     // Add _fi index if missing, and annotate the ul/ol containing the map
     templatePart = templatePart.replace(
       new RegExp(`(<(?:ul|ol)[^>]*?)(\\/?>)([\\s\\S]*?${field.key}\\.map)`, 'g'),
@@ -2293,11 +2402,14 @@ export function patchChildComponentForFieldPrefix(
       `(${field.key}\\.map\\s*\\([^)]*\\)\\s*=>\\s*\\([\\s\\S]*?)(<(?:span|li|td)\\b)([^>]*?>)([^<]*\\{\\w+\\})`,
       'g',
     )
-    templatePart = templatePart.replace(mapBlockRegex, (_m, mapHead, tagOpen, tagClose, content) => {
-      if (tagClose.includes('data-sk-field')) return _m
-      const attr = ` data-sk-field={fieldPrefix ? \`\${fieldPrefix}.${field.key}.\${_fi}\` : undefined}`
-      return `${mapHead}${tagOpen}${tagClose.slice(0, -1)}${attr}>${content}`
-    })
+    templatePart = templatePart.replace(
+      mapBlockRegex,
+      (_m, mapHead, tagOpen, tagClose, content) => {
+        if (tagClose.includes('data-sk-field')) return _m
+        const attr = ` data-sk-field={fieldPrefix ? \`\${fieldPrefix}.${field.key}.\${_fi}\` : undefined}`
+        return `${mapHead}${tagOpen}${tagClose.slice(0, -1)}${attr}>${content}`
+      },
+    )
   }
 
   return frontmatterPart + templatePart
@@ -2310,18 +2422,27 @@ export function patchChildComponentForFieldPrefix(
 export function detectChildImports(
   source: string,
   fields: PatchField[],
-): Array<{ compName: string; importPath: string; innerFields: Array<{ key: string; type: string }> }> {
-  const result: Array<{ compName: string; importPath: string; innerFields: Array<{ key: string; type: string }> }> = []
+): Array<{
+  compName: string
+  importPath: string
+  innerFields: Array<{ key: string; type: string }>
+}> {
+  const result: Array<{
+    compName: string
+    importPath: string
+    innerFields: Array<{ key: string; type: string }>
+  }> = []
 
   for (const field of fields) {
     const compName = (field as any).options?.sourceComponent as string | undefined
     if (!compName) continue
 
-    const innerFields: Array<{ key: string; type: string }> =
-      ((field as any).options?.arrayItem?.fields ?? []).map((f: { key: string; type: string }) => ({
-        key: f.key,
-        type: f.type,
-      }))
+    const innerFields: Array<{ key: string; type: string }> = (
+      (field as any).options?.arrayItem?.fields ?? []
+    ).map((f: { key: string; type: string }) => ({
+      key: f.key,
+      type: f.type,
+    }))
 
     // Find: import CompName from '...'
     const importRegex = new RegExp(`import\\s+${compName}\\s+from\\s+['"]([^'"]+)['"]`)