hyperframes 0.7.0 → 0.7.1
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/cli.js +2 -16
- package/dist/studio/assets/{index-DsxCdV8b.js → index-CnYOrmoA.js} +1 -1
- package/dist/studio/assets/{index-CbNg8Ghm.js → index-Z4bA3Fi0.js} +3 -3
- package/dist/studio/assets/{index-CccCJ2B6.js → index-wWkKTkIq.js} +1 -1
- package/dist/studio/index.html +1 -1
- package/dist/studio/index.js +11 -13
- package/dist/studio/index.js.map +1 -1
- package/package.json +1 -1
package/dist/studio/index.html
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
6
6
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
7
7
|
<title>HyperFrames Studio</title>
|
|
8
|
-
<script type="module" crossorigin src="/assets/index-
|
|
8
|
+
<script type="module" crossorigin src="/assets/index-Z4bA3Fi0.js"></script>
|
|
9
9
|
<link rel="stylesheet" crossorigin href="/assets/index-DzWIinxk.css">
|
|
10
10
|
</head>
|
|
11
11
|
<body>
|
package/dist/studio/index.js
CHANGED
|
@@ -27869,7 +27869,8 @@ function useGsapAnimationsForElement(projectId, sourceFile, target, version, ifr
|
|
|
27869
27869
|
const lastFetchKeyRef = useRef51("");
|
|
27870
27870
|
const retryTimerRef = useRef51(null);
|
|
27871
27871
|
useEffect32(() => {
|
|
27872
|
-
const
|
|
27872
|
+
const targetKey = target?.id ?? target?.selector ?? "";
|
|
27873
|
+
const fetchKey = `${projectId}:${sourceFile}:${version}:${targetKey}`;
|
|
27873
27874
|
if (fetchKey === lastFetchKeyRef.current) return;
|
|
27874
27875
|
lastFetchKeyRef.current = fetchKey;
|
|
27875
27876
|
if (retryTimerRef.current) {
|
|
@@ -28038,9 +28039,7 @@ function usePopulateKeyframeCacheForFile(projectId, sourceFile, version, iframeR
|
|
|
28038
28039
|
if (!projectId) return;
|
|
28039
28040
|
const sf = sourceFile;
|
|
28040
28041
|
fetchParsedAnimations(projectId, sf).then((parsed) => {
|
|
28041
|
-
if (!parsed)
|
|
28042
|
-
return;
|
|
28043
|
-
}
|
|
28042
|
+
if (!parsed) return;
|
|
28044
28043
|
const { setKeyframeCache } = usePlayerStore.getState();
|
|
28045
28044
|
clearKeyframeCacheForFile(sf);
|
|
28046
28045
|
const { elements } = usePlayerStore.getState();
|
|
@@ -28048,13 +28047,9 @@ function usePopulateKeyframeCacheForFile(projectId, sourceFile, version, iframeR
|
|
|
28048
28047
|
for (const anim of parsed.animations) {
|
|
28049
28048
|
const id = extractIdFromSelector(anim.targetSelector);
|
|
28050
28049
|
if (!id) continue;
|
|
28051
|
-
if (anim.hasUnresolvedKeyframes)
|
|
28052
|
-
continue;
|
|
28053
|
-
}
|
|
28050
|
+
if (anim.hasUnresolvedKeyframes) continue;
|
|
28054
28051
|
const kfData = anim.keyframes ?? synthesizeFlatTweenKeyframes(anim);
|
|
28055
|
-
if (!kfData)
|
|
28056
|
-
continue;
|
|
28057
|
-
}
|
|
28052
|
+
if (!kfData) continue;
|
|
28058
28053
|
const tweenPos = anim.resolvedStart ?? (typeof anim.position === "number" ? anim.position : 0);
|
|
28059
28054
|
const tweenDur = anim.duration ?? 1;
|
|
28060
28055
|
const timelineEl = elements.find(
|
|
@@ -28148,7 +28143,8 @@ function useDomEditPreviewSync({
|
|
|
28148
28143
|
syncPreviewHistoryHotkey,
|
|
28149
28144
|
applyStudioManualEditsToPreviewRef,
|
|
28150
28145
|
openSourceForSelection,
|
|
28151
|
-
getSidebarTab
|
|
28146
|
+
getSidebarTab,
|
|
28147
|
+
gsapCacheVersion
|
|
28152
28148
|
}) {
|
|
28153
28149
|
useEffect33(() => {
|
|
28154
28150
|
if (!previewIframe) return;
|
|
@@ -28197,7 +28193,8 @@ function useDomEditPreviewSync({
|
|
|
28197
28193
|
previewIframe,
|
|
28198
28194
|
refreshPreviewDocumentVersion,
|
|
28199
28195
|
syncPreviewHistoryHotkey,
|
|
28200
|
-
applyStudioManualEditsToPreviewRef
|
|
28196
|
+
applyStudioManualEditsToPreviewRef,
|
|
28197
|
+
gsapCacheVersion
|
|
28201
28198
|
]);
|
|
28202
28199
|
const openSourceRef = useRef52(openSourceForSelection);
|
|
28203
28200
|
openSourceRef.current = openSourceForSelection;
|
|
@@ -28587,7 +28584,8 @@ function useDomEditWiring({
|
|
|
28587
28584
|
syncPreviewHistoryHotkey,
|
|
28588
28585
|
applyStudioManualEditsToPreviewRef,
|
|
28589
28586
|
openSourceForSelection,
|
|
28590
|
-
getSidebarTab
|
|
28587
|
+
getSidebarTab,
|
|
28588
|
+
gsapCacheVersion
|
|
28591
28589
|
});
|
|
28592
28590
|
return {
|
|
28593
28591
|
onClickToSource,
|