feat: add webui

Co-authored-by: eltavine <me@eltavine.com>

Author: Tools-cx-app

.github/workflows/build.yml

@@ -44,6 +44,11 @@ jobs:
           export ANDROID_NDK_ROOT="$ANDROID_NDK_HOME"
           cargo ndk -t arm64-v8a build --release
           cp target/aarch64-linux-android/release/oukaro ./module/
+      - name: Build WebUI
+        run: |
+          cd webui
+          npm ci
+          npm run build
       - name: Upload build artifacts
         uses: actions/upload-artifact@v4
         with:

webui/.gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+.vite
+*.tsbuildinfo
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

webui/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

webui/README.md

@@ -0,0 +1,12 @@
+# OukaroManager WebUI
+
+Vue 3 + TypeScript + Vite frontend for the KernelSU module WebUI. The UI manages apps installed for the primary Android user (user 0) and writes static output into the module `webroot/`.
+
+## Commands
+
+```sh
+npm install
+npm run build
+```
+
+`npm run build` writes the static site into `../module/webroot/`.

webui/components.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "default",
+  "typescript": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/style.css",
+    "baseColor": "stone",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

webui/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <link rel="stylesheet" type="text/css" href="/internal/insets.css" />
+    <link rel="icon" type="image/svg+xml" href="/src/assets/karo.svg" />
+    <title>OukaroManager</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>