hyperframes 0.7.39 → 0.7.40

package/dist/studio/index.d.ts

@@ -104,6 +104,8 @@ interface TimelineElement {
     timingSource?: "authored" | "implicit";
     /** Set by data-timeline-locked on the host element — disables move and trim in Studio. */
     timelineLocked?: boolean;
+    /** Set by data-hidden on the host element — hides the clip in preview and render. */
+    hidden?: boolean;
     /** Value of data-timeline-role attribute — used to identify music vs. voiceover. */
     timelineRole?: string;
     /**
@@ -185,7 +187,7 @@ interface PlayerState {
     setBeatDragging: (dragging: boolean) => void;
     setElements: (elements: TimelineElement[]) => void;
     setSelectedElementId: (id: string | null) => void;
-    updateElement: (elementId: string, updates: Partial<Pick<TimelineElement, "start" | "duration" | "track" | "playbackStart">>) => void;
+    updateElement: (elementId: string, updates: Partial<Pick<TimelineElement, "start" | "duration" | "track" | "playbackStart" | "hidden">>) => void;
     setZoomMode: (mode: ZoomMode) => void;
     setManualZoomPercent: (percent: number) => void;
     setInPoint: (time: number | null) => void;
@@ -253,34 +255,6 @@ declare const liveTime: {
 };
 declare const usePlayerStore: zustand.UseBoundStore<zustand.StoreApi<PlayerState>>;
 
-interface TimelineTheme {
-    shellBackground: string;
-    shellBorder: string;
-    rulerBorder: string;
-    rowBackground: string;
-    rowBorder: string;
-    gutterBackground: string;
-    gutterBorder: string;
-    textPrimary: string;
-    textSecondary: string;
-    tickText: string;
-    tickMajor: string;
-    tickMinor: string;
-    clipBackground: string;
-    clipBackgroundActive: string;
-    clipBorder: string;
-    clipBorderHover: string;
-    clipBorderActive: string;
-    clipShadow: string;
-    clipShadowHover: string;
-    clipShadowActive: string;
-    clipShadowDragging: string;
-    handleColor: string;
-    panelResizeSeam: string;
-    panelResizeActive: string;
-    clipRadius: string;
-}
-
 type BlockedTimelineEditIntent = "move" | "resize-start" | "resize-end";
 
 /**
@@ -305,6 +279,7 @@ interface TimelineDropCallbacks {
 interface TimelineEditCallbacks {
     onMoveElement?: (element: TimelineElement, updates: Pick<TimelineElement, "start" | "track">) => Promise<void> | void;
     onResizeElement?: (element: TimelineElement, updates: Pick<TimelineElement, "start" | "duration" | "playbackStart">) => Promise<void> | void;
+    onToggleTrackHidden?: (track: number, hidden: boolean) => Promise<void> | void;
     onBlockedEditAttempt?: (element: TimelineElement, intent: BlockedTimelineEditIntent) => void;
     onSplitElement?: (element: TimelineElement, splitTime: number) => Promise<void> | void;
     onRazorSplit?: (element: TimelineElement, splitTime: number) => Promise<void> | void;
@@ -317,6 +292,34 @@ interface TimelineEditCallbacks {
     onToggleKeyframeAtPlayhead?: (element: TimelineElement) => void;
 }
 
+interface TimelineTheme {
+    shellBackground: string;
+    shellBorder: string;
+    rulerBorder: string;
+    rowBackground: string;
+    rowBorder: string;
+    gutterBackground: string;
+    gutterBorder: string;
+    textPrimary: string;
+    textSecondary: string;
+    tickText: string;
+    tickMajor: string;
+    tickMinor: string;
+    clipBackground: string;
+    clipBackgroundActive: string;
+    clipBorder: string;
+    clipBorderHover: string;
+    clipBorderActive: string;
+    clipShadow: string;
+    clipShadowHover: string;
+    clipShadowActive: string;
+    clipShadowDragging: string;
+    handleColor: string;
+    panelResizeSeam: string;
+    panelResizeActive: string;
+    clipRadius: string;
+}
+
 type TimelineEditOverrides = Pick<TimelineEditCallbacks, "onMoveElement" | "onResizeElement" | "onBlockedEditAttempt" | "onSplitElement">;
 
 interface TimelineProps extends TimelineDropCallbacks, TimelineEditOverrides {
@@ -331,6 +334,7 @@ interface TimelineProps extends TimelineDropCallbacks, TimelineEditOverrides {
     onSelectElement?: (element: TimelineElement | null) => void;
     theme?: Partial<TimelineTheme>;
 }
+
 declare const Timeline: react.NamedExoticComponent<TimelineProps>;
 
 interface VideoThumbnailProps {
@@ -631,6 +635,7 @@ interface PropertyPanelProps {
     onAddTextField: (afterFieldKey?: string) => string | Promise<string | null> | null;
     onRemoveTextField: (fieldKey: string) => void;
     onAskAgent: () => void;
+    onToggleElementHidden?: (elementKey: string, hidden: boolean) => void | Promise<void>;
     onImportAssets?: (files: FileList, dir?: string) => Promise<string[]>;
     fontAssets?: ImportedFontAsset[];
     onImportFonts?: (files: FileList | File[]) => Promise<ImportedFontAsset[]>;

package/dist/studio/index.html

@@ -5,8 +5,8 @@
     <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-B9YvRJz1.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-0P10SwC_.css">
+    <script type="module" crossorigin src="/assets/index-B2Utv-2b.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BpM6cnfP.css">
   </head>
   <body>
     <div data-hf-id="hf-aph5" id="root"></div>