fix(extension): convert content.js to javascript and update api port

browser-extension/content.js

@@ -3,27 +3,14 @@
  * Captures page content and enables AI assistance
  */
 
-interface PageContent {
-    url: string;
-    title: string;
-    text: string;
-    metadata: {
-        author?: string;
-        publishedDate?: string;
-        description?: string;
-    };
-    selectedText?: string;
-}
-
 class WidgeTDCAssistant {
-    private apiUrl: string = 'http://localhost:3000/api';
-    private sidebar: HTMLElement | null = null;
-
     constructor() {
+        this.apiUrl = 'http://localhost:3001/api';
+        this.sidebar = null;
         this.init();
     }
 
-    private async init() {
+    async init() {
         // Listen for messages from background script
         chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
             this.handleMessage(message, sendResponse);
@@ -37,7 +24,7 @@ class WidgeTDCAssistant {
     /**
      * Handle messages from background script
      */
-    private async handleMessage(message: any, sendResponse: (response?: any) => void) {
+    async handleMessage(message, sendResponse) {
         switch (message.action) {
             case 'captureContent':
                 const content = this.capturePageContent();
@@ -68,9 +55,9 @@ class WidgeTDCAssistant {
     /**
      * Capture page content
      */
-    private capturePageContent(): PageContent {
+    capturePageContent() {
         // Extract main content (remove scripts, styles, etc.)
-        const clone = document.cloneNode(true) as Document;
+        const clone = document.cloneNode(true);
         const scripts = clone.querySelectorAll('script, style, noscript');
         scripts.forEach(el => el.remove());
 
@@ -78,7 +65,7 @@ class WidgeTDCAssistant {
         const text = clone.body.innerText.trim();
 
         // Extract metadata
-        const metadata: PageContent['metadata'] = {
+        const metadata = {
             author: this.getMetaContent('author'),
             publishedDate: this.getMetaContent('article:published_time'),
             description: this.getMetaContent('description'),
@@ -95,17 +82,17 @@ class WidgeTDCAssistant {
     /**
      * Get meta tag content
      */
-    private getMetaContent(name: string): string | undefined {
+    getMetaContent(name) {
         const meta = document.querySelector(`meta[name="${name}"], meta[property="${name}"]`);
-        return meta?.getAttribute('content') || undefined;
+        return meta ? meta.getAttribute('content') : undefined;
     }
 
     /**
      * Handle text selection
      */
-    private handleTextSelection(event: MouseEvent) {
+    handleTextSelection(event) {
         const selection = window.getSelection();
-        const selectedText = selection?.toString().trim();
+        const selectedText = selection ? selection.toString().trim() : '';
 
         if (selectedText && selectedText.length > 10) {
             // Show floating action button
@@ -116,7 +103,7 @@ class WidgeTDCAssistant {
     /**
      * Show floating action button
      */
-    private showFloatingButton(x: number, y: number, text: string) {
+    showFloatingButton(x, y, text) {
         // Remove existing button
         const existing = document.getElementById('widgetdc-floating-btn');
         if (existing) existing.remove();
@@ -138,8 +125,8 @@ class WidgeTDCAssistant {
         // Add event listeners
         button.querySelectorAll('.widgetdc-btn').forEach(btn => {
             btn.addEventListener('click', async (e) => {
-                const action = (e.target as HTMLElement).getAttribute('data-action');
-                await this.handleAction(action!, text);
+                const action = e.target.getAttribute('data-action');
+                await this.handleAction(action, text);
                 button.remove();
             });
         });
@@ -155,7 +142,7 @@ class WidgeTDCAssistant {
     /**
      * Handle floating button action
      */
-    private async handleAction(action: string, text: string) {
+    async handleAction(action, text) {
         switch (action) {
             case 'save':
                 await this.saveText(text);
@@ -177,7 +164,7 @@ class WidgeTDCAssistant {
     /**
      * Save text to backend
      */
-    private async saveText(text: string) {
+    async saveText(text) {
         await this.sendToBackend('/memory/ingest', {
             content: text,
             source: 'browser_selection',
@@ -189,7 +176,7 @@ class WidgeTDCAssistant {
     /**
      * Search for similar content
      */
-    private async searchSimilar(query: string): Promise<any[]> {
+    async searchSimilar(query) {
         const response = await this.sendToBackend('/search', { query, limit: 5 });
         return response.results || [];
     }
@@ -197,7 +184,7 @@ class WidgeTDCAssistant {
     /**
      * Ask AI a question
      */
-    private async askQuestion(question: string): Promise<string> {
+    async askQuestion(question) {
         const response = await this.sendToBackend('/query', { question });
         return response.answer || 'No answer available';
     }
@@ -205,7 +192,7 @@ class WidgeTDCAssistant {
     /**
      * Send data to backend
      */
-    private async sendToBackend(endpoint: string, data: any): Promise<any> {
+    async sendToBackend(endpoint, data) {
         try {
             const response = await fetch(`${this.apiUrl}${endpoint}`, {
                 method: 'POST',
@@ -229,7 +216,7 @@ class WidgeTDCAssistant {
     /**
      * Toggle sidebar
      */
-    private toggleSidebar() {
+    toggleSidebar() {
         if (this.sidebar) {
             this.sidebar.remove();
             this.sidebar = null;
@@ -241,7 +228,7 @@ class WidgeTDCAssistant {
     /**
      * Create sidebar
      */
-    private createSidebar() {
+    createSidebar() {
         const sidebar = document.createElement('div');
         sidebar.id = 'widgetdc-sidebar';
         sidebar.className = 'widgetdc-sidebar';
@@ -266,7 +253,7 @@ class WidgeTDCAssistant {
     /**
      * Show sidebar with search results
      */
-    private showSidebarWithResults(results: any[]) {
+    showSidebarWithResults(results) {
         this.createSidebar();
         const content = this.sidebar?.querySelector('.widgetdc-sidebar-content');
         if (content) {
@@ -286,7 +273,7 @@ class WidgeTDCAssistant {
     /**
      * Show sidebar with AI answer
      */
-    private showSidebarWithAnswer(answer: string) {
+    showSidebarWithAnswer(answer) {
         this.createSidebar();
         const content = this.sidebar?.querySelector('.widgetdc-sidebar-content');
         if (content) {
@@ -300,7 +287,7 @@ class WidgeTDCAssistant {
     /**
      * Show notification
      */
-    private showNotification(message: string) {
+    showNotification(message) {
         const notification = document.createElement('div');
         notification.className = 'widgetdc-notification';
         notification.textContent = message;