editor-store.ts

editor-store.tsapps/web/src/stores/editor-store.tsraw ← stores2,394 B← Back to the app
1"use client";
2 
3/**
4 * Editor-local state (Zustand): which page/block the editor is focused on.
5 * Server state (blocks, pages) stays in TanStack Query.
6 *
7 * TASK-0123: `selectedBlockIds` — the MULTI-block selection (⌘/Ctrl+click or
8 * Shift+click range in the page view). It drives the floating selection
9 * toolbar (the writing tools' entry point). Single-click still sets the
10 * single `selectedBlockId` (the existing row-highlight behavior, unchanged);
11 * the multi set is an additive, page-scoped overlay that is cleared on page
12 * change and by the toolbar's Clear button.
13 */
14import { create } from "zustand";
15 
16interface EditorState {
17  activePageId: string | null;
18  selectedBlockId: string | null;
19  /** Deep-link target: scroll + expand to this block once the page loads. */
20  focusBlockId: string | null;
21  /** True once the Tiptap instance for the active page is mounted. */
22  editorReady: boolean;
23  /** TASK-0123 — the multi-block selection (empty = single-select mode). */
24  selectedBlockIds: string[];
25  setActivePage: (pageId: string | null) => void;
26  setSelection: (blockId: string | null) => void;
27  setFocus: (blockId: string | null) => void;
28  setReady: (ready: boolean) => void;
29  /** Toggle one block in the multi-selection (⌘/Ctrl+click). */
30  toggleSelected: (blockId: string) => void;
31  /** Replace the multi-selection (Shift+click range / toolbar Clear → []). */
32  setManySelected: (blockIds: string[]) => void;
33  reset: () => void;
34}
35 
36export const useEditorStore = create<EditorState>()((set) => ({
37  activePageId: null,
38  selectedBlockId: null,
39  focusBlockId: null,
40  editorReady: false,
41  selectedBlockIds: [],
42  setActivePage: (activePageId) =>
43    set({ activePageId, selectedBlockId: null, focusBlockId: null, editorReady: false, selectedBlockIds: [] }),
44  setSelection: (selectedBlockId) => set({ selectedBlockId }),
45  setFocus: (focusBlockId) => set({ focusBlockId }),
46  setReady: (editorReady) => set({ editorReady }),
47  toggleSelected: (blockId) =>
48    set((s) => ({
49      selectedBlockIds: s.selectedBlockIds.includes(blockId)
50        ? s.selectedBlockIds.filter((id) => id !== blockId)
51        : [...s.selectedBlockIds, blockId]
52    })),
53  setManySelected: (selectedBlockIds) => set({ selectedBlockIds }),
54  reset: () =>
55    set({ activePageId: null, selectedBlockId: null, focusBlockId: null, editorReady: false, selectedBlockIds: [] })
56}));
57