@hyperframes/studio 0.7.69 → 0.7.71

package/dist/assets/{index-Dgb6QcBu.js → index-DzxDHPR1.js}

@@ -1 +1 @@
-import{g as P}from"./index-D6eWVL-m.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},w;function k(){if(w)return v;w=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var g=e[o+x]-t,_=r.some(function(h){if(h.interval===g)return h.count+=1});_||r.push({interval:g,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,b;function q(){return b||(b=1,p=k().default),p}var m=q();const A=P(m),D=j({__proto__:null,default:A},[m]);export{D as i};
+import{g as P}from"./index-CSCh2Vrp.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},w;function k(){if(w)return v;w=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var g=e[o+x]-t,_=r.some(function(h){if(h.interval===g)return h.count+=1});_||r.push({interval:g,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,b;function q(){return b||(b=1,p=k().default),p}var m=q();const A=P(m),D=j({__proto__:null,default:A},[m]);export{D as i};

package/dist/assets/{index-CQTrsiIr.js → index-nY4lLBqM.js}

@@ -1,4 +1,4 @@
-import{n as Qi}from"./index-D6eWVL-m.js";/*!
+import{n as Qi}from"./index-CSCh2Vrp.js";/*!
  * Copyright (c) 2026-present, Vanilagy and contributors
  *
  * This Source Code Form is subject to the terms of the Mozilla Public

package/dist/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>HyperFrames Studio</title>
-    <script type="module" crossorigin src="/assets/index-D6eWVL-m.js"></script>
+    <script type="module" crossorigin src="/assets/index-CSCh2Vrp.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-Ceyz8Qt2.css">
   </head>
   <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperframes/studio",
-  "version": "0.7.69",
+  "version": "0.7.71",
   "description": "",
   "repository": {
     "type": "git",
@@ -46,11 +46,11 @@
     "gsap": "^3.13.0",
     "marked": "^14.1.4",
     "mediabunny": "^1.45.3",
-    "@hyperframes/core": "0.7.69",
-    "@hyperframes/sdk": "0.7.69",
-    "@hyperframes/studio-server": "0.7.69",
-    "@hyperframes/parsers": "0.7.69",
-    "@hyperframes/player": "0.7.69"
+    "@hyperframes/core": "0.7.71",
+    "@hyperframes/parsers": "0.7.71",
+    "@hyperframes/player": "0.7.71",
+    "@hyperframes/sdk": "0.7.71",
+    "@hyperframes/studio-server": "0.7.71"
   },
   "devDependencies": {
     "@types/react": "19",
@@ -65,7 +65,7 @@
     "vite": "^6.4.2",
     "vitest": "^3.2.4",
     "zustand": "^5.0.0",
-    "@hyperframes/producer": "0.7.69"
+    "@hyperframes/producer": "0.7.71"
   },
   "peerDependencies": {
     "react": "19",

package/src/components/editor/colorGradingScopePatch.test.ts

@@ -5,15 +5,15 @@ describe("patchMediaColorGradingInHtml", () => {
   it("adds color grading to video and image tags only", () => {
     const { html, count } = patchMediaColorGradingInHtml(
       `<div><video id="v"></video><img id="i" /><audio id="a"></audio></div>`,
-      `{"preset":"natural-lift"}`,
+      `{"preset":"warm-daylight"}`,
     );
 
     expect(count).toBe(2);
     expect(html).toContain(
-      `video id="v" data-color-grading="{&quot;preset&quot;:&quot;natural-lift&quot;}"`,
+      `video id="v" data-color-grading="{&quot;preset&quot;:&quot;warm-daylight&quot;}"`,
     );
     expect(html).toContain(
-      `img id="i" data-color-grading="{&quot;preset&quot;:&quot;natural-lift&quot;}"`,
+      `img id="i" data-color-grading="{&quot;preset&quot;:&quot;warm-daylight&quot;}"`,
     );
     expect(html).toContain(`<audio id="a"></audio>`);
   });

package/src/components/editor/propertyPanelFlatColorGradingSection.test.tsx

@@ -243,11 +243,11 @@ describe("FlatColorGradingSection — Preset + LUT", () => {
     // needs its own accessible name via the dedicated ariaLabel prop.
     expect(presetSelect.getAttribute("aria-label")).toBe("Preset");
     act(() => {
-      presetSelect.value = "fresh-pop";
+      presetSelect.value = "bright-pop";
       presetSelect.dispatchEvent(new Event("change", { bubbles: true }));
     });
     expect(onCommitColorGrading).toHaveBeenCalledTimes(1);
-    expect(onCommitColorGrading.mock.calls[0][0].preset).toBe("fresh-pop");
+    expect(onCommitColorGrading.mock.calls[0][0].preset).toBe("bright-pop");
     act(() => root.unmount());
   });
 

package/src/components/editor/propertyPanelFlatPrimitives.test.tsx

@@ -1159,20 +1159,20 @@ describe("FlatSelectRow — label/value options", () => {
     const { host, root } = renderInto(
       <FlatSelectRow
         label="Preset"
-        value="natural-lift"
+        value="clean-studio"
         options={[
           { value: "neutral", label: "Neutral" },
-          { value: "natural-lift", label: "Natural Lift" },
-          { value: "fresh-pop", label: "Fresh Pop" },
+          { value: "clean-studio", label: "Clean Studio" },
+          { value: "bright-pop", label: "Bright Pop" },
         ]}
         tier="explicitCustom"
         onChange={vi.fn()}
       />,
     );
     const select = host.querySelector("select");
-    expect(select?.value).toBe("natural-lift");
+    expect(select?.value).toBe("clean-studio");
     const options = Array.from(host.querySelectorAll("option")).map((o) => o.textContent);
-    expect(options).toEqual(["Neutral", "Natural Lift", "Fresh Pop"]);
+    expect(options).toEqual(["Neutral", "Clean Studio", "Bright Pop"]);
     act(() => root.unmount());
   });
 

package/src/components/editor/useColorGradingController.test.ts

@@ -7,15 +7,15 @@ import { normalizeHfColorGrading } from "@hyperframes/core/color-grading";
 import { useColorGradingController } from "./useColorGradingController";
 import type { DomEditSelection } from "./domEditing";
 
-function freshPopGrading() {
-  const next = normalizeHfColorGrading({ preset: "fresh-pop", intensity: 1 });
-  if (!next) throw new Error("expected fresh-pop preset to normalize");
+function brightPopGrading() {
+  const next = normalizeHfColorGrading({ preset: "bright-pop", intensity: 1 });
+  if (!next) throw new Error("expected bright-pop preset to normalize");
   return next;
 }
 
-function naturalLiftGrading() {
-  const next = normalizeHfColorGrading({ preset: "natural-lift", intensity: 1 });
-  if (!next) throw new Error("expected natural-lift preset to normalize");
+function warmDaylightGrading() {
+  const next = normalizeHfColorGrading({ preset: "warm-daylight", intensity: 1 });
+  if (!next) throw new Error("expected warm-daylight preset to normalize");
   return next;
 }
 
@@ -120,9 +120,9 @@ describe("useColorGradingController", () => {
     const onSetAttributeLive = vi.fn();
     const { root, getState } = renderHook(onSetAttributeLive);
     act(() => {
-      getState().commitColorGrading(freshPopGrading());
+      getState().commitColorGrading(brightPopGrading());
     });
-    expect(getState().grading.preset).toBe("fresh-pop");
+    expect(getState().grading.preset).toBe("bright-pop");
     expect(onSetAttributeLive).not.toHaveBeenCalled();
     act(() => {
       vi.advanceTimersByTime(400);
@@ -130,7 +130,7 @@ describe("useColorGradingController", () => {
     expect(onSetAttributeLive).toHaveBeenCalledTimes(1);
     const [attr, value] = onSetAttributeLive.mock.calls[0] as [string, string];
     expect(attr).toBe("color-grading");
-    expect(value).toContain("fresh-pop");
+    expect(value).toContain("bright-pop");
     act(() => root.unmount());
     vi.useRealTimers();
   });
@@ -149,9 +149,9 @@ describe("useColorGradingController", () => {
     );
     const { root, getState } = renderHook(onSetAttributeLive);
     act(() => {
-      getState().commitColorGrading(freshPopGrading());
+      getState().commitColorGrading(brightPopGrading());
     });
-    expect(getState().grading.preset).toBe("fresh-pop");
+    expect(getState().grading.preset).toBe("bright-pop");
     act(() => {
       vi.advanceTimersByTime(400);
     });
@@ -170,9 +170,9 @@ describe("useColorGradingController", () => {
     const onSetAttributeLive = vi.fn().mockRejectedValue(new Error("disk full"));
     const { root, getState } = renderHook(onSetAttributeLive);
     act(() => {
-      getState().commitColorGrading(freshPopGrading());
+      getState().commitColorGrading(brightPopGrading());
     });
-    expect(getState().grading.preset).toBe("fresh-pop");
+    expect(getState().grading.preset).toBe("bright-pop");
     act(() => {
       vi.advanceTimersByTime(400);
     });
@@ -182,7 +182,7 @@ describe("useColorGradingController", () => {
       await Promise.resolve();
     });
     // Reverted to "neutral" (the last confirmed-good value, from before this
-    // commit) instead of permanently showing "fresh-pop" as if it had saved.
+    // commit) instead of permanently showing "bright-pop" as if it had saved.
     expect(getState().grading.preset).toBe("neutral");
     expect(getState().runtimeStatus.state).toBe("unavailable");
     act(() => root.unmount());
@@ -206,7 +206,7 @@ describe("useColorGradingController", () => {
       makeElement({ id: "s1-bg" }),
     );
     act(() => {
-      getState().commitColorGrading(freshPopGrading());
+      getState().commitColorGrading(brightPopGrading());
     });
     // Let the debounce fire while still on s1-bg — the persist call is now
     // genuinely in flight (its promise won't settle until resolveA() below).
@@ -243,7 +243,7 @@ describe("useColorGradingController", () => {
     let capturedOnSettledA: ((ok: boolean) => void) | undefined;
     const onSetAttributeLive = vi
       .fn()
-      // Edit A (fresh-pop): captures its onSettled and never resolves until
+      // Edit A (bright-pop): captures its onSettled and never resolves until
       // resolveA() is called below — simulates a slow persist.
       .mockImplementationOnce(
         (_attr: string, _value: string | null, onSettled?: (ok: boolean) => void) => {
@@ -253,7 +253,7 @@ describe("useColorGradingController", () => {
           });
         },
       )
-      // Edit B (natural-lift): settles immediately and successfully.
+      // Edit B (warm-daylight): settles immediately and successfully.
       .mockImplementationOnce(
         (_attr: string, _value: string | null, onSettled?: (ok: boolean) => void) => {
           onSettled?.(true);
@@ -263,7 +263,7 @@ describe("useColorGradingController", () => {
     const { root, getState } = renderHook(onSetAttributeLive);
 
     act(() => {
-      getState().commitColorGrading(freshPopGrading());
+      getState().commitColorGrading(brightPopGrading());
     });
     act(() => {
       vi.advanceTimersByTime(400);
@@ -272,13 +272,13 @@ describe("useColorGradingController", () => {
 
     // B commits on the SAME element before A's persist has settled.
     act(() => {
-      getState().commitColorGrading(naturalLiftGrading());
+      getState().commitColorGrading(warmDaylightGrading());
     });
     act(() => {
       vi.advanceTimersByTime(400);
     });
     expect(onSetAttributeLive).toHaveBeenCalledTimes(2); // B's persist has already settled (mock resolves sync)
-    expect(getState().grading.preset).toBe("natural-lift");
+    expect(getState().grading.preset).toBe("warm-daylight");
 
     // NOW A's stale persist finally settles as a FAILURE — must not revert
     // `grading` (which now correctly shows B's newer edit) back to the
@@ -292,7 +292,7 @@ describe("useColorGradingController", () => {
       await Promise.resolve();
       await Promise.resolve();
     });
-    expect(getState().grading.preset).toBe("natural-lift");
+    expect(getState().grading.preset).toBe("warm-daylight");
     act(() => root.unmount());
     vi.useRealTimers();
   });
@@ -300,7 +300,7 @@ describe("useColorGradingController", () => {
   it("resetGrading returns to the neutral preset", () => {
     const { root, getState } = renderHook(vi.fn());
     act(() => {
-      getState().commitColorGrading(freshPopGrading());
+      getState().commitColorGrading(brightPopGrading());
     });
     act(() => {
       getState().resetGrading();
@@ -315,9 +315,9 @@ describe("useColorGradingController", () => {
       makeElement({ id: "s1-bg" }),
     );
     act(() => {
-      getState().commitColorGrading(freshPopGrading());
+      getState().commitColorGrading(brightPopGrading());
     });
-    expect(getState().grading.preset).toBe("fresh-pop");
+    expect(getState().grading.preset).toBe("bright-pop");
     // A different element, with no persisted grading of its own — without a
     // reset, this hook (unlike the legacy component it was extracted from,
     // which remounts via a `key={selectionIdentityKey}`) would keep showing
@@ -337,9 +337,9 @@ describe("useColorGradingController", () => {
       makeElement({ id: "bg", sourceFile: "index.html" }),
     );
     act(() => {
-      getState().commitColorGrading(freshPopGrading());
+      getState().commitColorGrading(brightPopGrading());
     });
-    expect(getState().grading.preset).toBe("fresh-pop");
+    expect(getState().grading.preset).toBe("bright-pop");
     rerenderWithElement(makeElement({ id: "bg", sourceFile: "sub-comp.html" }));
     expect(getState().grading.preset).toBe("neutral");
     act(() => root.unmount());
@@ -353,7 +353,7 @@ describe("useColorGradingController", () => {
       makeElement({ id: "s1-bg" }),
     );
     act(() => {
-      getState().commitColorGrading(freshPopGrading());
+      getState().commitColorGrading(brightPopGrading());
     });
     // Switch selection before the 350ms debounce fires — the in-flight edit
     // must be written immediately (targeting the OUTGOING element's own
@@ -366,7 +366,7 @@ describe("useColorGradingController", () => {
     expect(onSetAttributeLive).toHaveBeenCalledTimes(1);
     const [attr, value] = onSetAttributeLive.mock.calls[0] as [string, string];
     expect(attr).toBe("color-grading");
-    expect(value).toContain("fresh-pop");
+    expect(value).toContain("bright-pop");
     // And it must not ALSO fire again once the (now-cleared) original timer
     // window would have elapsed.
     act(() => {