@hyperframes/studio 0.8.113 → 0.8.114

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 (53) hide show
  1. package/dist/assets/{hyperframes-player-DzJbtQVO.js → hyperframes-player-aXNJKiIg.js} +1 -1
  2. package/dist/assets/index-BYnsJnJV.css +1 -0
  3. package/dist/assets/{index-n5FUn1xv.js → index-Bn2RJNTJ.js} +1 -1
  4. package/dist/assets/{index-DgwDQK5G.js → index-C9N-DGjC.js} +1 -1
  5. package/dist/assets/{index-DRhF3v4Z.js → index-Dz7doz9l.js} +199 -199
  6. package/dist/index.d.ts +3 -3
  7. package/dist/index.html +2 -2
  8. package/dist/index.js +1605 -1536
  9. package/dist/index.js.map +1 -1
  10. package/dist/styles.css +1 -1
  11. package/package.json +9 -8
  12. package/src/App.tsx +82 -84
  13. package/src/components/EditorShell.tsx +3 -3
  14. package/src/components/StudioHeader.tsx +4 -4
  15. package/src/components/StudioLeftPanels.tsx +3 -3
  16. package/src/components/StudioOverlays.tsx +4 -4
  17. package/src/components/StudioRightPanels.tsx +14 -9
  18. package/src/components/StudioToast.tsx +1 -1
  19. package/src/components/TimelineToolbar.tsx +3 -3
  20. package/src/components/editor/InlineTextToolbar.tsx +11 -27
  21. package/src/components/editor/colorBrowserCanvas.test.ts +116 -0
  22. package/src/components/editor/colorValue.test.ts +16 -0
  23. package/src/components/editor/colorValue.ts +100 -24
  24. package/src/components/editor/cropResize.test.ts +11 -0
  25. package/src/components/editor/cropResize.ts +2 -3
  26. package/src/components/editor/gradientValue.ts +28 -36
  27. package/src/components/editor/gsapAnimatesProperty.ts +0 -54
  28. package/src/components/editor/inlineTextStyleRange.test.ts +31 -1
  29. package/src/components/editor/inlineTextStyleRange.ts +5 -2
  30. package/src/components/editor/inlineTextStyleRead.ts +9 -0
  31. package/src/components/editor/manualEditsDom.ts +2 -2
  32. package/src/components/editor/manualEditsSeekReapply.ts +2 -2
  33. package/src/components/editor/propertyPanelColor.tsx +1 -1
  34. package/src/components/editor/reapplyPositionEditsAfterSeek.test.ts +25 -0
  35. package/src/hooks/gsapRuntimeKeyframes.ts +1 -1
  36. package/src/hooks/gsapRuntimeReaders.test.ts +48 -0
  37. package/src/hooks/gsapRuntimeReaders.ts +3 -90
  38. package/src/hooks/useAppHotkeys.ts +11 -5
  39. package/src/hooks/useFrameCapture.ts +15 -8
  40. package/src/hooks/useGestureCommit.ts +4 -1
  41. package/src/hooks/useGestureTrailOverlay.tsx +33 -0
  42. package/src/hooks/usePanelLayout.ts +5 -1
  43. package/src/hooks/useShellSlices.ts +53 -0
  44. package/src/hooks/useStableHandlers.test.tsx +77 -0
  45. package/src/hooks/useStableHandlers.ts +44 -0
  46. package/src/hooks/useStudioSdkSessions.ts +2 -1
  47. package/src/hooks/useStudioSidePanels.test.tsx +44 -0
  48. package/src/hooks/useStudioSidePanels.tsx +23 -0
  49. package/src/hooks/useTimelineAddAtPlayhead.ts +16 -8
  50. package/src/hooks/useTimelineEditing.ts +33 -27
  51. package/src/utils/frameCapture.ts +3 -1
  52. package/src/utils/gsapUndoRestore.browser.test.ts +4 -2
  53. package/dist/assets/index-DbfKVTId.css +0 -1
package/dist/index.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  export { Button, ButtonSize, ButtonVariant, ContextMenu, HyperframesLoader, HyperframesLoaderProps, HyperframesLogo, IconButton, Input, InputProps, Menu, MenuItem, MenuItemTone, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, NumberField, NumberFieldProps, Popover, PopupPreviewState, PreviewState, Select, SelectOption, SelectProps, Slider, SliderProps, Tab, TabPanel, Tabs, TabsList, Toggle, ToggleProps, Tooltip, buttonBase, buttonSizes, buttonVariants, cn, fieldBase, fieldText, popupSurface } from './ui.js';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
3
2
  import * as react from 'react';
4
3
  import { RefObject, MutableRefObject, ReactNode, DragEventHandler, ComponentProps, RefCallback, MouseEvent, CSSProperties, UIEvent, PointerEvent } from 'react';
5
4
  import { RuntimeTimelineClipIdentity, HyperframePickerElementInfo } from '@hyperframes/core';
6
5
  import { GsapAnimation, ParsedGsap, PropertyGroupName } from '@hyperframes/core/gsap-parser';
7
6
  import { GsapAnimation as GsapAnimation$1, ArcPathSegment } from '@hyperframes/parsers/gsap-parser';
8
7
  import { Composition } from '@hyperframes/sdk';
8
+ import * as react_jsx_runtime from 'react/jsx-runtime';
9
9
  import * as zustand from 'zustand';
10
10
  import { StoreApi } from 'zustand';
11
11
  export { Player } from './player.js';
@@ -2008,7 +2008,7 @@ interface EditorShellProps extends TimelineEditCallbackDeps {
2008
2008
  /** Short text shown on disabled hand-edit controls while `readOnlyPreview` is set. */
2009
2009
  readOnlyPreviewReason?: string;
2010
2010
  }
2011
- declare function EditorShell({ panels, timelineToolbar, renderClipContent, handleTimelineElementDelete, handleTimelineAssetDrop, handleTimelineBlockDrop, handleTimelineCompositionDrop, handlePreviewBlockDrop, handleTimelineFileDrop, handleTimelineElementMove, handleTimelineElementsMove, handleTimelineElementResize, handleTimelineGroupResize, handleToggleTrackHidden, setAudioGroupAttribute, handleGroupClips, setElementFxAttribute, handleBlockedTimelineEdit, handleTimelineElementSplit, handleRazorSplit, handleRazorSplitAll, handleFreezeFrame, handleLinkEdit, handleTimelineElementDeleteOnly, onCopyClip, onPasteClip, onDuplicateClip, canPasteClip, clipMenuItems, setCompIdToSrc, setCompositionLoading, shouldShowMotionPath, shouldShowSelectedDomBounds, isGestureRecording, recordingState, onToggleRecording, blockPreview, gestureOverlay, readOnlyPreview, readOnlyPreviewReason, }: EditorShellProps): react_jsx_runtime.JSX.Element;
2011
+ declare const EditorShell: react.NamedExoticComponent<EditorShellProps>;
2012
2012
 
2013
2013
  interface PreviewCompositionSize {
2014
2014
  width: number;
@@ -2991,7 +2991,7 @@ interface TimelineToolbarProps {
2991
2991
  /** Hides Add keyframe and auto-record, and turns off auto-record and the K shortcut with them. */
2992
2992
  showKeyframes?: boolean;
2993
2993
  }
2994
- declare function TimelineToolbar({ domEditSession, onSplitElement, history, showHistory, showSelectAroundPlayhead, showAddBeat, showKeyframes, }: TimelineToolbarProps): react_jsx_runtime.JSX.Element;
2994
+ declare const TimelineToolbar: react.NamedExoticComponent<TimelineToolbarProps>;
2995
2995
 
2996
2996
  interface AudioMeterStripProps {
2997
2997
  /** Pass a stable ref (useRef): a new object each render restarts the meter loop. */
package/dist/index.html CHANGED
@@ -14,8 +14,8 @@
14
14
  document.documentElement.dataset.theme = "paper";
15
15
  }
16
16
  </script>
17
- <script type="module" crossorigin src="/assets/index-DRhF3v4Z.js"></script>
18
- <link rel="stylesheet" crossorigin href="/assets/index-DbfKVTId.css">
17
+ <script type="module" crossorigin src="/assets/index-Dz7doz9l.js"></script>
18
+ <link rel="stylesheet" crossorigin href="/assets/index-BYnsJnJV.css">
19
19
  </head>
20
20
  <body>
21
21
  <div data-hf-id="hf-aph5" id="root"></div>