Update versions

.github/workflows/main.yml

@@ -16,8 +16,8 @@ jobs:
 
       - uses: erlef/setup-elixir@v1
         with:
-          otp-version: 25.2.1
-          elixir-version: 1.14.3
+          otp-version: 27.2
+          elixir-version: 1.17.3
 
       - run: mix deps.get
       - run: mix deps.compile

Dockerfile

@@ -1,4 +1,8 @@
-FROM hexpm/elixir:1.14.3-erlang-25.2.1-alpine-3.17.0 as build
+ARG ELIXIR_VERSION=1.17.3
+ARG ERLANG_VERSION=27.2
+ARG ALPINE_VERSION=3.20.3
+
+FROM hexpm/elixir:${ELIXIR_VERSION}-erlang-${ERLANG_VERSION}-alpine-${ALPINE_VERSION} AS build
 
 # install build dependencies
 RUN apk add --update git build-base nodejs yarn
@@ -35,8 +39,8 @@ COPY rel rel
 RUN mix release
 
 # prepare release image
-FROM alpine:3.17.0 AS app
-RUN apk add --update bash openssl libstdc++
+FROM alpine:${ALPINE_VERSION} AS app
+RUN apk add --no-cache --update bash openssl libstdc++
 
 RUN mkdir /app
 WORKDIR /app

assets/package.json

@@ -13,17 +13,16 @@
     "phoenix_live_view": "file:../deps/phoenix_live_view"
   },
   "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
-    "babel-loader": "^8.0.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^3.4.2",
-    "css-minimizer-webpack-plugin": "^4.2.2",
-    "mini-css-extract-plugin": "^2.7.2",
-    "sass": "^1.35.2",
-    "sass-loader": "^8.0.2",
-    "terser-webpack-plugin": "^2.3.2",
-    "webpack": "^5.1.0",
-    "webpack-cli": "^4.x.x"
+    "@babel/core": "^7.24.4",
+    "@babel/preset-env": "^7.24.4",
+    "babel-loader": "^9.1.3",
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^7.1.1",
+    "css-minimizer-webpack-plugin": "^6.0.0",
+    "mini-css-extract-plugin": "^2.8.1",
+    "sass-loader": "^14.2.0",
+    "sass": "^1.74.1",
+    "webpack-cli": "^5.1.4",
+    "webpack": "5.91.0"
   }
 }

assets/webpack.config.js

@@ -1,52 +1,46 @@
 const path = require('path');
-const glob = require('glob');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
 const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 module.exports = (env, options) => {
-  const devMode = options.mode !== 'production';
-
   return {
     optimization: {
       minimizer: [
-        new TerserPlugin({ cache: true, parallel: true, sourceMap: devMode }),
+        new TerserPlugin(),
         new CssMinimizerPlugin(),
       ]
     },
-    entry: {
-      'app': glob.sync('./vendor/**/*.js').concat(['./js/app.js'])
-    },
+    entry: [
+      './js/app.js'
+    ],
     output: {
-      filename: '[name].js',
-      path: path.resolve(__dirname, '../priv/static/js'),
-      publicPath: '/js/',
+      filename: 'js/app.js',
+      path: path.resolve(__dirname, '../priv/static'),
     },
-    mode: devMode ? 'development' : 'production',
-    devtool: devMode ? 'eval-cheap-module-source-map' : undefined,
     module: {
       rules: [
         {
-          test: /\.js$/,
-          exclude: /node_modules/,
-          use: {
-            loader: 'babel-loader'
-          }
-        },
-        {
-          test: /\.[s]?css$/,
+          test: /\.scss$/,
           use: [
             MiniCssExtractPlugin.loader,
-            'css-loader',
-            'sass-loader',
-          ],
+            {
+              loader: "css-loader",
+              options: { url: false }
+            },
+            "sass-loader"
+          ]
+        },
+        {
+          test: /\.css$/,
+          use: [MiniCssExtractPlugin.loader, 'css-loader']
         }
       ]
     },
     plugins: [
-      new MiniCssExtractPlugin({ filename: '../css/app.css' }),
-      new CopyWebpackPlugin({ patterns: [{ from: 'static/', to: '../' }] })
+      new MiniCssExtractPlugin({ filename: 'css/app.css' }),
+      new CopyWebpackPlugin({ patterns: [{ from: 'static/', to: '.' }] }),
     ]
   }
 };