chore: import upstream snapshot with attribution

2026-07-13 12:58:35 +08:00
commit 85453da49f
4031 changed files with 710987 additions and 0 deletions
@@ -0,0 +1,17 @@
+{
+  "name": "Variables Prod",
+  "description": "End-to-end regression for the variables system. Composition declares title/subtitle/bgColor in data-composition-variables and reads them via window.__hyperframes.getVariables(). renderConfig.variables provides overrides that flow CLI → producer → engine evaluateOnNewDocument → window.__hfVariables → helper merge → DOM text → rendered pixels. If any link in that chain breaks, the rendered text/background diverges from the baseline and PSNR fails.",
+  "tags": ["variables", "composition"],
+  "minPsnr": 30,
+  "maxFrameFailures": 0,
+  "minAudioCorrelation": 0.9,
+  "maxAudioLagWindows": 120,
+  "renderConfig": {
+    "fps": 24,
+    "variables": {
+      "title": "Override Title",
+      "subtitle": "Override subtitle",
+      "bgColor": "#0a3d62"
+    }
+  }
+}
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:694ae6f83914f3c51161804ffdb51acddc02bb523a0fa877f8bff667bfa0b5e9
+size 117758
@@ -0,0 +1,96 @@
+<!doctype html>
+<html
+  lang="en"
+  data-composition-variables='[
+    {"id":"title","type":"string","label":"Title","default":"Default Title"},
+    {"id":"subtitle","type":"string","label":"Subtitle","default":"Default subtitle"},
+    {"id":"bgColor","type":"color","label":"Background","default":"#0b0b0d"}
+  ]'
+>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=1920, height=1080" />
+    <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      html,
+      body {
+        margin: 0;
+        width: 1920px;
+        height: 1080px;
+        overflow: hidden;
+      }
+      body {
+        background: #0b0b0d;
+        font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;
+      }
+      [data-composition-id="main"] {
+        width: 100%;
+        height: 100%;
+        position: relative;
+      }
+      .title {
+        position: absolute;
+        top: 380px;
+        left: 0;
+        right: 0;
+        font-size: 140px;
+        font-weight: 700;
+        color: #ffffff;
+        text-align: center;
+        line-height: 1;
+      }
+      .subtitle {
+        position: absolute;
+        top: 600px;
+        left: 0;
+        right: 0;
+        font-size: 56px;
+        color: #9aa0a6;
+        text-align: center;
+        line-height: 1;
+      }
+    </style>
+  </head>
+  <body>
+    <div
+      id="root"
+      data-composition-id="main"
+      data-start="0"
+      data-duration="3"
+      data-width="1920"
+      data-height="1080"
+    >
+      <audio
+        id="silence-track"
+        src="silence.wav"
+        data-start="0"
+        data-duration="3"
+        data-track-index="0"
+      ></audio>
+      <h1 id="title-el" class="title clip" data-start="0" data-duration="3"></h1>
+      <p id="subtitle-el" class="subtitle clip" data-start="0" data-duration="3"></p>
+    </div>
+
+    <script>
+      // Render-time values: declared defaults from data-composition-variables
+      // merged with overrides from meta.json's renderConfig.variables (which
+      // arrive via window.__hfVariables, injected by the engine).
+      const vars = window.__hyperframes.getVariables();
+      document.body.style.background = vars.bgColor;
+      document.getElementById("title-el").textContent = vars.title;
+      document.getElementById("subtitle-el").textContent = vars.subtitle;
+
+      window.__timelines = window.__timelines || {};
+      const tl = gsap.timeline({ paused: true });
+      // Static placement — no animation. Keeps the regression frame-stable
+      // and isolates "did the variables flow through?" from motion concerns.
+      tl.to({}, { duration: 3 });
+      window.__timelines["main"] = tl;
+    </script>
+  </body>
+</html>