2023-12-04 02:42:05 +00:00
7 changed files with 2066 additions and 0 deletions
--- a/visions/ui/Makefile
+++ b/visions/ui/Makefile
@ -0,0 +1,10 @@
+
+release:
+	NODE_ENV=production npm run build
+
+dev:
+	npm run build
+
+server:
+	npx http-server ./dist
+
--- a/visions/ui/package-lock.json
+++ b/visions/ui/package-lock.json
--- a/visions/ui/package.json
+++ b/visions/ui/package.json
@ -0,0 +1,24 @@
+{
+  "name": "ui",
+  "version": "1.0.0",
+  "description": "",
+  "main": "webpack.config.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack"
+  },
+  "author": "",
+  "license": "GPL-3.0-or-later",
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.8",
+    "@types/react-dom": "^18.2.4",
+    "copy-webpack-plugin": "^11.0.0",
+    "ts-loader": "^9.4.3",
+    "webpack": "^5.85.0",
+    "webpack-cli": "^5.1.3"
+  }
+}
--- a/visions/ui/src/index.html
+++ b/visions/ui/src/index.html
@ -0,0 +1,6 @@
+<!doctype html>
+<html>
+    <body>
+        <div id="root"></div>
+    </body>
+</html>
--- a/visions/ui/src/main.tsx
+++ b/visions/ui/src/main.tsx
@ -0,0 +1,11 @@
+import React from "react";
+import ReactDOM from "react-dom";
+
+const App = () => <div>App</div>;
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById("root")
+);
--- a/visions/ui/src/visions.css
+++ b/visions/ui/src/visions.css
--- a/visions/ui/webpack.config.js
+++ b/visions/ui/webpack.config.js
@ -0,0 +1,24 @@
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+module.exports = {
+    mode: "development",
+    entry: {
+        "main": "./src/main.tsx"
+    },
+    module: {
+        rules: [
+            { test: /\.tsx?$/, use: "ts-loader", exclude: /node_modules/ }
+        ]
+    },
+    plugins: [
+        new CopyWebpackPlugin({
+            patterns: [
+                { from: "src/index.html" },
+                { from: "src/visions.css" },
+            ]
+        })
+    ],
+    resolve: {
+        extensions: ['.ts', '.tsx'],
+    }
+}