@hyperframes/studio 0.8.190 → 0.8.192

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/assets/{hyperframes-player-0HXJPmYC.js → hyperframes-player-ChN3cOr0.js} +3 -3
  2. package/dist/assets/{index-DsSfhjUS.js → index-BYbFcRR0.js} +1 -1
  3. package/dist/assets/{index-BYw97F07.js → index-CHu83hHM.js} +126 -125
  4. package/dist/assets/{index-B3vk3hfU.css → index-CYbvOVp-.css} +1 -1
  5. package/dist/{chunk-563JPIL4.js → chunk-6SXUUBPD.js} +9 -3
  6. package/dist/{chunk-FF5DM7BQ.js → chunk-7HZGKFFU.js} +18 -4
  7. package/dist/index.d.ts +2 -2
  8. package/dist/index.html +2 -2
  9. package/dist/index.js +509 -282
  10. package/dist/player.js +2 -2
  11. package/dist/styles.css +1 -1
  12. package/dist/ui.d.ts +3 -1
  13. package/dist/ui.js +1 -1
  14. package/package.json +9 -8
  15. package/src/captions/parser.dom.test.ts +126 -0
  16. package/src/captions/parser.test.ts +71 -1
  17. package/src/captions/parser.ts +121 -65
  18. package/src/components/StudioRightPanels.tsx +9 -0
  19. package/src/components/dock/DockTab.tsx +2 -0
  20. package/src/components/dock/dockAccessibility.test.ts +3 -3
  21. package/src/components/dock/dockLayout.ts +1 -1
  22. package/src/components/dock/panelRegistry.ts +6 -0
  23. package/src/components/panels/MotionBlurPanel.test.tsx +177 -0
  24. package/src/components/panels/MotionBlurPanel.tsx +163 -0
  25. package/src/components/panels/motionBlurPanelModel.test.ts +143 -0
  26. package/src/components/panels/motionBlurPanelModel.ts +98 -0
  27. package/src/components/ui/Tooltip.test.tsx +32 -0
  28. package/src/components/ui/Tooltip.tsx +23 -3
  29. package/src/hooks/usePanelLayout.test.ts +1 -1
  30. package/src/player/components/TimelineClip.filmstrip.test.tsx +1 -1
  31. package/src/player/components/timelineMotionStyles.test.ts +1 -1
  32. package/src/styles/theme.css +1 -1
  33. package/src/utils/studioHelpers.ts +2 -1
  34. package/src/utils/studioUrlState.ts +8 -1
package/src/player/components/TimelineClip.filmstrip.test.tsx CHANGED
@@ -140,7 +140,7 @@ describe("Filmstrip clips", () => {
140
140
  const picture = host.querySelector(".timeline-clip__content");
141
141
  expect(clip?.classList.contains("is-audio")).toBe(true);
142
142
  expect(picture?.classList.contains("inset-0")).toBe(true);
143
- expect(css).toMatch(/--timeline-clip-audio-radius:\s*21px;/);
143
+ expect(css).toMatch(/--timeline-clip-audio-radius:\s*var\(--timeline-clip-radius\);/);
144
144
  expect(clip instanceof HTMLElement && clip.style.borderRadius).toBe(
145
145
  "var(--timeline-clip-audio-radius)",
146
146
  );
package/src/player/components/timelineMotionStyles.test.ts CHANGED
@@ -92,7 +92,7 @@ describe("timeline motion styles", () => {
92
92
  expect(themeCss).toContain("--timeline-clip-label-shadow: 0 1px 2px rgba(0, 0, 0, 0.85)");
93
93
  expect(themeCss).toContain("--timeline-clip-selection-highlight: rgb(255 255 255 / 0.55)");
94
94
  expect(themeCss).toContain("--timeline-clip-radius: 12px");
95
- expect(themeCss).toContain("--timeline-clip-audio-radius: 21px");
95
+ expect(themeCss).toContain("--timeline-clip-audio-radius: var(--timeline-clip-radius)");
96
96
  expect(themeCss).toContain("--timeline-clip-highlight: rgb(255 255 255 / 0.08)");
97
97
  expect(themeCss).toContain("--timeline-clip-shadow: 0 2px 6px rgb(0 0 0 / 0.3)");
98
98
  expect(themeCss).toContain("--timeline-clip-chip-bg: rgba(15, 22, 18, 0.73)");
package/src/styles/theme.css CHANGED
@@ -123,7 +123,7 @@
123
123
  --timeline-clip-band-height: 15px;
124
124
  --timeline-clip-band-bg: rgb(12 12 14);
125
125
  --timeline-clip-hover-duration: 60ms;
126
- --timeline-clip-audio-radius: 21px;
126
+ --timeline-clip-audio-radius: var(--timeline-clip-radius);
127
127
  --timeline-clip-highlight: rgb(255 255 255 / 0.08);
128
128
  --timeline-clip-shadow: 0 2px 6px rgb(0 0 0 / 0.3);
129
129
  --timeline-clip-chip-bg: rgba(15, 22, 18, 0.73);
package/src/utils/studioHelpers.ts CHANGED
@@ -23,7 +23,8 @@ export type RightPanelTab =
23
23
  | "renders"
24
24
  | "block-params"
25
25
  | "slideshow"
26
- | "variables";
26
+ | "variables"
27
+ | "motionBlur";
27
28
  export interface AgentModalAnchorPoint {
28
29
  x: number;
29
30
  y: number;
package/src/utils/studioUrlState.ts CHANGED
@@ -28,7 +28,14 @@ export interface StudioUrlState {
28
28
  selection: StudioUrlSelectionState | null;
29
29
  }
30
30
 
31
- const VALID_TABS: RightPanelTab[] = ["layers", "design", "renders", "slideshow", "variables"];
31
+ const VALID_TABS: RightPanelTab[] = [
32
+ "layers",
33
+ "design",
34
+ "renders",
35
+ "slideshow",
36
+ "variables",
37
+ "motionBlur",
38
+ ];
32
39
 
33
40
  /**
34
41
  * The composition auto-open and a schema-level panel (Variables / Slideshow)