@kkkiio/pi-web-ui 0.1.0

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@kkkiio/pi-web-ui",
+  "version": "0.1.0",
+  "description": "Web UI for Pi coding agent — view and control your Pi session from the browser",
+  "keywords": [
+    "pi",
+    "pi-package",
+    "coding-agent",
+    "web-ui"
+  ],
+  "author": "kkkiio",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kkkiio/pi-web-ui.git"
+  },
+  "pi": {
+    "extensions": [
+      "./extensions/mirror-server.ts"
+    ]
+  },
+  "scripts": {
+    "dev:web": "vite --host 127.0.0.1",
+    "build:web": "tsc --noEmit && vite build",
+    "preview:web": "vite preview --host 127.0.0.1",
+    "format": "biome format --write .",
+    "lint": "biome lint .",
+    "check": "biome check .",
+    "check:write": "biome check --write .",
+    "ci:biome": "biome ci .",
+    "prepare": "npm run build:web",
+    "prepack": "npm run build:web"
+  },
+  "dependencies": {
+    "ws": "^8.16.0"
+  },
+  "peerDependencies": {
+    "@earendil-works/pi-coding-agent": "*"
+  },
+  "devDependencies": {
+    "@ai-sdk/react": "^3.0.193",
+    "@biomejs/biome": "2.4.15",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
+    "@streamdown/cjk": "^1.0.3",
+    "@streamdown/code": "^1.1.1",
+    "@streamdown/math": "^1.0.2",
+    "@streamdown/mermaid": "^1.0.2",
+    "@tailwindcss/vite": "^4.3.0",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.2",
+    "ai": "^6.0.191",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "lucide-react": "^1.16.0",
+    "motion": "^12.40.0",
+    "nanoid": "^5.1.11",
+    "radix-ui": "^1.4.3",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "shiki": "^4.1.0",
+    "streamdown": "^2.5.0",
+    "tailwindcss": "^4.3.0",
+    "tailwind-merge": "^3.6.0",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^6.0.3",
+    "use-stick-to-bottom": "^1.1.4",
+    "vite": "^8.0.14"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "files": [
+    "extensions/",
+    "dist/",
+    "public/",
+    "README.md"
+  ]
+}

package/public/manifest.json

@@ -0,0 +1,28 @@
+{
+  "name": "Pi Web UI",
+  "short_name": "Pi Web UI",
+  "description": "Web UI for pi coding agent",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#f5f3ef",
+  "theme_color": "#f5f3ef",
+  "orientation": "any",
+  "icons": [
+    {
+      "src": "icons/pi-web-ui-192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/pi-web-ui-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "icons/pi-web-ui-maskable-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
+}

package/public/sw.js

@@ -0,0 +1,58 @@
+// Pi Web UI Service Worker — minimal, just enables PWA install
+// No aggressive caching since Pi Web UI connects to a live local server
+
+const CACHE_NAME = "pi-web-ui-v1";
+
+// Cache only the app shell on install
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => {
+      return cache.addAll(["/", "/manifest.json", "/icons/tau-192.png", "/icons/tau-512.png"]);
+    }),
+  );
+  self.skipWaiting();
+});
+
+// Clean old caches
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches.keys().then((names) => {
+      return Promise.all(names.filter((name) => name !== CACHE_NAME).map((name) => caches.delete(name)));
+    }),
+  );
+  self.clients.claim();
+});
+
+// Network-first strategy — always try live server, fall back to cache
+self.addEventListener("fetch", (event) => {
+  const url = new URL(event.request.url);
+
+  // Don't cache API/WebSocket requests
+  if (url.pathname.startsWith("/api/") || url.pathname.startsWith("/ws")) {
+    return;
+  }
+
+  event.respondWith(
+    fetch(event.request)
+      .then((response) => {
+        // Update cache with fresh response
+        if (response.ok && event.request.method === "GET") {
+          const clone = response.clone();
+          caches.open(CACHE_NAME).then((cache) => cache.put(event.request, clone));
+        }
+        return response;
+      })
+      .catch(() => {
+        // Offline — serve from cache
+        return caches.match(event.request).then((cached) => {
+          return (
+            cached ||
+            new Response("Pi Web UI is offline — start your pi session to connect.", {
+              status: 503,
+              headers: { "Content-Type": "text/plain" },
+            })
+          );
+        });
+      }),
+  );
+});