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
28 lines
760 B
TypeScript
28 lines
760 B
TypeScript
import * as Y from "yjs";
|
|
|
|
/**
|
|
* Encode full Yjs document state as a base64 string for JSONB storage.
|
|
*/
|
|
export function yDocToBase64(doc: Y.Doc): string {
|
|
return Buffer.from(Y.encodeStateAsUpdate(doc)).toString("base64");
|
|
}
|
|
|
|
/**
|
|
* Decode a base64 string to a Yjs update payload.
|
|
*/
|
|
export function base64ToYUpdate(base64: string): Uint8Array {
|
|
return new Uint8Array(Buffer.from(base64, "base64"));
|
|
}
|
|
|
|
const OBJECT_PREFIX = "object:";
|
|
|
|
/**
|
|
* Parse collaboration document names of the form `object:{uuid}`.
|
|
*/
|
|
export function extractObjectId(documentName: string): string | null {
|
|
if (!documentName.startsWith(OBJECT_PREFIX)) {
|
|
return null;
|
|
}
|
|
const id = documentName.slice(OBJECT_PREFIX.length).trim();
|
|
return id.length > 0 ? id : null;
|
|
}
|