build: change in core stucture and and adds env

Author: dineshsutihar

frontend/.env.example

@@ -0,0 +1 @@
+BACKEND_URL="https://backend.your-cloudflare-worker.workers.dev"

frontend/background.js

@@ -1,7 +1,7 @@
 
-chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
+chrome.runtime.onMessage.addListener((request, _, sendResponse) => {
     if (request.type === "TRANSLATE_CODE") {
-        const BACKEND_URL = "https://backend.dineshsutihar123.workers.dev";
+        const BACKEND_URL = process.env.BACKEND_URL;
 
         chrome.storage.sync.get(['targetLanguage'], (result) => {
             const targetLanguage = result.targetLanguage || 'Java';

frontend/build.js

@@ -0,0 +1,16 @@
+import esbuild from 'esbuild';
+import 'dotenv/config';
+
+const define = {};
+for (const k in process.env) {
+    define[`process.env.${k}`] = JSON.stringify(process.env[k]);
+}
+
+esbuild.build({
+    entryPoints: ['scripts/content.js', 'background.js'],
+    bundle: true,
+    outdir: 'dist',
+    define: define,
+}).catch(() => process.exit(1));
+
+console.log('Build complete. Files are in the /dist folder.');

frontend/manifest.json

@@ -25,12 +25,12 @@
   "content_scripts": [
     {
       "matches": ["<all_urls>"],
-      "js": ["packages/prism.js", "dist/content.bundle.js"],
+      "js": ["packages/prism.js", "dist/scripts/content.js"],
       "css": ["styles.css"]
     }
   ],
   "background": {
-    "service_worker": "background.js",
+    "service_worker": "dist/background.js",
     "type": "module"
   },
   "web_accessible_resources": [

frontend/package-lock.json

@@ -3,10 +3,12 @@
   "version": "1.2.0",
   "description": "Select code on a page and get instant AI-powered translations in a clean, tabbed interface.",
   "author": "Dinesh Kumar Sutihar",
+  "type": "module",
   "scripts": {
-    "build": "esbuild scripts/content.js --bundle --outfile=dist/content.bundle.js"
+    "build": "node build.js"
   },
   "devDependencies": {
+    "dotenv": "^17.2.1",
     "esbuild": "^0.25.8"
   }
 }