Add hot reload option for development purposes

Allow hot reload in Development mode for pulpito-ng. This saves a lot more time when developing with other tech stacks. Also, fixed some dependency issues in package-lock.json Signed-off-by: Kamoltat Sirivadhna <[email protected]> (cherry picked from commit d839abe)
ceph · Jan 30, 2024 · 5b27213 · 5b27213
1 parent 1b77720
commit 5b27213
Show file tree

Hide file tree

Showing 5 changed files with 196 additions and 82 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -7,7 +7,4 @@ RUN \
   mkdir -p /app/node_modules/.vite && \
   npm install
 COPY . .
-RUN chown -R node:node /app && \
-  npm run build
-USER node
-CMD ["npm", "run", "serve", "--", "--host"]
+CMD sh /app/start_container.sh
diff --git a/README.md b/README.md
@@ -41,3 +41,14 @@ In [teuthology's docker-compose](https://github.com/ceph/teuthology/blob/main/do
     ports:
       - 8081:8081
 ```
+[recommended] For developement purposes:
+Add the following to `pulpito-ng` container:
+
+```
+pulpito-ng:
+    environment:
+      DEPLOYMENT: development
+    volumes:
+      - ../../../pulpito-ng:/app/:rw
+      - /app/node_modules
+```