diff options
| author | Maze Winther <mazewinther@gmail.com> | 2026-03-27 00:55:15 +0100 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2026-03-29 15:56:48 +0200 |
| commit | 4d127a038bf768eded68aae3cfa5c1b12241bdac (patch) | |
| tree | 16bbb801caf6770546cff4fdb37b6408ec9ead98 /apps/web/src/stores/panel-store.ts | |
| parent | 82817cb50cb0487350573d6129130aec705f924b (diff) | |
| download | opencut-4d127a038bf768eded68aae3cfa5c1b12241bdac.tar.gz | |
chore: normalize line endings
Diffstat (limited to 'apps/web/src/stores/panel-store.ts')
| -rw-r--r-- | apps/web/src/stores/panel-store.ts | 186 |
1 files changed, 93 insertions, 93 deletions
diff --git a/apps/web/src/stores/panel-store.ts b/apps/web/src/stores/panel-store.ts index 5d2621a4..6f22b6b4 100644 --- a/apps/web/src/stores/panel-store.ts +++ b/apps/web/src/stores/panel-store.ts @@ -1,93 +1,93 @@ -import { create } from "zustand"; -import { persist } from "zustand/middleware"; -import { PANEL_CONFIG } from "@/constants/editor-constants"; - -export interface PanelSizes { - tools: number; - preview: number; - properties: number; - mainContent: number; - timeline: number; -} - -export type PanelId = keyof PanelSizes; - -interface PanelState { - panels: PanelSizes; - setPanel: (panel: PanelId, size: number) => void; - setPanels: (sizes: Partial<PanelSizes>) => void; - resetPanels: () => void; -} - -export const usePanelStore = create<PanelState>()( - persist( - (set) => ({ - ...PANEL_CONFIG, - setPanel: (panel, size) => - set((state) => ({ - panels: { - ...state.panels, - [panel]: size, - }, - })), - setPanels: (sizes) => - set((state) => ({ - panels: { - ...state.panels, - ...sizes, - }, - })), - resetPanels: () => set({ ...PANEL_CONFIG }), - }), - { - name: "panel-sizes", - version: 2, - migrate: (persistedState) => { - const state = persistedState as - | { - panels?: Partial<PanelSizes> | null; - toolsPanel?: number; - previewPanel?: number; - propertiesPanel?: number; - mainContent?: number; - timeline?: number; - tools?: number; - preview?: number; - properties?: number; - } - | undefined - | null; - - if (!state) return { panels: { ...PANEL_CONFIG.panels } }; - - if (state.panels && typeof state.panels === "object") { - return { - panels: { - ...PANEL_CONFIG.panels, - ...state.panels, - }, - }; - } - - return { - panels: { - tools: state.tools ?? state.toolsPanel ?? PANEL_CONFIG.panels.tools, - preview: - state.preview ?? - state.previewPanel ?? - PANEL_CONFIG.panels.preview, - properties: - state.properties ?? - state.propertiesPanel ?? - PANEL_CONFIG.panels.properties, - mainContent: state.mainContent ?? PANEL_CONFIG.panels.mainContent, - timeline: state.timeline ?? PANEL_CONFIG.panels.timeline, - }, - }; - }, - partialize: (state) => ({ - panels: state.panels, - }), - }, - ), -); +import { create } from "zustand";
+import { persist } from "zustand/middleware";
+import { PANEL_CONFIG } from "@/constants/editor-constants";
+
+export interface PanelSizes {
+ tools: number;
+ preview: number;
+ properties: number;
+ mainContent: number;
+ timeline: number;
+}
+
+export type PanelId = keyof PanelSizes;
+
+interface PanelState {
+ panels: PanelSizes;
+ setPanel: (panel: PanelId, size: number) => void;
+ setPanels: (sizes: Partial<PanelSizes>) => void;
+ resetPanels: () => void;
+}
+
+export const usePanelStore = create<PanelState>()(
+ persist(
+ (set) => ({
+ ...PANEL_CONFIG,
+ setPanel: (panel, size) =>
+ set((state) => ({
+ panels: {
+ ...state.panels,
+ [panel]: size,
+ },
+ })),
+ setPanels: (sizes) =>
+ set((state) => ({
+ panels: {
+ ...state.panels,
+ ...sizes,
+ },
+ })),
+ resetPanels: () => set({ ...PANEL_CONFIG }),
+ }),
+ {
+ name: "panel-sizes",
+ version: 2,
+ migrate: (persistedState) => {
+ const state = persistedState as
+ | {
+ panels?: Partial<PanelSizes> | null;
+ toolsPanel?: number;
+ previewPanel?: number;
+ propertiesPanel?: number;
+ mainContent?: number;
+ timeline?: number;
+ tools?: number;
+ preview?: number;
+ properties?: number;
+ }
+ | undefined
+ | null;
+
+ if (!state) return { panels: { ...PANEL_CONFIG.panels } };
+
+ if (state.panels && typeof state.panels === "object") {
+ return {
+ panels: {
+ ...PANEL_CONFIG.panels,
+ ...state.panels,
+ },
+ };
+ }
+
+ return {
+ panels: {
+ tools: state.tools ?? state.toolsPanel ?? PANEL_CONFIG.panels.tools,
+ preview:
+ state.preview ??
+ state.previewPanel ??
+ PANEL_CONFIG.panels.preview,
+ properties:
+ state.properties ??
+ state.propertiesPanel ??
+ PANEL_CONFIG.panels.properties,
+ mainContent: state.mainContent ?? PANEL_CONFIG.panels.mainContent,
+ timeline: state.timeline ?? PANEL_CONFIG.panels.timeline,
+ },
+ };
+ },
+ partialize: (state) => ({
+ panels: state.panels,
+ }),
+ },
+ ),
+);
|