@jbpark/live-editor 4.6.1 → 5.0.0

package/dist/use-dynamic-tailwind-CSYKXDmX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dynamic-tailwind-CSYKXDmX.js","names":[],"sources":["../src/components/frame/auto-height/measure.ts","../src/components/frame/auto-height/animations.ts","../src/components/frame/viewport-units.ts","../src/components/frame/auto-height/auto-height.ts","../src/components/frame/auto-height/use-auto-height.ts","../src/components/frame/iframe/inject-assets.ts","../src/components/frame/style-sync.ts","../src/components/frame/iframe/use-host-style-sync.ts","../src/components/frame/iframe/use-iframe-document.ts","../src/components/frame/iframe/iframe.tsx","../src/components/frame/shadow.tsx","../src/components/frame/frame.tsx","../src/components/preview/base-modules.ts","../src/components/preview/use-compiled-module.ts","../src/components/preview/use-dynamic-tailwind.ts"],"sourcesContent":["// The calculations behind `autoHeight`, kept free of the DOM so they can be\n// unit-tested. The DOM reads stay in `auto-height.ts`, which needs a real\n// browser to test.\n\n// The probe height when there's no `[data-frame-container]` scroll\n// container, as when `Frame` is used without `Live.Dnd`. A common mobile\n// viewport height.\nexport const FALLBACK_PROBE_HEIGHT = 812;\n\n// The vertical space an element takes around its content: margin, border\n// and padding, top and bottom. Margin counts (#440), or a `100vh` section in\n// a wrapper with a margin would overflow the container by that margin. A\n// margin that collapses through a parent is counted twice, which errs toward\n// a smaller probe that fits.\nexport const verticalInsets = (\n  style: Pick<\n    CSSStyleDeclaration,\n    | 'marginTop'\n    | 'marginBottom'\n    | 'borderTopWidth'\n    | 'borderBottomWidth'\n    | 'paddingTop'\n    | 'paddingBottom'\n  >,\n): number =>\n  [\n    style.marginTop,\n    style.marginBottom,\n    style.borderTopWidth,\n    style.borderBottomWidth,\n    style.paddingTop,\n    style.paddingBottom,\n  ].reduce((sum, value) => sum + (parseFloat(value) || 0), 0);\n\n// The height the preview's `cq*` units resolve against: the scroll\n// container's `clientHeight` minus `wrapperInsets`, the space everything\n// between the iframe and the container takes (`verticalInsets`). `null`\n// while the container isn't laid out yet: skip the pass rather than guess a\n// height that nothing would correct later.\nexport const computeProbeHeight = (\n  scrollContainerClientHeight: number,\n  wrapperInsets: number,\n): number | null => {\n  const usable = scrollContainerClientHeight - wrapperInsets;\n\n  return usable > 0 ? usable : null;\n};\n\n// Whether an element is hidden but still takes height: `visibility: hidden`\n// or `opacity: 0` (`display: none` already reads 0), such as a closed bottom\n// sheet. A transparent element that `isAnimating` is a fade-in starting, so\n// it's measured (#374). `visibility: hidden` stays hidden even while\n// animating.\nexport const isVisuallyHidden = (\n  computed: {\n    visibility: string;\n    opacity: string;\n  },\n  isAnimating = false,\n): boolean =>\n  computed.visibility === 'hidden' ||\n  (computed.opacity === '0' && !isAnimating);\n\n// The `playState`s that mean the element is still changing. Not just\n// `!== 'idle'`: a finished fade-out with `fill-mode: forwards` stays\n// `finished` at `opacity: 0` and is hidden for good. `paused` counts, since\n// a paused fade-in stopped part-way.\nexport const isAnimationActive = (playState: string): boolean =>\n  playState === 'running' || playState === 'paused';\n\n// How far down a fixed or absolute element reaches, from its viewport `top`\n// and `bottom` read while the viewport is `probeHeight` tall: its bottom\n// edge, capped at `probeHeight` so one element placed past the viewport can't\n// stretch the whole preview. `null` for an element entirely outside the\n// viewport, such as a closed drawer moved off-screen, which shows nothing.\nexport const positionedElementBottom = (\n  top: number,\n  bottom: number,\n  probeHeight: number,\n): number | null => {\n  if (bottom <= 0 || top >= probeHeight) {\n    return null;\n  }\n\n  return Math.min(bottom, probeHeight);\n};\n","import { isAnimationActive } from './measure';\n\n// `getAnimations()` mixes CSS animations, CSS transitions and script\n// animations (`element.animate()`). Only the first two fire a bubbling event\n// when they end, so they're told apart. Both constructors are checked first,\n// since jsdom has neither.\nexport const isCssAnimation = (\n  win: Window & typeof globalThis,\n  animation: Animation,\n): boolean =>\n  typeof win.CSSAnimation === 'function' &&\n  animation instanceof win.CSSAnimation;\n\nexport const isCssTransition = (\n  win: Window & typeof globalThis,\n  animation: Animation,\n): boolean =>\n  typeof win.CSSTransition === 'function' &&\n  animation instanceof win.CSSTransition;\n\n// Whether the element is animating, which tells a passing `opacity: 0` (the\n// start of a fade-in, so measure it) from a lasting one (a closed overlay, so\n// skip it). Transitions count too: a measurement pass doesn't always freeze\n// them, so a fade-in can read `opacity: 0` with a transition running. Without\n// `getAnimations()` (jsdom, old browsers) this is false, which under-measures\n// a fading-in overlay rather than counting a closed one.\nexport const hasActiveAnimation = (el: HTMLElement): boolean =>\n  typeof el.getAnimations === 'function' &&\n  el.getAnimations().some(animation => isAnimationActive(animation.playState));\n\n// An animation that repeats forever never resolves `finished`, so it gets no\n// handler. It's always animating, so `hasActiveAnimation` keeps it measured\n// anyway.\nexport const neverFinishes = (animation: Animation): boolean => {\n  const timing = animation.effect?.getComputedTiming();\n\n  return timing?.iterations === Infinity || timing?.duration === Infinity;\n};\n","// Rewrites viewport units to container units for `autoHeight` (#132). The\n// iframe measures its content against a fixed-height size container\n// (`html { container-type: size; height: <probe>px }`), but a size container\n// doesn't change what `vh` resolves against, so `vh`, `svh`, `lvh`, `dvh`,\n// `vmin` and `vmax` become `cqh`, `cqmin` and `cqmax`. `vw` and `vi` are left\n// alone: they depend on width, which the measurement doesn't touch.\nconst UNIT_MAP: Record<string, string> = {\n  vh: 'cqh',\n  svh: 'cqh',\n  lvh: 'cqh',\n  dvh: 'cqh',\n  vmin: 'cqmin',\n  vmax: 'cqmax',\n};\n\n// Longest-unit-first so `svh`/`lvh`/`dvh` aren't shadowed by a shorter\n// alternative matching a prefix of them first.\nconst UNITS_PATTERN = Object.keys(UNIT_MAP)\n  .sort((a, b) => b.length - a.length)\n  .join('|');\n\n// A CSS dimension token: optional sign, then digits with an optional\n// fractional part on either side of the decimal point (`100`, `50.5`,\n// `-10`, `.5` all match; a bare `-` or `.` alone does not).\nconst NUMBER_PATTERN = '-?(?:\\\\d+\\\\.?\\\\d*|\\\\.\\\\d+)';\n\n// The number must not follow a letter, digit, `_`, `.` or `-`, so\n// `url(a5vh.png)`, `.a5vh{}` and `.hero-100vh{}` stay as they are: those\n// digits belong to a name. A real negative value (`margin-top: -10vh`) still\n// matches, since a space comes before its `-`. `--my-vh` never matches:\n// there's no number before `vh`.\nconst VIEWPORT_UNIT_RE = new RegExp(\n  `(?<![\\\\w.-])(${NUMBER_PATTERN})(${UNITS_PATTERN})(?![a-zA-Z0-9_-])`,\n  'gi',\n);\n\n// Rewrites `vh`, `svh`, `lvh`, `dvh`, `vmin` and `vmax` to `cqh`, `cqmin` and\n// `cqmax` wherever they appear as a dimension, including inside `calc()` and\n// `var()` fallbacks. `vw` stays (see `UNIT_MAP`). A plain text replacement,\n// so a value in a CSS string such as `content: \"100vh\"` is rewritten too,\n// which doesn't affect layout.\nexport const convertViewportUnits = (css: string): string =>\n  css.replace(\n    VIEWPORT_UNIT_RE,\n    (_match, number: string, unit: string) =>\n      number + UNIT_MAP[unit.toLowerCase()],\n  );\n\n// Rewrites viewport units in the two places `convertViewportUnits` doesn't\n// see: inline `style` attributes (which panel edits produce) and `<style>`\n// elements the preview renders itself. Without this, their `vh` would\n// resolve against the iframe's own height again (#132). Call it from\n// `updateHeight` after the container style is applied, before reading any\n// height.\n//\n// Idempotent: converted values no longer match the selectors, and a node is\n// written only when its text changes. A write would trigger the\n// MutationObserver in `iframe.tsx` again and loop.\nexport const rewriteInlineViewportUnits = (root: HTMLElement): void => {\n  // `vh` as a substring already covers `svh`/`lvh`/`dvh`; `vmin`/`vmax` need\n  // their own terms. Case-insensitive so `100VH` inline is caught too.\n  const inlineTargets = root.querySelectorAll<HTMLElement>(\n    '[style*=\"vh\" i], [style*=\"vmin\" i], [style*=\"vmax\" i]',\n  );\n\n  inlineTargets.forEach(el => {\n    const current = el.getAttribute('style');\n\n    if (current == null) {\n      return;\n    }\n\n    const converted = convertViewportUnits(current);\n\n    if (converted !== current) {\n      el.setAttribute('style', converted);\n    }\n  });\n\n  root.querySelectorAll<HTMLStyleElement>('style').forEach(styleEl => {\n    const current = styleEl.textContent;\n\n    if (!current) {\n      return;\n    }\n\n    const converted = convertViewportUnits(current);\n\n    if (converted !== current) {\n      styleEl.textContent = converted;\n    }\n  });\n};\n","import { rewriteInlineViewportUnits } from '../viewport-units';\nimport { hasActiveAnimation } from './animations';\nimport {\n  FALLBACK_PROBE_HEIGHT,\n  computeProbeHeight,\n  isVisuallyHidden,\n  positionedElementBottom,\n  verticalInsets,\n} from './measure';\n\n// The style that makes `<html>` a size container, found again by this id.\n// Scoped to `html`, so it only affects how `cq*` units resolve.\nexport const CONTAINER_STYLE_ID = 'autoheight-container';\n\n// A style that is off (`media=\"not all\"`) except while a measurement runs.\n// It guards against two things:\n//\n// - Transitions: a transition on what the measurement changes would animate\n//   the new probe height, and the read would catch a value part-way there.\n//   Only on a pass that changes the probe height (`freezeTransitions`).\n// - Scrollbars: a new probe height can show or hide a scrollbar for that\n//   pass, which narrows the content where scrollbars take space (Windows)\n//   and changes the height. Only the scrollbar is hidden; scrolling still\n//   works.\n//\n// One element that is never added or removed, so toggling it doesn't trigger\n// the MutationObserver that watches the content.\nconst MEASUREMENT_OVERRIDE_STYLE_ID = 'autoheight-measurement-overrides';\n\nexport const SCROLLBAR_OVERRIDE_RULES = [\n  'html, body { scrollbar-width: none !important; }',\n  'html::-webkit-scrollbar, body::-webkit-scrollbar { display: none !important; }',\n];\n\nconst FREEZE_TRANSITIONS_RULE =\n  '*, *::before, *::after { transition: none !important; }';\n\n// Measures with the overrides above on. `freezeTransitions` is off unless\n// the pass changes the probe height: `transition: none` cancels a running\n// transition rather than pausing it, and the element jumps to its end state\n// for good. A pass that leaves the probe height alone changes nothing, so it\n// leaves the preview's transitions alone.\nconst withMeasurementOverrides = (\n  doc: Document,\n  freezeTransitions: boolean,\n  measure: () => void,\n) => {\n  let styleEl = doc.getElementById(\n    MEASUREMENT_OVERRIDE_STYLE_ID,\n  ) as HTMLStyleElement | null;\n\n  if (!styleEl) {\n    styleEl = doc.createElement('style');\n    styleEl.id = MEASUREMENT_OVERRIDE_STYLE_ID;\n    styleEl.media = 'not all';\n    doc.head?.appendChild(styleEl);\n  }\n\n  const text = (\n    freezeTransitions\n      ? [FREEZE_TRANSITIONS_RULE, ...SCROLLBAR_OVERRIDE_RULES]\n      : SCROLLBAR_OVERRIDE_RULES\n  ).join('\\n');\n\n  if (styleEl.textContent !== text) {\n    styleEl.textContent = text;\n  }\n\n  styleEl.media = 'all';\n  measure();\n  styleEl.media = 'not all';\n};\n\n// Hides the iframe document's scrollbar while `autoHeight` sizes it.\n// Rounding can leave the document a fraction taller than the iframe, which\n// would draw a scrollbar in every section. Unlike the measurement override,\n// this stays on. Scrolling still works if the content ever outgrows it.\nexport const HIDE_SCROLLBAR_STYLE_ID = 'autoheight-hide-scrollbar';\n\n// Makes `<html>` a size container with a fixed height, `probeHeight`, the\n// scroll container's available height. Viewport units are rewritten to `cq*`\n// units (`convertViewportUnits`), so they resolve against this height\n// instead of the iframe's own. Against the iframe's own height, `100vh`\n// content would grow the iframe, which grows the content again, and never\n// settle (#132).\nconst ensureContainerStyle = (doc: Document, probeHeight: number) => {\n  let styleEl = doc.getElementById(\n    CONTAINER_STYLE_ID,\n  ) as HTMLStyleElement | null;\n\n  if (!styleEl) {\n    styleEl = doc.createElement('style');\n    styleEl.id = CONTAINER_STYLE_ID;\n    doc.head?.appendChild(styleEl);\n  }\n\n  const text = `html { container-type: size !important; height: ${probeHeight}px !important; }`;\n\n  // Written only when it differs, so a pass with the same probe height\n  // changes nothing in the document (see `freezeTransitions`).\n  if (styleEl.textContent !== text) {\n    styleEl.textContent = text;\n  }\n};\n\n// The height the preview's `cq*` units resolve against, read from the\n// iframe's scroll container. `null` while the layout isn't ready.\nexport const getProbeHeight = (\n  iframe: HTMLIFrameElement,\n  win: Window,\n): number | null => {\n  const scrollParent = iframe.closest<HTMLElement>('[data-frame-container]');\n\n  if (!scrollParent) {\n    // No scroll container (`Frame` used without `Live.Dnd`): use a fixed\n    // default. See `FALLBACK_PROBE_HEIGHT`.\n    return FALLBACK_PROBE_HEIGHT;\n  }\n\n  // From the iframe up to the scroll container: the iframe's and each\n  // wrapper's margin, border and padding take space, and the scroll container\n  // adds only its padding, since `clientHeight` leaves out its border and\n  // margin (#440).\n  const scrollParentStyle = win.getComputedStyle(scrollParent);\n  let wrapperInsets =\n    (parseFloat(scrollParentStyle.paddingTop) || 0) +\n    (parseFloat(scrollParentStyle.paddingBottom) || 0);\n  let node: HTMLElement | null = iframe;\n\n  while (node && node !== scrollParent) {\n    wrapperInsets += verticalInsets(win.getComputedStyle(node));\n    node = node.parentElement;\n  }\n\n  return computeProbeHeight(scrollParent.clientHeight, wrapperInsets);\n};\n\n// The height of the preview's content with the iframe sized to\n// `probeHeight`: the mount node's `scrollHeight`, or the bottom edge of a\n// fixed or absolute element if that reaches further. Runs inside the\n// measurement overrides, and writes the container style and the rewritten\n// viewport units into the document.\nexport const measureContentHeight = (\n  mountNode: HTMLElement,\n  doc: Document,\n  win: Window,\n  probeHeight: number,\n  freezeTransitions: boolean,\n): number => {\n  let contentHeight = 0;\n\n  withMeasurementOverrides(doc, freezeTransitions, () => {\n    ensureContainerStyle(doc, probeHeight);\n\n    // Rewrite viewport units in inline `style` attributes and in-preview\n    // `<style>` tags, which the container style can't reach, so they resolve\n    // against the probe height too. After `ensureContainerStyle` and before the\n    // reads below. It's idempotent, so the observer pass its own rewrites trigger\n    // changes nothing.\n    rewriteInlineViewportUnits(mountNode);\n\n    // No need to fold the iframe to 0px first: `cq*` content is sized against\n    // the fixed probe height, so a direct read is stable (#132).\n    contentHeight = mountNode.scrollHeight;\n\n    // Every descendant, so an overlay nested deep in the tree counts too.\n    const descendants = mountNode.querySelectorAll<HTMLElement>('*');\n\n    descendants.forEach(el => {\n      const style = win.getComputedStyle(el);\n\n      // `visibility: hidden` and `opacity: 0` elements, such as a closed bottom\n      // sheet, still have an `offsetHeight`, so they're skipped here\n      // (`display: none` already reads 0). Animations are checked only for a fully\n      // transparent element, to tell a fade-in apart from a hidden one.\n      const isAnimating = style.opacity === '0' && hasActiveAnimation(el);\n\n      if (isVisuallyHidden(style, isAnimating)) {\n        return;\n      }\n\n      if (\n        (style.position === 'fixed' || style.position === 'absolute') &&\n        el.offsetHeight > 0\n      ) {\n        const rect = el.getBoundingClientRect();\n        const bottom = positionedElementBottom(\n          rect.top,\n          rect.bottom,\n          probeHeight,\n        );\n\n        if (bottom !== null) {\n          contentHeight = Math.max(contentHeight, bottom);\n        }\n      }\n    });\n  });\n\n  return contentHeight;\n};\n","import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nimport {\n  useEventListener,\n  useMutationObserver,\n  useResizeObserver,\n} from '@jbpark/use-hooks';\n\nimport { isCssAnimation, isCssTransition, neverFinishes } from './animations';\nimport {\n  CONTAINER_STYLE_ID,\n  HIDE_SCROLLBAR_STYLE_ID,\n  SCROLLBAR_OVERRIDE_RULES,\n  getProbeHeight,\n  measureContentHeight,\n} from './auto-height';\nimport { isAnimationActive } from './measure';\n\n// Sizes the iframe to its content while `shouldAutoHeight` is on, and\n// re-measures when anything that can change the height does. Also owns the\n// document styles that only `autoHeight` needs. Call it after the hooks that\n// set up the document: the effects below rely on running after them.\nexport const useAutoHeight = (\n  iframeRef: RefObject<HTMLIFrameElement | null>,\n  mountNode: HTMLElement | null,\n  shouldAutoHeight: boolean,\n) => {\n  // Animations that already have a re-measure handler, so a long one gets only\n  // one. Weak, so it never keeps an animation or its element alive.\n  const trackedAnimationsRef = useRef(new WeakSet<Animation>());\n  // Lets those handlers call the current `updateHeight` without it depending\n  // on itself.\n  const updateHeightRef = useRef<(() => void) | null>(null);\n  // The probe height the container style was last built for. A pass that\n  // leaves it unchanged changes nothing, so it can measure without freezing\n  // transitions.\n  const lastProbeHeightRef = useRef<number | undefined>(undefined);\n  // Script animations fire no event when they end, so each gets one\n  // re-measure when its `finished` promise settles. CSS animations and\n  // transitions are skipped: their end events already bubble to the mount node.\n  // A cancelled animation rejects `finished` and snaps the element back, which\n  // also changes the height, so both outcomes re-measure.\n  const trackScriptAnimations = useCallback(\n    (doc: Document, win: Window & typeof globalThis) => {\n      if (typeof doc.getAnimations !== 'function') {\n        return;\n      }\n\n      doc.getAnimations().forEach(animation => {\n        if (\n          trackedAnimationsRef.current.has(animation) ||\n          !isAnimationActive(animation.playState) ||\n          isCssAnimation(win, animation) ||\n          isCssTransition(win, animation) ||\n          neverFinishes(animation)\n        ) {\n          return;\n        }\n\n        trackedAnimationsRef.current.add(animation);\n\n        void animation.finished\n          .catch(() => undefined)\n          .then(() => updateHeightRef.current?.());\n      });\n    },\n    [],\n  );\n\n  // There is no \"skip when `scrollHeight` and the probe height are unchanged\"\n  // check, though setting the iframe's height can trigger the ResizeObserver\n  // again. Opening or closing a fixed or absolute overlay often leaves\n  // `scrollHeight` unchanged, so such a check would skip exactly the updates\n  // the full-subtree walk is for.\n  const updateHeight = useCallback(() => {\n    if (!shouldAutoHeight || !mountNode || !iframeRef.current) {\n      return;\n    }\n\n    const iframe = iframeRef.current;\n    const doc = iframe.contentDocument;\n    const win = doc?.defaultView;\n\n    if (!doc || !win) {\n      return;\n    }\n\n    const probeHeight = getProbeHeight(iframe, win);\n\n    if (probeHeight === null) {\n      // Layout isn't ready yet: skip this pass. The observers call this again\n      // once it settles.\n      return;\n    }\n\n    // Only the first pass and a pass that moves the probe height change the\n    // container, so only they freeze transitions.\n    const freezeTransitions = probeHeight !== lastProbeHeightRef.current;\n\n    lastProbeHeightRef.current = probeHeight;\n\n    // Sizes the iframe's viewport to the probe height for the reads below, so\n    // a fixed element's percentage `height` or `top` resolves against what the\n    // section shows, not against the iframe's current height, which is itself\n    // what is being measured (#565). The final height replaces it before the\n    // next paint.\n    const previousHeight = iframe.style.height;\n\n    iframe.style.height = `${probeHeight}px`;\n\n    const contentHeight = measureContentHeight(\n      mountNode,\n      doc,\n      win,\n      probeHeight,\n      freezeTransitions,\n    );\n\n    iframe.style.height =\n      contentHeight > 0 ? `${Math.ceil(contentHeight)}px` : previousHeight;\n\n    // After the measurement window, which can cancel transitions, so this sees\n    // the document's real animations.\n    trackScriptAnimations(doc, win);\n  }, [iframeRef, shouldAutoHeight, mountNode, trackScriptAnimations]);\n\n  useEffect(() => {\n    updateHeightRef.current = updateHeight;\n  }, [updateHeight]);\n\n  // Removes the container style when `autoHeight` turns off or a height is\n  // given, so `cq*` content goes back to sizing against the viewport.\n  useEffect(() => {\n    if (shouldAutoHeight) {\n      return;\n    }\n\n    iframeRef.current?.contentDocument\n      ?.getElementById(CONTAINER_STYLE_ID)\n      ?.remove();\n  }, [iframeRef, shouldAutoHeight]);\n\n  // A fixed-height iframe scrolls its own document. A copied host\n  // `body { overflow: hidden }` would stop that, so an inline value overrides\n  // it. With `autoHeight` there's nothing to scroll, so the body is left\n  // alone.\n  useEffect(() => {\n    const body = iframeRef.current?.contentDocument?.body;\n\n    if (!body || !mountNode) {\n      return;\n    }\n\n    if (shouldAutoHeight) {\n      body.style.removeProperty('overflow-y');\n    } else {\n      body.style.setProperty('overflow-y', 'auto');\n    }\n  }, [iframeRef, shouldAutoHeight, mountNode]);\n\n  // Depends on `mountNode` so it runs again once the iframe's document\n  // exists.\n  useEffect(() => {\n    const doc = iframeRef.current?.contentDocument;\n\n    if (!doc?.head) {\n      return;\n    }\n\n    const existing = doc.getElementById(HIDE_SCROLLBAR_STYLE_ID);\n\n    if (!shouldAutoHeight) {\n      existing?.remove();\n      return;\n    }\n\n    if (existing) {\n      return;\n    }\n\n    const styleEl = doc.createElement('style');\n    styleEl.id = HIDE_SCROLLBAR_STYLE_ID;\n    styleEl.textContent = SCROLLBAR_OVERRIDE_RULES.join('\\n');\n    doc.head.appendChild(styleEl);\n  }, [iframeRef, shouldAutoHeight, mountNode]);\n\n  useEffect(() => {\n    updateHeight();\n  }, [updateHeight]);\n\n  const [resizeRef, resizeSize] = useResizeObserver<HTMLElement>();\n\n  // Attached by hand, since `mountNode` is created by the portal, not\n  // rendered here. Only used as a trigger: `updateHeight`'s own walk measures\n  // more accurately than the mount node's size.\n  useEffect(() => {\n    if (!shouldAutoHeight || !mountNode) {\n      return;\n    }\n\n    resizeRef(mountNode);\n    return () => resizeRef(null);\n  }, [shouldAutoHeight, mountNode, resizeRef]);\n\n  // Runs on each size the resize observer reports. `updateHeight` stays out\n  // of the deps: the effect above already runs it whenever it changes.\n  useEffect(() => {\n    updateHeight();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [resizeSize]);\n\n  useMutationObserver(mountNode, updateHeight, {\n    enabled: shouldAutoHeight,\n    childList: true,\n    subtree: true,\n    attributes: true,\n    characterData: true,\n  });\n\n  // Re-measure when an animation or transition ends or is cancelled, which\n  // neither observer sees. A fixed or absolute element read part-way through a\n  // fade would otherwise keep its height until something else changed (#374).\n  // All four events bubble, so one listener each on the mount node covers\n  // every descendant.\n  //\n  // The mount node is wrapped in a ref that changes only with the node, and\n  // `enabled` waits until it exists.\n  const mountNodeRef = useMemo(() => ({ current: mountNode }), [mountNode]);\n  const settleListenerEnabled = shouldAutoHeight && mountNode !== null;\n\n  useEventListener('animationend', updateHeight, {\n    target: mountNodeRef,\n    enabled: settleListenerEnabled,\n  });\n\n  useEventListener('animationcancel', updateHeight, {\n    target: mountNodeRef,\n    enabled: settleListenerEnabled,\n  });\n\n  useEventListener('transitionend', updateHeight, {\n    target: mountNodeRef,\n    enabled: settleListenerEnabled,\n  });\n\n  useEventListener('transitioncancel', updateHeight, {\n    target: mountNodeRef,\n    enabled: settleListenerEnabled,\n  });\n};\n","import { convertViewportUnits } from '../viewport-units';\n\n// How many `<style>` and `<link>` elements the last sync left in the\n// document, so a shorter list can remove the extras.\nexport interface InjectedCounts {\n  styles: number;\n  stylesheets: number;\n}\n\n// Gives each value its own element in the head, found again by\n// `${idPrefix}${index}`, and removes the elements a shorter list leaves\n// behind.\nconst syncInjectedElements = <T extends HTMLElement>(\n  doc: Document,\n  idPrefix: string,\n  values: string[],\n  previousCount: number,\n  create: () => T,\n  update: (el: T, value: string) => void,\n) => {\n  values.forEach((value, index) => {\n    const id = `${idPrefix}${index}`;\n    let el = doc.getElementById(id) as T | null;\n\n    if (!el) {\n      el = create();\n      el.id = id;\n      doc.head.appendChild(el);\n    }\n\n    update(el, value);\n  });\n\n  for (let index = values.length; index < previousCount; index++) {\n    doc.getElementById(`${idPrefix}${index}`)?.remove();\n  }\n};\n\n// Writes `styles` (CSS text) and `stylesheets` (URLs) into the document's\n// head and returns the counts for the next call. Writes only what differs.\nexport const syncInjectedAssets = (\n  doc: Document,\n  styles: string[],\n  stylesheets: string[],\n  previous: InjectedCounts,\n): InjectedCounts => {\n  syncInjectedElements(\n    doc,\n    'injected-style-',\n    styles,\n    previous.styles,\n    () => doc.createElement('style'),\n    (styleEl, css) => {\n      // The main source of `vh` units in a preview: compiled component CSS,\n      // such as Tailwind's `h-screen`. See `ensureContainerStyle` in\n      // `auto-height.ts` for why they're converted.\n      const convertedCss = convertViewportUnits(css);\n\n      if (styleEl.textContent !== convertedCss) {\n        styleEl.textContent = convertedCss;\n      }\n    },\n  );\n\n  syncInjectedElements(\n    doc,\n    'injected-stylesheet-',\n    stylesheets,\n    previous.stylesheets,\n    () => {\n      const linkEl = doc.createElement('link');\n\n      linkEl.rel = 'stylesheet';\n\n      return linkEl;\n    },\n    (linkEl, href) => {\n      if (linkEl.href !== href) {\n        linkEl.href = href;\n      }\n    },\n  );\n\n  return { styles: styles.length, stylesheets: stylesheets.length };\n};\n","const SYNCED_STYLE_ATTR = 'data-live-editor-synced-style';\n\ntype SourceStyle = HTMLLinkElement | HTMLStyleElement;\ntype SyncedStyle = HTMLLinkElement | HTMLStyleElement;\n\ninterface StyleSyncManager {\n  clones: Map<SourceStyle, SyncedStyle>;\n}\n\nexport const createStyleSyncManager = (): StyleSyncManager => ({\n  clones: new Map(),\n});\n\nconst isDocument = (target: Document | ShadowRoot): target is Document =>\n  target.nodeType === Node.DOCUMENT_NODE;\n\nconst sourceStyles = (document: Document): SourceStyle[] =>\n  Array.from(\n    document.head.querySelectorAll<HTMLLinkElement | HTMLStyleElement>(\n      'link[rel=\"stylesheet\"], style',\n    ),\n  );\n\nconst copyAttributes = (\n  source: SourceStyle,\n  clone: SyncedStyle,\n  transformStyle: (content: string) => string,\n) => {\n  Array.from(clone.attributes).forEach(attribute => {\n    if (\n      attribute.name !== SYNCED_STYLE_ATTR &&\n      !source.hasAttribute(attribute.name)\n    ) {\n      clone.removeAttribute(attribute.name);\n    }\n  });\n\n  Array.from(source.attributes).forEach(attribute => {\n    clone.setAttribute(attribute.name, attribute.value);\n  });\n\n  if (source.tagName === 'LINK' && clone.tagName === 'LINK') {\n    (clone as HTMLLinkElement).disabled = (source as HTMLLinkElement).disabled;\n  }\n\n  clone.textContent =\n    source.tagName === 'STYLE'\n      ? transformStyle(source.textContent || '')\n      : source.textContent;\n};\n\nconst createClone = (\n  source: SourceStyle,\n  target: Document | ShadowRoot,\n  transformStyle: (content: string) => string,\n): SyncedStyle => {\n  const ownerDocument = isDocument(target) ? target : target.ownerDocument;\n  const clone = ownerDocument.createElement(\n    source.tagName.toLowerCase(),\n  ) as SyncedStyle;\n\n  clone.setAttribute(SYNCED_STYLE_ATTR, '');\n  copyAttributes(source, clone, transformStyle);\n\n  return clone;\n};\n\nconst targetContainer = (target: Document | ShadowRoot) =>\n  isDocument(target) ? target.head : target;\n\nconst isSyncedStyle = (node: Node): node is SyncedStyle => {\n  const element = node as Element;\n\n  return (\n    (element.tagName === 'LINK' || element.tagName === 'STYLE') &&\n    element.hasAttribute(SYNCED_STYLE_ATTR)\n  );\n};\n\nconst removeClone = (clone: SyncedStyle) => {\n  clone.remove();\n};\n\n// `anchor`, when given, is an element the synced block has to stay in front\n// of. Without it, a first sync appends the block after whatever the target\n// already holds, so a rule the target added for itself could end up before\n// the host's copies and lose to them on order (#441).\nexport const reconcileStyles = (\n  sourceDocument: Document,\n  target: Document | ShadowRoot,\n  manager: StyleSyncManager,\n  enabled: boolean,\n  transformStyle: (content: string) => string = content => content,\n  anchor: Node | null = null,\n) => {\n  if (!enabled) {\n    manager.clones.forEach(removeClone);\n    manager.clones.clear();\n\n    return;\n  }\n\n  const sources = sourceStyles(sourceDocument);\n  const sourceSet = new Set(sources);\n  const container = targetContainer(target);\n\n  manager.clones.forEach((clone, source) => {\n    if (!sourceSet.has(source)) {\n      removeClone(clone);\n      manager.clones.delete(source);\n    }\n  });\n\n  let previous: SyncedStyle | null = null;\n\n  sources.forEach(source => {\n    let clone = manager.clones.get(source);\n\n    if (!clone) {\n      clone = createClone(source, target, transformStyle);\n      manager.clones.set(source, clone);\n    } else {\n      copyAttributes(source, clone, transformStyle);\n    }\n\n    const nextSibling = previous\n      ? previous.nextSibling\n      : (Array.from(container.childNodes).find(isSyncedStyle) ??\n        (anchor?.parentNode === container ? anchor : null));\n\n    if (clone !== nextSibling) {\n      container.insertBefore(clone, nextSibling);\n    }\n\n    previous = clone;\n  });\n};\n\n// What a root-attribute sync has written onto the target, so a later pass\n// removes exactly that and never what the target set for itself.\ninterface RootAttributeSync {\n  attributes: Set<string>;\n  classes: Set<string>;\n}\n\nexport const createRootAttributeSync = (): RootAttributeSync => ({\n  attributes: new Set(),\n  classes: new Set(),\n});\n\nconst isMirroredAttribute = (name: string) => name.startsWith('data-');\n\n// Mirrors the host `<html>`'s classes and `data-*` attributes onto an iframe's\n// `<html>`. A theme is usually switched there (`.dark`, `data-theme=\"dark\"`),\n// and copying the host's stylesheets alone doesn't help an iframe: its\n// selectors look for those on an ancestor, and the iframe document has a root\n// of its own. A shadow root needs none of this, since it sits under the host's\n// `<html>` already (#497).\n//\n// Classes are synced token by token, so a class the preview put on its own\n// root survives. Other attributes (`style`, `lang`, `dir`, ...) are left\n// alone: the frame relies on its own root for sizing and layout.\nexport const reconcileRootAttributes = (\n  source: Element,\n  target: Element,\n  sync: RootAttributeSync,\n  enabled: boolean,\n) => {\n  const attributes = enabled\n    ? Array.from(source.attributes).filter(({ name }) =>\n        isMirroredAttribute(name),\n      )\n    : [];\n  const classes = enabled ? Array.from(source.classList) : [];\n  const attributeNames = new Set(attributes.map(({ name }) => name));\n  const classNames = new Set(classes);\n\n  sync.attributes.forEach(name => {\n    if (!attributeNames.has(name)) {\n      target.removeAttribute(name);\n    }\n  });\n  attributes.forEach(({ name, value }) => {\n    if (target.getAttribute(name) !== value) {\n      target.setAttribute(name, value);\n    }\n  });\n\n  sync.classes.forEach(name => {\n    if (!classNames.has(name)) {\n      target.classList.remove(name);\n    }\n  });\n  classes.forEach(name => target.classList.add(name));\n\n  if (!target.classList.length) {\n    target.removeAttribute('class');\n  }\n\n  sync.attributes = attributeNames;\n  sync.classes = classNames;\n};\n","import { useCallback, useRef } from 'react';\nimport type { RefObject } from 'react';\n\nimport { useDebouncedCallback, useMutationObserver } from '@jbpark/use-hooks';\n\nimport { CONTAINER_STYLE_ID } from '../auto-height/auto-height';\nimport {\n  createRootAttributeSync,\n  createStyleSyncManager,\n  reconcileRootAttributes,\n  reconcileStyles,\n} from '../style-sync';\nimport { convertViewportUnits } from '../viewport-units';\n\n// Copies the host page's styles and root attributes into the iframe while\n// `syncStyle` is on, and again whenever the host changes them. Returns\n// `applyStyle`, which the document setup calls once the iframe's document\n// exists.\nexport const useHostStyleSync = (\n  iframeRef: RefObject<HTMLIFrameElement | null>,\n  syncStyle: boolean,\n) => {\n  const styleManagerRef = useRef(createStyleSyncManager());\n  const rootAttributeSyncRef = useRef(createRootAttributeSync());\n\n  const applyStyle = useCallback(() => {\n    const doc = iframeRef.current?.contentDocument;\n\n    if (!doc) {\n      return;\n    }\n\n    // The container style goes after every copied host style. Both use\n    // `!important`, so a host `html { height: 100% !important }` copied in after\n    // it would win and fold the frame to a pixel (#441).\n    reconcileStyles(\n      document,\n      doc,\n      styleManagerRef.current,\n      syncStyle,\n      convertViewportUnits,\n      doc.getElementById(CONTAINER_STYLE_ID),\n    );\n    // The host's theme class or attribute, which the copied styles select on\n    // (#497).\n    reconcileRootAttributes(\n      document.documentElement,\n      doc.documentElement,\n      rootAttributeSyncRef.current,\n      syncStyle,\n    );\n  }, [iframeRef, syncStyle]);\n\n  // Debounced, since a stylesheet swap fires several head mutations in a\n  // row.\n  const debouncedApplyStyle = useDebouncedCallback(applyStyle, {\n    delay: 50,\n    autoInvoke: false,\n  });\n\n  useMutationObserver(document.head, debouncedApplyStyle, {\n    enabled: syncStyle,\n    childList: true,\n    subtree: true,\n    attributes: true,\n  });\n\n  // A theme switch only changes the host's `<html>` attributes, which the head\n  // observer above doesn't see.\n  useMutationObserver(document.documentElement, debouncedApplyStyle, {\n    enabled: syncStyle,\n    attributes: true,\n  });\n\n  return applyStyle;\n};\n","import { useEffect, useRef, useState } from 'react';\nimport type { RefObject } from 'react';\n\nimport { withScriptBlobs } from '~/utils/scripts';\n\n// Adds each script to the document's head as a `<script>` that loads from a\n// blob URL. Not awaited: a script that fails to load becomes an unhandled\n// rejection on the host page.\nconst injectScripts = (doc: Document, srcs: string[]) => {\n  void withScriptBlobs(srcs, blobUrls => {\n    if (!doc.head) {\n      return;\n    }\n\n    const fragment = doc.createDocumentFragment();\n    blobUrls.forEach(blobUrl => {\n      const script = doc.createElement('script');\n      script.src = blobUrl;\n      fragment.appendChild(script);\n    });\n    doc.head.appendChild(fragment);\n  });\n};\n\ninterface Options {\n  scripts: string[];\n  onLoaded?: () => void;\n  applyStyle: () => void;\n}\n\n// Prepares the iframe's document each time it loads: creates the mount node,\n// applies the host styles, injects the scripts not yet in it and calls\n// `onLoaded`. Returns the mount node, `null` until the first load.\nexport const useIframeDocument = (\n  iframeRef: RefObject<HTMLIFrameElement | null>,\n  { scripts, onLoaded, applyStyle }: Options,\n) => {\n  const [mountNode, setMountNode] = useState<HTMLElement | null>(null);\n  // The script srcs already added to this iframe's document, so a src added\n  // to `scripts` later still loads.\n  const loadedScriptsRef = useRef<Set<string>>(new Set());\n  // The document those scripts went into. Moving the iframe, as reordering\n  // canvas sections does, reloads it with a new document that has none\n  // (#507).\n  const loadedScriptsDocRef = useRef<Document | null>(null);\n\n  useEffect(() => {\n    const $iframe = iframeRef.current;\n\n    if (!$iframe) {\n      return;\n    }\n\n    const onLoad = () => {\n      const doc = $iframe.contentDocument;\n\n      if (!doc) {\n        return;\n      }\n\n      if (loadedScriptsDocRef.current !== doc) {\n        loadedScriptsDocRef.current = doc;\n        loadedScriptsRef.current = new Set();\n      }\n\n      doc.body.style.overflowX = 'hidden';\n      doc.body.style.margin = '0';\n\n      let node = doc.getElementById('iframe-root');\n\n      if (!node) {\n        node = doc.createElement('div');\n        node.id = 'iframe-root';\n        doc.body.appendChild(node);\n      }\n\n      setMountNode(node);\n\n      applyStyle();\n\n      const pendingScripts = scripts.filter(\n        src => !loadedScriptsRef.current.has(src),\n      );\n\n      if (pendingScripts.length) {\n        pendingScripts.forEach(src => loadedScriptsRef.current.add(src));\n        injectScripts(doc, pendingScripts);\n      }\n\n      onLoaded?.();\n    };\n\n    $iframe.addEventListener('load', onLoad);\n\n    if ($iframe.contentDocument?.readyState === 'complete') {\n      onLoad();\n    }\n\n    return () => {\n      $iframe.removeEventListener('load', onLoad);\n    };\n  }, [iframeRef, scripts, onLoaded, applyStyle]);\n\n  return mountNode;\n};\n","import { useEffect, useRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useAutoHeight } from '../auto-height/use-auto-height';\nimport { type InjectedCounts, syncInjectedAssets } from './inject-assets';\nimport { useHostStyleSync } from './use-host-style-sync';\nimport { useIframeDocument } from './use-iframe-document';\n\nexport interface Props {\n  title?: string;\n  /** Forwarded to the iframe's `sandbox` attribute for DOM/CSS isolation only — not a security boundary, since preview code executes in the host window's realm (see `compileModule` in `~/utils`). */\n  sandbox?: string;\n  style?: React.CSSProperties;\n  scripts?: string[];\n  styles?: string[];\n  stylesheets?: string[];\n  autoHeight?: boolean;\n  syncStyle?: boolean;\n  children: (container: HTMLElement) => ReactNode;\n  onLoaded?: () => void;\n}\n\nconst EMPTY_STRING_ARRAY: string[] = [];\n\nconst IFrame = ({\n  title = 'Live Preview',\n  sandbox,\n  style = {},\n  scripts = EMPTY_STRING_ARRAY,\n  styles = EMPTY_STRING_ARRAY,\n  stylesheets = EMPTY_STRING_ARRAY,\n  autoHeight = false,\n  syncStyle = false,\n  children,\n  onLoaded,\n  ...props\n}: Props) => {\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const shouldAutoHeight = autoHeight && style.height == null;\n\n  const applyStyle = useHostStyleSync(iframeRef, syncStyle);\n  const mountNode = useIframeDocument(iframeRef, {\n    scripts,\n    onLoaded,\n    applyStyle,\n  });\n  const injectedCountsRef = useRef<InjectedCounts>({\n    styles: 0,\n    stylesheets: 0,\n  });\n\n  useEffect(() => {\n    const doc = iframeRef.current?.contentDocument;\n\n    if (!doc?.head) {\n      return;\n    }\n\n    injectedCountsRef.current = syncInjectedAssets(\n      doc,\n      styles,\n      stylesheets,\n      injectedCountsRef.current,\n    );\n  }, [styles, stylesheets]);\n\n  useAutoHeight(iframeRef, mountNode, shouldAutoHeight);\n\n  const content = mountNode\n    ? createPortal(children(mountNode), mountNode)\n    : null;\n\n  return (\n    <iframe\n      ref={iframeRef}\n      style={{\n        // An iframe is inline by default and leaves a gap below it for text\n        // descenders, which added up across canvas sections (#439).\n        display: 'block',\n        width: '100%',\n        height: '100%',\n        border: 'none',\n        ...style,\n      }}\n      title={title}\n      sandbox={sandbox}\n      {...props}\n    >\n      {content}\n    </iframe>\n  );\n};\n\nexport default IFrame;\n","import { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useDebouncedCallback, useMutationObserver } from '@jbpark/use-hooks';\n\nimport { createStyleSyncManager, reconcileStyles } from './style-sync';\n\ninterface Props {\n  // Copies the host page's stylesheets and `<style>` tags into the shadow\n  // root, like `iframe.tsx`'s option of the same name. This brings the host's\n  // compiled CSS, its own utilities and theme included. `dynamicTailwind`\n  // covers what the host's build never saw, such as a class typed at runtime.\n  syncStyle?: boolean;\n  // Receives the overlay layer, the `container` to portal a modal or drawer\n  // into so it opens inside the preview.\n  children: (overlayLayer: HTMLElement | null) => ReactNode;\n}\n\nconst OVERLAY_LAYER_ATTR = 'data-live-editor-overlay-layer';\n\n// The layer lets clicks through to the preview under it. What is portaled\n// into it takes them again.\nconst OVERLAY_LAYER_STYLE = `[${OVERLAY_LAYER_ATTR}] > * { pointer-events: auto; }`;\n\n// The render target and the overlay layer in one grid cell, so the layer\n// covers exactly the preview's box. `min-height: 100%` stretches that box to\n// a parent with a set height, such as `Live.Preview`'s, so an overlay isn't\n// squeezed into short content. The wrapper isn't positioned, so it doesn't\n// change what an `absolute` element in the preview is placed against.\n// `isolation` keeps the layer's stacking inside the preview.\nconst createFrameNodes = () => {\n  const wrapper = document.createElement('div');\n\n  wrapper.style.display = 'grid';\n  wrapper.style.gridTemplateColumns = 'minmax(0, 1fr)';\n  wrapper.style.minHeight = '100%';\n  wrapper.style.isolation = 'isolate';\n\n  const renderTarget = document.createElement('div');\n\n  renderTarget.style.gridArea = '1 / 1';\n\n  // `contain: layout` makes the layer the containing block of the fixed\n  // elements inside it, so an overlay covers the preview and not the page.\n  const overlayLayer = document.createElement('div');\n\n  overlayLayer.setAttribute(OVERLAY_LAYER_ATTR, '');\n  overlayLayer.style.gridArea = '1 / 1';\n  overlayLayer.style.zIndex = '1';\n  overlayLayer.style.contain = 'layout';\n  overlayLayer.style.pointerEvents = 'none';\n\n  const style = document.createElement('style');\n\n  style.textContent = OVERLAY_LAYER_STYLE;\n  wrapper.append(style, renderTarget, overlayLayer);\n\n  return { wrapper, renderTarget };\n};\n\n// The overlay layer `createFrameNodes` put next to `renderTarget`.\nconst overlayLayerOf = (renderTarget: HTMLElement) => {\n  const layer = renderTarget.nextElementSibling;\n\n  return layer instanceof HTMLElement && layer.hasAttribute(OVERLAY_LAYER_ATTR)\n    ? layer\n    : null;\n};\n\nconst Shadow = ({ syncStyle = false, children }: Props) => {\n  const hostRef = useRef<HTMLDivElement>(null);\n  const shadowRootRef = useRef<ShadowRoot | null>(null);\n  const renderTargetRef = useRef<HTMLDivElement | null>(null);\n  const [renderTarget, setRenderTarget] = useState<HTMLDivElement | null>(null);\n\n  // Added next to the portal target, not inside it: React owns that subtree\n  // and would remove anything added there.\n  const styleManagerRef = useRef(createStyleSyncManager());\n\n  const applyStyle = useCallback(() => {\n    const shadowRoot = shadowRootRef.current;\n\n    if (!shadowRoot) {\n      return;\n    }\n\n    reconcileStyles(document, shadowRoot, styleManagerRef.current, syncStyle);\n  }, [syncStyle]);\n\n  // Debounced, since a stylesheet swap fires several head mutations in a\n  // row, as in `iframe.tsx`.\n  const debouncedApplyStyle = useDebouncedCallback(applyStyle, {\n    delay: 50,\n    autoInvoke: false,\n  });\n\n  useMutationObserver(document.head, debouncedApplyStyle, {\n    enabled: syncStyle,\n    childList: true,\n    subtree: true,\n    attributes: true,\n  });\n\n  useLayoutEffect(() => {\n    if (!hostRef.current) {\n      return;\n    }\n\n    let shadowRoot = shadowRootRef.current;\n\n    if (!shadowRoot) {\n      shadowRoot =\n        hostRef.current.shadowRoot ||\n        hostRef.current.attachShadow({ mode: 'open' });\n      shadowRootRef.current = shadowRoot;\n    }\n\n    let target = renderTargetRef.current;\n\n    if (!target) {\n      const nodes = createFrameNodes();\n\n      shadowRoot.appendChild(nodes.wrapper);\n      target = nodes.renderTarget;\n      renderTargetRef.current = target;\n      setRenderTarget(target);\n    }\n\n    applyStyle();\n    // `click`, `pointerdown` and `pointerup` already cross the shadow boundary\n    // (`composed: true`), so they aren't dispatched again here, which made\n    // listeners outside see them twice (#92). `event.composedPath()[0]` gives\n    // the element inside.\n  }, [applyStyle]);\n\n  useLayoutEffect(() => {\n    if (renderTargetRef.current && !renderTarget) {\n      setRenderTarget(renderTargetRef.current);\n    }\n  }, [renderTarget]);\n\n  return (\n    <div ref={hostRef} style={{ display: 'contents' }}>\n      {renderTarget &&\n        createPortal(children(overlayLayerOf(renderTarget)), renderTarget)}\n    </div>\n  );\n};\n\nexport default Shadow;\n","import { type ReactNode } from 'react';\n\nimport IFrame, { type Props as IframeProps } from './iframe/iframe';\nimport Shadow from './shadow';\n\nexport interface FrameProps extends Omit<IframeProps, 'children'> {\n  mode?: 'iframe' | 'shadow';\n}\n\ninterface Props extends FrameProps {\n  children: (container: HTMLElement) => ReactNode;\n}\n\nconst Frame = ({ mode, children, ...restProps }: Props) => {\n  if (!mode) {\n    return children(document.body);\n  }\n\n  if (mode === 'shadow') {\n    return (\n      <Shadow syncStyle={restProps.syncStyle}>\n        {container => children(container || document.body)}\n      </Shadow>\n    );\n  }\n\n  return <IFrame {...restProps}>{children}</IFrame>;\n};\n\nexport default Frame;\n","import * as ui from '@jbpark/ui-kit';\nimport * as utils from '@jbpark/ui-kit/utils';\n\n// What every preview can import without the host passing it\n// (`import * as ui from 'ui-kit'`). Kept here, not in `~/utils`, because\n// loading ui-kit reaches its stylesheets, which would make `./utils`\n// unloadable in Node (#372).\nexport const baseModules = {\n  'ui-kit': ui,\n  'ui-kit/utils': utils,\n};\n","import { useMemo } from 'react';\n\nimport { useStableValue } from '@jbpark/use-hooks';\n\nimport { useLiveMessages } from '~/components/context/messages';\nimport type { Module } from '~/types';\nimport { compile } from '~/utils/compile';\n\nimport { baseModules } from './base-modules';\n\n// Compiles code into a component, for `Live.Preview` and each canvas\n// section, so both handle errors the same way (#246). `null` for empty code,\n// so a caller can tell \"nothing to render\" from a failed compile, which\n// comes back as a module with `error`.\nexport const useCompiledModule = (\n  code: string,\n  _modules?: Record<string, unknown>,\n): Module | null => {\n  // An inline `modules` object from `Live.Preview`'s host is new each\n  // render; only a changed entry should recompile (#397).\n  const modules = useStableValue(_modules);\n  const { unknown } = useLiveMessages().errors;\n\n  const mergedModules = useMemo(\n    () => ({ ...baseModules, ...modules }),\n    [modules],\n  );\n\n  return useMemo(() => {\n    if (!code) {\n      return null;\n    }\n\n    try {\n      return compile(code, mergedModules);\n    } catch (e) {\n      return {\n        exports: {},\n        error: e instanceof Error ? e.message : unknown,\n      };\n    }\n  }, [code, mergedModules, unknown]);\n};\n","import { useCallback, useEffect, useState } from 'react';\n\n// Compiles the Tailwind classes in the rendered DOM into CSS for a `<style>`\n// tag, for `Live.Preview` and each canvas section. Reading the DOM, not the\n// source, finds the classes imported components add too.\n//\n// The element is held in state through a callback ref: in shadow mode it\n// appears a commit later, and an effect reading a plain ref would miss it.\n// The compiler and theme load on first use, since they're large (#332).\nexport const useDynamicTailwind = (code: string, enabled: boolean) => {\n  const [css, setCss] = useState('');\n  const [element, setElement] = useState<HTMLDivElement | null>(null);\n\n  const ref = useCallback((node: HTMLDivElement | null) => {\n    setElement(node);\n  }, []);\n\n  useEffect(() => {\n    if (!code || !enabled || !element) {\n      return;\n    }\n\n    let cancelled = false;\n\n    // Not awaited: a failure to generate the CSS becomes an unhandled\n    // rejection on the host page.\n    void import('~/utils/tailwind')\n      .then(({ generateTailwindCSSFromDOM }) =>\n        generateTailwindCSSFromDOM(element),\n      )\n      .then(next => {\n        if (!cancelled) {\n          setCss(next);\n        }\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [code, enabled, element]);\n\n  return { ref, css };\n};\n"],"mappings":"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"}

package/dist/utils/ast/index.d.ts

@@ -1,4 +1,47 @@
-import { _ as BindingWidget, a as validateBindingValue, c as BindingItem, d as BindingOptions, f as BindingRegistry, g as BindingType, h as BindingSchema, i as defaultValidationMessages, l as BindingKeyMap, m as BindingRenderMap, n as ValidationOptions, o as BindingComponentName, p as BindingRenderLeaf, r as ValidationResult, s as BindingFieldSpec, t as ValidationMessages, u as BindingOption, v as DataAttrNode } from "../../validate-DB59Z_Nx.js";
-import { a as SectionOptions, c as createSectionPreviewCache, d as generateSectionPreview, f as generateSectionPreviews, g as replaceDocumentSections, h as parseDocument, i as DocumentTree, l as fillSectionIds, m as inspectDocument, n as DocumentOptions, o as SectionPreviewCache, p as getSections, r as DocumentProblem, s as clearDocumentParseCache, t as DocumentInspection, u as generateDocumentCode } from "../../document-DqRSCtsx.js";
-import { A as removeArrayItems, B as UpdateFailure, C as moveArrayItem, D as parseBindingExpression, E as parseBinding, F as ChildrenAction, G as parseValue, H as bulkUpdate, I as ChildrenEdit, J as EditableValueEntry, K as EditablePathSegment, L as getChildrenSignatures, M as resolveBindings, N as updateArrayItemProperty, O as parseItems, P as updateArrayItemValue, Q as extract, R as UpdateAllResult, S as isComponentTagName, T as parseArrayExpression, U as update, V as UpdateResult, W as updateAll, X as setEditableValue, Y as flattenEditableValue, Z as findEditableChildren, _ as generateCode, a as NodeValueType, b as getRegistryBindings, c as canLosslesslyEvaluateSource, d as clone, f as createNodeFromValue, g as fillIds, h as extractObjectProperties, i as ItemKind, j as replaceIds, k as readNodeBindings, l as canStructurallyEditArray, m as extractNodeValue, n as EditableNodeValueType, o as appendArrayItem, p as duplicateArrayItems, q as EditablePrimitive, r as ExtractedNodeValue, s as arrayExpressionToCode, t as ArrayItem, u as clearExtractCache, v as getCurrentValue, w as moveArrayItems, x as getStructuredValue, y as getKeyBindings, z as UpdateEntry } from "../../index-C_PfR4X9.js";
-export { ArrayItem, type BindingComponentName, type BindingFieldSpec, type BindingItem, type BindingKeyMap, type BindingOption, type BindingOptions, type BindingRegistry, type BindingRenderLeaf, type BindingRenderMap, type BindingSchema, type BindingType, type BindingWidget, type ChildrenAction, type ChildrenEdit, type DataAttrNode, type DocumentInspection, type DocumentOptions, type DocumentProblem, type DocumentTree, EditableNodeValueType, type EditablePathSegment, type EditablePrimitive, type EditableValueEntry, ExtractedNodeValue, ItemKind, NodeValueType, type SectionOptions, type SectionPreviewCache, type UpdateAllResult, type UpdateEntry, type UpdateFailure, type UpdateResult, type ValidationMessages, type ValidationOptions, type ValidationResult, appendArrayItem, arrayExpressionToCode, bulkUpdate, canLosslesslyEvaluateSource, canStructurallyEditArray, clearDocumentParseCache, clearExtractCache, clone, createNodeFromValue, createSectionPreviewCache, defaultValidationMessages, duplicateArrayItems, extract, extractNodeValue, extractObjectProperties, fillIds, fillSectionIds, findEditableChildren, flattenEditableValue, generateCode, generateDocumentCode, generateSectionPreview, generateSectionPreviews, getChildrenSignatures, getCurrentValue, getKeyBindings, getRegistryBindings, getSections, getStructuredValue, inspectDocument, isComponentTagName, moveArrayItem, moveArrayItems, parseArrayExpression, parseBinding, parseBindingExpression, parseDocument, parseItems, parseValue, readNodeBindings, removeArrayItems, replaceDocumentSections, replaceIds, resolveBindings, setEditableValue, update, updateAll, updateArrayItemProperty, updateArrayItemValue, validateBindingValue };
+import { a as BindingOption, c as BindingRenderLeaf, d as BindingType, f as BindingWidget, i as BindingKeyMap, l as BindingRenderMap, n as BindingFieldSpec, o as BindingOptions, p as DataAttrNode, r as BindingItem, s as BindingRegistry, t as BindingComponentName, u as BindingSchema } from "../../types-Czps1Txy.js";
+import { a as validateBindingValue, i as defaultValidationMessages, n as ValidationOptions, r as ValidationResult, t as ValidationMessages } from "../../validate-CiA1LF6S.js";
+import { a as update, i as UpdateResult, n as UpdateEntry, o as updateAll, r as UpdateFailure, t as UpdateAllResult } from "../../update-2PJbwoS8.js";
+import { n as DocumentProblem, r as SectionOptions, t as DocumentOptions } from "../../document-BQhb7YR8.js";
+//#region src/utils/ast/binding.d.ts
+declare const findEditableChildren: (node: DataAttrNode) => DataAttrNode[];
+//#endregion
+//#region src/utils/ast/editable-value.d.ts
+type EditablePathSegment = string | number;
+type EditablePrimitive = string | number | boolean;
+interface EditableValueEntry {
+  path: EditablePathSegment[];
+  value: EditablePrimitive;
+}
+declare const flattenEditableValue: (value: string) => EditableValueEntry[] | null;
+declare const setEditableValue: (value: string, path: EditablePathSegment[], next: EditablePrimitive) => string;
+//#endregion
+//#region src/utils/ast/value.d.ts
+declare const parseValue: (value: unknown) => unknown;
+//#endregion
+//#region src/utils/ast/extract.d.ts
+declare function extract(raw: string, options?: BindingOptions): DataAttrNode[];
+//#endregion
+//#region src/utils/ast/children.d.ts
+type ChildrenAction = {
+  type: 'move';
+  from: number;
+  to: number;
+} | {
+  type: 'move-selected';
+  indices: number[];
+  direction: 'up' | 'down';
+} | {
+  type: 'remove' | 'duplicate';
+  indices: number[];
+} | {
+  type: 'append';
+};
+interface ChildrenEdit {
+  kind: 'children-edit';
+  expected: string[];
+  action: ChildrenAction;
+}
+declare const getChildrenSignatures: (nodes: DataAttrNode[]) => string[];
+//#endregion
+export { type BindingComponentName, type BindingFieldSpec, type BindingItem, type BindingKeyMap, type BindingOption, type BindingOptions, type BindingRegistry, type BindingRenderLeaf, type BindingRenderMap, type BindingSchema, type BindingType, type BindingWidget, type ChildrenAction, type ChildrenEdit, type DataAttrNode, type DocumentOptions, type DocumentProblem, type EditablePathSegment, type EditablePrimitive, type EditableValueEntry, type SectionOptions, type UpdateAllResult, type UpdateEntry, type UpdateFailure, type UpdateResult, type ValidationMessages, type ValidationOptions, type ValidationResult, defaultValidationMessages, extract, findEditableChildren, flattenEditableValue, getChildrenSignatures, parseValue, setEditableValue, update, updateAll, validateBindingValue };
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/ast/index.js

@@ -1,6 +1,6 @@
-import { A as isJSXElement, B as isObjectExpression, E as isBooleanLiteral, N as isJSXFragment, O as isIdentifier, T as isArrayExpression, U as isSpreadElement, V as isObjectProperty, W as isStringLiteral, X as isUnaryExpression, Y as isTemplateLiteral, _ as generateCode$1, a as generateSectionPreview, c as inspectDocument, f as clone$1, h as replaceIds$1, i as generateDocumentCode, l as parseDocument, n as createSectionPreviewCache, o as generateSectionPreviews, p as fillIds$1, r as fillSectionIds, s as getSections, t as clearDocumentParseCache, u as replaceDocumentSections, vt as parseExpression, z as isNumericLiteral } from "../../document-CHO215iP.js";
-import { n as validateBindingValue, t as defaultValidationMessages } from "../../validate-iLo8IONY.js";
-import { A as extractNodeValue$1, C as getStructuredValue$1, D as readNodeBindings$1, E as parseBindingExpression$1, M as parseArrayExpression$1, N as parseValue, O as resolveBindings$1, P as unwrapExpression, S as getRegistryBindings$1, T as parseBinding$1, _ as clearExtractCache$1, a as parseItems$1, b as getCurrentValue$1, c as updateArrayItemValue$1, d as update, f as updateAll, h as getChildrenSignatures, i as moveArrayItems$1, j as extractObjectProperties$1, k as canLosslesslyEvaluateSource$1, l as canStructurallyEditArray$1, m as createNodeFromValue$1, n as duplicateArrayItems$1, o as removeArrayItems$1, p as arrayExpressionToCode$1, r as moveArrayItem$1, s as updateArrayItemProperty$1, t as appendArrayItem$1, u as bulkUpdate, v as extract, w as isComponentTagName$1, x as getKeyBindings$1, y as findEditableChildren } from "../../items-BXXtMUNI.js";
+import { C as isJSXElement, E as isJSXFragment, H as isTemplateLiteral, I as isSpreadElement, L as isStringLiteral, M as isNumericLiteral, N as isObjectExpression, P as isObjectProperty, U as isUnaryExpression, dt as parseExpression, v as isArrayExpression, x as isIdentifier, y as isBooleanLiteral } from "../../document-DcwIEHRV.js";
+import { n as validateBindingValue, t as defaultValidationMessages } from "../../validate-CZz30Pnb.js";
+import { a as getChildrenSignatures, l as findEditableChildren, n as updateAll, o as extract, t as update, v as parseValue, y as unwrapExpression } from "../../update-DNInQSM7.js";
 //#region src/utils/ast/editable-value.ts
 const MAX_FLATTEN_DEPTH = 20;
 const isEditablePrimitive = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean";
@@ -83,66 +83,6 @@ const setEditableValue = (value, path, next) => {
 	return `${value.slice(0, leaf.start)}${leafSource(value, leaf, next)}${value.slice(leaf.end)}`;
 };
 //#endregion
-//#region src/utils/ast/index.ts
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const appendArrayItem = appendArrayItem$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const duplicateArrayItems = duplicateArrayItems$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const moveArrayItem = moveArrayItem$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const moveArrayItems = moveArrayItems$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const parseItems = parseItems$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const removeArrayItems = removeArrayItems$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const updateArrayItemProperty = updateArrayItemProperty$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const updateArrayItemValue = updateArrayItemValue$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const parseArrayExpression = parseArrayExpression$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const arrayExpressionToCode = arrayExpressionToCode$1;
-/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */
-const canStructurallyEditArray = canStructurallyEditArray$1;
-/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
-const extractNodeValue = extractNodeValue$1;
-/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
-const extractObjectProperties = extractObjectProperties$1;
-/** @deprecated Internal. Write values through `update` or `PanelBinding.onChange`. Removed in the next major. */
-const createNodeFromValue = createNodeFromValue$1;
-/** @deprecated Internal. Check `PanelBinding.canEditValue` instead. Removed in the next major. */
-const canLosslesslyEvaluateSource = canLosslesslyEvaluateSource$1;
-/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
-const getCurrentValue = getCurrentValue$1;
-/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */
-const getStructuredValue = getStructuredValue$1;
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-const parseBinding = parseBinding$1;
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-const parseBindingExpression = parseBindingExpression$1;
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-const readNodeBindings = readNodeBindings$1;
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-const resolveBindings = resolveBindings$1;
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-const getKeyBindings = getKeyBindings$1;
-/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */
-const getRegistryBindings = getRegistryBindings$1;
-/** @deprecated Internal. Removed in the next major. */
-const isComponentTagName = isComponentTagName$1;
-/** @deprecated Internal. Removed in the next major. */
-const fillIds = fillIds$1;
-/** @deprecated Internal. Removed in the next major. */
-const replaceIds = replaceIds$1;
-/** @deprecated Internal. Removed in the next major. */
-const clone = clone$1;
-/** @deprecated Internal. Removed in the next major. */
-const generateCode = generateCode$1;
-/** @deprecated Internal. Use `clearEditorCaches` from `./utils`. Removed in the next major. */
-const clearExtractCache = clearExtractCache$1;
-//#endregion
-export { appendArrayItem, arrayExpressionToCode, bulkUpdate, canLosslesslyEvaluateSource, canStructurallyEditArray, clearDocumentParseCache, clearExtractCache, clone, createNodeFromValue, createSectionPreviewCache, defaultValidationMessages, duplicateArrayItems, extract, extractNodeValue, extractObjectProperties, fillIds, fillSectionIds, findEditableChildren, flattenEditableValue, generateCode, generateDocumentCode, generateSectionPreview, generateSectionPreviews, getChildrenSignatures, getCurrentValue, getKeyBindings, getRegistryBindings, getSections, getStructuredValue, inspectDocument, isComponentTagName, moveArrayItem, moveArrayItems, parseArrayExpression, parseBinding, parseBindingExpression, parseDocument, parseItems, parseValue, readNodeBindings, removeArrayItems, replaceDocumentSections, replaceIds, resolveBindings, setEditableValue, update, updateAll, updateArrayItemProperty, updateArrayItemValue, validateBindingValue };
+export { defaultValidationMessages, extract, findEditableChildren, flattenEditableValue, getChildrenSignatures, parseValue, setEditableValue, update, updateAll, validateBindingValue };
 
 //# sourceMappingURL=index.js.map

package/dist/utils/ast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["t.isArrayExpression","t.isSpreadElement","t.isObjectExpression","t.isObjectProperty","t.isIdentifier","t.isStringLiteral","t.isNumericLiteral","t.isBooleanLiteral","t.isUnaryExpression","t.isTemplateLiteral","t.isJSXElement","t.isJSXFragment","_appendArrayItem","_duplicateArrayItems","_moveArrayItem","_moveArrayItems","_parseItems","_removeArrayItems","_updateArrayItemProperty","_updateArrayItemValue","_parseArrayExpression","_arrayExpressionToCode","_canStructurallyEditArray","_extractNodeValue","_extractObjectProperties","_createNodeFromValue","_canLosslesslyEvaluateSource","_getCurrentValue","_getStructuredValue","_parseBinding","_parseBindingExpression","_readNodeBindings","_resolveBindings","_getKeyBindings","_getRegistryBindings","_isComponentTagName","_fillIds","_replaceIds","_clone","_generateCode","_clearExtractCache"],"sources":["../../../src/utils/ast/editable-value.ts","../../../src/utils/ast/index.ts"],"sourcesContent":["import { parseExpression } from '@babel/parser';\nimport * as t from '@babel/types';\n\nimport { parseValue, unwrapExpression } from './value';\n\n// The editable leaves of an object or array value: listing them with their\n// paths, and replacing one while keeping the rest of the source as written.\n\nexport type EditablePathSegment = string | number;\n\nexport type EditablePrimitive = string | number | boolean;\n\nexport interface EditableValueEntry {\n  path: EditablePathSegment[];\n  value: EditablePrimitive;\n}\n\nconst MAX_FLATTEN_DEPTH = 20;\n\nconst isEditablePrimitive = (value: unknown): value is EditablePrimitive =>\n  typeof value === 'string' ||\n  typeof value === 'number' ||\n  typeof value === 'boolean';\n\n// Lists the editable leaves of an object or array value, with their paths.\n// It follows the value's own shape, so it works without a `render` map\n// (#225), as for `style` or an `items` array of `{ key, children }`. Strings,\n// numbers and booleans are leaves, whatever a string contains. Deeply nested\n// values stop at a fixed depth, and anything deeper is left out.\nexport const flattenEditableValue = (\n  value: string,\n): EditableValueEntry[] | null => {\n  const parsed = parseValue(value);\n\n  if (\n    typeof parsed !== 'object' ||\n    parsed === null ||\n    Object.keys(parsed).length === 0\n  ) {\n    return null;\n  }\n\n  const entries: EditableValueEntry[] = [];\n\n  const walk = (node: unknown, path: EditablePathSegment[], depth: number) => {\n    if (depth > MAX_FLATTEN_DEPTH) {\n      return;\n    }\n\n    if (isEditablePrimitive(node)) {\n      entries.push({ path, value: node });\n      return;\n    }\n\n    if (Array.isArray(node)) {\n      node.forEach((item, index) => walk(item, [...path, index], depth + 1));\n      return;\n    }\n\n    if (typeof node === 'object' && node !== null) {\n      Object.entries(node).forEach(([key, item]) =>\n        walk(item, [...path, key], depth + 1),\n      );\n    }\n\n    // `null`, `undefined`, functions and symbols have no editable form and\n    // are left out.\n  };\n\n  walk(parsed, [], 0);\n\n  return entries.length ? entries : null;\n};\n\n// Finds the node `flattenEditableValue` reported at `path`, walking the\n// same literal structure `evaluateLiteral` reads. Returns null for anything\n// it can't point at with certainty: a missing key or index, a step through\n// something that isn't an object or array, or a spread that could replace\n// the entry at runtime.\nconst findEditableLeaf = (\n  root: t.Node,\n  path: EditablePathSegment[],\n): t.Node | null => {\n  let node = unwrapExpression(root);\n\n  for (const segment of path) {\n    if (t.isArrayExpression(node)) {\n      if (typeof segment !== 'number') {\n        return null;\n      }\n\n      const elements = node.elements.slice(0, segment + 1);\n      const element = node.elements[segment];\n\n      if (!element || elements.some(item => t.isSpreadElement(item))) {\n        return null;\n      }\n\n      node = unwrapExpression(element);\n      continue;\n    }\n\n    if (t.isObjectExpression(node)) {\n      const key = String(segment);\n      const matches = (property: t.ObjectExpression['properties'][number]) =>\n        t.isObjectProperty(property) &&\n        !property.computed &&\n        ((t.isIdentifier(property.key) && property.key.name === key) ||\n          (t.isStringLiteral(property.key) && property.key.value === key) ||\n          (t.isNumericLiteral(property.key) &&\n            String(property.key.value) === key));\n      // The last match is the one a duplicate key leaves in effect, and the\n      // one `evaluateLiteral` reports.\n      let index = node.properties.length - 1;\n\n      while (index >= 0 && !matches(node.properties[index]!)) {\n        index--;\n      }\n\n      const property = node.properties[index];\n\n      if (\n        !property ||\n        !t.isObjectProperty(property) ||\n        node.properties.slice(index + 1).some(item => t.isSpreadElement(item))\n      ) {\n        return null;\n      }\n\n      node = unwrapExpression(property.value);\n      continue;\n    }\n\n    return null;\n  }\n\n  return node;\n};\n\nconst isEditableLeaf = (node: t.Node): boolean =>\n  t.isStringLiteral(node) ||\n  t.isNumericLiteral(node) ||\n  t.isBooleanLiteral(node) ||\n  (t.isUnaryExpression(node) &&\n    node.operator === '-' &&\n    t.isNumericLiteral(node.argument)) ||\n  (t.isTemplateLiteral(node) && node.expressions.length === 0) ||\n  t.isJSXElement(node) ||\n  t.isJSXFragment(node);\n\nconst quoteString = (text: string, quote: string): string => {\n  if (quote === '`') {\n    return `\\`${text.replace(/[\\\\`]|\\$\\{/g, match => `\\\\${match}`)}\\``;\n  }\n\n  const escaped = JSON.stringify(text).slice(1, -1);\n\n  return quote === '\"'\n    ? `\"${escaped}\"`\n    : `'${escaped.replace(/\\\\\"/g, '\"').replace(/'/g, \"\\\\'\")}'`;\n};\n\nconst isJSXSource = (text: string): boolean => {\n  try {\n    const expression = parseExpression(text, { plugins: ['jsx'] });\n\n    return t.isJSXElement(expression) || t.isJSXFragment(expression);\n  } catch {\n    return false;\n  }\n};\n\n// Source text for `next` in place of `leaf`, keeping the leaf's own form\n// where it has one: a string keeps its quotes, and a JSX leaf, which\n// `flattenEditableValue` reports as its source text, stays JSX when the\n// edited text still is.\nconst leafSource = (\n  value: string,\n  leaf: t.Node,\n  next: EditablePrimitive,\n): string => {\n  if (typeof next !== 'string') {\n    return String(next);\n  }\n\n  if ((t.isJSXElement(leaf) || t.isJSXFragment(leaf)) && isJSXSource(next)) {\n    return next.trim();\n  }\n\n  const quote =\n    t.isStringLiteral(leaf) || t.isTemplateLiteral(leaf)\n      ? value[leaf.start!]!\n      : \"'\";\n\n  return quoteString(next, quote);\n};\n\n// Replaces the leaf at `path` (as `flattenEditableValue` reports it) and\n// returns `value` with only that leaf's source changed, so formatting,\n// comments, JSX, functions and references stay (#427). The result is a\n// string for `PanelBinding.onChange`. A path it can't find, or a `value`\n// that doesn't parse, returns `value` unchanged. It never adds a key or\n// grows an array.\nexport const setEditableValue = (\n  value: string,\n  path: EditablePathSegment[],\n  next: EditablePrimitive,\n): string => {\n  if (!path.length) {\n    return value;\n  }\n\n  let leaf: t.Node | null;\n\n  try {\n    leaf = findEditableLeaf(\n      parseExpression(value, { plugins: ['jsx', 'typescript'] }),\n      path,\n    );\n  } catch {\n    return value;\n  }\n\n  if (\n    !leaf ||\n    !isEditableLeaf(leaf) ||\n    leaf.start == null ||\n    leaf.end == null\n  ) {\n    return value;\n  }\n\n  return `${value.slice(0, leaf.start)}${leafSource(value, leaf, next)}${value.slice(leaf.end)}`;\n};\n","// The public `./utils/ast` entry: reading a section's bindings (`extract`),\n// committing edits (`update`, `updateAll`), validating and flattening\n// values, and the types those take and return. Library code imports from\n// the module files, not from here, so the deprecated names below can leave\n// this barrel without touching their callers (#522).\nimport { canStructurallyEditArray as _canStructurallyEditArray } from './array-source';\nimport { getCurrentValue as _getCurrentValue } from './binding';\nimport { getStructuredValue as _getStructuredValue } from './binding';\nimport { parseBinding as _parseBinding } from './binding';\nimport { parseBindingExpression as _parseBindingExpression } from './binding';\nimport { readNodeBindings as _readNodeBindings } from './binding';\nimport { resolveBindings as _resolveBindings } from './binding';\nimport { getKeyBindings as _getKeyBindings } from './binding';\nimport { getRegistryBindings as _getRegistryBindings } from './binding';\nimport { isComponentTagName as _isComponentTagName } from './binding';\nimport { clearExtractCache as _clearExtractCache } from './extract';\nimport { generateCode as _generateCode } from './helpers';\nimport { appendArrayItem as _appendArrayItem } from './items';\nimport { duplicateArrayItems as _duplicateArrayItems } from './items';\nimport { moveArrayItem as _moveArrayItem } from './items';\nimport { moveArrayItems as _moveArrayItems } from './items';\nimport { parseItems as _parseItems } from './items';\nimport { removeArrayItems as _removeArrayItems } from './items';\nimport { updateArrayItemProperty as _updateArrayItemProperty } from './items';\nimport { updateArrayItemValue as _updateArrayItemValue } from './items';\nimport type { ArrayItem as _ArrayItem } from './items';\nimport type { ItemKind as _ItemKind } from './items';\nimport { fillIds as _fillIds } from './tree';\nimport { replaceIds as _replaceIds } from './tree';\nimport { clone as _clone } from './tree';\nimport type { ExtractedNodeValue as _ExtractedNodeValue } from './types';\nimport type { NodeValueType as _NodeValueType } from './types';\nimport type { EditableNodeValueType as _EditableNodeValueType } from './types';\nimport { parseArrayExpression as _parseArrayExpression } from './value';\nimport { extractNodeValue as _extractNodeValue } from './value';\nimport { extractObjectProperties as _extractObjectProperties } from './value';\nimport { canLosslesslyEvaluateSource as _canLosslesslyEvaluateSource } from './value';\nimport { arrayExpressionToCode as _arrayExpressionToCode } from './value-expression';\nimport { createNodeFromValue as _createNodeFromValue } from './value-expression';\n\nexport type {\n  BindingFieldSpec,\n  BindingItem,\n  BindingOption,\n  BindingRenderLeaf,\n  BindingComponentName,\n  BindingKeyMap,\n  BindingOptions,\n  BindingRegistry,\n  BindingRenderMap,\n  BindingSchema,\n  BindingType,\n  BindingWidget,\n  DataAttrNode,\n} from './types';\nexport { findEditableChildren } from './binding';\nexport type {\n  EditablePathSegment,\n  EditablePrimitive,\n  EditableValueEntry,\n} from './editable-value';\nexport { parseValue } from './value';\nexport { flattenEditableValue, setEditableValue } from './editable-value';\nexport { extract } from './extract';\nexport type {\n  DocumentOptions,\n  DocumentProblem,\n  SectionOptions,\n} from './document';\nexport { bulkUpdate, update, updateAll } from './update';\nexport type {\n  UpdateAllResult,\n  UpdateEntry,\n  UpdateFailure,\n  UpdateResult,\n} from './update';\nexport { getChildrenSignatures } from './children';\nexport type { ChildrenAction, ChildrenEdit } from './children';\nexport type {\n  ValidationMessages,\n  ValidationOptions,\n  ValidationResult,\n} from './validate';\nexport { defaultValidationMessages, validateBindingValue } from './validate';\n\n// Internal helpers, deprecated. Each still works, and leaves this entry in\n// the next major (#522). Most are `const` aliases, so their\n// `@deprecated` reaches the built declarations. The document layer stays a\n// plain re-export: as an alias here, its Babel AST types move this entry's\n// declarations into the chunk that also pulls in React, and\n// `check-package-types.mjs` fails. A re-export's JSDoc doesn't survive the\n// declaration bundle, so those are announced in the docs and changeset only.\n\n// Array-literal editing: the engine behind `useDndItems`.\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const appendArrayItem = _appendArrayItem;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const duplicateArrayItems = _duplicateArrayItems;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const moveArrayItem = _moveArrayItem;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const moveArrayItems = _moveArrayItems;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const parseItems = _parseItems;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const removeArrayItems = _removeArrayItems;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const updateArrayItemProperty = _updateArrayItemProperty;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const updateArrayItemValue = _updateArrayItemValue;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const parseArrayExpression = _parseArrayExpression;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const arrayExpressionToCode = _arrayExpressionToCode;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport const canStructurallyEditArray = _canStructurallyEditArray;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport type ArrayItem = _ArrayItem;\n/** @deprecated Internal. Use `useDndItems` from `./dnd`. Removed in the next major. */\nexport type ItemKind = _ItemKind;\n\n// Value plumbing behind `extract`, `update` and `PanelBinding.value`.\n/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */\nexport const extractNodeValue = _extractNodeValue;\n/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */\nexport const extractObjectProperties = _extractObjectProperties;\n/** @deprecated Internal. Write values through `update` or `PanelBinding.onChange`. Removed in the next major. */\nexport const createNodeFromValue = _createNodeFromValue;\n/** @deprecated Internal. Check `PanelBinding.canEditValue` instead. Removed in the next major. */\nexport const canLosslesslyEvaluateSource = _canLosslesslyEvaluateSource;\n/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */\nexport const getCurrentValue = _getCurrentValue;\n/** @deprecated Internal. Read values through `extract` or `PanelBinding.value`. Removed in the next major. */\nexport const getStructuredValue = _getStructuredValue;\n/** @deprecated Internal. Removed in the next major. */\nexport type ExtractedNodeValue = _ExtractedNodeValue;\n/** @deprecated Internal. Removed in the next major. */\nexport type NodeValueType = _NodeValueType;\n/** @deprecated Internal. Removed in the next major. */\nexport type EditableNodeValueType = _EditableNodeValueType;\n\n// Binding resolution behind `extract(source, { bindings, bindingKeys })`.\n/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */\nexport const parseBinding = _parseBinding;\n/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */\nexport const parseBindingExpression = _parseBindingExpression;\n/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */\nexport const readNodeBindings = _readNodeBindings;\n/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */\nexport const resolveBindings = _resolveBindings;\n/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */\nexport const getKeyBindings = _getKeyBindings;\n/** @deprecated Internal. Read bindings through `extract` or `useDndPanel().bindings`. Removed in the next major. */\nexport const getRegistryBindings = _getRegistryBindings;\n/** @deprecated Internal. Removed in the next major. */\nexport const isComponentTagName = _isComponentTagName;\n\n// The document layer under `./utils` and `Live.Dnd`.\nexport {\n  /** @deprecated Internal. Use `extractSections` from `./utils`. Removed in the next major. */\n  parseDocument,\n  /** @deprecated Internal. Use `extractSections` from `./utils`. Removed in the next major. */\n  getSections,\n  /** @deprecated Internal. Use `replaceSections` from `./utils`. Removed in the next major. */\n  replaceDocumentSections,\n  /** @deprecated Internal. Use `checkDocument` from `./utils`. Removed in the next major. */\n  inspectDocument,\n  /** @deprecated Internal. Removed in the next major. */\n  generateDocumentCode,\n  /** @deprecated Internal. Removed in the next major. */\n  fillSectionIds,\n  /** @deprecated Internal. Removed in the next major. */\n  generateSectionPreview,\n  /** @deprecated Internal. Removed in the next major. */\n  generateSectionPreviews,\n  /** @deprecated Internal. Removed in the next major. */\n  createSectionPreviewCache,\n} from './document';\nexport type {\n  /** @deprecated Internal. Use `checkDocument` from `./utils`. Removed in the next major. */\n  DocumentInspection,\n  /** @deprecated Internal. Removed in the next major. */\n  DocumentTree,\n  /** @deprecated Internal. Removed in the next major. */\n  SectionPreviewCache,\n} from './document';\n\n// Ids, code generation and caches.\n/** @deprecated Internal. Removed in the next major. */\nexport const fillIds = _fillIds;\n/** @deprecated Internal. Removed in the next major. */\nexport const replaceIds = _replaceIds;\n/** @deprecated Internal. Removed in the next major. */\nexport const clone = _clone;\n/** @deprecated Internal. Removed in the next major. */\nexport const generateCode = _generateCode;\n/** @deprecated Internal. Use `clearEditorCaches` from `./utils`. Removed in the next major. */\nexport const clearExtractCache = _clearExtractCache;\nexport {\n  /** @deprecated Internal. Use `clearEditorCaches` from `./utils`. Removed in the next major. */\n  clearDocumentParseCache,\n} from './document';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["t.isArrayExpression","t.isSpreadElement","t.isObjectExpression","t.isObjectProperty","t.isIdentifier","t.isStringLiteral","t.isNumericLiteral","t.isBooleanLiteral","t.isUnaryExpression","t.isTemplateLiteral","t.isJSXElement","t.isJSXFragment"],"sources":["../../../src/utils/ast/editable-value.ts"],"sourcesContent":["import { parseExpression } from '@babel/parser';\nimport * as t from '@babel/types';\n\nimport { parseValue, unwrapExpression } from './value';\n\n// The editable leaves of an object or array value: listing them with their\n// paths, and replacing one while keeping the rest of the source as written.\n\nexport type EditablePathSegment = string | number;\n\nexport type EditablePrimitive = string | number | boolean;\n\nexport interface EditableValueEntry {\n  path: EditablePathSegment[];\n  value: EditablePrimitive;\n}\n\nconst MAX_FLATTEN_DEPTH = 20;\n\nconst isEditablePrimitive = (value: unknown): value is EditablePrimitive =>\n  typeof value === 'string' ||\n  typeof value === 'number' ||\n  typeof value === 'boolean';\n\n// Lists the editable leaves of an object or array value, with their paths.\n// It follows the value's own shape, so it works without a `render` map\n// (#225), as for `style` or an `items` array of `{ key, children }`. Strings,\n// numbers and booleans are leaves, whatever a string contains. Deeply nested\n// values stop at a fixed depth, and anything deeper is left out.\nexport const flattenEditableValue = (\n  value: string,\n): EditableValueEntry[] | null => {\n  const parsed = parseValue(value);\n\n  if (\n    typeof parsed !== 'object' ||\n    parsed === null ||\n    Object.keys(parsed).length === 0\n  ) {\n    return null;\n  }\n\n  const entries: EditableValueEntry[] = [];\n\n  const walk = (node: unknown, path: EditablePathSegment[], depth: number) => {\n    if (depth > MAX_FLATTEN_DEPTH) {\n      return;\n    }\n\n    if (isEditablePrimitive(node)) {\n      entries.push({ path, value: node });\n      return;\n    }\n\n    if (Array.isArray(node)) {\n      node.forEach((item, index) => walk(item, [...path, index], depth + 1));\n      return;\n    }\n\n    if (typeof node === 'object' && node !== null) {\n      Object.entries(node).forEach(([key, item]) =>\n        walk(item, [...path, key], depth + 1),\n      );\n    }\n\n    // `null`, `undefined`, functions and symbols have no editable form and\n    // are left out.\n  };\n\n  walk(parsed, [], 0);\n\n  return entries.length ? entries : null;\n};\n\n// Finds the node `flattenEditableValue` reported at `path`, walking the\n// same literal structure `evaluateLiteral` reads. Returns null for anything\n// it can't point at with certainty: a missing key or index, a step through\n// something that isn't an object or array, or a spread that could replace\n// the entry at runtime.\nconst findEditableLeaf = (\n  root: t.Node,\n  path: EditablePathSegment[],\n): t.Node | null => {\n  let node = unwrapExpression(root);\n\n  for (const segment of path) {\n    if (t.isArrayExpression(node)) {\n      if (typeof segment !== 'number') {\n        return null;\n      }\n\n      const elements = node.elements.slice(0, segment + 1);\n      const element = node.elements[segment];\n\n      if (!element || elements.some(item => t.isSpreadElement(item))) {\n        return null;\n      }\n\n      node = unwrapExpression(element);\n      continue;\n    }\n\n    if (t.isObjectExpression(node)) {\n      const key = String(segment);\n      const matches = (property: t.ObjectExpression['properties'][number]) =>\n        t.isObjectProperty(property) &&\n        !property.computed &&\n        ((t.isIdentifier(property.key) && property.key.name === key) ||\n          (t.isStringLiteral(property.key) && property.key.value === key) ||\n          (t.isNumericLiteral(property.key) &&\n            String(property.key.value) === key));\n      // The last match is the one a duplicate key leaves in effect, and the\n      // one `evaluateLiteral` reports.\n      let index = node.properties.length - 1;\n\n      while (index >= 0 && !matches(node.properties[index]!)) {\n        index--;\n      }\n\n      const property = node.properties[index];\n\n      if (\n        !property ||\n        !t.isObjectProperty(property) ||\n        node.properties.slice(index + 1).some(item => t.isSpreadElement(item))\n      ) {\n        return null;\n      }\n\n      node = unwrapExpression(property.value);\n      continue;\n    }\n\n    return null;\n  }\n\n  return node;\n};\n\nconst isEditableLeaf = (node: t.Node): boolean =>\n  t.isStringLiteral(node) ||\n  t.isNumericLiteral(node) ||\n  t.isBooleanLiteral(node) ||\n  (t.isUnaryExpression(node) &&\n    node.operator === '-' &&\n    t.isNumericLiteral(node.argument)) ||\n  (t.isTemplateLiteral(node) && node.expressions.length === 0) ||\n  t.isJSXElement(node) ||\n  t.isJSXFragment(node);\n\nconst quoteString = (text: string, quote: string): string => {\n  if (quote === '`') {\n    return `\\`${text.replace(/[\\\\`]|\\$\\{/g, match => `\\\\${match}`)}\\``;\n  }\n\n  const escaped = JSON.stringify(text).slice(1, -1);\n\n  return quote === '\"'\n    ? `\"${escaped}\"`\n    : `'${escaped.replace(/\\\\\"/g, '\"').replace(/'/g, \"\\\\'\")}'`;\n};\n\nconst isJSXSource = (text: string): boolean => {\n  try {\n    const expression = parseExpression(text, { plugins: ['jsx'] });\n\n    return t.isJSXElement(expression) || t.isJSXFragment(expression);\n  } catch {\n    return false;\n  }\n};\n\n// Source text for `next` in place of `leaf`, keeping the leaf's own form\n// where it has one: a string keeps its quotes, and a JSX leaf, which\n// `flattenEditableValue` reports as its source text, stays JSX when the\n// edited text still is.\nconst leafSource = (\n  value: string,\n  leaf: t.Node,\n  next: EditablePrimitive,\n): string => {\n  if (typeof next !== 'string') {\n    return String(next);\n  }\n\n  if ((t.isJSXElement(leaf) || t.isJSXFragment(leaf)) && isJSXSource(next)) {\n    return next.trim();\n  }\n\n  const quote =\n    t.isStringLiteral(leaf) || t.isTemplateLiteral(leaf)\n      ? value[leaf.start!]!\n      : \"'\";\n\n  return quoteString(next, quote);\n};\n\n// Replaces the leaf at `path` (as `flattenEditableValue` reports it) and\n// returns `value` with only that leaf's source changed, so formatting,\n// comments, JSX, functions and references stay (#427). The result is a\n// string for `PanelBinding.onChange`. A path it can't find, or a `value`\n// that doesn't parse, returns `value` unchanged. It never adds a key or\n// grows an array.\nexport const setEditableValue = (\n  value: string,\n  path: EditablePathSegment[],\n  next: EditablePrimitive,\n): string => {\n  if (!path.length) {\n    return value;\n  }\n\n  let leaf: t.Node | null;\n\n  try {\n    leaf = findEditableLeaf(\n      parseExpression(value, { plugins: ['jsx', 'typescript'] }),\n      path,\n    );\n  } catch {\n    return value;\n  }\n\n  if (\n    !leaf ||\n    !isEditableLeaf(leaf) ||\n    leaf.start == null ||\n    leaf.end == null\n  ) {\n    return value;\n  }\n\n  return `${value.slice(0, leaf.start)}${leafSource(value, leaf, next)}${value.slice(leaf.end)}`;\n};\n"],"mappings":"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"}

package/dist/utils/index.d.ts

@@ -1,15 +1,5 @@
-import { _ as Module, a as SectionOptions, n as DocumentOptions, o as SectionPreviewCache$1, r as DocumentProblem, v as Section } from "../document-DqRSCtsx.js";
-//#region src/utils/sections.d.ts
-declare const extractSections: (code: string, options?: SectionOptions) => Section[];
-declare const replaceSections: (code: string, sections: string[], options?: DocumentOptions) => string;
-declare const createDocument: ({ containerId }?: DocumentOptions) => string;
-type DocumentCheck = {
-  ok: true;
-} | ({
-  ok: false;
-} & DocumentProblem);
-declare const checkDocument: (code: string, options?: DocumentOptions) => DocumentCheck;
-//#endregion
+import { n as Section, t as Module } from "../index-C8h8TcIl.js";
+import { n as DocumentProblem, r as SectionOptions, t as DocumentOptions } from "../document-BQhb7YR8.js";
 //#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/clsx.d.mts
 type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
 type ClassDictionary = Record<string, any>;
@@ -28,25 +18,16 @@ declare const clearEditorCaches: () => void;
 //#region src/utils/scripts.d.ts
 declare const preloadScripts: (scripts: string[]) => void;
 //#endregion
-//#region src/utils/index.d.ts
-/** @deprecated Internal. Use `compile`. Removed in the next major. */
-declare const transformCode: (code: string, isTypeScript?: boolean) => string;
-/** @deprecated Internal. Removed in the next major. */
-declare const detectTypeScript: (code: string) => boolean;
-/** @deprecated Internal. `Live` registers its own session. Removed in the next major. */
-declare const registerEditorSession: () => (() => void);
-/** @deprecated Internal. Use `preloadScripts`. Removed in the next major. */
-declare const getCachedScriptBlob: (src: string) => Promise<string>;
-/** @deprecated Internal. Use `clearEditorCaches`. Removed in the next major. */
-declare const clearScriptCache: () => void;
-/** @deprecated Internal. `Live.Dnd` renders section previews itself. Removed in the next major. */
-declare const generateSection: (code: string, fullCode: string, options?: DocumentOptions) => string;
-/** @deprecated Internal. `Live.Dnd` renders section previews itself. Removed in the next major. */
-declare const generateSections: (codes: string[], fullCode: string, options?: DocumentOptions) => string[];
-/** @deprecated Internal. `Live.Dnd` renders section previews itself. Removed in the next major. */
-declare const createSectionPreviewCache: () => SectionPreviewCache$1;
-/** @deprecated Internal. Removed in the next major. */
-type SectionPreviewCache = SectionPreviewCache$1;
+//#region src/utils/sections.d.ts
+declare const extractSections: (code: string, options?: SectionOptions) => Section[];
+declare const replaceSections: (code: string, sections: string[], options?: DocumentOptions) => string;
+declare const createDocument: ({ containerId }?: DocumentOptions) => string;
+type DocumentCheck = {
+  ok: true;
+} | ({
+  ok: false;
+} & DocumentProblem);
+declare const checkDocument: (code: string, options?: DocumentOptions) => DocumentCheck;
 //#endregion
-export { type DocumentCheck, type DocumentOptions, type DocumentProblem, type SectionOptions, SectionPreviewCache, checkDocument, clearCompilationCache, clearEditorCaches, clearScriptCache, cn, compile, createDocument, createSectionPreviewCache, detectTypeScript, extractSections, generateSection, generateSections, getCachedScriptBlob, preloadScripts, registerEditorSession, replaceSections, transformCode };
+export { type DocumentCheck, type DocumentOptions, type DocumentProblem, type SectionOptions, checkDocument, clearCompilationCache, clearEditorCaches, cn, compile, createDocument, extractSections, preloadScripts, replaceSections };
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.js

@@ -1,27 +1,5 @@
-import { n as createSectionPreviewCache$1 } from "../document-CHO215iP.js";
-import { r as registerEditorSession$1, t as clearEditorCaches } from "../editor-caches-ClMvdcQF.js";
+import { t as clearEditorCaches } from "../editor-caches-ClMvdcQF.js";
 import { t as cn } from "../cn-CAnad2vL.js";
-import { a as getCachedScriptBlob$1, i as clearScriptCache$1, n as compile, o as preloadScripts, r as transformCode$1, t as clearCompilationCache } from "../compile-Dxas-D05.js";
-import { a as generateSections$1, i as generateSection$1, n as createDocument, o as replaceSections, r as extractSections, t as checkDocument } from "../sections-jYuqS4KB.js";
-import { t as detectTypeScript$1 } from "../detect-typescript-Dr_oLniM.js";
-//#region src/utils/index.ts
-/** @deprecated Internal. Use `compile`. Removed in the next major. */
-const transformCode = transformCode$1;
-/** @deprecated Internal. Removed in the next major. */
-const detectTypeScript = detectTypeScript$1;
-/** @deprecated Internal. `Live` registers its own session. Removed in the next major. */
-const registerEditorSession = registerEditorSession$1;
-/** @deprecated Internal. Use `preloadScripts`. Removed in the next major. */
-const getCachedScriptBlob = getCachedScriptBlob$1;
-/** @deprecated Internal. Use `clearEditorCaches`. Removed in the next major. */
-const clearScriptCache = clearScriptCache$1;
-/** @deprecated Internal. `Live.Dnd` renders section previews itself. Removed in the next major. */
-const generateSection = generateSection$1;
-/** @deprecated Internal. `Live.Dnd` renders section previews itself. Removed in the next major. */
-const generateSections = generateSections$1;
-/** @deprecated Internal. `Live.Dnd` renders section previews itself. Removed in the next major. */
-const createSectionPreviewCache = createSectionPreviewCache$1;
-//#endregion
-export { checkDocument, clearCompilationCache, clearEditorCaches, clearScriptCache, cn, compile, createDocument, createSectionPreviewCache, detectTypeScript, extractSections, generateSection, generateSections, getCachedScriptBlob, preloadScripts, registerEditorSession, replaceSections, transformCode };
-
-//# sourceMappingURL=index.js.map
+import { n as compile, r as preloadScripts, t as clearCompilationCache } from "../compile-DwOyWrmI.js";
+import { a as replaceSections, n as createDocument, r as extractSections, t as checkDocument } from "../sections-4uirsXRU.js";
+export { checkDocument, clearCompilationCache, clearEditorCaches, cn, compile, createDocument, extractSections, preloadScripts, replaceSections };

package/dist/validate-CZz30Pnb.js

@@ -0,0 +1,122 @@
+//#region src/utils/ast/validate.ts
+const defaultValidationMessages = {
+	required: "This field is required.",
+	min: (min) => `Must be at least ${min}.`,
+	max: (max) => `Must be at most ${max}.`,
+	pattern: "Value does not match the required format.",
+	url: "Must be a valid URL.",
+	date: "Must be a valid date.",
+	time: "Must be a valid time.",
+	datetime: "Must be a valid date and time.",
+	email: "Must be a valid email address.",
+	minLength: (minLength) => `Must be at least ${minLength} character${minLength === 1 ? "" : "s"}.`,
+	maxLength: (maxLength) => `Must be at most ${maxLength} character${maxLength === 1 ? "" : "s"}.`,
+	step: (step) => `Must be in steps of ${step}.`,
+	minItems: (minItems) => `Must have at least ${minItems} item${minItems === 1 ? "" : "s"}.`,
+	maxItems: (maxItems) => `Must have at most ${maxItems} item${maxItems === 1 ? "" : "s"}.`,
+	minDate: (minDate) => `Must be on or after ${minDate}.`,
+	maxDate: (maxDate) => `Must be on or before ${maxDate}.`,
+	protocol: (protocols) => `Must use ${protocols.join(", ")}.`
+};
+const VALID = { valid: true };
+const STEP_TOLERANCE = 1e-9;
+const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
+const TIME = /^([01]\d|2[0-3]):[0-5]\d$/;
+const isDateTime = (value) => {
+	const [date, time, ...rest] = value.split("T");
+	return rest.length === 0 && date !== void 0 && time !== void 0 && isCalendarDate(date) && TIME.test(time);
+};
+const compareToBound = (value, bound) => {
+	const length = Math.min(value.length, bound.length);
+	const a = value.slice(0, length);
+	const b = bound.slice(0, length);
+	return a < b ? -1 : a > b ? 1 : 0;
+};
+const EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+const isCalendarDate = (value) => {
+	const match = ISO_DATE.exec(value);
+	if (!match) return false;
+	const [year, month, day] = match.slice(1).map(Number);
+	const date = new Date(Date.UTC(year, month - 1, day));
+	return date.getUTCFullYear() === year && date.getUTCMonth() === month - 1 && date.getUTCDate() === day;
+};
+const normalizeProtocol = (protocol) => `${protocol.toLowerCase().replace(/:$/, "")}:`;
+const invalid = (message) => ({
+	valid: false,
+	message
+});
+const validateBindingValue = (binding, value, options = {}) => {
+	const messages = {
+		...defaultValidationMessages,
+		...options.messages
+	};
+	if (value === "" || value === null || value === void 0) {
+		if (binding.required) return {
+			valid: false,
+			message: messages.required
+		};
+		return VALID;
+	}
+	if (typeof value === "number") {
+		if (binding.min !== void 0 && value < binding.min) return {
+			valid: false,
+			message: messages.min(binding.min)
+		};
+		if (binding.max !== void 0 && value > binding.max) return {
+			valid: false,
+			message: messages.max(binding.max)
+		};
+		if (binding.step !== void 0 && binding.step > 0) {
+			const steps = (value - (binding.min ?? 0)) / binding.step;
+			if (Math.abs(steps - Math.round(steps)) > STEP_TOLERANCE) return invalid(messages.step(binding.step));
+		}
+	}
+	if (typeof value === "string") {
+		const length = [...value].length;
+		if (binding.minLength !== void 0 && length < binding.minLength) return invalid(messages.minLength(binding.minLength));
+		if (binding.maxLength !== void 0 && length > binding.maxLength) return invalid(messages.maxLength(binding.maxLength));
+	}
+	if (Array.isArray(value)) {
+		if (binding.minItems !== void 0 && value.length < binding.minItems) return invalid(messages.minItems(binding.minItems));
+		if (binding.maxItems !== void 0 && value.length > binding.maxItems) return invalid(messages.maxItems(binding.maxItems));
+	}
+	if (typeof value === "string" && binding.pattern) {
+		let regex;
+		try {
+			regex = new RegExp(binding.pattern);
+		} catch {
+			return VALID;
+		}
+		if (!regex.test(value)) return invalid(binding.patternMessage ?? messages.pattern);
+	}
+	if (typeof value === "string" && binding.type === "url") {
+		let url;
+		try {
+			url = new URL(value);
+		} catch {
+			return {
+				valid: false,
+				message: messages.url
+			};
+		}
+		if (binding.protocols?.length) {
+			const allowed = binding.protocols.map(normalizeProtocol);
+			if (!allowed.includes(url.protocol)) return invalid(messages.protocol(allowed));
+		}
+	}
+	if (typeof value === "string" && binding.type === "time") {
+		if (!TIME.test(value)) return invalid(messages.time);
+	}
+	if (typeof value === "string" && (binding.type === "date" || binding.type === "datetime")) {
+		if (binding.type === "date" && !isCalendarDate(value)) return invalid(messages.date);
+		if (binding.type === "datetime" && !isDateTime(value)) return invalid(messages.datetime);
+		if (binding.minDate !== void 0 && compareToBound(value, binding.minDate) < 0) return invalid(messages.minDate(binding.minDate));
+		if (binding.maxDate !== void 0 && compareToBound(value, binding.maxDate) > 0) return invalid(messages.maxDate(binding.maxDate));
+	}
+	if (typeof value === "string" && binding.type === "email" && !EMAIL.test(value)) return invalid(messages.email);
+	return VALID;
+};
+//#endregion
+export { validateBindingValue as n, defaultValidationMessages as t };
+
+//# sourceMappingURL=validate-CZz30Pnb.js.map