From 7c13b98aba3d80ce7663d48346d0d1d0f3e53a14 Mon Sep 17 00:00:00 2001
From: Youen Toupin <youen@ordi.home>
Date: Sun, 3 Apr 2022 19:44:53 +0200
Subject: [PATCH] Added menu

Added Bulma CSS framework
Using PurgeCSS plugin to remove all unused CSS
---
 WebApp/package.json      | 10 +++++-----
 WebApp/src/layout.tsx    |  2 +-
 WebApp/webpack.config.js | 28 +++++++++++++---------------
 3 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/WebApp/package.json b/WebApp/package.json
index 0ed9246..e73cbcb 100644
--- a/WebApp/package.json
+++ b/WebApp/package.json
@@ -9,18 +9,18 @@
   },
   "author": "Youen Toupin",
   "license": "AGPL-3.0",
-  "dependencies": {
-  },
   "devDependencies": {
     "@types/mithril": "^2.0.9",
+    "bulma": "^0.9.3",
     "css-loader": "^6.7.1",
     "html-webpack-plugin": "^5.5.0",
+    "mini-css-extract-plugin": "^2.6.0",
+    "mithril": "^2.0.4",
+    "purgecss-webpack-plugin": "^4.1.3",
     "style-loader": "^3.3.1",
     "ts-loader": "^9.2.8",
     "typescript": "^4.6.2",
     "webpack": "^5.70.0",
-    "webpack-cli": "^4.9.2",
-    "bulma": "^0.9.3",
-    "mithril": "^2.0.4"
+    "webpack-cli": "^4.9.2"
   }
 }
diff --git a/WebApp/src/layout.tsx b/WebApp/src/layout.tsx
index 17a1945..f1497ef 100644
--- a/WebApp/src/layout.tsx
+++ b/WebApp/src/layout.tsx
@@ -9,7 +9,7 @@ export default class Layout {
 		return [
 			<nav class="navbar" role="navigation" aria-label="main navigation">
 				<div class="navbar-brand">
-					<a class="navbar-item" href='#!/dashboard'>Tableau de bord</a>
+					<a class="navbar-item" href="#!/dashboard" onclick={() => { this.menuActive = false; return true; }}>Tableau de bord</a>
 					
 					<a role="button" class={'navbar-burger ' + (this.menuActive ? 'is-active' : '')} onclick={() => this.menuActive = !this.menuActive} aria-label="menu" aria-expanded="false" data-target="mainMenu">
 						<span aria-hidden="true"></span>
diff --git a/WebApp/webpack.config.js b/WebApp/webpack.config.js
index 290f280..e789128 100644
--- a/WebApp/webpack.config.js
+++ b/WebApp/webpack.config.js
@@ -1,6 +1,11 @@
 const path = require('path');
+const glob = require('glob');
+
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const PurgecssPlugin = require('purgecss-webpack-plugin');
+
 module.exports = {
   entry: './src/app.ts',
   module: {
@@ -12,7 +17,7 @@ module.exports = {
       },
       {
         test: /\.css$/i,
-        use: ["style-loader", "css-loader"],
+        use: [MiniCssExtractPlugin.loader, "css-loader"],
       },
     ],
   },
@@ -28,19 +33,12 @@ module.exports = {
     new HtmlWebpackPlugin({
       template: './src/index.html',
       hash: true
+    }),
+    new MiniCssExtractPlugin({
+      filename: "[name].css",
+    }),
+    new PurgecssPlugin({
+      paths: glob.sync('./src/**/*',  { nodir: true }),
     })
-  ],
-  optimization: {
-	moduleIds: 'deterministic',
-    runtimeChunk: 'single',
-    splitChunks: {
-      cacheGroups: {
-        vendor: {
-          test: /[\\/]node_modules[\\/]/,
-          name: 'vendors',
-          chunks: 'all',
-        },
-      },
-    },
-  },
+  ]
 };