feat(model): add document model and book store

src/store/useBook.ts

@@ -0,0 +1,48 @@
+import { create } from "zustand";
+import type { JSONContent } from "@tiptap/core";
+import { type Book, createChapter, starterBook } from "../model/book";
+
+interface BookState {
+  book: Book;
+  activeChapterId: string;
+  dirty: boolean;
+  setActiveChapter: (id: string) => void;
+  setChapterContent: (id: string, content: JSONContent) => void;
+  setChapterTitle: (id: string, title: string) => void;
+  addChapter: () => void;
+}
+
+export const useBook = create<BookState>((set) => {
+  const book = starterBook();
+  return {
+    book,
+    activeChapterId: book.chapters[0].id,
+    dirty: false,
+    setActiveChapter: (id) => set({ activeChapterId: id }),
+    setChapterContent: (id, content) =>
+      set((s) => ({
+        dirty: true,
+        book: {
+          ...s.book,
+          chapters: s.book.chapters.map((c) => (c.id === id ? { ...c, content } : c)),
+        },
+      })),
+    setChapterTitle: (id, title) =>
+      set((s) => ({
+        dirty: true,
+        book: {
+          ...s.book,
+          chapters: s.book.chapters.map((c) => (c.id === id ? { ...c, title } : c)),
+        },
+      })),
+    addChapter: () =>
+      set((s) => {
+        const chapter = createChapter();
+        return {
+          activeChapterId: chapter.id,
+          dirty: true,
+          book: { ...s.book, chapters: [...s.book.chapters, chapter] },
+        };
+      }),
+  };
+});