- Removed old testing libraries from the package.json

- Dockerised react-wrapper
- Added nginx config for the docker

Author: vcnainala

.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+build
+.dockerignore
+Dockerfile
+Dockerfile.prod
+.git

Dockerfile

@@ -0,0 +1,14 @@
+FROM node:18-alpine3.14
+
+WORKDIR /app
+
+ENV PATH /app/node_modules/.bin:$PATH
+
+COPY package.json ./
+COPY package-lock.json ./
+RUN npm install --silent
+RUN npm install react-scripts@latest -g --silent
+
+COPY . ./
+
+CMD ["npm", "run" , "serve"]

Dockerfile.prod

@@ -0,0 +1,18 @@
+# build environment
+FROM node:18-alpine3.14 as build
+WORKDIR /app
+ENV PATH /app/node_modules/.bin:$PATH
+COPY package.json ./
+COPY package-lock.json ./
+RUN export NODE_OPTIONS=--max-old-space-size=8192
+RUN npm ci --silent
+RUN npm install react-scripts@latest -g --silent
+COPY . ./
+RUN npm run build
+
+# production environment
+FROM nginx:stable-alpine
+COPY --from=build /app/build /usr/share/nginx/html
+COPY nginx/nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

README.md

@@ -1,2 +1,30 @@
 # nmr_displayer
-Wrapping NMRium
+
+Wrapping NMRium
+
+### local development
+
+```docker build -t nmrium-rw:dev .```
+
+```
+docker run \
+	-it \
+	--rm \
+	-v ${PWD}:/app \
+	-v /app/node_modules \
+	-p 3001:3000 \
+	-e CHOKIDAR_USEPOLLING=true \
+	nmrium-rw:dev
+```
+
+### local development (docker-compose)
+
+```docker-compose up -d --build```
+
+```docker-compose stop```
+
+### production build
+
+```docker build -f Dockerfile.prod -t nmrium-rw:prod -m 8g .```
+
+```docker run -it --rm -p 1337:80 nmrium-rw:prod```

docker-compose.yml

@@ -0,0 +1,16 @@
+version: '3.7'
+
+services:
+
+  sample:
+    container_name: nmrium-rw
+    build:
+      context: .
+      dockerfile: Dockerfile
+    volumes:
+      - '.:/app'
+      - '/app/node_modules'
+    ports:
+      - 3001:3000
+    environment:
+      - CHOKIDAR_USEPOLLING=true

nginx/nginx.conf

@@ -0,0 +1,17 @@
+server {
+
+  listen 80;
+
+  location / {
+    root   /usr/share/nginx/html;
+    index  index.html index.htm;
+    try_files $uri $uri/ /index.html;
+  }
+
+  error_page   500 502 503 504  /50x.html;
+
+  location = /50x.html {
+    root   /usr/share/nginx/html;
+  }
+
+}

package.json

@@ -15,6 +15,7 @@
   ],
   "scripts": {
     "start": "vite --host localhost --port 3000  --open",
+    "serve": "vite --host",
     "build": "vite build --outDir build",
     "test": "jest --coverage",
     "eslint": "eslint src/* ",
@@ -28,9 +29,6 @@
     "@babel/plugin-transform-modules-commonjs": "^7.17.7",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
-    "@testing-library/jest-dom": "^5.16.3",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^14.0.4",
     "@types/jest": "^27.4.1",
     "@types/node": "^17.0.23",
     "@types/react": "^17.0.43",