diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-06-22 13:07:02 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-06-22 13:07:02 +0200 |
| commit | be970248686c0af7d8506cba8c64bf507419da3d (patch) | |
| tree | 3fd8a716b7adae452f1be6dcdd946533da47ad8a /apps/web/src/stores/panel-store.ts | |
| parent | f2d27e578e6214598d36779f44fb1612764c7b3b (diff) | |
| download | opencut-be970248686c0af7d8506cba8c64bf507419da3d.tar.gz | |
so much stuff???
Diffstat (limited to 'apps/web/src/stores/panel-store.ts')
| -rw-r--r-- | apps/web/src/stores/panel-store.ts | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/apps/web/src/stores/panel-store.ts b/apps/web/src/stores/panel-store.ts new file mode 100644 index 00000000..ea2dacb9 --- /dev/null +++ b/apps/web/src/stores/panel-store.ts @@ -0,0 +1,79 @@ +import { create } from "zustand";
+import { persist } from "zustand/middleware";
+
+interface PanelState {
+ // Horizontal panel sizes
+ toolsPanel: number;
+ previewPanel: number;
+ propertiesPanel: number;
+
+ // Vertical panel sizes
+ mainContent: number;
+ timeline: number;
+
+ // Flag to prevent initial overwrites
+ isInitialized: boolean;
+
+ // Actions
+ setToolsPanel: (size: number) => void;
+ setPreviewPanel: (size: number) => void;
+ setPropertiesPanel: (size: number) => void;
+ setMainContent: (size: number) => void;
+ setTimeline: (size: number) => void;
+ setInitialized: () => void;
+}
+
+export const usePanelStore = create<PanelState>()(
+ persist(
+ (set, get) => ({
+ // Default sizes
+ toolsPanel: 20,
+ previewPanel: 60,
+ propertiesPanel: 20,
+ mainContent: 50,
+ timeline: 50,
+ isInitialized: false,
+
+ // Actions
+ setToolsPanel: (size) => {
+ const state = get();
+ if (!state.isInitialized) return;
+ set({ toolsPanel: size });
+ },
+ setPreviewPanel: (size) => {
+ const state = get();
+ if (!state.isInitialized) return;
+ set({ previewPanel: size });
+ },
+ setPropertiesPanel: (size) => {
+ const state = get();
+ if (!state.isInitialized) return;
+ set({ propertiesPanel: size });
+ },
+ setMainContent: (size) => {
+ const state = get();
+ if (!state.isInitialized) return;
+ set({ mainContent: size });
+ },
+ setTimeline: (size) => {
+ const state = get();
+ if (!state.isInitialized) return;
+ set({ timeline: size });
+ },
+ setInitialized: () => {
+ console.log("Panel store initialized for resize events");
+ set({ isInitialized: true });
+ },
+ }),
+ {
+ name: "panel-sizes",
+ partialize: (state) => ({
+ toolsPanel: state.toolsPanel,
+ previewPanel: state.previewPanel,
+ propertiesPanel: state.propertiesPanel,
+ mainContent: state.mainContent,
+ timeline: state.timeline,
+ }),
+ }
+ )
+);
|