fix: use dynamic import for vite in development only (#4)

Static import of vite fails in production because vite is a devDependency
that gets pruned. Changed to dynamic import inside the isProduction check
so the import only happens in development.

Author: TooAngel

server/index.js

@@ -1,5 +1,4 @@
 import express from 'express';
-import { createServer } from 'vite';
 import fs from 'fs';
 import proxy from './proxy.js';
 
@@ -12,6 +11,7 @@ async function startServer() {
   // Setup Vite middleware (development only)
   let vite;
   if (!isProduction) {
+    const { createServer } = await import('vite');
     vite = await createServer({
       server: { middlewareMode: true },
       appType: 'custom',
@@ -52,12 +52,12 @@ async function startServer() {
   // SPA routing - must be last!
   if (isProduction) {
     // Production: serve pre-built index.html
-    app.get('/*', (req, res) => {
+    app.get('/{*path}', (req, res) => {
       res.sendFile('index.html', { root: './dist' });
     });
   } else {
     // Development: use Vite to transform index.html
-    app.get('/*', async (req, res) => {
+    app.get('/{*path}', async (req, res) => {
       try {
         const template = await vite.transformIndexHtml(
           req.originalUrl,

server/proxy.js

@@ -11,7 +11,7 @@ console.log(`Proxy API requests to: ${apiURL}`);
  * Proxy all API requests to the worlddriven/core backend
  * Converts sessionId cookie to Authorization header
  */
-router.all('*', async (req, res) => {
+router.all('/{*path}', async (req, res) => {
   try {
     // Extract sessionId from cookie and convert to Authorization header
     let authorization;