Update dependencies (#658)

* Upgrade phoenix to 1.6

* Replace .html.eex/.html.leex by .html.heex and ~L by ~H

* Update other dependencies

* Install esbuild (and get rid of webpack)

* Update dependencies

* Update cors_plug

* Set deps versions to MAJOR.MINOR and check for deps updates

* Fix alpine error by upgrading esbuild target version

.dockerignore

@@ -33,7 +33,7 @@ erl_crash.dump
 # Since we are building assets from assets/,
 # we ignore priv/static. You may want to comment
 # this depending on your deployment strategy.
-/priv/static/*
+# /priv/static/*
 
 /assets/node_modules
 

.github/workflows/ci.yml

@@ -39,6 +39,8 @@ jobs:
     - name: Install dependencies
       if: steps.mix-cache.outputs.cache-hit != 'true'
       run: mix deps.get
+    - name: Check dependency updates
+      run: mix hex.outdated --within-requirements 1>/dev/null || echo 'Updates available!'
     - name: Set Formatting
       run: mix format --check-formatted
     - name: Restore build cache

.gitignore

@@ -33,7 +33,8 @@ erl_crash.dump
 # Since we are building assets from assets/,
 # we ignore priv/static. You may want to comment
 # this depending on your deployment strategy.
-/priv/static/*
+/priv/static/css
+/priv/static/js
 !/priv/static/docs/**/*.md
 
 # Self signed cert are used for local and dev purposes

Dockerfile

@@ -36,18 +36,25 @@ COPY config ./config
 RUN mix do deps.get, deps.compile
 
 # build assets
+COPY priv ./priv
 COPY assets ./assets 
-RUN npm --prefix ./assets ci --progress=false --no-audit --loglevel=error \
-  && npm --prefix ./assets run deploy
+RUN npm --prefix ./assets ci --progress=false --no-audit --loglevel=error 
 
 COPY . .
 
 RUN git config user.name aebot \
   && git config user.email aebot@archethic.net \
   && git remote add origin https://github.com/archethic-foundation/archethic-node
 
+# Install Dart Sass
+RUN npm install -g sass
+
+# build Sass -> CSS
+RUN cd assets && \
+ sass --no-source-map --style=compressed css/app.scss ../priv/static/css/app.css && cd -
+
 # build release
-RUN mix do phx.digest, distillery.release
+RUN mix do assets.deploy, distillery.release
 
 # gen PLT
 RUN if [ $with_tests -eq 1 ]; then mix git_hooks.run pre_push ;fi

assets/css/app.scss

@@ -1,7 +1,7 @@
 @charset "utf-8";
 
 @import "variables";
-@import "~bulma/bulma";
+@import "../node_modules/bulma/bulma";
 
 @import "explorer";
 

assets/js/app.js

@@ -1,7 +1,6 @@
 // We need to import the CSS so that webpack will load it.
 // The MiniCssExtractPlugin is used to separate it out into
 // its own CSS file.
-import {} from "../css/app.scss";
 import {} from "./ui";
 import {
   initializeNbTransactionGraph,
@@ -15,7 +14,7 @@ import { createWorldmap, updateWorldmap } from "./worldmap";
 // entry points. Those entry points can be configured
 
 import { Socket } from "phoenix";
-import LiveSocket from "phoenix_live_view";
+import { LiveSocket } from "phoenix_live_view";
 import { html } from "diff2html";
 import hljs from "highlight.js";
 

assets/js/worldmap.js

@@ -1,5 +1,5 @@
 import * as echarts from 'echarts'
-import worldmapJSON from '../static/worldmap.json'
+import worldmapJSON from './worldmap.json'
 
 let map
 let minNbOfAuthorizedNodes