Skip to content

Commit 67a0f3e

Browse files
Rem01GamingRem01Gaming
committed
webui: Restructure and migrate to vite
* PS: This commit also add material you config from Encore Tweaks Signed-off-by: Rem01Gaming <Rem01_Gaming@proton.me>
1 parent ecb7b8d commit 67a0f3e

9 files changed

Lines changed: 265 additions & 282 deletions

File tree

‎webui/.postcssrc‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎webui/bun.lock‎

Lines changed: 173 additions & 255 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎webui/package.json‎

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,26 @@
22
"name": "net-switch",
33
"version": "1.0.0",
44
"author": "Rem01Gaming",
5+
"license": "Apache-2.0",
6+
"type": "module",
57
"scripts": {
6-
"dev": "npx parcel src/index.html --https",
7-
"build": "npx parcel build src/index.html"
8+
"dev": "npx vite",
9+
"build": "npx vite build --emptyOutDir",
10+
"prettier": "npx prettier . --write"
811
},
912
"devDependencies": {
10-
"parcel": "^2.13.3",
13+
"autoprefixer": "^10.4.20",
14+
"daisyui": "^4.12.23",
1115
"postcss": "^8.5.1",
12-
"tailwindcss": "^3.4.17"
16+
"prettier": "3.4.2",
17+
"svgo": "^3.3.2",
18+
"tailwindcss": "^3.4.17",
19+
"vite": "^6.0.11",
20+
"vite-plugin-minify": "^2.1.0",
21+
"vite-plugin-mkcert": "^1.17.6"
1322
},
1423
"dependencies": {
1524
"kernelsu": "^1.0.6",
16-
"mmrl": "^0.0.5"
25+
"mmrl": "^0.2.22"
1726
}
1827
}

‎webui/src/index.html‎

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,9 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<link href="index.css" type="text/css" rel="stylesheet">
8-
<link href="https://mui.kernelsu.org/mmrl/insets.css" type="text/css" rel="stylesheet">
9-
<script type="module" crossorigin src="index.js" type="text/javascript"></script>
10-
<script type="module" crossorigin src="mmrl.js" type="text/javascript"></script>
11-
<style>
12-
.root_layout {
13-
padding-top: var(--window-inset-top);
14-
padding-bottom: var(--window-inset-bottom);
15-
}
16-
</style>
7+
<link href="styles/index.css" type="text/css" rel="stylesheet">
8+
<script type="module" src="scripts/index.js" type="text/javascript"></script>
9+
<script type="module" src="scripts/mmrl.js" type="text/javascript"></script>
1710
</head>
1811

1912
<body class="bg-white text-gray-800 dark:bg-gray-900 dark:text-gray-200 root_layout">

webui/src/index.js renamed to webui/src/scripts/index.js

File renamed without changes.

webui/src/mmrl.js renamed to webui/src/scripts/mmrl.js

File renamed without changes.

webui/src/index.css renamed to webui/src/styles/index.css

File renamed without changes.

‎webui/tailwind.config.js‎

Lines changed: 51 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,55 @@
11
/** @type {import('tailwindcss').Config} */
22
module.exports = {
3-
content: [
4-
"./src/**/*.{html,js,ts,jsx,tsx}",
5-
],
3+
content: ["./src/**/*.{html,js,ts,jsx,tsx}"],
64
theme: {
7-
extend: {},
5+
extend: {
6+
colors: {
7+
"primary": "var(--primary, #FFB3AE)",
8+
"on-primary": "var(--onPrimary, #571E1C)",
9+
"primary-container": "var(--primaryContainer, #733330)",
10+
"on-primary-container": "var(--onPrimaryContainer, #FFDAD7)",
11+
"inverse-primary": "var(--inversePrimary, #904A46)",
12+
"secondary": "var(--secondary, #E7BDB9)",
13+
"on-secondary": "var(--onSecondary, #442927)",
14+
"secondary-container": "var(--secondaryContainer, #5D3F3D)",
15+
"on-secondary-container": "var(--onSecondaryContainer, #FFDAD7)",
16+
"tertiary": "var(--tertiary, #E2C28C)",
17+
"on-tertiary": "var(--onTertiary, #402D04)",
18+
"tertiary-container": "var(--tertiaryContainer, #594319)",
19+
"on-tertiary-container": "var(--onTertiaryContainer, #FFDEA6)",
20+
"background": "var(--background, #1A1111)",
21+
"on-background": "var(--onBackground, #F1DEDD)",
22+
"surface": "var(--surface, #1A1111)",
23+
"on-surface": "var(--onSurface, #F1DEDD)",
24+
"surface-variant": "var(--surfaceVariant, #534342)",
25+
"on-surface-variant": "var(--onSurfaceVariant, #D8C2BF)",
26+
"surface-tint": "var(--surfaceTint, #FFB3AE)",
27+
"inverse-surface": "var(--inverseSurface, #F1DEDD)",
28+
"inverse-on-surface": "var(--inverseOnSurface, #382E2D)",
29+
"error": "var(--error, #FFB4AB)",
30+
"on-error": "var(--onError, #690005)",
31+
"error-container": "var(--errorContainer, #93000A)",
32+
"on-error-container": "var(--onErrorContainer, #FFDAD6)",
33+
"outline": "var(--outline, #A08C8A)",
34+
"outline-variant": "var(--outlineVariant, #534342)",
35+
"scrim": "var(--scrim, #000000)",
36+
"surface-bright": "var(--surfaceBright, #423736)",
37+
"surface-dim": "var(--surfaceDim, #1A1111)",
38+
"surface-container": "var(--surfaceContainer, #271D1D)",
39+
"surface-container-high": "var(--surfaceContainerHigh, #322827)",
40+
"surface-container-highest": "var(--surfaceContainerHighest, #3D3231)",
41+
"surface-container-low": "var(--surfaceContainerLow, #231919)",
42+
"surface-container-lowest": "var(--surfaceContainerLowest, #140C0B)",
43+
"filled-tonal-button-content-color": "var(--filledTonalButtonContentColor)",
44+
"filled-tonal-button-container-color": "var(--filledTonalButtonContainerColor)",
45+
"filled-tonal-button-disabled-content-color": "var(--filledTonalButtonDisabledContentColor)",
46+
"filled-tonal-button-disabled-container-color": "var(--filledTonalButtonDisabledContainerColor)",
47+
"filled-card-content-color": "var(--filledCardContentColor)",
48+
"filled-card-container-color": "var(--filledCardContainerColor)",
49+
"filled-card-disabled-content-color": "var(--filledCardDisabledContentColor)",
50+
"filled-card-disabled-container-color": "var(--filledCardDisabledContainerColor)",
51+
},
52+
},
853
},
9-
plugins: [],
10-
}
11-
54+
plugins: [require("daisyui")],
55+
};

‎webui/vite.config.js‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import { defineConfig } from "vite"
2+
import mkcert from "vite-plugin-mkcert";
3+
import tailwind from "tailwindcss";
4+
import autoprefixer from "autoprefixer";
5+
import { ViteMinifyPlugin } from 'vite-plugin-minify'
6+
7+
export default defineConfig({
8+
root: './src',
9+
plugins: [
10+
ViteMinifyPlugin({}),
11+
mkcert(),
12+
],
13+
server : {
14+
https: true,
15+
},
16+
css: {
17+
postcss: {
18+
plugins: [tailwind, autoprefixer],
19+
}
20+
},
21+
build: {
22+
outDir: '../dist',
23+
},
24+
})

0 commit comments

Comments
 (0)