add document metadata

apps/api/package.json

@@ -1,26 +1,27 @@
 {
-  "name": "api",
-  "version": "1.0.50",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "bun run --watch src/index.ts",
-    "start": "bun src/index.ts",
-    "build": "bun build src/index.ts --target bun"
-  },
-  "dependencies": {
-    "@clerk/clerk-sdk-node": "^5.0.9",
-    "@elysiajs/cors": "^1.0.2",
-    "@grotto/logysia": "^0.1.3",
-    "drizzle-orm": "^0.30.10",
-    "elysia": "latest",
-    "elysia-clerk": "^0.4.0",
-    "postgres": "^3.4.4",
-    "stripe": "^15.8.0",
-    "svix": "^1.24.0"
-  },
-  "devDependencies": {
-    "bun-types": "latest",
-    "drizzle-kit": "^0.21.4"
-  },
-  "module": "src/index.js"
+    "name": "api",
+    "version": "1.0.50",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "dev": "bun run --watch src/index.ts",
+        "start": "bun src/index.ts",
+        "build": "bun build src/index.ts --target bun",
+        "db:push": "bunx drizzle-kit push --config drizzle.config.ts"
+    },
+    "dependencies": {
+        "@clerk/clerk-sdk-node": "^5.0.9",
+        "@elysiajs/cors": "^1.0.2",
+        "@grotto/logysia": "^0.1.3",
+        "drizzle-orm": "^0.30.10",
+        "elysia": "latest",
+        "elysia-clerk": "^0.4.0",
+        "postgres": "^3.4.4",
+        "stripe": "^15.8.0",
+        "svix": "^1.24.0"
+    },
+    "devDependencies": {
+        "bun-types": "latest",
+        "drizzle-kit": "^0.21.4"
+    },
+    "module": "src/index.js"
 }

apps/api/src/db/schema.ts

@@ -1,5 +1,5 @@
 import { relations } from "drizzle-orm";
-import { text, pgTable, varchar, bigint } from "drizzle-orm/pg-core";
+import { text, pgTable, varchar, bigint, jsonb } from "drizzle-orm/pg-core";
 
 export const users = pgTable("users", {
     id: varchar("id", { length: 36 }).primaryKey(),
@@ -29,7 +29,11 @@ export const documents = pgTable("documents", {
     }).notNull(),
     updated_at: bigint("updated_at", {
         mode: "number"
-    }).notNull()
+    }).notNull(),
+    metadata: jsonb("metadata").default({
+        font: "serif",
+        font_size: 18
+    })
 });
 
 export const documentRelations = relations(documents, ({ one }) => ({

apps/api/src/lib/document.ts

@@ -32,6 +32,34 @@ export async function getDocumentByID(id: string, userID: string): Promise<Docum
     return doc as any;
 }
 
+export async function updateDocumentMetadata(
+    id: string,
+    metadata: any
+): Promise<DocumentType | null> {
+    const now = Math.floor(new Date().getTime() / 1000);
+
+    const doc = await db.select().from(documents).where(eq(documents.id, id)).limit(1).execute();
+    if (!doc) {
+        return null;
+    }
+
+    try {
+        await db
+            .update(documents)
+            .set({ metadata: metadata, updated_at: now })
+            .where(eq(documents.id, id))
+            .execute();
+    } catch (e) {
+        console.error(e);
+        return null;
+    }
+
+    doc[0].metadata = metadata;
+    doc[0].updated_at = now;
+    doc[0].content = await decrypt(doc[0].content || "");
+    return doc[0] as any;
+}
+
 export async function updateDocumentByID(
     id: string,
     content: string
@@ -61,6 +89,7 @@ export async function updateDocumentByID(
     }
 
     doc[0].content = content;
+    doc[0].updated_at = now;
     return doc[0] as any;
 }
 
@@ -87,7 +116,11 @@ export async function createDocument(userID: string, title: string): Promise<Doc
         content: null,
         owner_id: userID,
         created_at: now,
-        updated_at: now
+        updated_at: now,
+        metadata: {
+            font: "serif",
+            font_size: 18
+        }
     };
     try {
         await db.insert(documents).values(doc).execute();

apps/api/src/routes/documents.ts

@@ -4,7 +4,8 @@ import {
     getUserDocuments,
     getDocumentByID,
     updateDocumentByID,
-    deleteDocumentByID
+    deleteDocumentByID,
+    updateDocumentMetadata
 } from "../lib/document";
 import { validateClerkToken } from "../lib/clerk";
 import { decrypt } from "../lib/crypto";
@@ -26,6 +27,12 @@ docs.ws("/ws", {
                     minLength: 0
                 })
             ),
+            metadata: t.Optional(
+                t.Object({
+                    font: t.String(),
+                    font_size: t.Number()
+                })
+            ),
             title: t.Optional(t.String())
         }),
         token: t.String()
@@ -57,6 +64,25 @@ docs.ws("/ws", {
                     message: "error"
                 });
             }
+        } else if (message === "update metadata") {
+            console.log("update metadata");
+            if (data.metadata !== undefined) {
+                const doc = await updateDocumentMetadata(data.doc_id, data.metadata);
+                if (!doc) {
+                    ws.send({
+                        message: "error"
+                    });
+                } else {
+                    ws.send({
+                        message: "success",
+                        doc: doc
+                    });
+                }
+            } else {
+                ws.send({
+                    message: "error"
+                });
+            }
         } else {
             ws.send("invalid event");
         }

apps/api/src/types/Document.ts

@@ -5,4 +5,8 @@ export type DocumentType = {
     content: string | null;
     created_at: number;
     updated_at: number;
-}
+    metadata: {
+        font: string;
+        font_size: number;
+    };
+};

apps/web/app/layout.tsx

@@ -1,6 +1,7 @@
 import "@/styles/globals.css";
 import { Inter as FontSans } from "next/font/google";
 import { Averia_Serif_Libre as FontSerif } from "next/font/google";
+import { JetBrains_Mono as FontMono } from "next/font/google";
 import { cn } from "@/lib/utils";
 import { ThemeProvider } from "@/components/theme-provider";
 import { ClerkProvider } from "@clerk/nextjs";
@@ -19,6 +20,12 @@ const fontSerif = FontSerif({
     weight: ["300", "400", "700"]
 });
 
+const fontMono = FontMono({
+    subsets: ["latin"],
+    variable: "--font-mono",
+    weight: ["300", "400", "500", "600", "700"]
+});
+
 export const metadata: Metadata = {
     metadataBase: new URL("https://diary.kyle.so"),
     title: "Diary - diary.kyle.so",
@@ -98,7 +105,8 @@ export default function RootLayout({ children }: { children: React.ReactNode })
                         className={cn(
                             "bg-background min-h-screen overflow-auto font-sans antialiased",
                             fontSans.variable,
-                            fontSerif.variable
+                            fontSerif.variable,
+                            fontMono.variable
                         )}
                     >
                         <ThemeProvider