@hyperframes/studio 0.8.15 → 0.8.16

package/dist/assets/{index-CtDg2lB7.js → index-YmetcS6L.js}

@@ -1 +1 @@
-import{g as P}from"./index-DKoZIpw1.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-D8o3ZIo2.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/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
+import { RuntimeTimelineClipIdentity } from '@hyperframes/core';
 import { GsapAnimation, PropertyGroupName } from '@hyperframes/core/gsap-parser';
 import * as zustand from 'zustand';
 import { MusicBeatAnalysis } from '@hyperframes/core/beats';
@@ -47,23 +48,18 @@ interface BeatEditState {
     removed: number[];
 }
 
-interface ClipManifestClip {
-    id: string | null;
-    label: string;
-    start: number;
-    duration: number;
-    track: number;
+/**
+ * Shared type definitions for the timeline playback subsystem.
+ * Kept in a separate module so adapter, DOM, and hook modules can all import
+ * from here without creating circular dependencies.
+ */
+
+interface ClipManifestClip extends RuntimeTimelineClipIdentity {
     zIndex?: number;
     stackingContextId?: string | null;
-    kind: "video" | "audio" | "image" | "element" | "composition";
-    tagName: string | null;
-    compositionId: string | null;
     compositionAncestors?: string[];
-    parentCompositionId: string | null;
-    compositionSrc: string | null;
     playbackStart?: number;
     playbackRate?: number;
-    assetUrl: string | null;
 }
 
 type TimelineTimeDisplayMode = "time" | "frame";

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-DKoZIpw1.js"></script>
+    <script type="module" crossorigin src="/assets/index-D8o3ZIo2.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-yGhfxxoL.css">
   </head>
   <body>

package/dist/index.js

@@ -62300,9 +62300,13 @@ function usePanelLayout(initialState2) {
   const [rightPanelTab, setRightPanelTab] = useState100(
     initialState2?.rightPanelTab ?? "design"
   );
+  const rightPanelTabRef = useRef110(rightPanelTab);
+  rightPanelTabRef.current = rightPanelTab;
   const [rightInspectorPanes, setRightInspectorPanes] = useState100(
     () => getInitialRightInspectorPanes(initialState2?.rightPanelTab)
   );
+  const rightInspectorPanesRef = useRef110(rightInspectorPanes);
+  rightInspectorPanesRef.current = rightInspectorPanes;
   const [autoCollapseOverride, setAutoCollapseOverride] = useState100(NO_OVERRIDE);
   useEffect90(() => {
     if (typeof window === "undefined") return;
@@ -62361,7 +62365,9 @@ function usePanelLayout(initialState2) {
   }, []);
   const setRightCollapsedWithOverride = useCallback84((collapsed) => {
     setRightCollapsed(collapsed);
-    if (!collapsed) setAutoCollapseOverride((prev) => ({ ...prev, right: true }));
+    if (!collapsed) {
+      setAutoCollapseOverride((prev) => prev.right ? prev : { ...prev, right: true });
+    }
   }, []);
   const handlePanelResizeStart = useCallback84((side, e) => {
     e.preventDefault();
@@ -62388,10 +62394,13 @@ function usePanelLayout(initialState2) {
   }, [commitPanelWidth]);
   const trackedSetRightPanelTab = useCallback84(
     (tab) => {
+      const paneAlreadySelected = tab !== "design" && tab !== "layers" ? true : STUDIO_FLAT_INSPECTOR_ENABLED ? rightInspectorPanesRef.current[tab] && !rightInspectorPanesRef.current[tab === "design" ? "layers" : "design"] : rightInspectorPanesRef.current[tab];
+      if (rightPanelTabRef.current === tab && paneAlreadySelected) return;
+      rightPanelTabRef.current = tab;
       if (tab === "design" || tab === "layers") {
-        setRightInspectorPanes(
-          STUDIO_FLAT_INSPECTOR_ENABLED ? { design: tab === "design", layers: tab === "layers" } : (panes) => ({ ...panes, [tab]: true })
-        );
+        const nextPanes = STUDIO_FLAT_INSPECTOR_ENABLED ? { design: tab === "design", layers: tab === "layers" } : { ...rightInspectorPanesRef.current, [tab]: true };
+        rightInspectorPanesRef.current = nextPanes;
+        setRightInspectorPanes(nextPanes);
       }
       setRightPanelTab(tab);
       trackStudioEvent("tab_switch", { panel: "right_panel", tab });
@@ -65960,6 +65969,14 @@ function useDomSelection({
       const isAdditiveSelection = Boolean(options?.additive);
       const currentSelection = domEditSelectionRef.current;
       const previousGroup = domEditGroupSelectionsRef.current;
+      const isRepeatedSingleSelection = !isAdditiveSelection && !options?.preserveGroup && previousGroup.length === 1 && domEditSelectionsTargetSame(currentSelection, selection) && domEditSelectionsTargetSame(previousGroup[0], selection);
+      if (isRepeatedSingleSelection) {
+        if (options?.revealPanel !== false) {
+          setRightCollapsed(false);
+          if (rightPanelTabRef.current !== "variables") setRightPanelTab("design");
+        }
+        return;
+      }
       const currentGroup = isAdditiveSelection ? seedDomEditGroupWithSelection(previousGroup, currentSelection) : previousGroup;
       const wasInGroup = domEditSelectionInGroup(currentGroup, selection);
       const nextGroup = options?.preserveGroup ? replaceDomEditGroupSelection(currentGroup, selection) : isAdditiveSelection ? toggleDomEditGroupSelection(currentGroup, selection) : [selection];
@@ -77037,6 +77054,7 @@ var FILTER_ORDER = ["audio", "images", "video", "fonts"];
 
 // src/components/sidebar/AudioRow.tsx
 import { useState as useState122, useRef as useRef150, useEffect as useEffect114, useCallback as useCallback144 } from "react";
+import { classifyWebAudioMediaRoute } from "@hyperframes/core/runtime/web-audio-route";
 
 // src/components/sidebar/AssetContextMenu.tsx
 import { useCallback as useCallback143, useEffect as useEffect113, useLayoutEffect as useLayoutEffect8, useRef as useRef149, useState as useState121 } from "react";
@@ -77417,14 +77435,14 @@ function AudioRow({
         setPlaying(false);
         cancelAnimationFrame(animRef.current);
       };
+      el.src = serveUrl;
       audioRef.current = el;
       const analyser = analyserRef.current;
-      if (analyser) {
+      if (analyser && classifyWebAudioMediaRoute(el).kind === "web-audio") {
         sourceRef.current = actxRef.current.createMediaElementSource(el);
         sourceRef.current.connect(analyser);
         analyser.connect(actxRef.current.destination);
       }
-      el.src = serveUrl;
     }
     if (actxRef.current.state === "suspended") await actxRef.current.resume();
     audioRef.current.currentTime = 0;