From 62f4f4a4bce5ea967468661d24395e157ba12d4b Mon Sep 17 00:00:00 2001
From: JOHN <john@Mac.lan>
Date: Wed, 10 Dec 2025 17:22:18 -0500
Subject: [PATCH] Fix content script build and chrome.storage errors

- Build content script as IIFE format (not ES modules) using separate vite config
- Add chrome.storage availability check in logger to prevent errors in content scripts
- Update package.json build script to run both vite builds
---
 graphiti-extension.zip | Bin 168478 -> 168587 bytes
 package.json           |   2 +-
 src/utils/logger.ts    |  15 +++++++++++++--
 vite.config.ts         |  11 +++--------
 vite.content.config.ts |  32 ++++++++++++++++++++++++++++++++
 5 files changed, 49 insertions(+), 11 deletions(-)
 create mode 100644 vite.content.config.ts

diff --git a/graphiti-extension.zip b/graphiti-extension.zip
index 3070d6d31fe4d24c9b3a2aece326331686c836a6..a3c39d93e922cf364cf937ab906932a196d232d0 100644
GIT binary patch
delta 2012
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

delta 1813
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
D!^T<H

diff --git a/package.json b/package.json
index 5ce24c2..c7bb8bc 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite build --watch --mode development",
-    "build": "tsc && vite build",
+    "build": "tsc && vite build && vite build --config vite.content.config.ts",
     "build:analyze": "tsc && vite build && npm run analyze",
     "analyze": "npx vite-bundle-visualizer --open",
     "preview": "vite preview",
diff --git a/src/utils/logger.ts b/src/utils/logger.ts
index d091fea..1d304fa 100644
--- a/src/utils/logger.ts
+++ b/src/utils/logger.ts
@@ -48,9 +48,16 @@ class Logger {
   private static instance: Logger;
   private logBuffer: LogEntry[] = [];
   private maxBufferSize = 1000;
+  private isStorageAvailable = false;
 
   private constructor() {
-    this.loadLogs();
+    // Check if chrome.storage is available (not in content scripts)
+    this.isStorageAvailable = typeof chrome !== 'undefined' && 
+                               typeof chrome.storage !== 'undefined' && 
+                               typeof chrome.storage.local !== 'undefined';
+    if (this.isStorageAvailable) {
+      this.loadLogs();
+    }
   }
 
   static getInstance(): Logger {
@@ -61,6 +68,7 @@ class Logger {
   }
 
   private async loadLogs() {
+    if (!this.isStorageAvailable) return;
     try {
       const result = await chrome.storage.local.get('debugLogs');
       if (result.debugLogs) {
@@ -72,6 +80,7 @@ class Logger {
   }
 
   private async saveLogs() {
+    if (!this.isStorageAvailable) return;
     try {
       await chrome.storage.local.set({ debugLogs: this.logBuffer });
     } catch (error) {
@@ -148,7 +157,9 @@ class Logger {
 
   async clearLogs() {
     this.logBuffer = [];
-    await chrome.storage.local.remove('debugLogs');
+    if (this.isStorageAvailable) {
+      await chrome.storage.local.remove('debugLogs');
+    }
     this.info('Logger', 'Logs cleared');
   }
 
diff --git a/vite.config.ts b/vite.config.ts
index f3533ed..1bdb0f5 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -40,8 +40,8 @@ export default defineConfig({
   build: {
     outDir: 'dist',
     sourcemap: true,
-    minify: 'esbuild', // Use esbuild for faster minification
-    target: 'es2020', // Target modern browsers
+    minify: 'esbuild',
+    target: 'es2020',
     rollupOptions: {
       input: {
         popup: resolve(__dirname, 'popup.html'),
@@ -49,16 +49,12 @@ export default defineConfig({
         'profile-renderer': resolve(__dirname, 'src/profile/profile-renderer.html'),
         offscreen: resolve(__dirname, 'src/offscreen/offscreen.html'),
         background: resolve(__dirname, 'src/background/background.ts'),
-        content: resolve(__dirname, 'src/content/content.ts'),
       },
       output: {
         entryFileNames: (chunkInfo) => {
           if (chunkInfo.name === 'background') {
             return 'background.js';
           }
-          if (chunkInfo.name === 'content') {
-            return 'content.js';
-          }
           if (chunkInfo.name === 'offscreen') {
             return 'src/offscreen/offscreen.js';
           }
@@ -66,9 +62,8 @@ export default defineConfig({
         },
         chunkFileNames: 'assets/[name]-[hash].js',
         assetFileNames: 'assets/[name]-[hash].[ext]',
-        format: 'es', // Default format for most files
+        format: 'es',
         manualChunks: (id) => {
-          // Vendor chunks for better caching
           if (id.includes('node_modules')) {
             if (id.includes('react') || id.includes('react-dom')) {
               return 'vendor-react';
diff --git a/vite.content.config.ts b/vite.content.config.ts
new file mode 100644
index 0000000..bab8f72
--- /dev/null
+++ b/vite.content.config.ts
@@ -0,0 +1,32 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+
+// Separate config for content script - must be IIFE format for Chrome extension
+export default defineConfig({
+  build: {
+    outDir: 'dist',
+    sourcemap: true,
+    minify: 'esbuild',
+    target: 'es2020',
+    emptyOutDir: false, // Don't clear the dist folder (main build already created it)
+    lib: {
+      entry: resolve(__dirname, 'src/content/content.ts'),
+      name: 'GraphitiContent',
+      formats: ['iife'],
+      fileName: () => 'content.js',
+    },
+    rollupOptions: {
+      output: {
+        // Ensure all code is inlined (no external imports)
+        inlineDynamicImports: true,
+        // Make sure globals don't conflict
+        extend: true,
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, './src'),
+    },
+  },
+});