@hyperframes/studio-server 0.7.60 → 0.7.61

package/dist/helpers/studioMotionRenderScript.js

@@ -1,189 +1,7 @@
-// src/helpers/studioMotionRenderScript.ts
-var STUDIO_MOTION_PATH = ".hyperframes/studio-motion.json";
-function hasStudioMotionEntries(manifestContent) {
-  try {
-    const parsed = JSON.parse(manifestContent);
-    return Array.isArray(parsed.motions) && parsed.motions.length > 0;
-  } catch {
-    return false;
-  }
-}
-function createStudioMotionRenderBodyScript(manifestContent, options = {}) {
-  if (!manifestContent.trim() || !hasStudioMotionEntries(manifestContent)) return null;
-  return `(${studioMotionRenderRuntime.toString()})(${JSON.stringify(manifestContent)}, ${JSON.stringify(options.activeCompositionPath ?? null)});`;
-}
-function studioMotionRenderRuntime(manifestContent, activeCompositionPath) {
-  const STUDIO_MOTION_TIMELINE_ID = "studio-motion";
-  const STUDIO_MOTION_ATTR = "data-hf-studio-motion";
-  const ORIGINAL_TRANSFORM_ATTR = "data-hf-studio-motion-original-transform";
-  const ORIGINAL_OPACITY_ATTR = "data-hf-studio-motion-original-opacity";
-  const ORIGINAL_VISIBILITY_ATTR = "data-hf-studio-motion-original-visibility";
-  const objectRecord = (value) => value && typeof value === "object" ? value : null;
-  const finiteNumber = (value) => typeof value === "number" && Number.isFinite(value) ? value : null;
-  const runtimeWindow = window;
-  const parseMotionValues = (value) => {
-    const record = objectRecord(value);
-    if (!record) return null;
-    const parsed = {};
-    for (const key of ["x", "y", "scale", "rotation", "opacity", "autoAlpha"]) {
-      const next = finiteNumber(record[key]);
-      if (next != null) parsed[key] = next;
-    }
-    return Object.keys(parsed).length > 0 ? parsed : null;
-  };
-  const parseCustomEase = (value) => {
-    const record = objectRecord(value);
-    if (!record) return null;
-    const id = typeof record.id === "string" ? record.id.trim() : "";
-    const data = typeof record.data === "string" ? record.data.trim() : "";
-    if (!id || !data) return null;
-    return { id, data };
-  };
-  const parsedManifest = (() => {
-    try {
-      return objectRecord(JSON.parse(manifestContent));
-    } catch {
-      return null;
-    }
-  })();
-  const manifestMotions = Array.isArray(parsedManifest?.motions) ? parsedManifest.motions : [];
-  const sourceFileForElement = (element) => {
-    let current = element;
-    while (current) {
-      const sourceFile = current.getAttribute("data-composition-file") ?? current.getAttribute("data-composition-src");
-      if (sourceFile) return sourceFile;
-      current = current.parentElement;
-    }
-    return activeCompositionPath ?? "index.html";
-  };
-  const elementMatchesSourceFile = (element, sourceFile) => sourceFileForElement(element) === sourceFile;
-  const isHTMLElement = (element) => element instanceof HTMLElement;
-  const querySelectorCandidates = (selector) => {
-    const className = selector.match(/^\.([A-Za-z0-9_-]+)$/)?.[1];
-    if (className) {
-      return Array.from(document.getElementsByTagName("*")).filter(
-        (element) => isHTMLElement(element) && element.classList.contains(className)
-      );
-    }
-    if (/^[A-Za-z][A-Za-z0-9-]*$/.test(selector)) {
-      return Array.from(document.getElementsByTagName(selector)).filter(isHTMLElement);
-    }
-    return Array.from(document.querySelectorAll(selector)).filter(isHTMLElement);
-  };
-  const resolveTarget = (targetRecord) => {
-    const sourceFile = typeof targetRecord.sourceFile === "string" ? targetRecord.sourceFile : "";
-    if (!sourceFile) return null;
-    const id = typeof targetRecord.id === "string" ? targetRecord.id : "";
-    if (id) {
-      const byId = document.getElementById(id);
-      if (isHTMLElement(byId) && elementMatchesSourceFile(byId, sourceFile)) return byId;
-    }
-    const selector = typeof targetRecord.selector === "string" ? targetRecord.selector : "";
-    if (!selector) return null;
-    try {
-      const selectorIndex = Math.max(0, Math.floor(finiteNumber(targetRecord.selectorIndex) ?? 0));
-      return querySelectorCandidates(selector).filter(
-        (element) => elementMatchesSourceFile(element, sourceFile)
-      )[selectorIndex] ?? null;
-    } catch {
-      return null;
-    }
-  };
-  const restoreElement = (element) => {
-    runtimeWindow.gsap?.set?.(element, { clearProps: "transform,opacity,visibility" });
-    element.style.transform = element.getAttribute(ORIGINAL_TRANSFORM_ATTR) ?? "";
-    element.style.opacity = element.getAttribute(ORIGINAL_OPACITY_ATTR) ?? "";
-    element.style.visibility = element.getAttribute(ORIGINAL_VISIBILITY_ATTR) ?? "";
-    element.removeAttribute(STUDIO_MOTION_ATTR);
-    element.removeAttribute(ORIGINAL_TRANSFORM_ATTR);
-    element.removeAttribute(ORIGINAL_OPACITY_ATTR);
-    element.removeAttribute(ORIGINAL_VISIBILITY_ATTR);
-  };
-  const restoreStudioMotionElements = () => {
-    for (const element of Array.from(document.querySelectorAll(`[${STUDIO_MOTION_ATTR}]`))) {
-      if (isHTMLElement(element)) restoreElement(element);
-    }
-  };
-  const readCurrentTime = () => {
-    try {
-      const playerTime = runtimeWindow.__player?.getTime?.();
-      if (typeof playerTime === "number" && Number.isFinite(playerTime)) {
-        return Math.max(0, playerTime);
-      }
-    } catch {
-    }
-    try {
-      const timelineTime = runtimeWindow.__timeline?.time?.();
-      if (typeof timelineTime === "number" && Number.isFinite(timelineTime)) {
-        return Math.max(0, timelineTime);
-      }
-    } catch {
-    }
-    return 0;
-  };
-  const resolveEase = (motion) => {
-    const fallback = typeof motion.ease === "string" && motion.ease.trim() ? motion.ease.trim() : "none";
-    const customEase = parseCustomEase(motion.customEase);
-    const customEasePlugin = runtimeWindow.CustomEase;
-    if (!customEase || typeof customEasePlugin?.create !== "function") return fallback;
-    try {
-      runtimeWindow.gsap?.registerPlugin?.(customEasePlugin);
-      customEasePlugin.create(customEase.id, customEase.data);
-      return customEase.id;
-    } catch {
-      return fallback;
-    }
-  };
-  const applyManifest = () => {
-    runtimeWindow.__timelines = runtimeWindow.__timelines ?? {};
-    runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID]?.kill?.();
-    delete runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID];
-    restoreStudioMotionElements();
-    const gsap = runtimeWindow.gsap;
-    if (!gsap?.timeline || manifestMotions.length === 0) return 0;
-    const timeline = gsap.timeline({ paused: true, defaults: { overwrite: "auto" } });
-    let applied = 0;
-    for (const motionValue of manifestMotions) {
-      const motion = objectRecord(motionValue);
-      if (!motion || motion.kind !== "gsap-motion") continue;
-      const targetRecord = objectRecord(motion.target);
-      if (!targetRecord) continue;
-      const target = resolveTarget(targetRecord);
-      if (!target || typeof timeline.fromTo !== "function") continue;
-      const start = finiteNumber(motion.start);
-      const duration = finiteNumber(motion.duration);
-      if (start == null || duration == null || start < 0 || duration <= 0) continue;
-      const from = parseMotionValues(motion.from);
-      const to = parseMotionValues(motion.to);
-      if (!from || !to) continue;
-      if (!target.hasAttribute(STUDIO_MOTION_ATTR)) {
-        target.setAttribute(ORIGINAL_TRANSFORM_ATTR, target.style.transform);
-        target.setAttribute(ORIGINAL_OPACITY_ATTR, target.style.opacity);
-        target.setAttribute(ORIGINAL_VISIBILITY_ATTR, target.style.visibility);
-      }
-      target.setAttribute(STUDIO_MOTION_ATTR, "true");
-      timeline.fromTo(
-        target,
-        from,
-        { ...to, duration, ease: resolveEase(motion), overwrite: "auto", immediateRender: false },
-        start
-      );
-      applied += 1;
-    }
-    if (applied === 0) {
-      timeline.kill?.();
-      return 0;
-    }
-    runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID] = timeline;
-    timeline.pause?.();
-    const currentTime = readCurrentTime();
-    if (typeof timeline.totalTime === "function") timeline.totalTime(currentTime, false);
-    else timeline.time?.(currentTime);
-    return applied;
-  };
-  runtimeWindow.__hfStudioMotionApply = applyManifest;
-  applyManifest();
-}
+import {
+  STUDIO_MOTION_PATH,
+  createStudioMotionRenderBodyScript
+} from "../chunk-4ETS2LXI.js";
 export {
   STUDIO_MOTION_PATH,
   createStudioMotionRenderBodyScript

package/dist/helpers/studioMotionRenderScript.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/studioMotionRenderScript.ts"],"sourcesContent":["export interface StudioMotionRenderScriptOptions {\n  activeCompositionPath?: string | null;\n}\n\nexport const STUDIO_MOTION_PATH = \".hyperframes/studio-motion.json\";\n\nfunction hasStudioMotionEntries(manifestContent: string): boolean {\n  try {\n    const parsed = JSON.parse(manifestContent) as { motions?: unknown };\n    return Array.isArray(parsed.motions) && parsed.motions.length > 0;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Builds the render-time Studio motion runtime script, or null when no owned motion exists.\n */\nexport function createStudioMotionRenderBodyScript(\n  manifestContent: string,\n  options: StudioMotionRenderScriptOptions = {},\n): string | null {\n  if (!manifestContent.trim() || !hasStudioMotionEntries(manifestContent)) return null;\n  return `(${studioMotionRenderRuntime.toString()})(${JSON.stringify(manifestContent)}, ${JSON.stringify(options.activeCompositionPath ?? null)});`;\n}\n\nfunction studioMotionRenderRuntime(\n  manifestContent: string,\n  activeCompositionPath: string | null,\n): void {\n  const STUDIO_MOTION_TIMELINE_ID = \"studio-motion\";\n  const STUDIO_MOTION_ATTR = \"data-hf-studio-motion\";\n  const ORIGINAL_TRANSFORM_ATTR = \"data-hf-studio-motion-original-transform\";\n  const ORIGINAL_OPACITY_ATTR = \"data-hf-studio-motion-original-opacity\";\n  const ORIGINAL_VISIBILITY_ATTR = \"data-hf-studio-motion-original-visibility\";\n\n  const objectRecord = (value: unknown): Record<string, unknown> | null =>\n    value && typeof value === \"object\" ? (value as Record<string, unknown>) : null;\n\n  const finiteNumber = (value: unknown): number | null =>\n    typeof value === \"number\" && Number.isFinite(value) ? value : null;\n\n  const runtimeWindow = window as Window & {\n    gsap?: {\n      timeline?: (vars?: Record<string, unknown>) => {\n        fromTo?: (\n          target: HTMLElement,\n          from: Record<string, unknown>,\n          to: Record<string, unknown>,\n          at: number,\n        ) => unknown;\n        totalTime?: (time: number, suppressEvents?: boolean) => unknown;\n        time?: (time: number) => unknown;\n        pause?: () => unknown;\n        kill?: () => unknown;\n      };\n      set?: (target: HTMLElement, vars: Record<string, unknown>) => unknown;\n      registerPlugin?: (...plugins: unknown[]) => unknown;\n    };\n    CustomEase?: { create?: (id: string, data: string) => unknown };\n    __player?: { getTime?: () => number };\n    __timeline?: { time?: () => number };\n    __timelines?: Record<\n      string,\n      | {\n          kill?: () => unknown;\n        }\n      | undefined\n    >;\n    __hfStudioMotionApply?: () => number;\n  };\n\n  const parseMotionValues = (value: unknown): Record<string, number> | null => {\n    const record = objectRecord(value);\n    if (!record) return null;\n    const parsed: Record<string, number> = {};\n    for (const key of [\"x\", \"y\", \"scale\", \"rotation\", \"opacity\", \"autoAlpha\"]) {\n      const next = finiteNumber(record[key]);\n      if (next != null) parsed[key] = next;\n    }\n    return Object.keys(parsed).length > 0 ? parsed : null;\n  };\n\n  const parseCustomEase = (value: unknown): { id: string; data: string } | null => {\n    const record = objectRecord(value);\n    if (!record) return null;\n    const id = typeof record.id === \"string\" ? record.id.trim() : \"\";\n    const data = typeof record.data === \"string\" ? record.data.trim() : \"\";\n    if (!id || !data) return null;\n    return { id, data };\n  };\n\n  const parsedManifest = (() => {\n    try {\n      return objectRecord(JSON.parse(manifestContent));\n    } catch {\n      return null;\n    }\n  })();\n  const manifestMotions = Array.isArray(parsedManifest?.motions) ? parsedManifest.motions : [];\n\n  const sourceFileForElement = (element: HTMLElement): string => {\n    let current: HTMLElement | null = element;\n    while (current) {\n      const sourceFile =\n        current.getAttribute(\"data-composition-file\") ??\n        current.getAttribute(\"data-composition-src\");\n      if (sourceFile) return sourceFile;\n      current = current.parentElement;\n    }\n    return activeCompositionPath ?? \"index.html\";\n  };\n\n  const elementMatchesSourceFile = (element: HTMLElement, sourceFile: string): boolean =>\n    sourceFileForElement(element) === sourceFile;\n\n  const isHTMLElement = (element: Element | null): element is HTMLElement =>\n    element instanceof HTMLElement;\n\n  const querySelectorCandidates = (selector: string): HTMLElement[] => {\n    const className = selector.match(/^\\.([A-Za-z0-9_-]+)$/)?.[1];\n    if (className) {\n      return Array.from(document.getElementsByTagName(\"*\")).filter(\n        (element): element is HTMLElement =>\n          isHTMLElement(element) && element.classList.contains(className),\n      );\n    }\n    if (/^[A-Za-z][A-Za-z0-9-]*$/.test(selector)) {\n      return Array.from(document.getElementsByTagName(selector)).filter(isHTMLElement);\n    }\n    return Array.from(document.querySelectorAll(selector)).filter(isHTMLElement);\n  };\n\n  const resolveTarget = (targetRecord: Record<string, unknown>): HTMLElement | null => {\n    const sourceFile = typeof targetRecord.sourceFile === \"string\" ? targetRecord.sourceFile : \"\";\n    if (!sourceFile) return null;\n    const id = typeof targetRecord.id === \"string\" ? targetRecord.id : \"\";\n    if (id) {\n      const byId = document.getElementById(id);\n      if (isHTMLElement(byId) && elementMatchesSourceFile(byId, sourceFile)) return byId;\n    }\n    const selector = typeof targetRecord.selector === \"string\" ? targetRecord.selector : \"\";\n    if (!selector) return null;\n    try {\n      const selectorIndex = Math.max(0, Math.floor(finiteNumber(targetRecord.selectorIndex) ?? 0));\n      return (\n        querySelectorCandidates(selector).filter((element) =>\n          elementMatchesSourceFile(element, sourceFile),\n        )[selectorIndex] ?? null\n      );\n    } catch {\n      return null;\n    }\n  };\n\n  const restoreElement = (element: HTMLElement): void => {\n    runtimeWindow.gsap?.set?.(element, { clearProps: \"transform,opacity,visibility\" });\n    element.style.transform = element.getAttribute(ORIGINAL_TRANSFORM_ATTR) ?? \"\";\n    element.style.opacity = element.getAttribute(ORIGINAL_OPACITY_ATTR) ?? \"\";\n    element.style.visibility = element.getAttribute(ORIGINAL_VISIBILITY_ATTR) ?? \"\";\n    element.removeAttribute(STUDIO_MOTION_ATTR);\n    element.removeAttribute(ORIGINAL_TRANSFORM_ATTR);\n    element.removeAttribute(ORIGINAL_OPACITY_ATTR);\n    element.removeAttribute(ORIGINAL_VISIBILITY_ATTR);\n  };\n\n  const restoreStudioMotionElements = (): void => {\n    for (const element of Array.from(document.querySelectorAll(`[${STUDIO_MOTION_ATTR}]`))) {\n      if (isHTMLElement(element)) restoreElement(element);\n    }\n  };\n\n  const readCurrentTime = (): number => {\n    try {\n      const playerTime = runtimeWindow.__player?.getTime?.();\n      if (typeof playerTime === \"number\" && Number.isFinite(playerTime)) {\n        return Math.max(0, playerTime);\n      }\n    } catch {\n      // fall through\n    }\n    try {\n      const timelineTime = runtimeWindow.__timeline?.time?.();\n      if (typeof timelineTime === \"number\" && Number.isFinite(timelineTime)) {\n        return Math.max(0, timelineTime);\n      }\n    } catch {\n      // fall through\n    }\n    return 0;\n  };\n\n  const resolveEase = (motion: Record<string, unknown>): string => {\n    const fallback =\n      typeof motion.ease === \"string\" && motion.ease.trim() ? motion.ease.trim() : \"none\";\n    const customEase = parseCustomEase(motion.customEase);\n    const customEasePlugin = runtimeWindow.CustomEase;\n    if (!customEase || typeof customEasePlugin?.create !== \"function\") return fallback;\n    try {\n      runtimeWindow.gsap?.registerPlugin?.(customEasePlugin);\n      customEasePlugin.create(customEase.id, customEase.data);\n      return customEase.id;\n    } catch {\n      return fallback;\n    }\n  };\n\n  const applyManifest = (): number => {\n    runtimeWindow.__timelines = runtimeWindow.__timelines ?? {};\n    runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID]?.kill?.();\n    delete runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID];\n    restoreStudioMotionElements();\n    const gsap = runtimeWindow.gsap;\n    if (!gsap?.timeline || manifestMotions.length === 0) return 0;\n\n    const timeline = gsap.timeline({ paused: true, defaults: { overwrite: \"auto\" } });\n    let applied = 0;\n    for (const motionValue of manifestMotions) {\n      const motion = objectRecord(motionValue);\n      if (!motion || motion.kind !== \"gsap-motion\") continue;\n      const targetRecord = objectRecord(motion.target);\n      if (!targetRecord) continue;\n      const target = resolveTarget(targetRecord);\n      if (!target || typeof timeline.fromTo !== \"function\") continue;\n      const start = finiteNumber(motion.start);\n      const duration = finiteNumber(motion.duration);\n      if (start == null || duration == null || start < 0 || duration <= 0) continue;\n      const from = parseMotionValues(motion.from);\n      const to = parseMotionValues(motion.to);\n      if (!from || !to) continue;\n      if (!target.hasAttribute(STUDIO_MOTION_ATTR)) {\n        target.setAttribute(ORIGINAL_TRANSFORM_ATTR, target.style.transform);\n        target.setAttribute(ORIGINAL_OPACITY_ATTR, target.style.opacity);\n        target.setAttribute(ORIGINAL_VISIBILITY_ATTR, target.style.visibility);\n      }\n      target.setAttribute(STUDIO_MOTION_ATTR, \"true\");\n      timeline.fromTo(\n        target,\n        from,\n        { ...to, duration, ease: resolveEase(motion), overwrite: \"auto\", immediateRender: false },\n        start,\n      );\n      applied += 1;\n    }\n\n    if (applied === 0) {\n      timeline.kill?.();\n      return 0;\n    }\n    runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID] = timeline;\n    timeline.pause?.();\n    const currentTime = readCurrentTime();\n    if (typeof timeline.totalTime === \"function\") timeline.totalTime(currentTime, false);\n    else timeline.time?.(currentTime);\n    return applied;\n  };\n\n  runtimeWindow.__hfStudioMotionApply = applyManifest;\n  applyManifest();\n}\n"],"mappings":";AAIO,IAAM,qBAAqB;AAElC,SAAS,uBAAuB,iBAAkC;AAChE,MAAI;AACF,UAAM,SAAS,KAAK,MAAM,eAAe;AACzC,WAAO,MAAM,QAAQ,OAAO,OAAO,KAAK,OAAO,QAAQ,SAAS;AAAA,EAClE,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAKO,SAAS,mCACd,iBACA,UAA2C,CAAC,GAC7B;AACf,MAAI,CAAC,gBAAgB,KAAK,KAAK,CAAC,uBAAuB,eAAe,EAAG,QAAO;AAChF,SAAO,IAAI,0BAA0B,SAAS,CAAC,KAAK,KAAK,UAAU,eAAe,CAAC,KAAK,KAAK,UAAU,QAAQ,yBAAyB,IAAI,CAAC;AAC/I;AAEA,SAAS,0BACP,iBACA,uBACM;AACN,QAAM,4BAA4B;AAClC,QAAM,qBAAqB;AAC3B,QAAM,0BAA0B;AAChC,QAAM,wBAAwB;AAC9B,QAAM,2BAA2B;AAEjC,QAAM,eAAe,CAAC,UACpB,SAAS,OAAO,UAAU,WAAY,QAAoC;AAE5E,QAAM,eAAe,CAAC,UACpB,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,IAAI,QAAQ;AAEhE,QAAM,gBAAgB;AA8BtB,QAAM,oBAAoB,CAAC,UAAkD;AAC3E,UAAM,SAAS,aAAa,KAAK;AACjC,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,SAAiC,CAAC;AACxC,eAAW,OAAO,CAAC,KAAK,KAAK,SAAS,YAAY,WAAW,WAAW,GAAG;AACzE,YAAM,OAAO,aAAa,OAAO,GAAG,CAAC;AACrC,UAAI,QAAQ,KAAM,QAAO,GAAG,IAAI;AAAA,IAClC;AACA,WAAO,OAAO,KAAK,MAAM,EAAE,SAAS,IAAI,SAAS;AAAA,EACnD;AAEA,QAAM,kBAAkB,CAAC,UAAwD;AAC/E,UAAM,SAAS,aAAa,KAAK;AACjC,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,KAAK,OAAO,OAAO,OAAO,WAAW,OAAO,GAAG,KAAK,IAAI;AAC9D,UAAM,OAAO,OAAO,OAAO,SAAS,WAAW,OAAO,KAAK,KAAK,IAAI;AACpE,QAAI,CAAC,MAAM,CAAC,KAAM,QAAO;AACzB,WAAO,EAAE,IAAI,KAAK;AAAA,EACpB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI;AACF,aAAO,aAAa,KAAK,MAAM,eAAe,CAAC;AAAA,IACjD,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF,GAAG;AACH,QAAM,kBAAkB,MAAM,QAAQ,gBAAgB,OAAO,IAAI,eAAe,UAAU,CAAC;AAE3F,QAAM,uBAAuB,CAAC,YAAiC;AAC7D,QAAI,UAA8B;AAClC,WAAO,SAAS;AACd,YAAM,aACJ,QAAQ,aAAa,uBAAuB,KAC5C,QAAQ,aAAa,sBAAsB;AAC7C,UAAI,WAAY,QAAO;AACvB,gBAAU,QAAQ;AAAA,IACpB;AACA,WAAO,yBAAyB;AAAA,EAClC;AAEA,QAAM,2BAA2B,CAAC,SAAsB,eACtD,qBAAqB,OAAO,MAAM;AAEpC,QAAM,gBAAgB,CAAC,YACrB,mBAAmB;AAErB,QAAM,0BAA0B,CAAC,aAAoC;AACnE,UAAM,YAAY,SAAS,MAAM,sBAAsB,IAAI,CAAC;AAC5D,QAAI,WAAW;AACb,aAAO,MAAM,KAAK,SAAS,qBAAqB,GAAG,CAAC,EAAE;AAAA,QACpD,CAAC,YACC,cAAc,OAAO,KAAK,QAAQ,UAAU,SAAS,SAAS;AAAA,MAClE;AAAA,IACF;AACA,QAAI,0BAA0B,KAAK,QAAQ,GAAG;AAC5C,aAAO,MAAM,KAAK,SAAS,qBAAqB,QAAQ,CAAC,EAAE,OAAO,aAAa;AAAA,IACjF;AACA,WAAO,MAAM,KAAK,SAAS,iBAAiB,QAAQ,CAAC,EAAE,OAAO,aAAa;AAAA,EAC7E;AAEA,QAAM,gBAAgB,CAAC,iBAA8D;AACnF,UAAM,aAAa,OAAO,aAAa,eAAe,WAAW,aAAa,aAAa;AAC3F,QAAI,CAAC,WAAY,QAAO;AACxB,UAAM,KAAK,OAAO,aAAa,OAAO,WAAW,aAAa,KAAK;AACnE,QAAI,IAAI;AACN,YAAM,OAAO,SAAS,eAAe,EAAE;AACvC,UAAI,cAAc,IAAI,KAAK,yBAAyB,MAAM,UAAU,EAAG,QAAO;AAAA,IAChF;AACA,UAAM,WAAW,OAAO,aAAa,aAAa,WAAW,aAAa,WAAW;AACrF,QAAI,CAAC,SAAU,QAAO;AACtB,QAAI;AACF,YAAM,gBAAgB,KAAK,IAAI,GAAG,KAAK,MAAM,aAAa,aAAa,aAAa,KAAK,CAAC,CAAC;AAC3F,aACE,wBAAwB,QAAQ,EAAE;AAAA,QAAO,CAAC,YACxC,yBAAyB,SAAS,UAAU;AAAA,MAC9C,EAAE,aAAa,KAAK;AAAA,IAExB,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,iBAAiB,CAAC,YAA+B;AACrD,kBAAc,MAAM,MAAM,SAAS,EAAE,YAAY,+BAA+B,CAAC;AACjF,YAAQ,MAAM,YAAY,QAAQ,aAAa,uBAAuB,KAAK;AAC3E,YAAQ,MAAM,UAAU,QAAQ,aAAa,qBAAqB,KAAK;AACvE,YAAQ,MAAM,aAAa,QAAQ,aAAa,wBAAwB,KAAK;AAC7E,YAAQ,gBAAgB,kBAAkB;AAC1C,YAAQ,gBAAgB,uBAAuB;AAC/C,YAAQ,gBAAgB,qBAAqB;AAC7C,YAAQ,gBAAgB,wBAAwB;AAAA,EAClD;AAEA,QAAM,8BAA8B,MAAY;AAC9C,eAAW,WAAW,MAAM,KAAK,SAAS,iBAAiB,IAAI,kBAAkB,GAAG,CAAC,GAAG;AACtF,UAAI,cAAc,OAAO,EAAG,gBAAe,OAAO;AAAA,IACpD;AAAA,EACF;AAEA,QAAM,kBAAkB,MAAc;AACpC,QAAI;AACF,YAAM,aAAa,cAAc,UAAU,UAAU;AACrD,UAAI,OAAO,eAAe,YAAY,OAAO,SAAS,UAAU,GAAG;AACjE,eAAO,KAAK,IAAI,GAAG,UAAU;AAAA,MAC/B;AAAA,IACF,QAAQ;AAAA,IAER;AACA,QAAI;AACF,YAAM,eAAe,cAAc,YAAY,OAAO;AACtD,UAAI,OAAO,iBAAiB,YAAY,OAAO,SAAS,YAAY,GAAG;AACrE,eAAO,KAAK,IAAI,GAAG,YAAY;AAAA,MACjC;AAAA,IACF,QAAQ;AAAA,IAER;AACA,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,CAAC,WAA4C;AAC/D,UAAM,WACJ,OAAO,OAAO,SAAS,YAAY,OAAO,KAAK,KAAK,IAAI,OAAO,KAAK,KAAK,IAAI;AAC/E,UAAM,aAAa,gBAAgB,OAAO,UAAU;AACpD,UAAM,mBAAmB,cAAc;AACvC,QAAI,CAAC,cAAc,OAAO,kBAAkB,WAAW,WAAY,QAAO;AAC1E,QAAI;AACF,oBAAc,MAAM,iBAAiB,gBAAgB;AACrD,uBAAiB,OAAO,WAAW,IAAI,WAAW,IAAI;AACtD,aAAO,WAAW;AAAA,IACpB,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,gBAAgB,MAAc;AAClC,kBAAc,cAAc,cAAc,eAAe,CAAC;AAC1D,kBAAc,YAAY,yBAAyB,GAAG,OAAO;AAC7D,WAAO,cAAc,YAAY,yBAAyB;AAC1D,gCAA4B;AAC5B,UAAM,OAAO,cAAc;AAC3B,QAAI,CAAC,MAAM,YAAY,gBAAgB,WAAW,EAAG,QAAO;AAE5D,UAAM,WAAW,KAAK,SAAS,EAAE,QAAQ,MAAM,UAAU,EAAE,WAAW,OAAO,EAAE,CAAC;AAChF,QAAI,UAAU;AACd,eAAW,eAAe,iBAAiB;AACzC,YAAM,SAAS,aAAa,WAAW;AACvC,UAAI,CAAC,UAAU,OAAO,SAAS,cAAe;AAC9C,YAAM,eAAe,aAAa,OAAO,MAAM;AAC/C,UAAI,CAAC,aAAc;AACnB,YAAM,SAAS,cAAc,YAAY;AACzC,UAAI,CAAC,UAAU,OAAO,SAAS,WAAW,WAAY;AACtD,YAAM,QAAQ,aAAa,OAAO,KAAK;AACvC,YAAM,WAAW,aAAa,OAAO,QAAQ;AAC7C,UAAI,SAAS,QAAQ,YAAY,QAAQ,QAAQ,KAAK,YAAY,EAAG;AACrE,YAAM,OAAO,kBAAkB,OAAO,IAAI;AAC1C,YAAM,KAAK,kBAAkB,OAAO,EAAE;AACtC,UAAI,CAAC,QAAQ,CAAC,GAAI;AAClB,UAAI,CAAC,OAAO,aAAa,kBAAkB,GAAG;AAC5C,eAAO,aAAa,yBAAyB,OAAO,MAAM,SAAS;AACnE,eAAO,aAAa,uBAAuB,OAAO,MAAM,OAAO;AAC/D,eAAO,aAAa,0BAA0B,OAAO,MAAM,UAAU;AAAA,MACvE;AACA,aAAO,aAAa,oBAAoB,MAAM;AAC9C,eAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA,EAAE,GAAG,IAAI,UAAU,MAAM,YAAY,MAAM,GAAG,WAAW,QAAQ,iBAAiB,MAAM;AAAA,QACxF;AAAA,MACF;AACA,iBAAW;AAAA,IACb;AAEA,QAAI,YAAY,GAAG;AACjB,eAAS,OAAO;AAChB,aAAO;AAAA,IACT;AACA,kBAAc,YAAY,yBAAyB,IAAI;AACvD,aAAS,QAAQ;AACjB,UAAM,cAAc,gBAAgB;AACpC,QAAI,OAAO,SAAS,cAAc,WAAY,UAAS,UAAU,aAAa,KAAK;AAAA,QAC9E,UAAS,OAAO,WAAW;AAChC,WAAO;AAAA,EACT;AAEA,gBAAc,wBAAwB;AACtC,gBAAc;AAChB;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -1,208 +1,12 @@
 import { Hono } from 'hono';
-import * as _hyperframes_core from '@hyperframes/core';
-import { RegistryItem } from '@hyperframes/core';
-export { isSafePath } from '@hyperframes/core';
-import { CanvasResolution } from '@hyperframes/parsers';
+import { S as StudioApiAdapter, M as MediaProcessingJobState } from './mediaProxyPreview-CeshDUjE.js';
+export { L as LintResult, P as PreviewApiAdapter, R as RenderJobState, a as ResolvedProject, b as StudioSelectionResponse, c as StudioSelectionSnapshot, d as StudioSelectionTextField } from './mediaProxyPreview-CeshDUjE.js';
 export { ScreenshotClip, getElementScreenshotClip } from './helpers/screenshotClip.js';
 export { STUDIO_MANUAL_EDITS_PATH, StudioManualEditsRenderScriptOptions, createStudioManualEditsRenderBodyScript, createStudioPositionSeekReapplyScript } from './helpers/manualEditsRenderScript.js';
 export { STUDIO_MOTION_PATH, StudioMotionRenderScriptOptions, createStudioMotionRenderBodyScript } from './helpers/studioMotionRenderScript.js';
-
-/** Resolved info about a single project. */
-interface ResolvedProject {
-    id: string;
-    dir: string;
-    title?: string;
-    sessionId?: string;
-}
-/** Observable render job state, polled by the SSE progress handler. */
-interface RenderJobState {
-    id: string;
-    status: "rendering" | "complete" | "failed" | "cancelled";
-    progress: number;
-    stage?: string;
-    outputPath: string;
-    error?: string;
-    /**
-     * Optional abort hook set by the adapter. The cancel route calls this to
-     * stop an in-flight render; adapters that can't abort may omit it (the
-     * route still marks the job cancelled so the SSE stream terminates).
-     */
-    cancel?: () => void;
-}
-interface MediaProcessingJobState {
-    id: string;
-    status: "processing" | "complete" | "failed";
-    progress: number;
-    stage?: string;
-    inputAssetPath: string;
-    outputAssetPath: string;
-    outputPath: string;
-    backgroundOutputAssetPath?: string;
-    backgroundOutputPath?: string;
-    error?: string;
-    provider?: string;
-    framesProcessed?: number;
-    durationSeconds?: number;
-    avgMsPerFrame?: number;
-}
-/** Lint result from the core linter. */
-interface LintResult {
-    findings: Array<{
-        severity: string;
-        message: string;
-        file?: string;
-        fixHint?: string;
-    }>;
-}
-interface StudioSelectionTextField {
-    key: string;
-    label: string;
-    value: string;
-    tagName: string;
-    source: "self" | "child" | "text-node";
-}
-interface StudioSelectionSnapshot {
-    schemaVersion: 1;
-    projectId: string;
-    compositionPath: string;
-    sourceFile: string;
-    currentTime: number;
-    target: {
-        id?: string | null;
-        hfId?: string;
-        selector?: string;
-        selectorIndex?: number;
-    };
-    label: string;
-    tagName: string;
-    boundingBox: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    textContent: string | null;
-    dataAttributes: Record<string, string>;
-    inlineStyles: Record<string, string>;
-    computedStyles: Record<string, string>;
-    textFields: StudioSelectionTextField[];
-    capabilities: Record<string, boolean | string | undefined>;
-    thumbnailUrl: string;
-}
-interface StudioSelectionResponse {
-    selection: StudioSelectionSnapshot | null;
-    updatedAt: string | null;
-}
-/**
- * Adapter interface — injected by each consumer to handle host-specific behavior.
- * The shared API module calls these methods; each host (vite dev, CLI embedded)
- * provides its own implementation.
- */
-interface StudioApiAdapter {
-    /** List all available projects. */
-    listProjects(): Promise<ResolvedProject[]> | ResolvedProject[];
-    /** Resolve a project ID (or session ID) to its directory. Returns null if not found. */
-    resolveProject(id: string): Promise<ResolvedProject | null> | ResolvedProject | null;
-    /** Bundle a project directory into a single HTML string. Returns null if unavailable. */
-    bundle(projectDir: string): Promise<string | null>;
-    /** Optional: cached signature for project files that should invalidate preview frame caches. */
-    getProjectSignature?: (projectDir: string) => string;
-    /** Lint a single HTML string. */
-    lint(html: string, opts?: {
-        filePath?: string;
-    }): Promise<LintResult> | LintResult;
-    /** URL to the hyperframe runtime JS (injected into preview HTML). */
-    runtimeUrl: string;
-    /**
-     * Optional: post-process preview HTML before Studio augments it.
-     * Useful when preview must mirror render-time compilation steps.
-     */
-    transformPreviewHtml?: (opts: {
-        html: string;
-        project: ResolvedProject;
-        activeCompositionPath: string;
-    }) => Promise<string> | string;
-    /** Directory where render output files are stored. */
-    rendersDir(project: ResolvedProject): string;
-    /**
-     * Start a render job. The adapter owns the async execution and must
-     * update the returned RenderJobState object reactively.
-     */
-    startRender(opts: {
-        project: ResolvedProject;
-        outputPath: string;
-        format: "mp4" | "webm" | "mov";
-        /**
-         * Frame rate as an exact rational. The HTTP layer (POST
-         * `/projects/:id/render`) accepts either a JSON number (integer fps,
-         * `30`) or a JSON string (ffmpeg-style rational, `"30000/1001"`); the
-         * route normalizes both into `Fps` before invoking the adapter, so
-         * adapter implementations only ever see the rational form.
-         */
-        fps: _hyperframes_core.Fps;
-        quality: string;
-        jobId: string;
-        /**
-         * Optional output resolution preset. See `resolveDeviceScaleFactor` in
-         * the producer for the integer-scale + aspect + HDR constraints.
-         */
-        outputResolution?: CanvasResolution;
-        /** Entry file relative to projectDir (e.g. "compositions/intro.html"). Defaults to index.html. */
-        composition?: string;
-        /**
-         * Composition-variable overrides ({variableId: value}), forwarded to the
-         * producer's RenderConfig.variables and injected as window.__hfVariables —
-         * the same channel `hyperframes render --variables` uses.
-         */
-        variables?: Record<string, unknown>;
-        /**
-         * Telemetry id of the browser user who triggered the render. Lets the
-         * adapter attribute the server-emitted render_complete/render_error to
-         * that user so the studio render funnel is joinable. Undefined for older
-         * clients → falls back to the install's anonymous id.
-         */
-        distinctId?: string;
-    }): RenderJobState;
-    startBackgroundRemoval?: (opts: {
-        project: ResolvedProject;
-        inputPath: string;
-        inputAssetPath: string;
-        outputPath: string;
-        outputAssetPath: string;
-        backgroundOutputPath?: string;
-        backgroundOutputAssetPath?: string;
-        quality: "fast" | "balanced" | "best";
-        device?: "auto" | "cpu" | "coreml" | "cuda";
-        jobId: string;
-    }) => MediaProcessingJobState;
-    /** Optional: generate a JPEG thumbnail via Puppeteer or similar. */
-    generateThumbnail?: (opts: {
-        project: ResolvedProject;
-        compPath: string;
-        seekTime: number;
-        width: number;
-        height: number;
-        previewUrl: string;
-        selector?: string;
-        format?: "jpeg" | "png";
-        selectorIndex?: number;
-    }) => Promise<Buffer | null>;
-    /** Optional: resolve session ID to project (multi-project mode). */
-    resolveSession?: (sessionId: string) => Promise<{
-        projectId: string;
-        title: string;
-    } | null>;
-    /** Optional: list all registry items (blocks + components) for the catalog. */
-    listRegistryCatalog?(): Promise<RegistryItem[]>;
-    /** Optional: install a registry item into a project directory. */
-    installRegistryBlock?(opts: {
-        project: ResolvedProject;
-        blockName: string;
-    }): Promise<{
-        written: string[];
-        block: RegistryItem;
-    }>;
-}
+export { isSafePath } from '@hyperframes/core';
+import '@hyperframes/parsers';
+import './helpers/mediaCodecMap.js';
 
 /**
  * Create a Hono sub-app with all studio API routes.
@@ -284,4 +88,4 @@ type BackgroundRemovalRender = (options: {
 }>;
 declare function createBackgroundRemovalJob(opts: BackgroundRemovalJobOptions, render: BackgroundRemovalRender): MediaProcessingJobState;
 
-export { type BackgroundRemovalRender, type FileWriteReceipt, type LintResult, MIME_TYPES, type MediaProcessingJobState, type RenderJobState, type ResolvedProject, type StudioApiAdapter, type StudioSelectionResponse, type StudioSelectionSnapshot, type StudioSelectionTextField, buildSubCompositionHtml, consumeFileWriteReceipt, createBackgroundRemovalJob, createProjectSignature, createStudioApi, fileContentVersion, getMimeType, walkDir };
+export { type BackgroundRemovalRender, type FileWriteReceipt, MIME_TYPES, MediaProcessingJobState, StudioApiAdapter, buildSubCompositionHtml, consumeFileWriteReceipt, createBackgroundRemovalJob, createProjectSignature, createStudioApi, fileContentVersion, getMimeType, walkDir };