Merge pull request #178 from bento-platform/update-webpack

Refactor: use more null coalescing, update terminology, add Dockerfiles, update dependencies

.dockerignore

@@ -0,0 +1,3 @@
+.github
+dist
+node_modules

.eslintrc.js

@@ -12,13 +12,13 @@ module.exports = {
         "SharedArrayBuffer": "readonly",
         "process": "readonly",
     },
-    "parser": "babel-eslint",
+    "parser": "@babel/eslint-parser",
     "parserOptions": {
         "ecmaFeatures": {
-            "jsx": true
+            "jsx": true,
+            "modules": true,
         },
-        "ecmaVersion": 2019,
-        "sourceType": "module"
+        "sourceType": "module",
     },
     "plugins": [
         "react"

Dockerfile

@@ -0,0 +1,21 @@
+FROM node:18-bullseye-slim AS build
+# Build bento_web with NodeJS + Webpack
+
+WORKDIR /web
+
+COPY package.json package.json
+COPY package-lock.json package-lock.json
+
+RUN npm ci
+
+COPY . .
+
+RUN npm run build
+
+FROM nginx:1.23
+# Serve bento_web with NGINX
+
+COPY nginx.conf /etc/nginx/nginx.conf
+
+WORKDIR /web
+COPY --from=build /web/dist ./dist

dev.Dockerfile

@@ -0,0 +1,10 @@
+FROM node:18-bullseye-slim
+
+WORKDIR /web
+
+COPY package.json package.json
+COPY package-lock.json package-lock.json
+
+RUN npm ci
+
+ENTRYPOINT [ "sh", "./entrypoint.dev.sh" ]

entrypoint.dev.sh

@@ -0,0 +1,9 @@
+#!/bin/sh
+
+if [ -z "${BENTO_WEB_PORT}" ]; then
+  # Set default internal port to 80
+  export BENTO_WEB_PORT=80
+fi
+
+npm install
+npm run start

nginx.conf

@@ -0,0 +1,21 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    # Includes mapping of file name extensions to MIME types of responses
+    # and defines the default type.
+    include /etc/nginx/mime.types;
+    default_type application/octet-stream;
+
+    server {
+        listen 80;
+
+        server_name _;
+
+        location / {
+            root /web/dist;
+            try_files $uri $uri/ /index.html;
+        }
+    }
+}