fix demo

Author: snwolak

Dockerfile.demo

@@ -13,16 +13,9 @@ COPY . .
 
 RUN pnpm -r build
 
-FROM node:20-alpine AS runner
-WORKDIR /app
-
-ENV NODE_ENV=production
-ENV PORT=4173
+FROM nginx:1.27-alpine AS runner
 
-RUN corepack enable && corepack prepare pnpm@10.30.3 --activate
-
-COPY --from=build /app /app
+COPY deploy/nginx-state-layers.conf /etc/nginx/conf.d/default.conf
+COPY --from=build /app/apps/demo/dist /usr/share/nginx/html/state-layers
 
 EXPOSE 4173
-
-CMD ["sh", "-c", "pnpm --filter @protohiro/state-layers-demo preview --host 0.0.0.0 --port ${PORT:-4173}"]

apps/demo/vite.config.ts

@@ -2,8 +2,8 @@ import { fileURLToPath, URL } from "node:url";
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 
-export default defineConfig({
-  base: "/state-layers/",
+export default defineConfig(({ command }) => ({
+  base: command === "build" ? "/state-layers/" : "/",
   plugins: [react()],
   server: {
     port: 4173
@@ -18,4 +18,4 @@ export default defineConfig({
       "@protohiro/state-layers": fileURLToPath(new URL("../../packages/react/src/index.ts", import.meta.url))
     }
   }
-});
+}));

deploy/nginx-state-layers.conf

@@ -0,0 +1,22 @@
+server {
+  listen 4173;
+  server_name _;
+
+  root /usr/share/nginx/html;
+
+  location = /state-layers {
+    return 301 /state-layers/;
+  }
+
+  location /state-layers/assets/ {
+    try_files $uri =404;
+  }
+
+  location /state-layers/ {
+    try_files $uri $uri/ /state-layers/index.html;
+  }
+
+  location / {
+    return 404;
+  }
+}