refactor: migrate extension to React and update build configuration

extension/vite.config.js

@@ -22,8 +22,8 @@ const copyExtensionFiles = () => {
       const wasmJsDest = resolve(wasmDistDir, 'wasm_app.js');
       fs.copyFileSync(wasmJsSource, wasmJsDest);
       
-      // Copy the wasm binary file
-      const wasmBinSource = resolve(__dirname, 'wasm/wasm_app_bg.wasm');
+      // Copy the wasm binary file from the pkg output
+      const wasmBinSource = resolve(__dirname, '../wasm_app/pkg/wasm_app_bg.wasm');
       const wasmBinDest = resolve(wasmDistDir, 'wasm_app_bg.wasm');
       fs.copyFileSync(wasmBinSource, wasmBinDest);
 
@@ -43,16 +43,8 @@ const copyExtensionFiles = () => {
         fs.mkdirSync(popupDistDir, { recursive: true });
       }
       
-      // Copy HTML file
-      const htmlSource = resolve(__dirname, 'popup/index.html');
-      const htmlDest = resolve(popupDistDir, 'index.html');
-      fs.copyFileSync(htmlSource, htmlDest);
-      
-      // Copy JS file
-      const jsSource = resolve(__dirname, 'popup/popup.js');
-      const jsDest = resolve(popupDistDir, 'popup.js');
-      fs.copyFileSync(jsSource, jsDest);
-      
+
+
       // Copy CSS file
       const cssSource = resolve(__dirname, 'popup/popup.css');
       const cssDest = resolve(popupDistDir, 'popup.css');
@@ -79,12 +71,22 @@ const copyExtensionFiles = () => {
         }
       });
 
+
       console.log('Extension files copied to dist directory');
     }
   };
+
 };
 
+import path from 'path';
+
 export default defineConfig({
+  resolve: {
+    alias: {
+      '@wasm': path.resolve(__dirname, '../wasm_app/pkg')
+    }
+  },
+
   plugins: [
     react(),
     wasm(),