@hyperframes/studio 0.6.0-alpha.11 → 0.6.0-alpha.13

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 (21) hide show
  1. package/dist/assets/{hyperframes-player-DjsVzYFP.js → hyperframes-player-DMgdgHZd.js} +1 -1
  2. package/dist/assets/index-B0OzpJPU.css +1 -0
  3. package/dist/assets/index-SEkerIt9.js +110 -0
  4. package/dist/index.html +2 -2
  5. package/package.json +4 -4
  6. package/src/App.tsx +47 -302
  7. package/src/components/editor/DomEditOverlay.tsx +15 -1
  8. package/src/components/editor/PropertyPanel.test.ts +0 -49
  9. package/src/components/editor/PropertyPanel.tsx +158 -27
  10. package/src/components/editor/domEditing.ts +38 -5
  11. package/src/components/editor/manualEditingAvailability.test.ts +2 -2
  12. package/src/components/editor/manualEditingAvailability.ts +1 -1
  13. package/src/components/nle/NLELayout.tsx +0 -10
  14. package/src/components/renders/useRenderQueue.ts +8 -2
  15. package/src/player/components/Player.tsx +19 -1
  16. package/src/player/components/Timeline.test.ts +0 -8
  17. package/src/player/components/Timeline.tsx +2 -83
  18. package/src/player/components/TimelineClip.tsx +9 -244
  19. package/dist/assets/index-FWg79aJz.css +0 -1
  20. package/dist/assets/index-xyVaWqe2.js +0 -108
  21. package/src/player/components/TimelineClip.test.ts +0 -92
package/src/player/components/TimelineClip.test.ts DELETED
@@ -1,92 +0,0 @@
1
- import { describe, expect, it } from "vitest";
2
- import { getTimelineClipControlPresentation } from "./TimelineClip";
3
-
4
- describe("getTimelineClipControlPresentation", () => {
5
- it("collapses persistent controls for compact clips until the clip is interactive", () => {
6
- expect(
7
- getTimelineClipControlPresentation({
8
- widthPx: 42,
9
- isHovered: false,
10
- isSelected: false,
11
- isInspectorActive: false,
12
- isThumbnailActive: false,
13
- isDragging: false,
14
- }),
15
- ).toMatchObject({
16
- compact: true,
17
- showControls: false,
18
- });
19
- });
20
-
21
- it("shows compact controls when the clip is hovered, selected, or active", () => {
22
- expect(
23
- getTimelineClipControlPresentation({
24
- widthPx: 42,
25
- isHovered: true,
26
- isSelected: false,
27
- isInspectorActive: false,
28
- isThumbnailActive: false,
29
- isDragging: false,
30
- }),
31
- ).toMatchObject({
32
- compact: true,
33
- showControls: true,
34
- });
35
-
36
- expect(
37
- getTimelineClipControlPresentation({
38
- widthPx: 42,
39
- isHovered: false,
40
- isSelected: false,
41
- isInspectorActive: true,
42
- isThumbnailActive: false,
43
- isDragging: false,
44
- }).showControls,
45
- ).toBe(true);
46
- });
47
-
48
- it("keeps controls visible on wide clips", () => {
49
- expect(
50
- getTimelineClipControlPresentation({
51
- widthPx: 120,
52
- isHovered: false,
53
- isSelected: false,
54
- isInspectorActive: false,
55
- isThumbnailActive: false,
56
- isDragging: false,
57
- }),
58
- ).toMatchObject({
59
- compact: false,
60
- showControls: true,
61
- });
62
- });
63
-
64
- it("treats medium-width clips as compact so dense tracks do not turn into icon grids", () => {
65
- expect(
66
- getTimelineClipControlPresentation({
67
- widthPx: 96,
68
- isHovered: false,
69
- isSelected: false,
70
- isInspectorActive: false,
71
- isThumbnailActive: false,
72
- isDragging: false,
73
- }),
74
- ).toMatchObject({
75
- compact: true,
76
- showControls: false,
77
- });
78
- });
79
-
80
- it("hides controls while dragging", () => {
81
- expect(
82
- getTimelineClipControlPresentation({
83
- widthPx: 120,
84
- isHovered: true,
85
- isSelected: true,
86
- isInspectorActive: true,
87
- isThumbnailActive: true,
88
- isDragging: true,
89
- }).showControls,
90
- ).toBe(false);
91
- });
92
- });