@hyperframes/studio 0.4.30 → 0.4.32
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.
package/dist/index.html
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
6
6
|
<title>HyperFrames Studio</title>
|
|
7
|
-
<script type="module" crossorigin src="/assets/index-
|
|
8
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
7
|
+
<script type="module" crossorigin src="/assets/index-DxwbBcYY.js"></script>
|
|
8
|
+
<link rel="stylesheet" crossorigin href="/assets/index-DeztUnf4.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
|
11
11
|
<div id="root"></div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hyperframes/studio",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.32",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"@phosphor-icons/react": "^2.1.10",
|
|
33
33
|
"codemirror": "^6.0.1",
|
|
34
34
|
"motion": "^12.38.0",
|
|
35
|
-
"@hyperframes/core": "0.4.
|
|
36
|
-
"@hyperframes/player": "0.4.
|
|
35
|
+
"@hyperframes/core": "0.4.32",
|
|
36
|
+
"@hyperframes/player": "0.4.32"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@types/react": "^19.0.0",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"vite": "^6.4.2",
|
|
48
48
|
"vitest": "^3.2.4",
|
|
49
49
|
"zustand": "^5.0.0",
|
|
50
|
-
"@hyperframes/producer": "0.4.
|
|
50
|
+
"@hyperframes/producer": "0.4.32"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"react": "^18.0.0 || ^19.0.0",
|
package/src/App.tsx
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useState, useCallback, useRef, useEffect, useMemo, type ReactNode } from "react";
|
|
2
2
|
import { useMountEffect } from "./hooks/useMountEffect";
|
|
3
3
|
import { NLELayout } from "./components/nle/NLELayout";
|
|
4
|
-
import { TimelineEditorNotice } from "./components/nle/TimelineEditorNotice";
|
|
5
4
|
import { SourceEditor } from "./components/editor/SourceEditor";
|
|
6
5
|
import { LeftSidebar } from "./components/sidebar/LeftSidebar";
|
|
7
6
|
import { RenderQueue } from "./components/renders/RenderQueue";
|
|
@@ -38,9 +37,7 @@ import {
|
|
|
38
37
|
getTimelineZoomPercent,
|
|
39
38
|
} from "./player/components/timelineZoom";
|
|
40
39
|
import {
|
|
41
|
-
getTimelineEditorHintDismissed,
|
|
42
40
|
getTimelineToggleTitle,
|
|
43
|
-
setTimelineEditorHintDismissed,
|
|
44
41
|
shouldHandleTimelineToggleHotkey,
|
|
45
42
|
} from "./utils/timelineDiscovery";
|
|
46
43
|
|
|
@@ -267,9 +264,6 @@ export function StudioApp() {
|
|
|
267
264
|
const [globalDragOver, setGlobalDragOver] = useState(false);
|
|
268
265
|
const [appToast, setAppToast] = useState<AppToast | null>(null);
|
|
269
266
|
const [timelineVisible, setTimelineVisible] = useState(true);
|
|
270
|
-
const [timelineEditorHintDismissed, setTimelineEditorHintState] = useState(
|
|
271
|
-
getTimelineEditorHintDismissed,
|
|
272
|
-
);
|
|
273
267
|
const dragCounterRef = useRef(0);
|
|
274
268
|
const toastTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
|
275
269
|
const lastBlockedTimelineToastAtRef = useRef(0);
|
|
@@ -307,10 +301,6 @@ export function StudioApp() {
|
|
|
307
301
|
useMountEffect(() => () => {
|
|
308
302
|
if (toastTimerRef.current) clearTimeout(toastTimerRef.current);
|
|
309
303
|
});
|
|
310
|
-
const dismissTimelineEditorHint = useCallback(() => {
|
|
311
|
-
setTimelineEditorHintState(true);
|
|
312
|
-
setTimelineEditorHintDismissed(true);
|
|
313
|
-
}, []);
|
|
314
304
|
const handleTimelineToggleHotkey = useCallback(
|
|
315
305
|
(event: KeyboardEvent) => {
|
|
316
306
|
if (!shouldHandleTimelineToggleHotkey(event)) return;
|
|
@@ -1619,12 +1609,6 @@ export function StudioApp() {
|
|
|
1619
1609
|
)}
|
|
1620
1610
|
</div>
|
|
1621
1611
|
|
|
1622
|
-
{timelineElements.length > 0 && !timelineEditorHintDismissed && (
|
|
1623
|
-
<div className="pointer-events-none absolute bottom-5 left-5 z-[140]">
|
|
1624
|
-
<TimelineEditorNotice onDismiss={dismissTimelineEditorHint} />
|
|
1625
|
-
</div>
|
|
1626
|
-
)}
|
|
1627
|
-
|
|
1628
1612
|
{/* Lint modal */}
|
|
1629
1613
|
{lintModal !== null && projectId && (
|
|
1630
1614
|
<LintModal findings={lintModal} projectId={projectId} onClose={() => setLintModal(null)} />
|