Skip to content

Latest commit

 

History

History
98 lines (61 loc) · 4.29 KB

development.md

File metadata and controls

98 lines (61 loc) · 4.29 KB
Raw

Development

Development is done using Docker and Compose.

Quick start:

  1. Rename .env.example to .env filling in any missing values as needed.
  2. docker compose build
  3. docker compose up dev

That will start the dev, session, api and ui containers. If you have already setup local DNS and created the SSL certifcates, then you should be able to reach the site at https://busmap.localhost.

Session

Redis is used to persist the sessions. You can optionally pass memory to BM_SESSION_STORE to use local memory which will not persist across server restarts, etc.

The best way to remove all the keys in redis is to delete the volume on the host associated with the container.

docker container prune
docker volume rm busmap_session

API

The container for the API service is started when running the dev service docker compose up dev, and the Node.js server is started in --watch mode by default.

The API server can be configured by defining variables in the root .env file, or directly on the CLI when running docker compose up. These environment variables are then interpolated within packages/api/.env and provided to the running container through the compose env_file service attribute. Renaming .env.example to .env is a good starting point.

  • BM_COOKIE_SECRET: The secret used by express-session when signing the cookie.
  • BM_SESSION_STORE: What store to use for persisting the express-session session. Either memory or redis.
  • DEBUG: Enable particular logs from debug, either directly from BusMap source code, or a dependencies.

Here is an example of defining some on the CLI before starting the dev service:

DEBUG=express-session BM_SESSION_STORE=redis docker compose up --attach-dependencies dev

Or outside of docker:

DEBUG=express-session BM_SESSION_STORE=memory npm run dev:local -w api

UI

The UI is built with vite and runs on the same Node.js version as the API service. When developing outside of docker you can configure the vite dev server to proxy the running API using the API_HOST environment variable.

API_HOST=http://localhost:3000 npm run dev -w ui

You can visualize the built bundles by running npm run visualizer -w ui.

Storybook

A separate container can be started to run Storybook for packages/components at https://busmap.localhost:9000.

  • docker compose up storybook

It can also be run locally.

  • npm run storybook -w @busmap/components

Stage

To stage a production build locally:

  1. Build the UI which is mounted as a volume into the stage container: npm run build -w ui.
  2. Set the environment variables to desired values. For example the HOST_NAME and SERVER_NAME to use, and any others variables inside the .env file. You can also define them directly in the shell when running step 3 below.
  3. Start the staging container docker compose up --attach-dependencies stage (optionally prepending any env vars).

Note, this is a local stage in that it uses the UI build from ./packages/ui/dist and rebuilds are updated while the container is running. Also, the API is started in watch mode.

To stage a production build without mounting a local UI build or starting the API in watch mode, do not include the compose.override.yaml file when starting the container (which is included by default when not using -f):

docker compose -f compose.yaml up --attach-dependencies stage

This will use whatever UI build was included in the image for stage.

Here is another example using shell environment variables defined when starting the container to override ones from .env files:

SERVER_NAME=busmap.online HOST_NAME=busmap.online docker compose -f compose.yaml up --attach-dependencies stage

Rebuilding in Production

To rebuild images and recreate containers while already running on production server:

  1. cd code/busmap
  2. git pull origin main
  3. docker compose -f compose.yaml -f compose.production.yaml up -d --build stage
  4. docker builder prune -a (instance has little drive space, so this is essential)
  5. Optionally remove any dangling images too, docker image prune.