hyperframes 0.8.191 → 0.8.192

package/dist/{chunk-3NRB7YXW.js → chunk-2VXY3PEF.js}

@@ -19,6 +19,10 @@ import {
   resolveLocalAssetCandidates,
   resolveProjectRelativeSrc
 } from "./chunk-6BNTGNGD.js";
+import {
+  TIMING_TOLERANCE_SECONDS,
+  resolveCompositionDuration
+} from "./chunk-CZGHFATT.js";
 import {
   COMPOSITION_VARIABLE_TYPES,
   FONT_ALIAS_KEYS,
@@ -26,9 +30,10 @@ import {
   HTML_BODY_CSS_WIDTH_FIRST_RE,
   VIEWPORT_META_SIZE_RE,
   extractMediaSrcMutations,
+  isCompositionVariable,
   isSafeMediaUrl,
   resolveAliasDisplayName
-} from "./chunk-RUOG4VB7.js";
+} from "./chunk-PKZ7RK5N.js";
 import {
   COLOR_GRADING_SOURCE_TAGS,
   COMPOSITION_ATTRIBUTES,
@@ -56,14 +61,12 @@ import {
   isSceneLikeCompositionId,
   parseSlideshowManifest,
   resolveSlideshow
-} from "./chunk-IXLUTE6N.js";
+} from "./chunk-3422KMTD.js";
 import {
   base,
-  parse,
-  parseExpressionAt,
   recursive,
   simple
-} from "./chunk-I5JRXMCV.js";
+} from "./chunk-RXATE6FZ.js";
 import {
   __commonJS,
   __require,
@@ -3708,30 +3711,10 @@ var require_dist = __commonJS({
 });
 
 // ../lint/dist/index.js
+import { parse } from "acorn";
 var import_postcss_selector_parser = __toESM(require_dist(), 1);
 import postcss from "postcss";
-
-// ../parsers/dist/compositionDuration.js
-var TIMING_TOLERANCE_SECONDS = 0.05;
-var isPositiveFinite = (value) => value !== null && Number.isFinite(value) && value > 0;
-function resolveCompositionDuration(input) {
-  const pendingClips = input.clipEndsSeconds.filter((end) => end === null).length;
-  if (isPositiveFinite(input.authoredDurationSeconds)) {
-    return { seconds: input.authoredDurationSeconds, source: "authored", pendingClips };
-  }
-  const known = input.clipEndsSeconds.filter(isPositiveFinite);
-  if (known.length > 0) {
-    return { seconds: Math.max(...known), source: "derived", pendingClips };
-  }
-  return {
-    seconds: null,
-    source: "unresolved",
-    pendingClips,
-    reason: pendingClips > 0 ? "every clip's length is still pending" : "no authored duration and no clip with a length"
-  };
-}
-
-// ../lint/dist/index.js
+import { parse as parse2 } from "acorn";
 import postcss2 from "postcss";
 import postcss3 from "postcss";
 
@@ -3770,6 +3753,7 @@ function trackKindOf(node) {
 }
 
 // ../lint/dist/index.js
+import { parse as parse3, parseExpressionAt } from "acorn";
 import { createHash } from "crypto";
 import { existsSync as existsSync2, readFileSync, readdirSync } from "fs";
 import { dirname as dirname2, extname, join as join3, relative as relative2, resolve } from "path";
@@ -3895,6 +3879,7 @@ function resolveReferencedDuration(doc, el, startCache, visiting) {
 }
 
 // ../lint/dist/index.js
+import postcss4 from "postcss";
 import { execFile } from "child_process";
 import { existsSync } from "fs";
 import { join } from "path";
@@ -6457,7 +6442,7 @@ function callsFor(script) {
   if (cached) return cached;
   const calls = [];
   try {
-    const ast = parse(script.content, {
+    const ast = parse2(script.content, {
       ecmaVersion: "latest",
       sourceType: "script",
       allowReturnOutsideFunction: true
@@ -6783,6 +6768,16 @@ function variablesDeclarationFindings(tag, tags) {
       });
       continue;
     }
+    if (!isCompositionVariable(e)) {
+      findings.push({
+        code: "invalid_composition_variables_declaration",
+        severity: "error",
+        message: `data-composition-variables entry [${i}] has a default that does not match its type, or an enum without an options array.`,
+        fixHint: "Use number defaults for number variables, boolean defaults for boolean variables, and string defaults for other types. Enum variables also require an options array.",
+        snippet: truncateSnippet(tag.raw)
+      });
+      continue;
+    }
     const id = String(e.id);
     if ((e.type === "image" || varSrcIds.has(id)) && typeof e.default === "string" && e.default.length > 0 && !isSafeMediaUrl(e.default)) {
       findings.push({
@@ -7681,11 +7676,11 @@ function deriveDurationFromClips(tags, rootTag) {
   return resolveCompositionDuration({ authoredDurationSeconds: null, clipEndsSeconds: clipEnds });
 }
 async function loadParseGsapScript() {
-  const mod = await import("./gsapParserAcorn-SKODXC2N.js");
+  const mod = await import("./gsapParserAcorn-OOTY2MVN.js");
   return mod.parseGsapScriptAcorn;
 }
 async function loadGsapScriptMotionPathFirstUseIndex() {
-  const mod = await import("./gsapParserAcorn-SKODXC2N.js");
+  const mod = await import("./gsapParserAcorn-OOTY2MVN.js");
   return mod.gsapScriptMotionPathFirstUseIndex;
 }
 var SCENE_BOUNDARY_EPSILON_SECONDS = 0.05;
@@ -8819,7 +8814,7 @@ ${right.raw}`)
     return findings;
   },
   // gsap_timeline_registered_before_async_build — registering window.__timelines[id]
-  // BEFORE the timeline is built inside document.fonts.ready (or any async callback)
+  // BEFORE the timeline is built inside a font-ready callback
   // leaves an EMPTY timeline registered. The runtime's sub-composition readiness gate
   // treats "key present" as "ready" and nests the child ONCE, while still empty — so the
   // animation never renders when this composition is mounted as a sub-composition.
@@ -8828,9 +8823,11 @@ ${right.raw}`)
     const findings = [];
     for (const script of scripts) {
       const content = stripJsComments(script.content);
-      const regIdx = content.search(/window\s*\.\s*__timelines\s*\[/);
+      const regIdx = content.search(
+        /window\s*\.\s*__timelines\s*(?:\[[^\]]+\]|\.\s*[A-Za-z_$][\w$]*)\s*=\s*(?!=)/
+      );
       if (regIdx < 0) continue;
-      const fontsReadyIdx = content.search(/document\s*\.\s*fonts\s*\.\s*ready/);
+      const fontsReadyIdx = content.search(/document\s*\.\s*fonts\s*\.\s*(?:ready\b|load\s*\()/);
       if (fontsReadyIdx < 0) continue;
       if (regIdx >= fontsReadyIdx) continue;
       const tail = content.slice(fontsReadyIdx);
@@ -8838,8 +8835,8 @@ ${right.raw}`)
       findings.push({
         code: "gsap_timeline_registered_before_async_build",
         severity: "error",
-        message: 'window.__timelines is assigned BEFORE the timeline is built inside document.fonts.ready. An empty timeline registered early gets nested empty when this composition is used as a sub-composition (the readiness gate treats "key present" as "ready" and never re-nests), so the animation renders blank.',
-        fixHint: "Move the `window.__timelines[id] = tl;` assignment to the END of the document.fonts.ready callback, after the tweens are added. Optionally call window.__hfForceTimelineRebind() right after, to re-nest the populated timeline."
+        message: 'window.__timelines is assigned BEFORE the timeline is built inside document.fonts.ready or document.fonts.load(). An empty timeline registered early gets nested empty when this composition is used as a sub-composition (the readiness gate treats "key present" as "ready" and never re-nests), so the animation renders blank.',
+        fixHint: "Move the `window.__timelines[id] = tl;` assignment to the END of the font-ready callback, after the tweens are added. Optionally call window.__hfForceTimelineRebind() right after, to re-nest the populated timeline."
       });
     }
     return findings;
@@ -9868,22 +9865,29 @@ var GENERIC_FAMILIES = /* @__PURE__ */ new Set([
   "unset",
   "revert"
 ]);
-function stripCssComments2(css) {
-  return css.replace(/\/\*[\s\S]*?\*\//g, " ");
+function parseFontCss(css) {
+  try {
+    return postcss3.parse(css);
+  } catch {
+    return null;
+  }
+}
+function isFontFaceDeclaration(decl) {
+  let parent = decl.parent;
+  while (parent) {
+    if (parent.type === "atrule" && parent.name.toLowerCase() === "font-face") return true;
+    parent = parent.parent;
+  }
+  return false;
 }
 function extractFontFaceFamilies(styles) {
   const families = /* @__PURE__ */ new Set();
-  const fontFaceRe = /@font-face\s*\{[^}]*\}/gi;
-  const familyRe = /font-family\s*:\s*(['"]?)([^;'"]+)\1/i;
   for (const style of styles) {
-    const content = stripCssComments2(style.content);
-    let match;
-    while ((match = fontFaceRe.exec(content)) !== null) {
-      const familyMatch = match[0].match(familyRe);
-      if (familyMatch?.[2]) {
-        families.add(familyMatch[2].trim().toLowerCase());
-      }
-    }
+    parseFontCss(style.content)?.walkDecls(/^font-family$/i, (decl) => {
+      if (!isFontFaceDeclaration(decl)) return;
+      const name = normalizeUsedFontName(decl.value);
+      if (name) families.add(name);
+    });
   }
   return families;
 }
@@ -9892,22 +9896,43 @@ function normalizeUsedFontName(part) {
   if (!name || name.includes("(") || name.includes(")")) return null;
   return name;
 }
+function collectFontCustomProperties(styles) {
+  const properties = /* @__PURE__ */ new Map();
+  for (const style of styles) {
+    parseFontCss(style.content)?.walkDecls(/^--/, (decl) => {
+      if (!isFontFaceDeclaration(decl)) properties.set(decl.prop, decl.value);
+    });
+  }
+  return properties;
+}
+function resolveUsedFontNames(value, properties, resolving = /* @__PURE__ */ new Set()) {
+  return postcss3.list.comma(value).flatMap((part) => {
+    const variable = /^var\(\s*(--[^\s,()]+)\s*(?:,[\s\S]*)?\)$/i.exec(part.trim());
+    if (!variable) {
+      const name = normalizeUsedFontName(part);
+      return name ? [name] : [];
+    }
+    const property = variable[1];
+    if (!property || resolving.has(property) || resolving.size >= 8) return [];
+    const referenced = properties.get(property);
+    if (referenced === void 0) return [];
+    return resolveUsedFontNames(referenced, properties, new Set(resolving).add(property));
+  });
+}
 function extractUsedFontFamilies(styles) {
   const used = [];
   const seen = /* @__PURE__ */ new Set();
-  const propRe = /font-family\s*:\s*([^;}{]+)/gi;
+  const properties = collectFontCustomProperties(styles);
   for (const style of styles) {
-    const withoutFontFace = stripCssComments2(style.content).replace(/@font-face\s*\{[^}]*\}/gi, "");
-    let match;
-    while ((match = propRe.exec(withoutFontFace)) !== null) {
-      for (const part of match[1].split(",")) {
-        const name = normalizeUsedFontName(part);
-        if (name && !GENERIC_FAMILIES.has(name) && !seen.has(name)) {
+    parseFontCss(style.content)?.walkDecls(/^font-family$/i, (decl) => {
+      if (isFontFaceDeclaration(decl)) return;
+      for (const name of resolveUsedFontNames(decl.value, properties)) {
+        if (!GENERIC_FAMILIES.has(name) && !seen.has(name)) {
           seen.add(name);
           used.push(name);
         }
       }
-    }
+    });
   }
   return used;
 }
@@ -10010,15 +10035,12 @@ var fontRules = [
 ];
 function uniqueFontLocation(styles, families, locate) {
   const locations = [];
+  const properties = collectFontCustomProperties(styles);
   for (const style of styles) {
     try {
       postcss3.parse(style.content).walkDecls(/^font-family$/i, (decl) => {
-        let parent = decl.parent;
-        while (parent) {
-          if (parent.type === "atrule" && parent.name.toLowerCase() === "font-face") return;
-          parent = parent.parent;
-        }
-        if (!decl.value.split(",").some((part) => families.includes(normalizeUsedFontName(part) ?? "")))
+        if (isFontFaceDeclaration(decl)) return;
+        if (!resolveUsedFontNames(decl.value, properties).some((name) => families.includes(name)))
           return;
         locations.push(locate(style, decl.source?.start?.offset));
       });
@@ -10026,7 +10048,7 @@ function uniqueFontLocation(styles, families, locate) {
       return {};
     }
   }
-  return locations.length === 1 ? locations[0] : {};
+  return locations.length === 1 ? locations[0] ?? {} : {};
 }
 function parseTiming(raw) {
   const startStr = readAttr(raw, "data-start");
@@ -10295,7 +10317,7 @@ function withoutComments(source) {
 function staticShaders(source) {
   const shaders = [];
   try {
-    const ast = parse(source, {
+    const ast = parse3(source, {
       ecmaVersion: "latest",
       sourceType: "module",
       allowReturnOutsideFunction: true
@@ -10826,6 +10848,7 @@ function contentDigest(html) {
   return createHash("sha256").update(html).digest("hex").slice(0, 16);
 }
 var AUDIO_EXTENSIONS = /* @__PURE__ */ new Set([".mp3", ".wav", ".aac", ".ogg", ".m4a", ".flac", ".opus"]);
+var CSS_URL_RE = /\burl\(\s*(?:"([^"]+)"|'([^']+)'|([^"')\s]+))\s*\)/gi;
 var MASK_IMAGE_URL_RE = /\b(?:-webkit-)?mask-image\s*:\s*[^;{}]*url\(\s*(?:"([^"]+)"|'([^']+)'|([^"')\s]+))\s*\)/gi;
 function isLocalStylesheetHref(href) {
   return !!href && !/^(https?:|data:|blob:|\/\/)/i.test(href);
@@ -11118,9 +11141,16 @@ function lintTextureMaskAssetNotFound(projectDir, htmlSources) {
   for (const { html, compSrcPath } of htmlSources) {
     const file = sourceFile(projectDir, compSrcPath);
     for (const cssSource of collectCssSources(projectDir, html, compSrcPath)) {
-      let match;
-      const pattern = new RegExp(MASK_IMAGE_URL_RE.source, MASK_IMAGE_URL_RE.flags);
-      while ((match = pattern.exec(cssSource.content)) !== null) {
+      let matches = [];
+      try {
+        postcss4.parse(cssSource.content).walkDecls(/^(?:-webkit-)?mask-image$/i, (declaration) => {
+          matches.push(...declaration.value.matchAll(CSS_URL_RE));
+        });
+      } catch (error) {
+        if (!(error instanceof postcss4.CssSyntaxError)) throw error;
+        matches = [...cssSource.content.matchAll(MASK_IMAGE_URL_RE)];
+      }
+      for (const match of matches) {
         const rawUrl = match[1] ?? match[2] ?? match[3] ?? "";
         if (isUnresolvedAssetPlaceholder(rawUrl)) continue;
         const url = cleanAssetUrl(rawUrl);
@@ -11322,7 +11352,6 @@ export {
   resolveReferencedStart,
   resolveReferencedDuration,
   require_dist,
-  resolveCompositionDuration,
   LINT_RULE_COUNT,
   LINT_RULE_GROUP_COUNTS,
   lintHyperframeHtml,

package/dist/{chunk-LBNEH6IQ.js → chunk-32NB4VMH.js}

@@ -27,7 +27,7 @@ import {
 } from "./chunk-GMECXFAN.js";
 import {
   ITEM_TYPE_DIRS
-} from "./chunk-GM3WIOO6.js";
+} from "./chunk-MGBUWPXX.js";
 import {
   realProjectRoot
 } from "./chunk-OFQWTKPW.js";

package/dist/{chunk-IXLUTE6N.js → chunk-3422KMTD.js}

@@ -10,7 +10,11 @@ var SLIDESHOW_MANIFEST_VERSION = 1;
 var SLIDESHOW_ISLAND_TYPE = "application/hyperframes-slideshow+json";
 function slideshowIslandRegex(flags = "i") {
   const escaped = SLIDESHOW_ISLAND_TYPE.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-  return new RegExp(`<script[^>]*type=["']${escaped}["'][^>]*>([\\s\\S]*?)<\\/script>`, flags);
+  const htmlWhitespace = "[\\t\\n\\f\\r ]*";
+  return new RegExp(
+    `<script[^>]*type${htmlWhitespace}=${htmlWhitespace}["']${escaped}["'][^>]*>([\\s\\S]*?)<\\/script>`,
+    flags
+  );
 }
 function parseSlideshowManifest(html) {
   const re = slideshowIslandRegex("i");

package/dist/{chunk-JTPHFYZI.js → chunk-3CXIX6XS.js}

@@ -7,7 +7,7 @@ var __dirname = __hf_dirname(__filename);
 import {
   loadOptionalPackage,
   loadSharp
-} from "./chunk-QH3T4WI2.js";
+} from "./chunk-EXAX37XR.js";
 import {
   downloadFile
 } from "./chunk-WQ6ZXHFQ.js";
@@ -15,13 +15,16 @@ import {
   findFFmpeg,
   findFFprobe,
   getFFmpegInstallHint
-} from "./chunk-GLG5JWLI.js";
+} from "./chunk-VRAXIQ6I.js";
 import {
   DEFAULT_VP9_CPU_USED,
   SDR_RGB_TO_BT709_FILTER,
   SDR_RGB_TO_TAGGED_BT709_FILTER,
   renderProvenanceArgs
-} from "./chunk-NMDUSCCE.js";
+} from "./chunk-QX4TB4NH.js";
+import {
+  runCancellableProcess
+} from "./chunk-RWGASWT7.js";
 
 // src/background-removal/pipeline.ts
 import { spawn } from "child_process";
@@ -135,11 +138,29 @@ async function createSession(options = {}) {
   const maskBuf = Buffer.allocUnsafe(INPUT_PLANE);
   let rgbaBuf = null;
   let rgbaBgBuf = null;
+  let retried = false;
+  const run = async (tensor) => {
+    try {
+      return await session.run({ [inputName]: tensor });
+    } catch (err) {
+      if (providerUsed === "CPU" || retried) throw err;
+      retried = true;
+      options.onProgress?.(
+        `${providerUsed} failed while running a frame (${err.message}); continuing on CPU.`
+      );
+      await session.release().catch(() => void 0);
+      session = await tryCreate(["cpu"]);
+      providerUsed = "CPU";
+      return await session.run({ [inputName]: tensor });
+    }
+  };
   return {
-    provider: providerUsed,
+    get provider() {
+      return providerUsed;
+    },
     async process(rgb, width, height, withBackground = false) {
       const tensor = await preprocess(sharp, ort, rgb, width, height, inputData);
-      const outputs = await session.run({ [inputName]: tensor });
+      const outputs = await run(tensor);
       const output = outputs[outputName];
       if (!output) throw new Error(`Model did not return output '${outputName}'`);
       const expectedBytes = width * height * 4;
@@ -260,16 +281,56 @@ function inferInputKind(inputPath) {
     `Unsupported input: ${ext}. Use a video (mp4/mov/webm/mkv/avi) or image (jpg/png/webp).`
   );
 }
+async function decoderTransposesDimensions(inputPath) {
+  const ffprobePath = findFFprobe();
+  if (!ffprobePath) throw new Error(`ffprobe is required. Install: ${getFFmpegInstallHint()}`);
+  const { stdout } = await runCancellableProcess(
+    ffprobePath,
+    [
+      "-v",
+      "error",
+      "-select_streams",
+      "v:0",
+      "-show_streams",
+      "-print_format",
+      "json",
+      "--",
+      inputPath
+    ],
+    { timeoutMs: 3e4, maxBufferBytes: 256 * 1024 }
+  );
+  const probe = JSON.parse(stdout);
+  if (typeof probe !== "object" || probe === null || !("streams" in probe) || !Array.isArray(probe.streams))
+    return false;
+  const stream = probe.streams[0];
+  if (typeof stream !== "object" || stream === null) return false;
+  const sideData = "side_data_list" in stream && Array.isArray(stream.side_data_list) ? stream.side_data_list : [];
+  const matrix = sideData.find(
+    (entry) => typeof entry === "object" && entry !== null && "side_data_type" in entry && entry.side_data_type === "Display Matrix"
+  );
+  let rotation = typeof matrix === "object" && matrix !== null && "rotation" in matrix ? matrix.rotation : void 0;
+  if (rotation === void 0 && "tags" in stream && typeof stream.tags === "object" && stream.tags !== null && "rotate" in stream.tags)
+    rotation = Number(stream.tags.rotate);
+  if (typeof rotation !== "number" || !Number.isFinite(rotation)) return false;
+  const angle = (rotation % 360 + 360) % 360;
+  return Math.abs(angle - 90) < 1 || Math.abs(angle - 270) < 1;
+}
 async function probeMedia(inputPath) {
   const isImage = inferInputKind(inputPath) === "image";
-  const engine = await import("./src-ZOXSEJCD.js");
+  const engine = await import("./src-SSV66L3F.js");
   const meta = await engine.extractMediaMetadata(inputPath);
   if (isImage) {
     return { width: meta.width, height: meta.height, fps: 0, frameCount: 1 };
   }
   const fps = meta.fps || 30;
   const frameCount = meta.durationSeconds ? Math.round(meta.durationSeconds * fps) : 0;
-  return { width: meta.width, height: meta.height, fps, frameCount };
+  const transposed = await decoderTransposesDimensions(inputPath);
+  return {
+    width: transposed ? meta.height : meta.width,
+    height: transposed ? meta.width : meta.height,
+    fps,
+    frameCount
+  };
 }
 function buildEncoderArgs(format, width, height, fps, outputPath, quality = DEFAULT_QUALITY) {
   const base = [

package/dist/{chunk-MSM6VRQ4.js → chunk-3FV5BVWS.js}

@@ -6,8 +6,8 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 
 // src/version.ts
-var VERSION = true ? "0.8.191" : "0.0.0-dev";
-var PRODUCER_VERSION = true ? "0.8.191" : "0.0.0-dev";
+var VERSION = true ? "0.8.192" : "0.0.0-dev";
+var PRODUCER_VERSION = true ? "0.8.192" : "0.0.0-dev";
 
 export {
   VERSION,

package/dist/{chunk-7ZJEQY7Q.js → chunk-4E75LHAL.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk-K2FLNJVB.js";
 import {
   trackCommandFailure
-} from "./chunk-TFGO5YMI.js";
+} from "./chunk-BV6YE455.js";
 import {
   failCommand
 } from "./chunk-JVBRJMOP.js";
 
 // src/utils/project.ts
 import { existsSync, statSync } from "fs";
-import { resolve, basename } from "path";
+import { basename, dirname, join, relative, resolve, sep } from "path";
 var InvalidProjectError = class extends Error {
   title;
   hint;
@@ -65,8 +65,28 @@ function resolveProject(dirArg, options = {}) {
     throw err;
   }
 }
+function projectHolding(file) {
+  for (let dir = dirname(file); ; dir = dirname(dir)) {
+    if (existsSync(join(dir, "index.html"))) return dir;
+    if (dirname(dir) === dir) return dirname(file);
+  }
+}
+function resolveLintTarget(arg) {
+  const file = arg === void 0 ? void 0 : resolve(arg);
+  if (file === void 0 || !statSync(file, { throwIfNoEntry: false })?.isFile()) {
+    return { project: resolveProject(arg) };
+  }
+  const dir = projectHolding(file);
+  const project = resolveProject(dir, { requireIndex: false });
+  return file === project.indexPath ? { project } : { project, entryFile: file };
+}
+function isUnderCompositions(projectDir, file) {
+  return relative(projectDir, file).split(sep)[0] === "compositions";
+}
 
 export {
   resolveProjectOrThrow,
-  resolveProject
+  resolveProject,
+  resolveLintTarget,
+  isUnderCompositions
 };