add means to build/watch assets in docker as well

Author: ashimali

.dockerignore

@@ -0,0 +1 @@
+node_modules

Dockerfile.assets

@@ -0,0 +1,26 @@
+FROM node:18-slim
+
+# Install rsync
+RUN apt-get update && \
+    apt-get install -y rsync && \
+    rm -rf /var/lib/apt/lists/*
+
+WORKDIR /app
+
+# Create necessary directories
+RUN mkdir -p src/javascripts \
+    src/scss \
+    application/static/javascripts \
+    application/static/stylesheets
+
+# Set shell environment variable
+ENV SHELL=/bin/bash
+
+# Copy package files
+COPY package*.json ./
+
+# Install dependencies without running scripts
+RUN npm install --ignore-scripts
+
+# Set default command
+CMD ["npm", "run", "watch"]

README.md

@@ -10,27 +10,44 @@ Manage planning considerations through standards process
     node 18
     postgresql
 
-For loading data into db:
 
-    heroku-cli
+## Running the app locally with docker
 
-[heroku-cli](https://devcenter.heroku.com/articles/heroku-cli)
+### First time setup or when you need to rebuild assets
+
+    docker compose run --rm assets-build
+
+### Regular development (starts everything)
+
+    docker compose up
+
+### When you need to restore the database
+
+    docker compose down -v
+    docker compose up
 
 
-## Get started
+## To run the app locally without docker
 
     createdb dluhc-planning-considerations
     make init
 
-## Apply db migrations
+### Apply db migrations
     flask db upgrade
 
 
-## Load/update consideration data
+### For loading data into db you'll need the heroku-cli
+
+    heroku-cli
+
+[heroku-cli](https://devcenter.heroku.com/articles/heroku-cli)
+
+
+### Load/update consideration data
 
     flask consider load-data
 
-## Load/update questions
+### Load/update questions
 
 Questions are [here](application/question_sets.py)
 
@@ -42,12 +59,12 @@ To add/edit a question make changes [here](application/question_sets.py) then ru
 
 Fix any errors then run the load command above
 
-## Run app locally
+### Run app locally
 
     flask run
 
 
-## To test authentication in local development
+### To test authentication in local development
 
 Set the following in DevelopmentConfig
 

compose.yml

@@ -8,11 +8,20 @@ services:
         - action: sync
           path: .
           target: /code
+          ignore:
+            - node_modules/
+            - .git/
+        - action: rebuild
+          path: requirements.txt
+    volumes:
+      - .:/code
     depends_on:
       - db
     environment:
       SECRET_KEY: "replaceinprod"
       DATABASE_URL: "postgresql://postgres:password@db/planning-data-design"
+      FLASK_DEBUG: 1
+      PYTHONDONTWRITEBYTECODE: 1
     networks:
       - app-network
 
@@ -34,8 +43,35 @@ services:
     networks:
       - app-network
 
+  assets:
+    build:
+      context: .
+      dockerfile: Dockerfile.assets
+    volumes:
+      - .:/app
+      - node_modules:/app/node_modules
+    environment:
+      - NODE_ENV=development
+      - SHELL=/bin/bash
+    command: npm run watch
+    depends_on:
+      - web
+
+  # Optional one-time build service
+  assets-build:
+    build:
+      context: .
+      dockerfile: Dockerfile.assets
+    volumes:
+      - .:/app
+      - node_modules:/app/node_modules
+    command: npm run postinstall
+    profiles:
+      - build
+
 volumes:
   pgdata:
+  node_modules: # Persist node_modules to avoid reinstalling on every restart
 
 networks:
   app-network: