Revert "Merge pull request #3 from transcom/I-12947-Node-Canvas"

This reverts commit 3075ee1, reversing
changes made to 2a443ae.

Author: cameroncaci

.github/workflows/webpack.yml

@@ -24,8 +24,5 @@ jobs:
 
     - name: Build
       run: |
-        if [ "${{ matrix.node-version }}" == "18.x" ]; then
-          export NODE_OPTIONS=--openssl-legacy-provider
-        fi
         npm install
         npx webpack

package.json

@@ -10,7 +10,7 @@
   },
   "scripts": {
     "dev": "webpack -d --watch",
-    "build": "webpack --mode production --progress",
+    "build": "webpack -p --progress",
     "start": "node ./scripts/start.js",
     "lint": "eslint --ext js,jsx src",
     "test": "jest --env=jsdom ",
@@ -68,6 +68,7 @@
     "inquirer": "^7.2.0",
     "jest": "^26.1.0",
     "lint-staged": "^10.2.11",
+    "node-sass": "^8.0.0",
     "postcss-loader": "^4.2.0",
     "prettier": "^2.0.5",
     "react": "^16.6.3",
@@ -77,15 +78,14 @@
     "style-loader": "^1.2.1",
     "url-loader": "^4.1.0",
     "webpack": "^5.75.0",
-    "webpack-bundle-analyzer": "^3.8.0",
+    "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0"
+    "webpack-dev-server": "^5.0.4"
   },
   "dependencies": {
     "pdfjs-dist": "1.8.357",
     "prop-types": "^15.5.10",
     "react-visibility-sensor": "^5.0.2",
-    "sass": "^1.77.2",
     "three": "0.137.0"
   },
   "resolutions": {

src/components/drivers/pdf-viewer.jsx

@@ -5,6 +5,7 @@ import VisibilitySensor from 'react-visibility-sensor'
 import { PDFJS } from 'pdfjs-dist/build/pdf.combined'
 import 'pdfjs-dist/web/compatibility'
 
+PDFJS.disableWorker = true
 const INCREASE_PERCENTAGE = 0.2
 const DEFAULT_SCALE = 1.1
 // eslint-disable-next-line no-import-assign

webpack.config.js

@@ -2,7 +2,6 @@
 // Modified work Copyright 2020, Trussworks, Inc.
 
 const path = require('path')
-const { experiments } = require('webpack')
 
 const BUILD_DIR = path.resolve(__dirname, './dist')
 const APP_DIR = path.resolve(__dirname, './src')
@@ -12,7 +11,6 @@ const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
 
 const config = {
   entry: `${APP_DIR}/components`,
-  mode: 'production',
   output: {
     path: BUILD_DIR,
     filename: 'index.js',
@@ -23,7 +21,7 @@ const config = {
     modules: [path.resolve(__dirname, './src'), 'node_modules'],
     extensions: ['.js', '.jsx', '.json'],
   },
-  plugins: [new BundleAnalyzerPlugin({analyzerMode: 'disabled'})],
+  plugins: [new BundleAnalyzerPlugin()],
   externals: [
     {
       react: {
@@ -85,9 +83,6 @@ const config = {
       },
     ],
   },
-  experiments: {
-    topLevelAwait: true,
-  },
 }
 
 module.exports = config