@hyperframes/studio 0.8.114 → 0.8.116

package/dist/{chunk-BIUXP3PG.js → chunk-3F47EFCT.js}

@@ -1,33 +1,155 @@
 import {
+  buildElementLabel,
   buildProjectApiPath,
-  getSourceScopedSelectorIndex,
+  buildStableSelector,
+  escapeCssString,
+  findClosestByAttribute,
+  getCompositionSourceMapRevision,
+  getCuratedComputedStyles,
+  getDataAttributes,
+  getInlineStyles,
+  getSelectorIndex,
+  getSourceFileForElement,
   isAudibleVideoNode,
+  isEditableTextLeaf,
+  isElementVisibleThroughAncestors,
+  isHtmlElement,
+  normalizeTimelineCompositionSource,
+  parsePx,
+  querySelectorAllSafely,
   withSelectorIndexPass
-} from "./chunk-K47E2ZJA.js";
+} from "./chunk-5EKWJZLM.js";
+import {
+  __export
+} from "./chunk-PZ5AY32C.js";
+
+// src/components/editor/manualEditingAvailability.ts
+var manualEditingAvailability_exports = {};
+__export(manualEditingAvailability_exports, {
+  STUDIO_API_SAME_ORIGIN_CREDENTIALS: () => STUDIO_API_SAME_ORIGIN_CREDENTIALS,
+  STUDIO_FLAT_INSPECTOR_ENABLED: () => STUDIO_FLAT_INSPECTOR_ENABLED,
+  STUDIO_SDK_CUTOVER_ENABLED: () => STUDIO_SDK_CUTOVER_ENABLED,
+  STUDIO_SDK_CUTOVER_FAMILIES: () => STUDIO_SDK_CUTOVER_FAMILIES,
+  STUDIO_SDK_RESOLVER_SHADOW_ENABLED: () => STUDIO_SDK_RESOLVER_SHADOW_ENABLED,
+  resolveStudioBooleanEnvFlag: () => resolveStudioBooleanEnvFlag
+});
+
+// src/utils/sdkCutoverPolicy.ts
+var STUDIO_SDK_OPERATION_FAMILIES = [
+  "dom",
+  "timing",
+  "gsap-animation",
+  "gsap-keyframe",
+  "lifecycle"
+];
+function resolveEnabledSdkFamilies(env2, masterEnabled) {
+  if (!masterEnabled) return /* @__PURE__ */ new Set();
+  const raw = env2["VITE_STUDIO_SDK_CUTOVER_FAMILIES"];
+  if (typeof raw !== "string" || raw.trim() === "") return new Set(STUDIO_SDK_OPERATION_FAMILIES);
+  const requested = raw.split(",").map((family) => family.trim()).filter(Boolean);
+  const known = new Set(STUDIO_SDK_OPERATION_FAMILIES);
+  const unknown = requested.filter((family) => !known.has(family));
+  if (unknown.length > 0) {
+    throw new Error(`Unknown Studio SDK cutover families: ${unknown.join(", ")}`);
+  }
+  return new Set(requested);
+}
+function isSdkFamilyEnabled(masterEnabled, configured, family) {
+  return masterEnabled && (configured?.has(family) ?? true);
+}
+
+// src/components/editor/manualEditingAvailability.ts
+var TRUTHY_ENV_VALUES = /* @__PURE__ */ new Set(["1", "true", "yes", "on", "enabled"]);
+var FALSY_ENV_VALUES = /* @__PURE__ */ new Set(["0", "false", "no", "off", "disabled"]);
+function resolveStudioBooleanEnvFlag(env2, names, fallback) {
+  for (const name of names) {
+    const value = env2[name];
+    if (typeof value === "boolean") return value;
+    if (typeof value !== "string") continue;
+    const normalized = value.trim().toLowerCase();
+    if (!normalized) continue;
+    if (TRUTHY_ENV_VALUES.has(normalized)) return true;
+    if (FALSY_ENV_VALUES.has(normalized)) return false;
+  }
+  return fallback;
+}
+var runtimeEnv = typeof window !== "undefined" ? window.__HF_STUDIO_ENV__ ?? {} : {};
+var env = { ...import.meta.env ?? {}, ...runtimeEnv };
+var STUDIO_SDK_CUTOVER_ENABLED = resolveStudioBooleanEnvFlag(
+  env,
+  ["VITE_STUDIO_SDK_CUTOVER_ENABLED"],
+  true
+);
+var STUDIO_SDK_CUTOVER_FAMILIES = resolveEnabledSdkFamilies(
+  env,
+  STUDIO_SDK_CUTOVER_ENABLED
+);
+var STUDIO_SDK_RESOLVER_SHADOW_ENABLED = resolveStudioBooleanEnvFlag(
+  env,
+  ["VITE_STUDIO_SDK_RESOLVER_SHADOW_ENABLED"],
+  true
+);
+var STUDIO_FLAT_INSPECTOR_ENABLED = resolveStudioBooleanEnvFlag(
+  env,
+  ["VITE_STUDIO_ENABLE_FLAT_INSPECTOR", "VITE_STUDIO_FLAT_INSPECTOR_ENABLED"],
+  true
+);
+var STUDIO_API_SAME_ORIGIN_CREDENTIALS = resolveStudioBooleanEnvFlag(
+  env,
+  ["VITE_STUDIO_API_SAME_ORIGIN_CREDENTIALS"],
+  false
+);
+
+// src/utils/studioApiFetch.ts
+var LOOPBACK_HOSTS = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "[::1]"]);
+function studioApiCredentials() {
+  if (STUDIO_API_SAME_ORIGIN_CREDENTIALS) return "same-origin";
+  const host = globalThis.location?.hostname;
+  return !host || LOOPBACK_HOSTS.has(host) ? "omit" : "same-origin";
+}
+function studioApiFetch(input, init) {
+  return globalThis.fetch(input, { ...init, credentials: studioApiCredentials() });
+}
 
 // src/components/editor/probeSourceElement.ts
-async function probeSourceElement(projectId, sourceFile, target) {
+var pending = /* @__PURE__ */ new Map();
+async function sendBatch(projectId, sourceFile, probes) {
+  let exists = [];
   try {
-    const response = await fetch(
+    const response = await studioApiFetch(
       buildProjectApiPath(
         projectId,
-        `/file-mutations/probe-element/${encodeURIComponent(sourceFile)}`
+        `/file-mutations/probe-elements/${encodeURIComponent(sourceFile)}`
       ),
       {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ target })
+        body: JSON.stringify({ targets: probes.map((probe) => probe.target) })
       }
     );
-    if (!response.ok) return true;
-    const data = await response.json();
-    if (data && typeof data === "object" && "exists" in data && data.exists === false) {
-      return false;
+    if (response.ok) {
+      const data = await response.json();
+      if (Array.isArray(data?.exists)) exists = data.exists;
     }
-    return true;
   } catch {
-    return true;
   }
+  probes.forEach((probe, index) => probe.resolve(exists[index] !== false));
+}
+function probeSourceElement(projectId, sourceFile, target) {
+  return new Promise((resolve) => {
+    const key = `${projectId}\0${sourceFile}`;
+    let probes = pending.get(key);
+    if (!probes) {
+      const batch = [];
+      probes = batch;
+      pending.set(key, batch);
+      setTimeout(() => {
+        pending.delete(key);
+        void sendBatch(projectId, sourceFile, batch);
+      }, 0);
+    }
+    probes.push({ target, resolve });
+  });
 }
 
 // src/components/editor/domEditingLayers.ts
@@ -36,258 +158,6 @@ import {
   resolveEditingSections
 } from "@hyperframes/core/editing";
 
-// src/components/editor/domEditingDom.ts
-import { COLOR_GRADING_SOURCE_HIDDEN_ATTR } from "@hyperframes/core/color-grading";
-
-// src/components/editor/domEditingTypes.ts
-var CURATED_STYLE_PROPERTIES = [
-  "position",
-  "display",
-  "top",
-  "left",
-  "right",
-  "bottom",
-  "inset",
-  "width",
-  "height",
-  "gap",
-  "justify-content",
-  "align-items",
-  "flex-direction",
-  "font-size",
-  "font-style",
-  "font-weight",
-  "font-family",
-  "line-height",
-  "letter-spacing",
-  "text-align",
-  "text-transform",
-  "color",
-  "background-color",
-  "background-image",
-  "opacity",
-  "mix-blend-mode",
-  "border-radius",
-  "border-width",
-  "border-style",
-  "border-color",
-  "border-top-width",
-  "border-top-style",
-  "border-top-color",
-  "outline-color",
-  "overflow",
-  "clip-path",
-  "box-shadow",
-  "filter",
-  "backdrop-filter",
-  "z-index",
-  "transform",
-  "object-fit",
-  "object-position"
-];
-
-// src/components/editor/domEditingDom.ts
-import { parsePx } from "@hyperframes/core/editing";
-function isHtmlElement(value) {
-  return typeof value === "object" && value !== null && "nodeType" in value && typeof value.nodeType === "number" && value.nodeType === 1;
-}
-function isTextBearingTag(tagName) {
-  return ["div", "span", "p", "strong", "h1", "h2", "h3", "h4", "h5", "h6"].includes(tagName);
-}
-function elementRendersItself(win, el) {
-  const computed = win.getComputedStyle(el);
-  if (computed.display === "none" || computed.visibility === "hidden") return false;
-  const opacity = Number.parseFloat(computed.opacity);
-  return !(Number.isFinite(opacity) && opacity <= 0.01 && !el.hasAttribute(COLOR_GRADING_SOURCE_HIDDEN_ATTR));
-}
-function isElementVisibleThroughAncestors(el, memo) {
-  const win = el.ownerDocument.defaultView;
-  if (!win) return true;
-  const pending = [];
-  let inherited = true;
-  for (let node = el; node; node = node.parentElement) {
-    const answered = memo?.get(node);
-    if (answered !== void 0) {
-      inherited = answered;
-      break;
-    }
-    pending.push(node);
-  }
-  for (let i = pending.length - 1; i >= 0; i -= 1) {
-    const node = pending[i];
-    inherited = inherited && elementRendersItself(win, node);
-    memo?.set(node, inherited);
-  }
-  return inherited;
-}
-function getCuratedComputedStyles(el) {
-  const styles = {};
-  const computed = el.ownerDocument.defaultView?.getComputedStyle(el);
-  if (!computed) return styles;
-  for (const prop of CURATED_STYLE_PROPERTIES) {
-    const value = computed.getPropertyValue(prop);
-    if (value) styles[prop] = value;
-  }
-  return styles;
-}
-function getInlineStyles(el) {
-  const styles = {};
-  for (const property of CURATED_STYLE_PROPERTIES) {
-    const value = el.style.getPropertyValue(property);
-    if (value) styles[property] = value;
-  }
-  return styles;
-}
-function getDataAttributes(el) {
-  const attrs = {};
-  for (const attr of el.attributes) {
-    if (attr.name.startsWith("data-")) {
-      attrs[attr.name.slice(5)] = attr.value;
-    }
-  }
-  return attrs;
-}
-function findClosestByAttribute(el, attributeNames) {
-  let current = el;
-  while (current) {
-    const candidate = current;
-    if (attributeNames.some((attribute) => candidate.hasAttribute(attribute))) {
-      return candidate;
-    }
-    current = current.parentElement;
-  }
-  return null;
-}
-var compositionSourceMap = /* @__PURE__ */ new Map();
-var compositionSourceMapRevision = 0;
-function setCompositionSourceMap(map) {
-  compositionSourceMap = map;
-  compositionSourceMapRevision += 1;
-}
-function getCompositionSourceMapRevision() {
-  return compositionSourceMapRevision;
-}
-function sourceFromCompositionId(ownerRoot) {
-  if (!ownerRoot || compositionSourceMap.size === 0) return void 0;
-  const authored = ownerRoot.getAttribute("data-hf-original-composition-id");
-  const current = ownerRoot.getAttribute("data-composition-id");
-  return (authored ? compositionSourceMap.get(authored) : void 0) ?? (current ? compositionSourceMap.get(current) : void 0);
-}
-function getSourceFileForElement(el, activeCompositionPath) {
-  const sourceHost = findClosestByAttribute(el, ["data-composition-file", "data-composition-src"]);
-  const ownerRoot = findClosestByAttribute(el, ["data-composition-id"]);
-  const sourceFile = sourceHost?.getAttribute("data-composition-file") ?? sourceHost?.getAttribute("data-composition-src") ?? ownerRoot?.getAttribute("data-composition-file") ?? ownerRoot?.getAttribute("data-composition-src") ?? sourceFromCompositionId(ownerRoot) ?? activeCompositionPath ?? "index.html";
-  return {
-    sourceFile,
-    compositionPath: sourceFile
-  };
-}
-function normalizeTimelineCompositionSource(value) {
-  const trimmed = value?.trim();
-  if (!trimmed) return void 0;
-  if (!/^([a-z][a-z0-9+.-]*:|\/)/i.test(trimmed)) return trimmed;
-  let pathname = trimmed;
-  try {
-    pathname = new URL(trimmed, "http://studio.local").pathname;
-  } catch {
-    pathname = trimmed;
-  }
-  for (const marker of ["/preview/comp/", "/preview/"]) {
-    const markerIndex = pathname.indexOf(marker);
-    if (markerIndex < 0) continue;
-    const sourcePath = pathname.slice(markerIndex + marker.length).replace(/^\/+/, "");
-    return sourcePath || trimmed;
-  }
-  return trimmed;
-}
-function escapeCssIdentifier(value) {
-  const css = globalThis.CSS;
-  if (typeof css?.escape === "function") return css.escape(value);
-  if (value === "-") return "\\-";
-  let escaped = "";
-  for (let index = 0; index < value.length; index += 1) {
-    const char = value[index] ?? "";
-    const code = char.charCodeAt(0);
-    if (code === 0) {
-      escaped += "\uFFFD";
-      continue;
-    }
-    const isDigit = code >= 48 && code <= 57;
-    const isUpperAlpha = code >= 65 && code <= 90;
-    const isLowerAlpha = code >= 97 && code <= 122;
-    const isControl = code >= 1 && code <= 31 || code === 127;
-    const isLeadingDigit = index === 0 && isDigit;
-    const isSecondDigitAfterDash = index === 1 && value.startsWith("-") && isDigit;
-    if (isControl || isLeadingDigit || isSecondDigitAfterDash) {
-      escaped += `\\${code.toString(16)} `;
-      continue;
-    }
-    if (isUpperAlpha || isLowerAlpha || isDigit || char === "-" || char === "_" || code >= 128) {
-      escaped += char;
-      continue;
-    }
-    escaped += `\\${char}`;
-  }
-  return escaped;
-}
-function escapeCssString(value) {
-  return value.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\n/g, "\\a ").replace(/\r/g, "\\d ").replace(/\f/g, "\\c ");
-}
-function querySelectorAllSafely(doc, selector) {
-  try {
-    return Array.from(doc.querySelectorAll(selector));
-  } catch {
-    return [];
-  }
-}
-function humanizeIdentifier(value) {
-  return value.replace(/\.html$/i, "").replace(/^compositions\//i, "").split("/").at(-1)?.replace(/[-_]+/g, " ").replace(/\b\w/g, (char) => char.toUpperCase()) ?? value;
-}
-function buildStableSelector(el) {
-  if (el.id) return `#${escapeCssIdentifier(el.id)}`;
-  const compositionId = el.getAttribute("data-composition-id");
-  if (compositionId) return `[data-composition-id="${escapeCssString(compositionId)}"]`;
-  const group = el.getAttribute("data-hf-group");
-  if (group) return `[data-hf-group="${escapeCssString(group)}"]`;
-  return getPreferredClassSelector(el);
-}
-function getPreferredClassSelector(el) {
-  const classes = Array.from(el.classList).map((value) => value.trim()).filter(Boolean);
-  if (classes.length === 0) return void 0;
-  const preferred = classes.find((value) => value !== "clip" && !value.startsWith("__hf-")) ?? classes[0];
-  return preferred ? `.${escapeCssIdentifier(preferred)}` : void 0;
-}
-function buildElementLabel(el) {
-  const compositionId = el.getAttribute("data-hf-original-composition-id") ?? el.getAttribute("data-composition-id");
-  if (compositionId && compositionId !== "main") {
-    return humanizeIdentifier(compositionId);
-  }
-  const compositionSrc = el.getAttribute("data-composition-src") ?? el.getAttribute("data-composition-file");
-  if (compositionSrc) {
-    return humanizeIdentifier(compositionSrc);
-  }
-  const group = el.getAttribute("data-hf-group");
-  if (group) return group;
-  if (el.id) return humanizeIdentifier(el.id);
-  const preferredClass = getPreferredClassSelector(el);
-  if (preferredClass) {
-    return humanizeIdentifier(preferredClass.replace(/^\./, ""));
-  }
-  const text = (el.textContent ?? "").trim().replace(/\s+/g, " ");
-  if (text) return text.length > 40 ? `${text.slice(0, 39)}\u2026` : text;
-  return el.tagName.toLowerCase();
-}
-function getSelectorIndex(doc, el, selector, sourceFile, activeCompositionPath) {
-  if (!selector?.startsWith(".")) return void 0;
-  return getSourceScopedSelectorIndex(
-    doc,
-    el,
-    selector,
-    sourceFile,
-    (candidate) => isHtmlElement(candidate) ? getSourceFileForElement(candidate, activeCompositionPath).sourceFile : void 0
-  );
-}
-
 // src/components/editor/domEditingGroups.ts
 function groupScopedLayerRoots(root, activeGroupElement) {
   const els = activeGroupElement?.isConnected ? Array.from(activeGroupElement.children) : [root];
@@ -660,9 +530,6 @@ function drainPendingLayerMutations(observer, cache) {
 }
 
 // src/components/editor/domEditingLayers.ts
-function isEditableTextLeaf(el) {
-  return isTextBearingTag(el.tagName.toLowerCase()) && el.children.length === 0;
-}
 function sameTagChildIndex(el) {
   let index = 0;
   let sibling = el.previousElementSibling;
@@ -1024,14 +891,13 @@ function buildDomEditPatchTarget(selection) {
 }
 
 export {
-  isHtmlElement,
-  isElementVisibleThroughAncestors,
-  setCompositionSourceMap,
-  getSourceFileForElement,
-  normalizeTimelineCompositionSource,
-  escapeCssString,
-  buildStableSelector,
-  getSelectorIndex,
+  isSdkFamilyEnabled,
+  STUDIO_SDK_CUTOVER_ENABLED,
+  STUDIO_SDK_CUTOVER_FAMILIES,
+  STUDIO_SDK_RESOLVER_SHADOW_ENABLED,
+  STUDIO_FLAT_INSPECTOR_ENABLED,
+  manualEditingAvailability_exports,
+  studioApiFetch,
   isElementComputedVisible,
   getDomLayerPatchTarget,
   resolveAllVisualDomEditTargets,
@@ -1041,7 +907,6 @@ export {
   DOM_EDIT_LAYER_OBSERVER_INIT,
   createDomEditLayerWalkCache,
   drainPendingLayerMutations,
-  isEditableTextLeaf,
   collectDomEditTextFields,
   serializeDomEditTextFields,
   buildDefaultDomEditTextField,
@@ -1063,4 +928,4 @@ export {
   readHfId,
   buildDomEditPatchTarget
 };
-//# sourceMappingURL=chunk-BIUXP3PG.js.map
+//# sourceMappingURL=chunk-3F47EFCT.js.map