Multistage dockerfiles (#484)

* update nginx docker image to 1.24.0

* update python deps

* update client side package-lock.json deps with npm update

* fix tsc build error

* add build section to client service in compose file

* reuse server image for celery containers (instead of building the same image 3 times just to run different commands)

* add docs on containerization strategy and use consistent dev target naming in Dockerfiles

* add test target to client Dockerfile

* add docker config files to CI/CD labeler

.github/labeler.yml

@@ -11,7 +11,7 @@ reactjs:
   - client/**/*
 
 CI/CD:
-  - .github/workflows/**.yaml
+  - any: ['.github/workflows/**.yaml', '**/*Dockerfile', '**/*.dockerignore']
 
 documentation:
   - any: ['docs/**/*', 'docs/haztrak_book/**/*', '**/README.md']

client/.dockerignore

@@ -2,8 +2,6 @@
 .dockerignore
 README.md
 node_modules/
-**/*.spec.tsx
-**/*.spec.ts
 **/.vscode
 **/.idea
 **/*.bak

client/.gitignore

@@ -1,24 +1,20 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-.env
-
 # dependencies
 /node_modules
 /.pnp
 .pnp.js
+/build
 
 # testing
 /coverage
 
-# production
-/build
-
-# misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local
 .env.production.local
-
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+tsconfig.tsbuildinfo

client/Dockerfile

@@ -6,13 +6,24 @@ COPY . .
 RUN npm ci --silent
 RUN npm run build
 
-# Bundle stage
-FROM nginx:1.21.0-alpine as production
+
+# test
+FROM builder as test
+WORKDIR /app
+CMD ["npm", "run", "test"]
+
+# local development
+FROM builder as dev
+WORKDIR /app
+EXPOSE 3000
+CMD ["npm", "start"]
+
+# Production
+FROM nginx:1.24.0-alpine as production
 WORKDIR /app
 ENV NODE_ENV production
+# copy build from builder stage
 COPY --from=builder /app/build /usr/share/nginx/html
-# Add nginx.conf
 COPY nginx.conf /etc/nginx/conf.d/default.conf
 EXPOSE 3000
-# Start nginx
 CMD ["nginx", "-g", "daemon off;"]