feat: update source files, Dockerfile, vite config and service worker

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20 as builder
+FROM node:20 AS builder
 WORKDIR /app
 COPY package*.json ./
 # TODO: Remove this or review embedded variables
@@ -28,6 +28,11 @@ RUN echo 'server { \
     expires 30d; \
     add_header Cache-Control "public, no-transform"; \
     } \
+    location /searxng-api/ { \
+    proxy_pass https://search.kevlarai.com/; \
+    proxy_ssl_server_name on; \
+    proxy_set_header Host search.kevlarai.com; \
+    } \
     location ~ /\. { \
     deny all; \
     } \

package.json

@@ -57,14 +57,6 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.15.0",
-    "@storybook/addon-actions": "^8.6.12",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/testing-library": "^0.2.2",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
     "@types/react": "^18.2.66",
@@ -90,7 +82,6 @@
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
     "react-refresh": "^0.14.2",
-    "storybook": "^8.6.12",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.2.2",
     "vite-plugin-pwa": "^0.21.1",

src/contexts/UserContext.tsx

@@ -8,6 +8,9 @@ import { DatabaseNameService } from '../services/graph/databaseNameService';
 import { provisionUser } from '../services/provisioningService';
 import { storageService, StorageKeys } from '../services/auth/localStorageService';
 
+const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
+const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY;
+
 export interface UserContextType {
   user: CCUser | null;
   loading: boolean;
@@ -131,9 +134,9 @@ export const UserProvider = ({ children }: { children: React.ReactNode }) => {
         queryStarted: true
       });
 
-      const { data, error } = await fetch(`http://localhost:8000/rest/v1/profiles?select=*&id=eq.${userInfo.id}`, {
+      const { data, error } = await fetch(`${supabaseUrl}/rest/v1/profiles?select=*&id=eq.${userInfo.id}`, {
         headers: {
-          'Authorization': `Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0`,
+          'Authorization': `Bearer ${supabaseAnonKey}`,
           'Content-Type': 'application/json'
         }
       })

src/debugConfig.ts

@@ -110,7 +110,8 @@ export type LogCategory =
   | 'auth-service'
   | 'user-context'
   | 'neo-user-context'
-  | 'neo-institute-context';
+  | 'neo-institute-context'
+  | 'search-service';
 
 interface LogConfig {
   enabled: boolean; // Master switch to turn logging on/off
@@ -338,6 +339,7 @@ logger.setConfig({
     'user-context',
     'neo-user-context',
     'neo-institute-context',
+    'search-service'
   ],
 });
 

src/services/tldraw/searchService.ts

@@ -1,3 +1,5 @@
+import logger from "../../debugConfig"
+
 interface SearXNGResult {
   title?: string
   url?: string
@@ -26,19 +28,25 @@ export class SearchService {
         engines: 'google,bing,duckduckgo',
       })
 
-      const url = `${import.meta.env.VITE_FRONTEND_SITE_URL}/searxng-api/search?${searchParams.toString()}`
+      const url = `/searxng-api/search?${searchParams.toString()}`
+      logger.debug('search-service', "Search URL: ", url)
+
       const response = await fetch(url, {
         method: 'GET',
         headers: {
           'Accept': 'application/json',
         },
       })
+      logger.debug('search-service', "Search response: ", response)
 
       if (!response.ok) {
         throw new Error(`Search failed with status: ${response.status}`)
       }
 
       const data = await response.json()
+
+      logger.debug('search-service', "Search data: ", data)
+
       return (data.results || []).map((result: SearXNGResult) => ({
         title: result.title || '',
         url: result.url || '',

src/sw.ts

@@ -209,7 +209,7 @@ registerRoute(
 
 // Cache SearXNG API with Network First strategy
 registerRoute(
-  ({ url }) => url.pathname.startsWith('/searxng-api'),
+  ({ url }) => url.pathname.startsWith('/searxng-api/'),
   new NetworkFirst({
     cacheName: CACHE_NAMES.api,
     plugins: [
@@ -227,7 +227,7 @@ registerRoute(
 
 // Cache SearXNG static assets
 registerRoute(
-  ({ url }) => url.pathname.startsWith('/searxng-api/static'),
+  ({ url }) => url.pathname.startsWith('/searxng-api/static/'),
   new CacheFirst({
     cacheName: CACHE_NAMES.static,
     plugins: [

src/utils/tldraw/ui-overrides/components/shared/CCCabinetsPanel.tsx

@@ -25,7 +25,7 @@ export const CCCabinetsPanel: React.FC = () => {
     return createTheme({ palette: { mode, divider: 'var(--color-divider)' } });
   }, [tldrawPreferences?.colorScheme, prefersDarkMode]);
 
-  const API_BASE: string = (import.meta as unknown as { env?: { VITE_API_BASE?: string } })?.env?.VITE_API_BASE || (location.port.startsWith('517') ? 'http://127.0.0.1:8080' : '/api');
+  const API_BASE: string = import.meta.env.VITE_API_BASE || (location.port.startsWith('517') ? 'http://127.0.0.1:8080' : '/api');
 
   type RequestInitLite = { method?: string; body?: string | FormData | Blob | null; headers?: Record<string, string> } | undefined;
   const apiFetch = async (url: string, init?: RequestInitLite) => {

src/utils/tldraw/ui-overrides/components/shared/CCFilesPanel.tsx

@@ -139,7 +139,7 @@ export const CCFilesPanel: React.FC = () => {
   type RequestInitLike = { method?: string; body?: FormData | string | Blob | null; headers?: Record<string, string> } | undefined;
   type HeadersInitLike = Record<string, string>;
 
-  const API_BASE: string = (import.meta as unknown as { env?: { VITE_API_BASE?: string } })?.env?.VITE_API_BASE || (location.port.startsWith('517') ? 'http://127.0.0.1:8080' : '/api');
+  const API_BASE: string = import.meta.env.VITE_API_BASE || (location.port.startsWith('517') ? 'http://127.0.0.1:8080' : '/api');
 
   const apiFetch = useCallback(async (url: string, init?: RequestInitLike) => {
     const headers: HeadersInitLike = {

vite.config.ts

@@ -87,7 +87,7 @@ export default defineConfig(async ({ mode }: ConfigEnv): Promise<UserConfig> =>
           swDest: 'dist/sw.js',
           manifestTransforms: [
             // Transform manifest entries to ensure proper caching
-            (entries) => ({
+            (entries: any[]) => ({
               manifest: entries.map(entry => ({
                 ...entry,
                 url: entry.url.startsWith(base) ? entry.url : `${base}${entry.url.startsWith('/') ? entry.url.slice(1) : entry.url}`
@@ -106,6 +106,8 @@ export default defineConfig(async ({ mode }: ConfigEnv): Promise<UserConfig> =>
       'import.meta.env.VITE_SUPABASE_ANON_KEY': JSON.stringify(env.VITE_SUPABASE_ANON_KEY),
       'import.meta.env.VITE_SUPER_ADMIN_EMAIL': JSON.stringify(env.VITE_SUPER_ADMIN_EMAIL),
       'import.meta.env.VITE_DEV': env.VITE_DEV === 'true',
+      'import.meta.env.VITE_API_BASE': JSON.stringify(env.VITE_API_BASE),
+      'import.meta.env.VITE_SEARCH_URL': JSON.stringify(env.VITE_SEARCH_URL),
     },
     envPrefix: 'VITE_',
     base,
@@ -125,6 +127,13 @@ export default defineConfig(async ({ mode }: ConfigEnv): Promise<UserConfig> =>
         port: parseInt(env.VITE_PORT_FRONTEND || '5173'),
         clientPort: parseInt(env.VITE_PORT_FRONTEND_HMR || '5173'),
         overlay: false
+      },
+      proxy: {
+        '/searxng-api': {
+          target: env.VITE_SEARCH_URL,
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/searxng-api/, '')
+        }
       }
     },
     clearScreen: false,
@@ -143,12 +152,6 @@ export default defineConfig(async ({ mode }: ConfigEnv): Promise<UserConfig> =>
       } : undefined,
       rollupOptions: {
         output: {
-          manualChunks: {
-            'vendor-react': ['react', 'react-dom', 'react-router-dom'],
-            'vendor-mui': ['@mui/material', '@mui/icons-material'],
-            'vendor-tldraw': ['@tldraw/tldraw', '@tldraw/store', '@tldraw/tlschema'],
-            'vendor-utils': ['axios', 'zustand', '@supabase/supabase-js']
-          },
           // Ensure chunk filenames include content hash
           chunkFileNames: isProd ? 'assets/[name].[hash].js' : 'assets/[name].js',
           assetFileNames: isProd ? 'assets/[name].[hash][extname]' : 'assets/[name][extname]'