Add room title generation and update functionality

src/index.tsx

@@ -12,6 +12,7 @@ import {
   getAllRooms,
   getRoom,
   insertRoom,
+  updateRoom,
 } from "./repositories/room-repository";
 import { Messages } from "./schema";
 import type { AppEnv } from "./types";
@@ -89,6 +90,17 @@ app.post("/chats/:roomId", async (c) => {
     content: m.message,
   }));
 
+  // 題名の生成
+  if (messageHistory.length === 0) {
+    const completion = await fetchCompletion(
+      c.var.openai,
+      `次の質問に対して、短くわかりやすい題名をつけてください。質問文: ${newMessage}`,
+    );
+    const roomTitle = completion.choices[0].message.content;
+    await updateRoom(db, roomId, { roomId, roomTitle });
+  }
+
+  // メッセージの生成と挿入
   const completion = await fetchCompletion(
     c.var.openai,
     newMessage,

src/repositories/room-repository.ts

@@ -13,3 +13,11 @@ export const getRoom = async (db: DrizzleD1Database, roomId: string) => {
 export const getAllRooms = async (db: DrizzleD1Database) => {
   return db.select().from(Rooms).orderBy(desc(Rooms.roomUpdated)).all();
 };
+
+export const updateRoom = async (
+  db: DrizzleD1Database,
+  roomId: string,
+  room: typeof Rooms.$inferInsert,
+) => {
+  return db.update(Rooms).set(room).where(eq(Rooms.roomId, roomId)).execute();
+};

src/views/Room.tsx

@@ -13,14 +13,14 @@ export const Room: FC<{ props: Props }> = ({ props }) => (
     <table>
       <thead>
         <tr>
-          <th>ID</th>
+          <th>{props.room.roomTitle ? "Title" : "ID"}</th>
           <th>Created</th>
           <th>Updated</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td>{props.room.roomId}</td>
+          <td>{props.room.roomTitle ?? props.room.roomId}</td>
           <td>{props.room.roomCreated}</td>
           <td>{props.room.roomUpdated}</td>
         </tr>