Multiple improvements to the frontend code

- Add explicit installation of buffer for webpack update
- Also, ignore .hugo_build.lock file which should not be committed.
- Also, get rid of `openssl-legacy-provider` flag as it

.github/workflows/ci-frontend-check.yml

@@ -15,7 +15,6 @@ jobs:
     runs-on: ubuntu-latest
     env:
       CI_JOB_NUMBER: 1
-      NODE_OPTIONS: --openssl-legacy-provider
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4

Dockerfile

@@ -7,8 +7,6 @@ RUN npm ci --omit=dev --omit optional
 ARG DO_NOT_MINIFY
 
 ENV NODE_ENV=production
-# needed only for old webpack version
-ENV NODE_OPTIONS=--openssl-legacy-provider
 
 COPY ./hugo/webpack.mix.js ./hugo/tsconfig.json ./hugo/.babelrc.js /app/
 COPY ./hugo/src/ /app/src/

hugo/.gitignore

@@ -4,3 +4,4 @@ dev/
 golayouts/
 .netlify
 .direnv/
+.hugo_build.lock

hugo/package.json

@@ -21,6 +21,7 @@
     "axios": "^0.28.1",
     "axios-extensions": "^3.1.3",
     "bootstrap": "^4.6.2",
+    "buffer": "^6.0.3",
     "core-js": "^3.1.4",
     "cross-env": "^5.2.0",
     "custom-event-polyfill": "^1.0.7",

hugo/webpack.mix.js

@@ -17,6 +17,9 @@ mix
         'react': 'preact/compat',
         'react-dom': 'preact/compat',
       },
+      fallback: {
+        "buffer": require.resolve("buffer/")
+      }
     },
   })
   .ts('src/js/app.js', '.')
@@ -83,6 +86,7 @@ if (process.env.ANALYZE) {
   mix.webpackConfig({ plugins: [new BundleAnalyzerPlugin()] });
 }
 
+// Production and Development Paths
 if (mix.inProduction()) {
   Mix.manifest.name = '../../data/manifest.json'; // eslint-disable-line no-undef
   mix.setPublicPath('static/build');
@@ -120,8 +124,6 @@ if (mix.inProduction()) {
       target: `localhost:${process.env.HUGO_PORT || 1313}`,
       ws: true, // support websockets for hugo live-reload
     },
-    // watch: true,
-    // watch specific files
     files: ['dev/*.css', 'dev/app.js'],
     ghostMode: false, // disable Clicks, Scrolls & Form inputs on any device will be mirrored to all others
     open: false, // don't open in browser
@@ -136,42 +138,4 @@ if (mix.inProduction()) {
       },
     },
   });
-}
-
-// mix.version();
-
-// Full API
-// mix.js(src, output);
-// mix.react(src, output); <-- Identical to mix.js(), but registers React Babel compilation.
-// mix.preact(src, output); <-- Identical to mix.js(), but registers Preact compilation.
-// mix.coffee(src, output); <-- Identical to mix.js(), but registers CoffeeScript compilation.
-// mix.ts(src, output); <-- TypeScript support. Requires tsconfig.json to exist in the same folder as webpack.mix.js
-// mix.extract(vendorLibs);
-// mix.sass(src, output);
-// mix.less(src, output);
-// mix.stylus(src, output);
-// mix.postCss(src, output, [require('postcss-some-plugin')()]);
-// mix.browserSync('my-site.test');
-// mix.combine(files, destination);
-// mix.babel(files, destination); <-- Identical to mix.combine(), but also includes Babel compilation.
-// mix.copy(from, to);
-// mix.copyDirectory(fromDir, toDir);
-// mix.minify(file);
-// mix.sourceMaps(); // Enable sourcemaps
-// mix.version(); // Enable versioning.
-// mix.disableNotifications();
-// mix.setPublicPath('path/to/public');
-// mix.setResourceRoot('prefix/for/resource/locators');
-// mix.autoload({}); <-- Will be passed to Webpack's ProvidePlugin.
-// mix.webpackConfig({}); <-- Override webpack.config.js, without editing the file directly.
-// mix.babelConfig({}); <-- Merge extra Babel configuration (plugins, etc.) with Mix's default.
-// mix.then(function () {}) <-- Will be triggered each time Webpack finishes building.
-// mix.extend(name, handler) <-- Extend Mix's API with your own components.
-// mix.options({
-//   extractVueStyles: false, // Extract .vue component styling to file, rather than inline.
-//   globalVueStyles: file, // Variables file to be imported in every component.
-//   processCssUrls: true, // Process/optimize relative stylesheet url()'s. Set to false, if you don't want them touched.
-//   purifyCss: false, // Remove unused CSS selectors.
-//   terser: {}, // Terser-specific options. https://github.com/webpack-contrib/terser-webpack-plugin#options
-//   postCss: [] // Post-CSS options: https://github.com/postcss/postcss/blob/master/docs/plugins.md
-// });
+}