a508ece6e7
Complete architecture for a ClickUp/Notion/Miro-class project management app: - Turborepo monorepo with Next.js 15, TypeScript, PostgreSQL (Drizzle ORM) - Object-centered database schema (everything is an Object: tasks, projects, docs, whiteboards) - NextAuth v5 authentication with credentials + OAuth providers - tRPC v11 API layer with full CRUD for objects, properties, relations, templates, search - Three-panel UI: collapsible sidebar, center content area, push-in right panel - Purple/teal theme with light/dark mode via Shadcn/ui + Tailwind CSS - Multiple views: List, Kanban board (dnd-kit), Table (spreadsheet), Embedded iframe - TipTap rich text editor with slash commands, custom blocks (callout, toggle, mention, embed, divider), AI block - Real-time collaboration via Yjs + Hocuspocus with presence/cursors - tldraw whiteboard with custom shape cards (task, document, project) - MCP server exposing all app data/tools for AI agents - AI chat panel, editor AI slash commands, Cmd+K command palette - Template system with built-in templates (Bug Report, Meeting Notes, Sprint) - Full-text search with result highlighting - Docker Compose for full-stack deployment (web + collab + postgres + redis) Made-with: Cursor
72 lines
2 KiB
TypeScript
72 lines
2 KiB
TypeScript
import { create } from "zustand";
|
|
|
|
import type { ViewConfig, ViewFilter, ViewSort } from "@/lib/hooks/use-view-data";
|
|
|
|
export type ActiveViewType = "list" | "board" | "table" | "embed" | "whiteboard";
|
|
|
|
const defaultConfig: ViewConfig = {
|
|
filters: [],
|
|
sorts: [],
|
|
groupBy: null,
|
|
};
|
|
|
|
interface ViewState {
|
|
activeView: ActiveViewType;
|
|
setActiveView: (view: ActiveViewType) => void;
|
|
config: ViewConfig;
|
|
addFilter: (filter: ViewFilter) => void;
|
|
removeFilter: (index: number) => void;
|
|
updateFilter: (index: number, filter: ViewFilter) => void;
|
|
addSort: (sort: ViewSort) => void;
|
|
removeSort: (index: number) => void;
|
|
updateSort: (index: number, sort: ViewSort) => void;
|
|
setGroupBy: (field: string | null) => void;
|
|
resetConfig: () => void;
|
|
}
|
|
|
|
export const useViewStore = create<ViewState>((set) => ({
|
|
activeView: "list",
|
|
setActiveView: (view) => set({ activeView: view }),
|
|
config: defaultConfig,
|
|
addFilter: (filter) =>
|
|
set((s) => ({
|
|
config: { ...s.config, filters: [...s.config.filters, filter] },
|
|
})),
|
|
removeFilter: (index) =>
|
|
set((s) => ({
|
|
config: {
|
|
...s.config,
|
|
filters: s.config.filters.filter((_, i) => i !== index),
|
|
},
|
|
})),
|
|
updateFilter: (index, filter) =>
|
|
set((s) => ({
|
|
config: {
|
|
...s.config,
|
|
filters: s.config.filters.map((f, i) => (i === index ? filter : f)),
|
|
},
|
|
})),
|
|
addSort: (sort) =>
|
|
set((s) => ({
|
|
config: { ...s.config, sorts: [...s.config.sorts, sort] },
|
|
})),
|
|
removeSort: (index) =>
|
|
set((s) => ({
|
|
config: {
|
|
...s.config,
|
|
sorts: s.config.sorts.filter((_, i) => i !== index),
|
|
},
|
|
})),
|
|
updateSort: (index, sort) =>
|
|
set((s) => ({
|
|
config: {
|
|
...s.config,
|
|
sorts: s.config.sorts.map((x, i) => (i === index ? sort : x)),
|
|
},
|
|
})),
|
|
setGroupBy: (field) =>
|
|
set((s) => ({
|
|
config: { ...s.config, groupBy: field },
|
|
})),
|
|
resetConfig: () => set({ config: { ...defaultConfig } }),
|
|
}));
|