Migrate ui to Vite and npm

artefactual-labs · Jun 16, 2023 · fa9d0a2 · fa9d0a2
1 parent 9920cf9
commit fa9d0a2
Show file tree

Hide file tree

Showing 14 changed files with 6,782 additions and 10,487 deletions.
diff --git a/Makefile b/Makefile
@@ -106,11 +106,11 @@ website: $(HUGO)
 	hugo serve --source=website/
 
 ui:
-	yarn --cwd ui install
-	yarn --cwd ui build
+	npm --prefix=ui install
+	npm --prefix=ui run build
 
 ui-dev:
-	yarn --cwd ui serve
+	npm --prefix=ui run dev
 
 ui-client:
 	@rm -rf $(CURDIR)/ui/src/client

diff --git a/ui/.gitignore b/ui/.gitignore
@@ -12,8 +12,6 @@ node_modules
 
 # Log files
 npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
 
 # Editor directories and files
 .idea

diff --git a/ui/README.md b/ui/README.md
@@ -1,34 +1,13 @@
 # ui
 
 ## Project setup
-```
-yarn install
-```
 
-### Compiles and hot-reloads for development
-```
-yarn run serve
-```
-
-### Compiles and minifies for production
-```
-yarn run build
-```
+    npm install
 
-### Run your tests
-```
-yarn run test
-```
+### Compiles and hot-reloads for development
 
-### Lints and fixes files
-```
-yarn run lint
-```
+    npm run dev
 
-### Run your unit tests
-```
-yarn run test:unit
-```
+### Compiles and minifies for production
 
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+    npm run build
diff --git a/ui/public/index.html → ui/index.html b/ui/public/index.html → ui/index.html
@@ -4,11 +4,12 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="apple-touch-icon" sizes="180x180" href="<%= BASE_URL %>icons/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>icons/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="<%= BASE_URL %>icons/favicon-16x16.png">
-    <link rel="manifest" href="<%= BASE_URL %>site.webmanifest">
+    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
     <title>Enduro</title>
+    <script type="module" src="/src/main.ts"></script>
   </head>
   <body>
     <noscript>