.changeset/configurable-development-port.md

@@ -0,0 +1,5 @@
+---
+'@hledger-reports/web': patch
+---
+
+Configure the localhost development port with `HLEDGER_DEV_PORT` (default 5173).

.gitignore

@@ -3,6 +3,7 @@
 /.preparation-input-*/
 
 .nono.json
+mise.local.toml
 node_modules/
 .pnpm-store/
 .cache/

README.md

@@ -19,7 +19,7 @@ mkdir -m 700 -p data &&
 docker compose -f docker-compose.dev.yml up --build --wait
 ```
 
-Open **http://127.0.0.1:5173/**, sign in and choose **Prepare reports** in Settings.
+Open **http://localhost:5173/**, sign in and choose **Prepare reports** in Settings.
 Reload for status. Browsing and journal edits never prepare reports automatically.
 
 Keep configuration, journals and the shared data folder private and backed up.

apps/web/Dockerfile

@@ -17,7 +17,7 @@ RUN mkdir -p /app/data /m/apps/web/.svelte-kit '/m/apps/web/node_modules/$app' /
 USER node
 ENV HOME=/home/node
 WORKDIR /m/apps/web
-CMD ["pnpm", "dev", "--host", "127.0.0.1", "--port", "5173", "--strictPort"]
+CMD ["pnpm", "dev", "--host", "0.0.0.0", "--port", "5173", "--strictPort"]
 
 FROM dependencies AS builder
 RUN pnpm --filter "@hledger-reports/web..." build

apps/web/docker-compose.dev.yml

@@ -8,9 +8,12 @@ services:
       service: web
     build:
       target: dev
+    network_mode: bridge
+    ports:
+      - '127.0.0.1:${HLEDGER_DEV_PORT:-5173}:5173'
     environment:
       NODE_ENV: development
-      APP_URL: ${APP_URL:-http://127.0.0.1:5173}
+      APP_URL: http://localhost:${HLEDGER_DEV_PORT:-5173}
       PORT: '5173'
     volumes:
       - ./src:/m/apps/web/src:ro
@@ -56,4 +59,4 @@ services:
       file: docker-compose.yml
       service: e2e
     environment:
-      PLAYWRIGHT_BASE_URL: ${APP_URL:-http://127.0.0.1:5173}
+      PLAYWRIGHT_BASE_URL: http://localhost:${HLEDGER_DEV_PORT:-5173}