chore: docker configured for development api+web+mongodb

Dockerfile

@@ -1,10 +0,0 @@
-FROM node:lts-alpine
-ENV NODE_ENV=production
-WORKDIR /usr/src/app
-COPY ["package.json", "package-lock.json*", "npm-shrinkwrap.json*", "./"]
-RUN npm install --silent && mv node_modules ../
-COPY . .
-EXPOSE 5000
-RUN chown -R node /usr/src/app
-USER node
-CMD ["npm", "start"]

api/.dockerignore

@@ -0,0 +1,6 @@
+build
+coverage
+node_modules
+public
+web
+Dockerfile

api/.env.example

@@ -1,4 +1,5 @@
 MODE=[server]
+CORS=[enable]
 ACCESS_TOKEN_SECRET=<secret>
 REFRESH_TOKEN_SECRET=<secret>
 AUTH_CODE_SECRET=<secret>

api/Dockerfile

@@ -0,0 +1,9 @@
+FROM node:lts-alpine
+WORKDIR /usr/server/api
+COPY ["package.json","package-lock.json", "./"]
+RUN npm ci
+COPY . .
+EXPOSE 5000
+# RUN chown -R node /usr/server/api
+# USER node
+CMD ["npm","start"]

api/src/app.ts

@@ -13,8 +13,8 @@ dotenv.config()
 
 const app = express()
 
-const { MODE } = process.env
-if (MODE?.trim() !== 'server') {
+const { MODE, CORS } = process.env
+if (MODE?.trim() !== 'server' || CORS?.trim() === 'enable') {
   console.log('All CORS Requests are enabled')
   app.use(cors({ credentials: true, origin: 'http://localhost:3000' }))
 }
@@ -27,6 +27,10 @@ app.use('/', webRouter)
 app.use('/SASjsApi', apiRouter)
 app.use(express.json({ limit: '50mb' }))
 
-app.use(express.static(getWebBuildFolderPath()))
+try {
+  app.use(express.static(getWebBuildFolderPath()))
+} catch (err) {
+  console.error('Unable to get web build')
+}
 
 export default connectDB().then(() => app)

api/src/routes/web/web.ts

@@ -1,22 +1,29 @@
-import { readFile } from '@sasjs/utils'
+import { fileExists, readFile } from '@sasjs/utils'
 import express from 'express'
 import path from 'path'
 import { getWebBuildFolderPath } from '../../utils'
 
 const webRouter = express.Router()
 
+const codeToInject = `
+<script>
+  localStorage.setItem('accessToken', JSON.stringify('accessToken'))
+  localStorage.setItem('refreshToken', JSON.stringify('refreshToken'))
+</script>`
+
 webRouter.get('/', async (_, res) => {
-  const indexHtmlPath = path.join(getWebBuildFolderPath(), 'index.html')
+  let indexHtmlPath: string
+
+  try {
+    indexHtmlPath = path.join(getWebBuildFolderPath(), 'index.html')
+  } catch (err) {
+    return res.send('Web Build is not present')
+  }
 
   const { MODE } = process.env
   if (MODE?.trim() !== 'server') {
     const content = await readFile(indexHtmlPath)
 
-    const codeToInject = `
-    <script>
-      localStorage.setItem('accessToken', JSON.stringify('accessToken'))
-      localStorage.setItem('refreshToken', JSON.stringify('refreshToken'))
-    </script>`
     const injectedContent = content.replace('</head>', `${codeToInject}</head>`)
 
     res.setHeader('Content-Type', 'text/html')

docker-compose.yml

@@ -1,20 +1,26 @@
 version: '3.4'
 
 services:
-  server:
-    image: server
-    build:
-      context: .
-      dockerfile: ./Dockerfile
+  sasjs_server_api:
+    image: sasjs_server_api
+    build: ./api
     environment:
-      NODE_ENV: production
       DB_CONNECT: mongodb://mongodb:27017/sasjs
     ports:
       - 5000:5000
     volumes:
-      - .:/usr/src/app
+      - ./api:/usr/server/api
     links:
       - mongodb
+
+  sasjs_server_web:
+    image: sasjs_server_web
+    build: ./web
+    ports:
+      - 3000:3000
+    volumes:
+      - ./web:/usr/server/web
+
   mongodb:
     image: mongo:latest
     ports:

web/.dockerignore

@@ -0,0 +1,3 @@
+build
+node_modules
+Dockerfile

web/Dockerfile

@@ -0,0 +1,9 @@
+FROM node:lts-alpine
+WORKDIR /usr/server/web
+COPY ["package.json","package-lock.json", "./"]
+RUN npm ci
+COPY . .
+EXPOSE 3000
+# RUN chown -R node /usr/server/api
+# USER node
+CMD ["npm","start"]