@hyperframes/studio-server 0.7.27 → 0.7.29

package/dist/helpers/sourceMutation.d.ts

@@ -0,0 +1,69 @@
+interface SourceMutationTarget {
+    id?: string | null;
+    hfId?: string;
+    selector?: string;
+    selectorIndex?: number;
+}
+declare function removeElementFromHtml(source: string, target: SourceMutationTarget): string;
+declare function isHTMLElement(el: Node): el is HTMLElement;
+interface PatchOperation {
+    type: "inline-style" | "attribute" | "html-attribute" | "text-content";
+    property: string;
+    value: string | null;
+    childSelector?: string;
+    childIndex?: number;
+}
+declare function patchElementInHtml(source: string, target: SourceMutationTarget, operations: PatchOperation[]): {
+    html: string;
+    matched: boolean;
+};
+declare function probeElementInSource(source: string, target: SourceMutationTarget): boolean;
+interface SplitElementResult {
+    html: string;
+    matched: boolean;
+    newId: string | null;
+}
+declare function splitElementInHtml(source: string, target: SourceMutationTarget, splitTime: number, newId: string, fallbackTiming?: {
+    start: number;
+    duration: number;
+}): SplitElementResult;
+interface WrapElementsResult {
+    html: string;
+    matched: boolean;
+    groupId: string | null;
+    error?: string;
+}
+interface UnwrapElementsResult {
+    html: string;
+    unwrapped: boolean;
+    /** The unwrapped wrapper's id, so callers can strip GSAP that targeted it
+     *  (the wrapper is gone; a leftover `gsap.set("#id")` would throw at runtime). */
+    unwrappedGroupId?: string;
+    /** Members (id'd children) with their absolute layout centres (post un-rebase),
+     *  so the caller can BAKE the group's GSAP transform into each member before
+     *  stripping it — otherwise the group's moves are lost on ungroup. */
+    members?: Array<{
+        id: string;
+        cx: number;
+        cy: number;
+    }>;
+    /** The wrapper's layout centre — the pivot for baking the group's rotation/scale. */
+    groupCenter?: {
+        cx: number;
+        cy: number;
+    };
+}
+interface ElementRebase {
+    target: SourceMutationTarget;
+    left: number;
+    top: number;
+}
+declare function wrapElementsInHtml(source: string, targets: SourceMutationTarget[], groupId: string, bbox: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, rebases: ElementRebase[]): WrapElementsResult;
+declare function unwrapElementsFromHtml(source: string, groupTarget: SourceMutationTarget): UnwrapElementsResult;
+
+export { type ElementRebase, type PatchOperation, type SourceMutationTarget, type SplitElementResult, type UnwrapElementsResult, type WrapElementsResult, isHTMLElement, patchElementInHtml, probeElementInSource, removeElementFromHtml, splitElementInHtml, unwrapElementsFromHtml, wrapElementsInHtml };

package/dist/helpers/sourceMutation.js

@@ -0,0 +1,425 @@
+// src/helpers/sourceMutation.ts
+import { parseHTML } from "linkedom";
+import postcss from "postcss";
+import selectorParser from "postcss-selector-parser";
+import { isAllowedHtmlAttribute, isSafeAttributeValue } from "@hyperframes/core/html-attr-safety";
+
+// src/helpers/sourceStyleMutation.ts
+function parseStyleDecls(style) {
+  const props = /* @__PURE__ */ new Map();
+  const order = [];
+  let i = 0;
+  while (i < style.length) {
+    let depth = 0;
+    let inSingle = false;
+    let inDouble = false;
+    const start = i;
+    while (i < style.length) {
+      const ch = style[i];
+      if (ch === "'" && !inDouble) inSingle = !inSingle;
+      else if (ch === '"' && !inSingle) inDouble = !inDouble;
+      else if (!inSingle && !inDouble) {
+        if (ch === "(") depth++;
+        else if (ch === ")") depth = Math.max(0, depth - 1);
+        else if (ch === ";" && depth === 0) break;
+      }
+      i++;
+    }
+    const decl = style.slice(start, i).trim();
+    i++;
+    if (!decl) continue;
+    const colon = decl.indexOf(":");
+    if (colon < 0) continue;
+    const key = decl.slice(0, colon).trim();
+    const val = decl.slice(colon + 1).trim();
+    if (!key) continue;
+    if (!props.has(key)) order.push(key);
+    props.set(key, val);
+  }
+  return { props, order };
+}
+function serializeStyleDecls(props, order) {
+  return order.map((k) => `${k}: ${props.get(k) ?? ""}`).filter((d) => d.trim()).join("; ");
+}
+function patchStyleAttrString(style, property, value) {
+  const { props, order } = parseStyleDecls(style);
+  if (value === null) {
+    props.delete(property);
+    const idx = order.indexOf(property);
+    if (idx >= 0) order.splice(idx, 1);
+  } else {
+    if (!props.has(property)) order.push(property);
+    props.set(property, value);
+  }
+  return serializeStyleDecls(props, order);
+}
+
+// src/helpers/sourceMutation.ts
+function parseSourceDocument(source) {
+  const hasDocumentShell = /<!doctype|<html[\s>]/i.test(source);
+  if (hasDocumentShell) {
+    return { document: parseHTML(source).document, wrappedFragment: false };
+  }
+  return {
+    document: parseHTML(`<!DOCTYPE html><html><head></head><body>${source}</body></html>`).document,
+    wrappedFragment: true
+  };
+}
+function duplicateCssRulesForId(document, originalId, newId) {
+  const idToken = `#${originalId}`;
+  const transform = selectorParser((selectors) => {
+    selectors.walkIds((node) => {
+      if (node.value === originalId) node.value = newId;
+    });
+  });
+  for (const styleEl of document.querySelectorAll("style")) {
+    const css = styleEl.textContent ?? "";
+    let root;
+    try {
+      root = postcss.parse(css);
+    } catch {
+      continue;
+    }
+    const clones = [];
+    root.walkRules((rule) => {
+      if (!rule.selector.includes(idToken)) return;
+      const newSelector = transform.processSync(rule.selector);
+      if (newSelector === rule.selector) return;
+      const clone = rule.clone({ selector: newSelector });
+      clones.push(clone);
+    });
+    if (clones.length > 0) {
+      for (const c of clones) root.append(c);
+      styleEl.textContent = root.toString();
+    }
+  }
+}
+function querySelectorAllWithTemplates(root, selector) {
+  const matches = Array.from(root.querySelectorAll(selector));
+  if (matches.length > 0) return matches;
+  const templates = Array.from(root.querySelectorAll("template"));
+  for (const tmpl of templates) {
+    const inner = tmpl.querySelectorAll(selector);
+    if (inner.length > 0) return Array.from(inner);
+  }
+  return [];
+}
+function escapeCssAttrValue(value) {
+  return value.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+}
+function findByHfId(document, hfId) {
+  try {
+    const matches = querySelectorAllWithTemplates(
+      document,
+      `[data-hf-id="${escapeCssAttrValue(hfId)}"]`
+    );
+    if (matches.length > 1) {
+      console.warn(
+        `sourceMutation: data-hf-id "${hfId}" matched ${matches.length} elements; using the first. ids must be unique per document.`
+      );
+    }
+    return matches[0] ?? null;
+  } catch {
+    return null;
+  }
+}
+function findTargetElement(document, target) {
+  if (target.hfId) {
+    const el = findByHfId(document, target.hfId);
+    if (el) return el;
+  }
+  if (target.id) {
+    const byId = document.getElementById(target.id);
+    if (byId) return byId;
+  }
+  if (!target.selector) return null;
+  try {
+    const matches = querySelectorAllWithTemplates(document, target.selector);
+    return matches[target.selectorIndex ?? 0] ?? null;
+  } catch {
+    return null;
+  }
+}
+function removeElementFromHtml(source, target) {
+  const { document, wrappedFragment } = parseSourceDocument(source);
+  const element = findTargetElement(document, target);
+  if (!element) return source;
+  element.remove();
+  return wrappedFragment ? document.body.innerHTML || "" : document.toString();
+}
+function isHTMLElement(el) {
+  const HTMLEl = el.ownerDocument?.defaultView?.HTMLElement;
+  return HTMLEl ? el instanceof HTMLEl : el.nodeType === 1 && "style" in el;
+}
+function resolveOperationTarget(parent, op) {
+  if (op.childSelector === void 0) return parent;
+  try {
+    const child = parent.querySelectorAll(op.childSelector)[op.childIndex ?? 0] ?? null;
+    return child && isHTMLElement(child) ? child : null;
+  } catch {
+    return null;
+  }
+}
+function patchElementInHtml(source, target, operations) {
+  const { document, wrappedFragment } = parseSourceDocument(source);
+  const el = findTargetElement(document, target);
+  if (!el || !isHTMLElement(el)) return { html: source, matched: false };
+  const htmlEl = el;
+  const resolved = [];
+  for (const op of operations) {
+    const opTarget = resolveOperationTarget(htmlEl, op);
+    if (!opTarget) return { html: source, matched: false };
+    resolved.push({ op, target: opTarget });
+  }
+  for (const { op, target: opTarget } of resolved) {
+    switch (op.type) {
+      case "inline-style":
+        {
+          const raw = opTarget.getAttribute("style") ?? "";
+          const patched = patchStyleAttrString(raw, op.property, op.value);
+          opTarget.setAttribute("style", patched);
+        }
+        break;
+      case "attribute":
+        {
+          const fullAttr = op.property.startsWith("data-") ? op.property : `data-${op.property}`;
+          if (op.value != null) {
+            opTarget.setAttribute(fullAttr, op.value);
+          } else {
+            opTarget.removeAttribute(fullAttr);
+          }
+        }
+        break;
+      case "html-attribute":
+        if (!isAllowedHtmlAttribute(op.property)) break;
+        if (op.value != null) {
+          if (!isSafeAttributeValue(op.property, op.value)) break;
+          opTarget.setAttribute(op.property, op.value);
+        } else {
+          opTarget.removeAttribute(op.property);
+        }
+        break;
+      case "text-content":
+        if (op.value != null) {
+          const inner = opTarget.children.length === 1 ? opTarget.firstElementChild : null;
+          const textTarget = inner && isHTMLElement(inner) ? inner : opTarget;
+          textTarget.textContent = op.value;
+        }
+        break;
+    }
+  }
+  return {
+    html: wrappedFragment ? document.body.innerHTML || "" : document.toString(),
+    matched: true
+  };
+}
+function probeElementInSource(source, target) {
+  if (!target.id && !target.hfId && !target.selector) return false;
+  const { document } = parseSourceDocument(source);
+  const el = findTargetElement(document, target);
+  return el != null && isHTMLElement(el);
+}
+function resolveElementTiming(el) {
+  const start = parseFloat(el.getAttribute("data-start") ?? "0") || 0;
+  const usesDataEnd = el.hasAttribute("data-end");
+  const duration = usesDataEnd ? parseFloat(el.getAttribute("data-end") ?? "") - start || 0 : parseFloat(el.getAttribute("data-duration") ?? "0") || 0;
+  return { start, duration, usesDataEnd };
+}
+function setElementDuration(el, start, duration, usesDataEnd) {
+  if (usesDataEnd) {
+    const endTime = String(Math.round((start + duration) * 1e3) / 1e3);
+    el.setAttribute("data-end", endTime);
+    el.removeAttribute("data-duration");
+  } else {
+    el.setAttribute("data-duration", String(Math.round(duration * 1e3) / 1e3));
+    el.removeAttribute("data-end");
+  }
+}
+function splitElementInHtml(source, target, splitTime, newId, fallbackTiming) {
+  const { document, wrappedFragment } = parseSourceDocument(source);
+  const el = findTargetElement(document, target);
+  if (!el || !isHTMLElement(el)) return { html: source, matched: false, newId: null };
+  const timing = resolveElementTiming(el);
+  const { usesDataEnd } = timing;
+  let { start, duration } = timing;
+  if (duration <= 0 && fallbackTiming && fallbackTiming.duration > 0) {
+    start = fallbackTiming.start;
+    duration = fallbackTiming.duration;
+  }
+  if (duration <= 0 || splitTime <= start || splitTime >= start + duration) {
+    return { html: source, matched: false, newId: null };
+  }
+  if (document.getElementById(newId)) {
+    let suffix = 2;
+    const base = newId;
+    while (document.getElementById(newId)) {
+      newId = `${base}-${suffix++}`;
+    }
+  }
+  const firstDuration = splitTime - start;
+  const secondDuration = duration - firstDuration;
+  const clone = el.cloneNode(true);
+  if (!isHTMLElement(clone)) return { html: source, matched: false, newId: null };
+  clone.setAttribute("id", newId);
+  clone.removeAttribute("data-hf-id");
+  for (const node of clone.querySelectorAll("[data-hf-id]")) node.removeAttribute("data-hf-id");
+  clone.setAttribute("data-start", String(Math.round(splitTime * 1e3) / 1e3));
+  setElementDuration(clone, splitTime, secondDuration, usesDataEnd);
+  const playbackStartAttr = el.hasAttribute("data-playback-start") ? "data-playback-start" : el.hasAttribute("data-media-start") ? "data-media-start" : null;
+  if (playbackStartAttr) {
+    const currentTrim = parseFloat(el.getAttribute(playbackStartAttr) ?? "0") || 0;
+    const rateRaw = parseFloat(el.getAttribute("data-playback-rate") ?? "");
+    const rate = Number.isFinite(rateRaw) ? rateRaw : 1;
+    clone.setAttribute(
+      playbackStartAttr,
+      String(Math.round((currentTrim + firstDuration * rate) * 1e3) / 1e3)
+    );
+  }
+  const originalId = el.getAttribute("id");
+  if (originalId) {
+    duplicateCssRulesForId(document, originalId, newId);
+  }
+  el.setAttribute("data-start", String(Math.round(start * 1e3) / 1e3));
+  setElementDuration(el, start, firstDuration, usesDataEnd);
+  if (el.nextSibling) {
+    el.parentElement.insertBefore(clone, el.nextSibling);
+  } else {
+    el.parentElement.appendChild(clone);
+  }
+  return {
+    html: wrappedFragment ? document.body.innerHTML || "" : document.toString(),
+    matched: true,
+    newId
+  };
+}
+function getInlineStylePx(el, property) {
+  const style = (isHTMLElement(el) ? el.getAttribute("style") : null) ?? "";
+  const { props } = parseStyleDecls(style);
+  const raw = props.get(property);
+  if (!raw) return 0;
+  const n = parseFloat(raw);
+  return Number.isFinite(n) ? n : 0;
+}
+function setInlineLeftTop(el, left, top) {
+  let style = el.getAttribute("style") ?? "";
+  style = patchStyleAttrString(style, "left", `${left}px`);
+  style = patchStyleAttrString(style, "top", `${top}px`);
+  el.setAttribute("style", style);
+}
+function uniqueGroupDomId(document, groupId) {
+  const base = groupId.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "group";
+  let id = base;
+  let n = 2;
+  while (document.getElementById(id)) {
+    id = `${base}-${n}`;
+    n += 1;
+  }
+  return id;
+}
+function wrapElementsInHtml(source, targets, groupId, bbox, rebases) {
+  const { document, wrappedFragment } = parseSourceDocument(source);
+  if (targets.length === 0) {
+    return { html: source, matched: false, groupId: null, error: "no targets" };
+  }
+  const els = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const target of targets) {
+    const el = findTargetElement(document, target);
+    if (!el || !isHTMLElement(el) || seen.has(el)) continue;
+    seen.add(el);
+    els.push(el);
+  }
+  if (els.length === 0) {
+    return { html: source, matched: false, groupId: null, error: "no targets matched" };
+  }
+  const parent = els[0]?.parentElement;
+  if (!parent || els.some((el) => el.parentElement !== parent)) {
+    return {
+      html: source,
+      matched: false,
+      groupId: null,
+      error: "grouped elements must share a single parent"
+    };
+  }
+  const memberSet = new Set(els);
+  const ordered = Array.from(parent.children).filter((c) => memberSet.has(c));
+  const rebaseByEl = /* @__PURE__ */ new Map();
+  for (const rebase of rebases) {
+    const el = findTargetElement(document, rebase.target);
+    if (el) rebaseByEl.set(el, { left: rebase.left, top: rebase.top });
+  }
+  const wrapper = document.createElement("div");
+  wrapper.setAttribute("data-hf-group", groupId);
+  wrapper.setAttribute("id", uniqueGroupDomId(document, groupId));
+  const memberZIndexes = ordered.map(
+    (el) => Number.parseInt(
+      parseStyleDecls(el.getAttribute("style") ?? "").props.get("z-index") ?? "",
+      10
+    )
+  ).filter((z) => Number.isFinite(z));
+  const maxZ = memberZIndexes.length > 0 ? Math.max(...memberZIndexes) : null;
+  wrapper.setAttribute(
+    "style",
+    `position: absolute; left: ${bbox.left}px; top: ${bbox.top}px; width: ${bbox.width}px; height: ${bbox.height}px` + (maxZ !== null ? `; z-index: ${maxZ}` : "")
+  );
+  parent.insertBefore(wrapper, ordered[ordered.length - 1] ?? null);
+  for (const el of ordered) {
+    const rebase = rebaseByEl.get(el);
+    if (rebase) setInlineLeftTop(el, rebase.left, rebase.top);
+    wrapper.appendChild(el);
+  }
+  return {
+    html: wrappedFragment ? document.body.innerHTML || "" : document.toString(),
+    matched: true,
+    groupId
+  };
+}
+function unwrapElementsFromHtml(source, groupTarget) {
+  const { document, wrappedFragment } = parseSourceDocument(source);
+  const group = findTargetElement(document, groupTarget);
+  if (!group || !isHTMLElement(group)) return { html: source, unwrapped: false };
+  if (!group.hasAttribute("data-hf-group")) return { html: source, unwrapped: false };
+  const parent = group.parentElement;
+  if (!parent) return { html: source, unwrapped: false };
+  const wLeft = getInlineStylePx(group, "left");
+  const wTop = getInlineStylePx(group, "top");
+  const groupCenter = {
+    cx: wLeft + getInlineStylePx(group, "width") / 2,
+    cy: wTop + getInlineStylePx(group, "height") / 2
+  };
+  const members = [];
+  for (const child of Array.from(group.children)) {
+    if (isHTMLElement(child)) {
+      const newLeft = getInlineStylePx(child, "left") + wLeft;
+      const newTop = getInlineStylePx(child, "top") + wTop;
+      setInlineLeftTop(child, newLeft, newTop);
+      if (child.id) {
+        members.push({
+          id: child.id,
+          cx: newLeft + getInlineStylePx(child, "width") / 2,
+          cy: newTop + getInlineStylePx(child, "height") / 2
+        });
+      }
+    }
+    parent.insertBefore(child, group);
+  }
+  const groupId = group.id || void 0;
+  group.remove();
+  return {
+    html: wrappedFragment ? document.body.innerHTML || "" : document.toString(),
+    unwrapped: true,
+    unwrappedGroupId: groupId,
+    members,
+    groupCenter
+  };
+}
+export {
+  isHTMLElement,
+  patchElementInHtml,
+  probeElementInSource,
+  removeElementFromHtml,
+  splitElementInHtml,
+  unwrapElementsFromHtml,
+  wrapElementsInHtml
+};
+//# sourceMappingURL=sourceMutation.js.map

package/dist/helpers/sourceMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/helpers/sourceMutation.ts","../../src/helpers/sourceStyleMutation.ts"],"sourcesContent":["import { parseHTML } from \"linkedom\";\nimport postcss from \"postcss\";\nimport selectorParser from \"postcss-selector-parser\";\nimport { isAllowedHtmlAttribute, isSafeAttributeValue } from \"@hyperframes/core/html-attr-safety\";\nimport { parseStyleDecls, patchStyleAttrString } from \"./sourceStyleMutation.js\";\n\nexport interface SourceMutationTarget {\n  id?: string | null;\n  hfId?: string;\n  selector?: string;\n  selectorIndex?: number;\n}\n\nfunction parseSourceDocument(source: string): { document: Document; wrappedFragment: boolean } {\n  const hasDocumentShell = /<!doctype|<html[\\s>]/i.test(source);\n  if (hasDocumentShell) {\n    return { document: parseHTML(source).document, wrappedFragment: false };\n  }\n  return {\n    document: parseHTML(`<!DOCTYPE html><html><head></head><body>${source}</body></html>`).document,\n    wrappedFragment: true,\n  };\n}\n\nfunction duplicateCssRulesForId(document: Document, originalId: string, newId: string): void {\n  const idToken = `#${originalId}`;\n  const transform = selectorParser((selectors) => {\n    selectors.walkIds((node) => {\n      if (node.value === originalId) node.value = newId;\n    });\n  });\n  for (const styleEl of document.querySelectorAll(\"style\")) {\n    const css = styleEl.textContent ?? \"\";\n    let root: postcss.Root;\n    try {\n      root = postcss.parse(css);\n    } catch {\n      continue;\n    }\n    const clones: postcss.Rule[] = [];\n    root.walkRules((rule) => {\n      if (!rule.selector.includes(idToken)) return;\n      const newSelector = transform.processSync(rule.selector);\n      if (newSelector === rule.selector) return;\n      const clone = rule.clone({ selector: newSelector });\n      clones.push(clone);\n    });\n    if (clones.length > 0) {\n      for (const c of clones) root.append(c);\n      styleEl.textContent = root.toString();\n    }\n  }\n}\n\nfunction querySelectorAllWithTemplates(root: Document | Element, selector: string): Element[] {\n  const matches = Array.from(root.querySelectorAll(selector));\n  if (matches.length > 0) return matches;\n  // querySelectorAll doesn't traverse <template> content in linkedom.\n  // Search directly on each template element (NOT .content — removing from\n  // .content's DocumentFragment doesn't update the serialized output).\n  const templates = Array.from(root.querySelectorAll(\"template\"));\n  for (const tmpl of templates) {\n    const inner = tmpl.querySelectorAll(selector);\n    if (inner.length > 0) return Array.from(inner);\n  }\n  return [];\n}\n\n// Prevent CSS attribute-selector injection via a crafted hfId: escape\n// backslashes first, then double-quotes. Keeps a malformed/hostile value from\n// breaking out of the `[data-hf-id=\"…\"]` selector once callers beyond the\n// internal mint contract (R2+ user flows) pass values here.\nfunction escapeCssAttrValue(value: string): string {\n  return value.replace(/\\\\/g, \"\\\\\\\\\").replace(/\"/g, '\\\\\"');\n}\n\nfunction findByHfId(document: Document, hfId: string): Element | null {\n  try {\n    const matches = querySelectorAllWithTemplates(\n      document,\n      `[data-hf-id=\"${escapeCssAttrValue(hfId)}\"]`,\n    );\n    if (matches.length > 1) {\n      // The mint contract guarantees uniqueness; a duplicate means upstream\n      // id drift. Don't silently patch an arbitrary one — surface it.\n      // eslint-disable-next-line no-console\n      console.warn(\n        `sourceMutation: data-hf-id \"${hfId}\" matched ${matches.length} elements; using the first. ids must be unique per document.`,\n      );\n    }\n    return matches[0] ?? null;\n  } catch {\n    // Malformed selector despite escaping — let the caller fall back.\n    return null;\n  }\n}\n\nfunction findTargetElement(document: Document, target: SourceMutationTarget): Element | null {\n  if (target.hfId) {\n    const el = findByHfId(document, target.hfId);\n    if (el) return el;\n  }\n\n  if (target.id) {\n    const byId = document.getElementById(target.id);\n    if (byId) return byId;\n  }\n\n  if (!target.selector) return null;\n  try {\n    const matches = querySelectorAllWithTemplates(document, target.selector);\n    return matches[target.selectorIndex ?? 0] ?? null;\n  } catch {\n    return null;\n  }\n}\n\nexport function removeElementFromHtml(source: string, target: SourceMutationTarget): string {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  const element = findTargetElement(document, target);\n  if (!element) return source;\n\n  element.remove();\n  return wrappedFragment ? document.body.innerHTML || \"\" : document.toString();\n}\n\nexport function isHTMLElement(el: Node): el is HTMLElement {\n  const HTMLEl = el.ownerDocument?.defaultView?.HTMLElement;\n  return HTMLEl ? el instanceof HTMLEl : el.nodeType === 1 && \"style\" in el;\n}\n\nexport interface PatchOperation {\n  type: \"inline-style\" | \"attribute\" | \"html-attribute\" | \"text-content\";\n  property: string;\n  value: string | null;\n  childSelector?: string;\n  childIndex?: number;\n}\n\ninterface ResolvedPatchOperation {\n  op: PatchOperation;\n  target: HTMLElement;\n}\n\nfunction resolveOperationTarget(parent: HTMLElement, op: PatchOperation): HTMLElement | null {\n  if (op.childSelector === undefined) return parent;\n  try {\n    const child = parent.querySelectorAll(op.childSelector)[op.childIndex ?? 0] ?? null;\n    return child && isHTMLElement(child) ? child : null;\n  } catch {\n    return null;\n  }\n}\n\n// fallow-ignore-next-line complexity\nexport function patchElementInHtml(\n  source: string,\n  target: SourceMutationTarget,\n  operations: PatchOperation[],\n): { html: string; matched: boolean } {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  const el = findTargetElement(document, target);\n  if (!el || !isHTMLElement(el)) return { html: source, matched: false };\n  const htmlEl = el;\n\n  const resolved: ResolvedPatchOperation[] = [];\n  for (const op of operations) {\n    const opTarget = resolveOperationTarget(htmlEl, op);\n    if (!opTarget) return { html: source, matched: false };\n    resolved.push({ op, target: opTarget });\n  }\n\n  for (const { op, target: opTarget } of resolved) {\n    switch (op.type) {\n      case \"inline-style\":\n        // linkedom's CSSStyleDeclaration does not support CSS custom properties\n        // (--foo) or newer individual transform properties (translate, rotate,\n        // scale) via style.setProperty(). Manipulate the style attribute string\n        // directly so all property names survive the round-trip.\n        {\n          const raw = opTarget.getAttribute(\"style\") ?? \"\";\n          const patched = patchStyleAttrString(raw, op.property, op.value);\n          opTarget.setAttribute(\"style\", patched);\n        }\n        break;\n      case \"attribute\":\n        {\n          const fullAttr = op.property.startsWith(\"data-\") ? op.property : `data-${op.property}`;\n          if (op.value != null) {\n            opTarget.setAttribute(fullAttr, op.value);\n          } else {\n            opTarget.removeAttribute(fullAttr);\n          }\n        }\n        break;\n      case \"html-attribute\":\n        if (!isAllowedHtmlAttribute(op.property)) break;\n        if (op.value != null) {\n          if (!isSafeAttributeValue(op.property, op.value)) break;\n          opTarget.setAttribute(op.property, op.value);\n        } else {\n          opTarget.removeAttribute(op.property);\n        }\n        break;\n      case \"text-content\":\n        if (op.value != null) {\n          const inner = opTarget.children.length === 1 ? opTarget.firstElementChild : null;\n          const textTarget = inner && isHTMLElement(inner) ? inner : opTarget;\n          textTarget.textContent = op.value;\n        }\n        break;\n    }\n  }\n\n  return {\n    html: wrappedFragment ? document.body.innerHTML || \"\" : document.toString(),\n    matched: true,\n  };\n}\n\nexport function probeElementInSource(source: string, target: SourceMutationTarget): boolean {\n  if (!target.id && !target.hfId && !target.selector) return false;\n  const { document } = parseSourceDocument(source);\n  const el = findTargetElement(document, target);\n  return el != null && isHTMLElement(el);\n}\n\nexport interface SplitElementResult {\n  html: string;\n  matched: boolean;\n  newId: string | null;\n}\n\nfunction resolveElementTiming(el: Element): {\n  start: number;\n  duration: number;\n  usesDataEnd: boolean;\n} {\n  const start = parseFloat(el.getAttribute(\"data-start\") ?? \"0\") || 0;\n  const usesDataEnd = el.hasAttribute(\"data-end\");\n  const duration = usesDataEnd\n    ? parseFloat(el.getAttribute(\"data-end\") ?? \"\") - start || 0\n    : parseFloat(el.getAttribute(\"data-duration\") ?? \"0\") || 0;\n  return { start, duration, usesDataEnd };\n}\n\nfunction setElementDuration(\n  el: Element,\n  start: number,\n  duration: number,\n  usesDataEnd: boolean,\n): void {\n  if (usesDataEnd) {\n    const endTime = String(Math.round((start + duration) * 1000) / 1000);\n    el.setAttribute(\"data-end\", endTime);\n    el.removeAttribute(\"data-duration\");\n  } else {\n    el.setAttribute(\"data-duration\", String(Math.round(duration * 1000) / 1000));\n    el.removeAttribute(\"data-end\");\n  }\n}\n\n// fallow-ignore-next-line complexity\nexport function splitElementInHtml(\n  source: string,\n  target: SourceMutationTarget,\n  splitTime: number,\n  newId: string,\n  fallbackTiming?: { start: number; duration: number },\n): SplitElementResult {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  const el = findTargetElement(document, target);\n  if (!el || !isHTMLElement(el)) return { html: source, matched: false, newId: null };\n\n  const timing = resolveElementTiming(el);\n  const { usesDataEnd } = timing;\n  let { start, duration } = timing;\n  // GSAP-animated elements carry their timing in the script, not in data-* attrs,\n  // so the source has no authored duration. Fall back to the store's (GSAP-derived)\n  // range — the runtime windows visibility off data-start/data-duration regardless\n  // of class, so stamping both halves below makes each half show only in its window.\n  if (duration <= 0 && fallbackTiming && fallbackTiming.duration > 0) {\n    start = fallbackTiming.start;\n    duration = fallbackTiming.duration;\n  }\n  if (duration <= 0 || splitTime <= start || splitTime >= start + duration) {\n    return { html: source, matched: false, newId: null };\n  }\n\n  if (document.getElementById(newId)) {\n    let suffix = 2;\n    const base = newId;\n    while (document.getElementById(newId)) {\n      newId = `${base}-${suffix++}`;\n    }\n  }\n\n  const firstDuration = splitTime - start;\n  const secondDuration = duration - firstDuration;\n\n  const clone = el.cloneNode(true);\n  if (!isHTMLElement(clone)) return { html: source, matched: false, newId: null };\n  clone.setAttribute(\"id\", newId);\n  clone.removeAttribute(\"data-hf-id\");\n  // Descendants carry their own data-hf-id; leaving them duplicates the id of\n  // every nested node (e.g. an inner <span>), so strip them on the clone too.\n  for (const node of clone.querySelectorAll(\"[data-hf-id]\")) node.removeAttribute(\"data-hf-id\");\n  clone.setAttribute(\"data-start\", String(Math.round(splitTime * 1000) / 1000));\n  setElementDuration(clone, splitTime, secondDuration, usesDataEnd);\n\n  // Keep the \"clip\" class — the runtime uses it to control visibility\n  // based on data-start/data-duration timing.\n\n  // Adjust media trim offset for the second half\n  const playbackStartAttr = el.hasAttribute(\"data-playback-start\")\n    ? \"data-playback-start\"\n    : el.hasAttribute(\"data-media-start\")\n      ? \"data-media-start\"\n      : null;\n  if (playbackStartAttr) {\n    const currentTrim = parseFloat(el.getAttribute(playbackStartAttr) ?? \"0\") || 0;\n    const rateRaw = parseFloat(el.getAttribute(\"data-playback-rate\") ?? \"\");\n    const rate = Number.isFinite(rateRaw) ? rateRaw : 1;\n    clone.setAttribute(\n      playbackStartAttr,\n      String(Math.round((currentTrim + firstDuration * rate) * 1000) / 1000),\n    );\n  }\n\n  // Duplicate CSS rules targeting the original ID so the clone inherits the same styles.\n  const originalId = el.getAttribute(\"id\");\n  if (originalId) {\n    duplicateCssRulesForId(document, originalId, newId);\n  }\n\n  // Trim the original element's duration. A GSAP element had no data-start; stamp\n  // it so the runtime windows the first half (visibility selects on [data-start]).\n  el.setAttribute(\"data-start\", String(Math.round(start * 1000) / 1000));\n  setElementDuration(el, start, firstDuration, usesDataEnd);\n\n  // Insert clone after original\n  if (el.nextSibling) {\n    el.parentElement!.insertBefore(clone, el.nextSibling);\n  } else {\n    el.parentElement!.appendChild(clone);\n  }\n\n  return {\n    html: wrappedFragment ? document.body.innerHTML || \"\" : document.toString(),\n    matched: true,\n    newId,\n  };\n}\n\n// --- Element grouping -------------------------------------------------------\n// A group is a real `<div data-hf-group=\"…\">` wrapping its members in the DOM.\n// Wrapping rebases each member's left/top so its absolute position is unchanged:\n// the wrapper sits at the selection bbox top-left, and each child's new left/top\n// is its old left/top minus the wrapper origin (computed client-side, where live\n// layout is available, and passed in via `rebases`). GSAP x/y, CSS translate and\n// --hf-studio-offset vars are deltas relative to flow position and stay untouched.\n\nexport interface WrapElementsResult {\n  html: string;\n  matched: boolean;\n  groupId: string | null;\n  error?: string;\n}\n\nexport interface UnwrapElementsResult {\n  html: string;\n  unwrapped: boolean;\n  /** The unwrapped wrapper's id, so callers can strip GSAP that targeted it\n   *  (the wrapper is gone; a leftover `gsap.set(\"#id\")` would throw at runtime). */\n  unwrappedGroupId?: string;\n  /** Members (id'd children) with their absolute layout centres (post un-rebase),\n   *  so the caller can BAKE the group's GSAP transform into each member before\n   *  stripping it — otherwise the group's moves are lost on ungroup. */\n  members?: Array<{ id: string; cx: number; cy: number }>;\n  /** The wrapper's layout centre — the pivot for baking the group's rotation/scale. */\n  groupCenter?: { cx: number; cy: number };\n}\n\nexport interface ElementRebase {\n  target: SourceMutationTarget;\n  left: number;\n  top: number;\n}\n\nfunction getInlineStylePx(el: Element, property: string): number {\n  const style = (isHTMLElement(el) ? el.getAttribute(\"style\") : null) ?? \"\";\n  const { props } = parseStyleDecls(style);\n  const raw = props.get(property);\n  if (!raw) return 0;\n  const n = parseFloat(raw);\n  return Number.isFinite(n) ? n : 0;\n}\n\nfunction setInlineLeftTop(el: HTMLElement, left: number, top: number): void {\n  let style = el.getAttribute(\"style\") ?? \"\";\n  style = patchStyleAttrString(style, \"left\", `${left}px`);\n  style = patchStyleAttrString(style, \"top\", `${top}px`);\n  el.setAttribute(\"style\", style);\n}\n\n// Slug the group name (\"Group 1\" → \"group-1\") into a unique, valid element id.\nfunction uniqueGroupDomId(document: Document, groupId: string): string {\n  const base =\n    groupId\n      .trim()\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, \"-\")\n      .replace(/^-+|-+$/g, \"\") || \"group\";\n  let id = base;\n  let n = 2;\n  while (document.getElementById(id)) {\n    id = `${base}-${n}`;\n    n += 1;\n  }\n  return id;\n}\n\n// fallow-ignore-next-line complexity\nexport function wrapElementsInHtml(\n  source: string,\n  targets: SourceMutationTarget[],\n  groupId: string,\n  bbox: { left: number; top: number; width: number; height: number },\n  rebases: ElementRebase[],\n): WrapElementsResult {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  if (targets.length === 0) {\n    return { html: source, matched: false, groupId: null, error: \"no targets\" };\n  }\n\n  // Resolve + dedupe by element ref (two targets may point at the same node).\n  const els: HTMLElement[] = [];\n  const seen = new Set<Element>();\n  for (const target of targets) {\n    const el = findTargetElement(document, target);\n    if (!el || !isHTMLElement(el) || seen.has(el)) continue;\n    seen.add(el);\n    els.push(el);\n  }\n  if (els.length === 0) {\n    return { html: source, matched: false, groupId: null, error: \"no targets matched\" };\n  }\n\n  // P1: require a single common parent (LCA multi-parent wrapping is P2).\n  const parent = els[0]?.parentElement;\n  if (!parent || els.some((el) => el.parentElement !== parent)) {\n    return {\n      html: source,\n      matched: false,\n      groupId: null,\n      error: \"grouped elements must share a single parent\",\n    };\n  }\n\n  // Order members by their position in the parent (= z-order / stacking order).\n  const memberSet = new Set<Element>(els);\n  const ordered = Array.from(parent.children).filter((c): c is HTMLElement => memberSet.has(c));\n\n  // Map each member to its rebased left/top (resolved against the same document).\n  const rebaseByEl = new Map<Element, { left: number; top: number }>();\n  for (const rebase of rebases) {\n    const el = findTargetElement(document, rebase.target);\n    if (el) rebaseByEl.set(el, { left: rebase.left, top: rebase.top });\n  }\n\n  const wrapper = document.createElement(\"div\");\n  wrapper.setAttribute(\"data-hf-group\", groupId);\n  // A real `id` (slug of the group name) makes the wrapper a first-class node in the\n  // clip manifest / timeline parent-map (both keyed by id) and a clean GSAP target —\n  // without it the wrapper is invisible to the timeline and breaks child enumeration.\n  wrapper.setAttribute(\"id\", uniqueGroupDomId(document, groupId));\n  // Adopt the topmost member's stacking level. A group is one stacking unit, so a\n  // non-member interleaved between two selected members can't stay \"between\" them\n  // once they unify. Matching Figma/Sketch, the group lifts to the topmost selected\n  // layer: the wrapper goes at the LAST member's slot and carries the max member\n  // z-index — so an interleaved non-member falls below the group instead of hoisting\n  // above it, and explicit member z-indexes are honored.\n  const memberZIndexes = ordered\n    .map((el) =>\n      Number.parseInt(\n        parseStyleDecls(el.getAttribute(\"style\") ?? \"\").props.get(\"z-index\") ?? \"\",\n        10,\n      ),\n    )\n    .filter((z) => Number.isFinite(z));\n  const maxZ = memberZIndexes.length > 0 ? Math.max(...memberZIndexes) : null;\n  wrapper.setAttribute(\n    \"style\",\n    `position: absolute; left: ${bbox.left}px; top: ${bbox.top}px; width: ${bbox.width}px; height: ${bbox.height}px` +\n      (maxZ !== null ? `; z-index: ${maxZ}` : \"\"),\n  );\n\n  // Insert the wrapper at the topmost member's slot, then move members into it.\n  parent.insertBefore(wrapper, ordered[ordered.length - 1] ?? null);\n  for (const el of ordered) {\n    const rebase = rebaseByEl.get(el);\n    if (rebase) setInlineLeftTop(el, rebase.left, rebase.top);\n    wrapper.appendChild(el); // appendChild moves the node, preserving order\n  }\n\n  return {\n    html: wrappedFragment ? document.body.innerHTML || \"\" : document.toString(),\n    matched: true,\n    groupId,\n  };\n}\n\nexport function unwrapElementsFromHtml(\n  source: string,\n  groupTarget: SourceMutationTarget,\n): UnwrapElementsResult {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  const group = findTargetElement(document, groupTarget);\n  if (!group || !isHTMLElement(group)) return { html: source, unwrapped: false };\n  // Shape guard mirroring the wrap-side contract: only ever dissolve an actual\n  // group wrapper. A stale/desynced selection that resolves to a plain <div>\n  // would otherwise be unwrapped — rebasing its children by the parent's origin\n  // (silent corruption). Wrap enforces invariants; unwrap must too.\n  if (!group.hasAttribute(\"data-hf-group\")) return { html: source, unwrapped: false };\n\n  const parent = group.parentElement;\n  if (!parent) return { html: source, unwrapped: false };\n\n  // Undo the rebase: child absolute position = child (rebased) + wrapper origin.\n  const wLeft = getInlineStylePx(group, \"left\");\n  const wTop = getInlineStylePx(group, \"top\");\n  const groupCenter = {\n    cx: wLeft + getInlineStylePx(group, \"width\") / 2,\n    cy: wTop + getInlineStylePx(group, \"height\") / 2,\n  };\n\n  // Move children back to the wrapper's slot, preserving order.\n  const members: Array<{ id: string; cx: number; cy: number }> = [];\n  for (const child of Array.from(group.children)) {\n    if (isHTMLElement(child)) {\n      const newLeft = getInlineStylePx(child, \"left\") + wLeft;\n      const newTop = getInlineStylePx(child, \"top\") + wTop;\n      setInlineLeftTop(child, newLeft, newTop);\n      if (child.id) {\n        members.push({\n          id: child.id,\n          cx: newLeft + getInlineStylePx(child, \"width\") / 2,\n          cy: newTop + getInlineStylePx(child, \"height\") / 2,\n        });\n      }\n    }\n    parent.insertBefore(child, group);\n  }\n  const groupId = group.id || undefined;\n  group.remove();\n\n  return {\n    html: wrappedFragment ? document.body.innerHTML || \"\" : document.toString(),\n    unwrapped: true,\n    unwrappedGroupId: groupId,\n    members,\n    groupCenter,\n  };\n}\n","// fallow-ignore-next-line complexity\nexport function parseStyleDecls(style: string): { props: Map<string, string>; order: string[] } {\n  const props = new Map<string, string>();\n  const order: string[] = [];\n  let i = 0;\n  while (i < style.length) {\n    let depth = 0;\n    let inSingle = false;\n    let inDouble = false;\n    const start = i;\n    while (i < style.length) {\n      const ch = style[i];\n      if (ch === \"'\" && !inDouble) inSingle = !inSingle;\n      else if (ch === '\"' && !inSingle) inDouble = !inDouble;\n      else if (!inSingle && !inDouble) {\n        if (ch === \"(\") depth++;\n        else if (ch === \")\") depth = Math.max(0, depth - 1);\n        else if (ch === \";\" && depth === 0) break;\n      }\n      i++;\n    }\n    const decl = style.slice(start, i).trim();\n    i++;\n    if (!decl) continue;\n    const colon = decl.indexOf(\":\");\n    if (colon < 0) continue;\n    const key = decl.slice(0, colon).trim();\n    const val = decl.slice(colon + 1).trim();\n    if (!key) continue;\n    if (!props.has(key)) order.push(key);\n    props.set(key, val);\n  }\n  return { props, order };\n}\n\nfunction serializeStyleDecls(props: Map<string, string>, order: string[]): string {\n  return order\n    .map((k) => `${k}: ${props.get(k) ?? \"\"}`)\n    .filter((d) => d.trim())\n    .join(\"; \");\n}\n\nexport function patchStyleAttrString(\n  style: string,\n  property: string,\n  value: string | null,\n): string {\n  const { props, order } = parseStyleDecls(style);\n  if (value === null) {\n    props.delete(property);\n    const idx = order.indexOf(property);\n    if (idx >= 0) order.splice(idx, 1);\n  } else {\n    if (!props.has(property)) order.push(property);\n    props.set(property, value);\n  }\n  return serializeStyleDecls(props, order);\n}\n"],"mappings":"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","names":[]}