Updated development environment code

Kareem411 · Kareem411 · commit aa9ab100611a · 2025-03-23T10:17:05.000+02:00
diff --git a/index.html b/index.html
@@ -3,6 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- Add a relaxed CSP for development -->
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; connect-src 'self' ws: wss:; style-src 'self' 'unsafe-inline';">
     
     <!-- Favicon with responsive image format support -->
     <link rel="icon" href="/images/glue.svg" type="image/svg+xml">
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --port 3001",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview",
diff --git a/vite.config.ts b/vite.config.ts
@@ -189,6 +189,7 @@ const efficientCachePolicy = (): Plugin => {
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: process.env.NODE_ENV === 'production' ? '/GLUE/' : '/',
   plugins: [
     react(), // Use default React transformation
     fixMimeTypes(), // Apply MIME type fixes
@@ -256,13 +257,14 @@ export default defineConfig({
       },
     },
   ],
-  base: process.env.BASE_URL || '/GLUE/', 
   server: {
     headers: {
-      'Cross-Origin-Embedder-Policy': 'require-corp',
-      'Cross-Origin-Opener-Policy': 'same-origin',
-      'Cross-Origin-Resource-Policy': 'same-origin',
-      'Content-Type': 'application/javascript; charset=utf-8'
+      'Access-Control-Allow-Origin': '*',
+      'Content-Security-Policy': "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; connect-src 'self' ws: wss:; style-src 'self' 'unsafe-inline';"
+    },
+    cors: true,
+    hmr: {
+      overlay: true,
     },
     strictPort: true,
     middlewareMode: false
