nodejs upgraded

Dockerfile

@@ -18,6 +18,7 @@ ENV DATA_DIR "$ODDSLINGERS_ROOT/data"
 ENV HTTP_PORT "8000"
 ENV DJANGO_USER "www-data"
 ENV VENV_NAME ".venv-docker"
+ENV NODE_MAJOR "18"
 
 # Setup system environment variables neded for python to run smoothly
 ENV LC_ALL C.UTF-8
@@ -45,9 +46,10 @@ RUN apt-get update && apt-get install -y \
     # cleanup apt caches to keep image small
     rm -rf /var/lib/apt/lists/*
 
-SHELL ["/bin/bash", "-c"]
-RUN curl -fsSL https://deb.nodesource.com/setup_14.x | bash - && apt-get install -y nodejs
-SHELL ["/bin/sh", "-c"]
+RUN mkdir -p /etc/apt/keyrings
+RUN curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg
+RUN echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR.x nodistro main" | tee /etc/apt/sources.list.d/nodesource.list
+RUN apt-get update && apt-get install -y nodejs
 
 # Setup Python virtualenv separately from code dir in /opt/oddslingers/.venv-docker.
 #   It needs to be outside of the code dir because the code is mounted as a volume

Dockerfile.webpack

@@ -1,4 +1,5 @@
-FROM node:14
+FROM node:18
+ENV NODE_OPTIONS=--openssl-legacy-provider
 
 #RUN apk update && \
 #    apk add --no-cache fish && \
@@ -11,7 +12,6 @@ FROM node:14
 
 WORKDIR /opt/oddslingers.poker/core/js
 COPY ./core/js/yarn.lock ./core/js/package.json /opt/oddslingers.poker/core/js/
-
 RUN yarn install
 
 ENV PATH="/opt/oddslingers.poker/core/js/node_modules/.bin:${PATH}"

core/js/package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "@babel/cli": "^7.2.0",
     "@babel/core": "^7.2.0",
+    "@babel/eslint-parser": "^7.5.4",
     "@babel/node": "^7.2.0",
     "@babel/plugin-syntax-function-bind": "^7.2.0",
     "@babel/plugin-transform-react-constant-elements": "^7.2.0",
@@ -24,7 +25,6 @@
     "@babel/preset-env": "^7.2.0",
     "@babel/preset-react": "^7.0.0",
     "@babel/runtime": "^7.2.0",
-    "@babel/eslint-parser": "^7.5.4",
     "babel-loader": "^8.0.4",
     "babel-plugin-root-import": "^6.1.0",
     "babel-plugin-transform-function-bind": "^6.8.0",
@@ -38,8 +38,6 @@
     "howler": "^2.0.15",
     "lodash": "^4.17.11",
     "node-gyp": "^3.8.0",
-    "node-sass-chokidar": "^1.3.4",
-    "node-sass": "4.14.1",
     "nouislider": "^10.0.0",
     "npm": "^6.4.1",
     "react": "16.6.3",
@@ -50,7 +48,8 @@
     "redux-devtools-extension": "^2.13.7",
     "redux-time": "^0.0.29",
     "reselect": "^4.0.0",
-    "sass-lint": "^1.12.1",
+    "sass-lint": "^1.13.1",
+    "sass-loader": "^13.3.2",
     "stylelint": "^9.10.1",
     "webpack": "^4.27.0",
     "webpack-cli": "^3.1.2",
@@ -92,5 +91,8 @@
       "@babel/plugin-transform-runtime",
       "transform-function-bind"
     ]
+  },
+  "devDependencies": {
+    "sass": "^1.66.1"
   }
 }

docker-compose.yml

@@ -72,7 +72,7 @@ services:
       context: . 
       dockerfile: ./Dockerfile.webpack
     image: oddslingers:webpack
-    command: sh -c "(npm rebuild node-sass && webpack --mode development --watch --info-verbosity verbose & node-sass-chokidar --watch scss/ -o ../static/css 2>&1  &)| cat"
+    command: sh -c "(webpack --mode development --watch --info-verbosity verbose & saas --watch scss/ -o ../static/css 2>&1  &)| cat"
     stdin_open: true
     tty: true
     environment: