Added WebApp project

2 years ago · 8bdd34412f
8 changed files with 111 additions and 0 deletions
--- a/WebApp/.gitignore
+++ b/WebApp/.gitignore
@ -0,0 +1,4 @@
+node_modules
+package-lock.json
+www
+
--- a/WebApp/.project
+++ b/WebApp/.project
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>WebApp</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+	</buildSpec>
+	<natures>
+	</natures>
+</projectDescription>
--- a/WebApp/package.json
+++ b/WebApp/package.json
@ -0,0 +1,23 @@
+{
+  "name": "vehicle-monitor-webapp",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "webpack --mode development --watch",
+    "build": "webpack --mode production"
+  },
+  "author": "Youen Toupin",
+  "license": "AGPL-3.0",
+  "dependencies": {
+    "mithril": "^2.0.4"
+  },
+  "devDependencies": {
+    "@types/mithril": "^2.0.9",
+    "html-webpack-plugin": "^5.5.0",
+    "ts-loader": "^9.2.8",
+    "typescript": "^4.6.2",
+    "webpack": "^5.70.0",
+    "webpack-cli": "^4.9.2"
+  }
+}
--- a/WebApp/src/app.ts
+++ b/WebApp/src/app.ts
@ -0,0 +1,4 @@
+import m from 'mithril';
+import MainPage from './main-page';
+
+m.mount(document.body, MainPage);
--- a/WebApp/src/index.html
+++ b/WebApp/src/index.html
@ -0,0 +1,8 @@
+<!DOCTYPE HTML>
+<head>
+	<meta charset="UTF-8"/>
+	<title>Ordinateur de bord</title>
+</head>
+<body>
+	<p>Chargement...</p>
+</body>
--- a/WebApp/src/main-page.tsx
+++ b/WebApp/src/main-page.tsx
@ -0,0 +1,7 @@
+import m from 'mithril';
+
+export default class MainPage {
+	view() {
+		return <p>Hello, world!</p>
+	}
+}
--- a/WebApp/tsconfig.json
+++ b/WebApp/tsconfig.json
@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "noImplicitAny": true,
+    "module": "CommonJS",
+    "esModuleInterop": true,
+    "target": "es5",
+    "jsx": "react",
+    "jsxFactory": "m",
+    "allowJs": true,
+    "moduleResolution": "node"
+  }
+}
--- a/WebApp/webpack.config.js
+++ b/WebApp/webpack.config.js
@ -0,0 +1,42 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+module.exports = {
+  entry: './src/app.ts',
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        use: 'ts-loader',
+        exclude: /node_modules/,
+      },
+    ],
+  },
+  resolve: {
+    extensions: ['.tsx', '.ts', '.js'],
+  },
+  output: {
+    filename: '[name].js',
+    path: path.resolve(__dirname, './www/'),
+    clean: true,
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: './src/index.html',
+      hash: true
+    })
+  ],
+  optimization: {
+	moduleIds: 'deterministic',
+    runtimeChunk: 'single',
+    splitChunks: {
+      cacheGroups: {
+        vendor: {
+          test: /[\\/]node_modules[\\/]/,
+          name: 'vendors',
+          chunks: 'all',
+        },
+      },
+    },
+  },
+};