init

svelte.config.js

@@ -11,7 +11,20 @@ const config = {
 		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
 		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
 		// See https://svelte.dev/docs/kit/adapters for more information about adapters.
-		adapter: adapter()
+		adapter: adapter({
+			// Options for adapter-node
+			out: 'build',
+			precompress: false,
+			envPrefix: '',
+		}),
+		
+		// Allow all hosts in development and production
+		csrf: {
+			checkOrigin: false, // Disable CSRF origin checking for flexibility
+		},
+		
+		// Trust proxy headers
+		trustProxy: true,
 	}
 };
 

vite.config.js

@@ -5,6 +5,47 @@ import { defineConfig } from 'vite';
 export default defineConfig({
 	plugins: [tailwindcss(), sveltekit()],
 	server: {
-		allowedHosts: ['fahmiaziz-ad-generator.hf.space']
-	}
-});
+		host: true, // Allow external connections
+		port: 7860,
+		allowedHosts: [
+			'localhost',
+			'127.0.0.1',
+			'0.0.0.0',
+			'fahmiaziz-ad-generator.hf.space',
+			'.hf.space', // Allow all huggingface spaces
+			'.ngrok.io', // Allow ngrok tunnels
+			'.vercel.app', // Allow Vercel deployments
+			'.netlify.app', // Allow Netlify deployments
+		],
+		hmr: {
+			port: 7861, // Use different port for HMR
+			host: 'localhost'
+		}
+	},
+	preview: {
+		host: true,
+		port: 7860,
+		allowedHosts: [
+			'localhost',
+			'127.0.0.1',
+			'0.0.0.0',
+			'fahmiaziz-ad-generator.hf.space',
+			'.hf.space',
+			'.ngrok.io',
+			'.vercel.app',
+			'.netlify.app',
+		]
+	},
+	build: {
+		outDir: 'build',
+		sourcemap: false, // Disable sourcemaps for production
+		minify: 'esbuild',
+		rollupOptions: {
+			output: {
+				manualChunks: {
+					vendor: ['svelte'],
+				},
+			},
+		},
+	},
+});