icon

apps/clock/package.json

@@ -3,6 +3,9 @@
   "module": "src/index.ts",
   "type": "module",
   "private": true,
+  "toes": {
+    "icon": "🕐"
+  },
   "scripts": {
     "toes": "bun run --watch index.tsx",
     "start": "bun toes",

apps/profile/package.json

@@ -3,6 +3,9 @@
   "module": "src/index.ts",
   "type": "module",
   "private": true,
+  "toes": {
+    "icon": "👤"
+  },
   "scripts": {
     "toes": "bun run --watch index.tsx",
     "start": "bun toes",

apps/truisms/package.json

@@ -3,6 +3,9 @@
   "module": "src/index.ts",
   "type": "module",
   "private": true,
+  "toes": {
+    "icon": "💬"
+  },
   "scripts": {
     "toes": "bun run --watch index.ts",
     "dev": "bun run --hot index.ts"

src/server/index.tsx

@@ -15,9 +15,10 @@ app.get('/api/apps/stream', c => {
     start(controller) {
       const send = () => {
         // Strip proc field from apps before sending
-        const apps: SharedApp[] = allApps().map(({ name, state, port, started, logs }) => ({
+        const apps: SharedApp[] = allApps().map(({ name, state, icon, port, started, logs }) => ({
           name,
           state,
+          icon,
           port,
           started,
           logs,

src/shared/types.ts

@@ -8,6 +8,7 @@ export type LogLine = {
 export type App = {
   name: string
   state: AppState
+  icon?: string
   port?: number
   started?: number
   logs?: LogLine[]