Working inside docker

local.yml

@@ -7,22 +7,25 @@ services:
       - nodemodules:/app/node_modules
       - .:/app
     working_dir: /app
-    command: npm run watch
+    command: npm run dev
     networks:
       default:
         aliases:
           - internal.www.dev.documentcloud.org
       squarelet_default:
         aliases:
           - internal.www.dev.documentcloud.org
+    environment:
+      DOCKER: true
+      NODE_TLS_REJECT_UNAUTHORIZED: 0 # todo: solve local certificate chain issues
 
   documentcloud_frontend_app:
     image: node:18
     volumes:
       - nodemodules:/app/node_modules
       - .:/app
     working_dir: /app
-    command: npm run dev-app
+    command: npm run dev
     networks:
       default:
         aliases:
@@ -37,7 +40,7 @@ services:
       - nodemodules:/app/node_modules
       - .:/app
     working_dir: /app
-    command: npm run dev-embed
+    command: npm run dev
     networks:
       default:
         aliases:

src/hooks.server.ts

@@ -14,6 +14,8 @@ export async function handle({ event, resolve }) {
 /** @type {import('@sveltejs/kit').HandleFetch} */
 export async function handleFetch({ event, request, fetch }) {
   if (request.url.startsWith(DC_BASE)) {
+    // handle docker issues
+    event.url.protocol = "https";
     request.headers.set("cookie", event.request.headers.get("cookie"));
   }
 

src/routes/[...path]/+page.js

@@ -1,4 +1,5 @@
 // load data for flatpages
+import { browser } from "$app/environment";
 import { error, redirect } from "@sveltejs/kit";
 import { marked } from "marked";
 import { gfmHeadingId } from "marked-gfm-heading-id";

vite.config.js

@@ -26,6 +26,12 @@ export default defineConfig({
     },
   },
 
+  server: {
+    host: "0.0.0.0",
+    port: process.env.DOCKER ? 80 : 5173,
+    origin: "https://www.dev.documentcloud.org",
+  },
+
   test: {
     include: ["src/**/*.{test,spec}.{js,ts}"],
   },