ports 8000 -> 8001 (#141)

Author: anotherjesse

typescript/packages/collectathon/chrome-extension/popup.js

@@ -1,4 +1,4 @@
-const API_URL = 'http://localhost:8000';
+const API_URL = 'http://localhost:8001';
 let clipContent = null;
 
 chrome.runtime.connect({name: "popup"});
@@ -46,7 +46,7 @@ document.addEventListener('DOMContentLoaded', () => {
   chrome.tabs.query({active: true, currentWindow: true}, async function(tabs) {
       const currentUrl = tabs[0].url;
       // Load recent collections
-      fetch(`http://localhost:8000/suggested-collections?url=${encodeURIComponent(currentUrl)}`)
+      fetch(`${API_URL}/suggested-collections?url=${encodeURIComponent(currentUrl)}`)
         .then(response => response.json())
         .then(collections => {
           recentCollections.innerHTML = '<h3>Suggested Collections</h3>' +
@@ -63,7 +63,7 @@ document.addEventListener('DOMContentLoaded', () => {
   searchInput.addEventListener('input', () => {
     const query = searchInput.value;
     if (query) {
-      fetch(`http://localhost:8000/search-collections?q=${encodeURIComponent(query)}`)
+      fetch(`${API_URL}/search-collections?q=${encodeURIComponent(query)}`)
         .then(response => response.json())
         .then(collections => {
           let resultsHtml = '<h3>Search Results</h3>';
@@ -118,7 +118,7 @@ document.getElementById('clipButton').addEventListener('click', () => {
     const url = clipContent ? clipContent.pageUrl : tabs[0].url;
     const content = clipContent || { type: 'webpage', url: url };
 
-    fetch('http://localhost:8000/clip', {
+    fetch(`${API_URL}/clip`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',

typescript/packages/collectathon/server.ts

@@ -23,7 +23,6 @@ import { addRule, applyRules, deleteRule, listRules } from "./rules.ts";
 import { search } from "./search.ts";
 import { handleActionCommand } from "./action.ts";
 import { handleDreamCommand } from "./dream.ts";
-import { handleViewCommand } from "./view.ts";
 const app = new Application();
 const router = new Router();
 
@@ -313,9 +312,26 @@ router.put("/collections/:name/view/:viewId", async (ctx) => {
 app.use(router.routes());
 app.use(router.allowedMethods());
 
+export const PORT = 8001;
+let server;
+
 export async function start() {
-  console.log("Server running on http://localhost:8001");
-  await app.listen({ port: 8001 });
+  console.log(`Server running on http://localhost:${PORT}`);
+  server = await app.listen({ port: PORT });
+}
+
+function shutdown() {
+  console.log("Shutting down server...");
+  if (server) {
+    server.close();
+    console.log("Server shut down successfully");
+  }
+  Deno.exit(0);
+}
+
+if (Deno) {
+  Deno.addSignalListener("SIGINT", shutdown);
+  Deno.addSignalListener("SIGTERM", shutdown);
 }
 
 if (import.meta.main) {

typescript/packages/collectathon/view.ts

@@ -2,6 +2,7 @@ import { db } from "./db.ts";
 import { chat, grabHtml } from "./llm.ts";
 import { CoreMessage } from "npm:ai@3.3.21";
 import { open } from "https://deno.land/x/open@v0.0.5/index.ts";
+import { PORT } from "./server.ts";
 
 export const views = new Map<string, string>();
 
@@ -85,7 +86,7 @@ export async function handleViewCommandSingleShot(collection: string, prompt: st
     [viewId, collection, html]
   );
 
-  const url = `http://localhost:8000/view/${collection}/${viewId}`;
+  const url = `http://localhost:${PORT}/view/${collection}/${viewId}`;
   console.log(`Opening view in browser: ${url}`);
   await open(url);
 
@@ -129,7 +130,7 @@ export async function handleViewCommandUpdate(viewId: string, newPrompt: string)
     [html, viewId]
   );
 
-  const url = `http://localhost:8000/view/${collection}/${viewId}`;
+  const url = `http://localhost:${PORT}/view/${collection}/${viewId}`;
   console.log(`Updated view. Opening in browser: ${url}`);
   await open(url);
 }