for docker

Author: HomunMage

Dockerfile

@@ -0,0 +1,18 @@
+FROM node:24
+
+# Create and set the working directory
+WORKDIR /app
+
+# Copy all files to the container
+COPY . .
+
+# Install dependencies
+RUN npm install
+
+RUN npm run build
+
+# Expose the port the app runs on
+EXPOSE 3000
+
+# Start the application
+CMD ["npm", "run", "preview", "--", "--host", "0.0.0.0", "--port", "3000"]

vite.config.ts

@@ -1,40 +1,65 @@
+// vite.config.ts
+
+/// <reference types="vitest" />
+
 import tailwindcss from '@tailwindcss/vite';
 import { svelteTesting } from '@testing-library/svelte/vite';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
-export default defineConfig({
-plugins: [tailwindcss(), sveltekit()],
-optimizeDeps: {
-exclude: ['clsx', '@xyflow/system', 'classcat']
-},
-server: {
-host: '0.0.0.0',
-port: 3000
-},
-test: {
-workspace: [
-{
-extends: './vite.config.ts',
-plugins: [svelteTesting()],
-test: {
-name: 'client',
-environment: 'jsdom',
-clearMocks: true,
-include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
-exclude: ['src/lib/server/**'],
-setupFiles: ['./vitest-setup-client.ts']
-}
-},
-{
-extends: './vite.config.ts',
-test: {
-name: 'server',
-environment: 'node',
-include: ['src/**/*.{test,spec}.{js,ts}'],
-exclude: ['src/**/*.svelte.{test,spec}.{js,ts}']
+const backendUrls = {
+ development: 'http://localhost:5000',
+ production: 'http://yourdomain.com'
+} as const;
+
+type BackendUrlMode = keyof typeof backendUrls;
+
+
+export default defineConfig(({ mode }) => {
+ const safeMode = mode as BackendUrlMode;
+ const backendUrl = backendUrls[safeMode] || backendUrls.production;
+
+return {
+plugins: [tailwindcss(), sveltekit()],
+optimizeDeps: {
+exclude: ['clsx', '@xyflow/system', 'classcat']
+},
+server: {
+host: '0.0.0.0',
+port: 3000,
+ allowedHosts: [
+ 'localhost',
+ '127.0.0.1',
+ 'langgraph-gui.posetmage.com',
+ ],
+},
+ define: {
+ 'import.meta.env.VITE_BACKEND_URL': JSON.stringify(backendUrl)
+ },
+test: {
+workspace: [
+{
+extends: './vite.config.ts',
+plugins: [svelteTesting()],
+test: {
+name: 'client',
+environment: 'jsdom',
+clearMocks: true,
+include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
+exclude: ['src/lib/server/**'],
+setupFiles: ['./vitest-setup-client.ts']
+}
+},
+{
+extends: './vite.config.ts',
+test: {
+name: 'server',
+environment: 'node',
+include: ['src/**/*.{test,spec}.{js,ts}'],
+exclude: ['src/**/*.svelte.{test,spec}.{js,ts}']
+}
 }
-}
-]
+]
+}
 }
-});
+})