apps/metrics/20260130-000000/index.tsx

@@ -339,41 +339,6 @@ const EmptyState = define('EmptyState', {
   color: theme('colors-textMuted'),
 })
 
-const Tab = define('Tab', {
-  base: 'a',
-  padding: '8px 16px',
-  fontSize: '13px',
-  fontFamily: theme('fonts-sans'),
-  color: theme('colors-textMuted'),
-  textDecoration: 'none',
-  borderBottom: '2px solid transparent',
-  cursor: 'pointer',
-  states: {
-    ':hover': {
-      color: theme('colors-text'),
-    },
-  },
-})
-
-const TabActive = define('TabActive', {
-  base: 'a',
-  padding: '8px 16px',
-  fontSize: '13px',
-  fontFamily: theme('fonts-sans'),
-  color: theme('colors-text'),
-  textDecoration: 'none',
-  borderBottom: `2px solid ${theme('colors-primary')}`,
-  fontWeight: 'bold',
-  cursor: 'default',
-})
-
-const TabBar = define('TabBar', {
-  display: 'flex',
-  gap: '4px',
-  borderBottom: `1px solid ${theme('colors-border')}`,
-  marginBottom: '15px',
-})
-
 const ChartsContainer = define('ChartsContainer', {
   marginTop: '24px',
   display: 'grid',
@@ -522,82 +487,6 @@ app.get('/', async c => {
 
   // Single app view
   if (appName) {
-    const tab = c.req.query('tab') === 'global' ? 'global' : 'app'
-    const appUrl = `/?app=${appName}`
-    const globalUrl = `/?app=${appName}&tab=global`
-
-    if (tab === 'global') {
-      const metrics = await getAppMetrics()
-
-      metrics.sort((a, b) => {
-        if (a.state === 'running' && b.state !== 'running') return -1
-        if (a.state !== 'running' && b.state === 'running') return 1
-        return a.name.localeCompare(b.name)
-      })
-
-      if (metrics.length === 0) {
-        return c.html(
-          <Layout title="Metrics">
-            <TabBar>
-              <Tab href={appUrl}>App</Tab>
-              <TabActive href={globalUrl}>Global</TabActive>
-            </TabBar>
-            <EmptyState>No apps found</EmptyState>
-          </Layout>
-        )
-      }
-
-      const running = metrics.filter(s => s.state === 'running')
-      const totalCpu = running.reduce((sum, s) => sum + (s.cpu ?? 0), 0)
-      const totalRss = running.reduce((sum, s) => sum + (s.rss ?? 0), 0)
-      const totalData = metrics.reduce((sum, s) => sum + (s.dataSize ?? 0), 0)
-
-      return c.html(
-        <Layout title="Metrics - Global">
-          <TabBar>
-            <Tab href={appUrl}>App</Tab>
-            <TabActive href={globalUrl}>Global</TabActive>
-          </TabBar>
-          <Table>
-            <thead>
-              <tr>
-                <Th>Name</Th>
-                <Th>State</Th>
-                <ThRight>PID</ThRight>
-                <ThRight>CPU</ThRight>
-                <ThRight>MEM</ThRight>
-                <ThRight>RSS</ThRight>
-                <ThRight>Data</ThRight>
-              </tr>
-            </thead>
-            <tbody>
-              {metrics.map(s => (
-                <Tr>
-                  <Td>
-                    {s.name}
-                    {s.tool && <ToolBadge>[tool]</ToolBadge>}
-                  </Td>
-                  <Td>
-                    <StatusBadge style={`color: ${getStatusColor(s.state)}`}>
-                      {s.state}
-                    </StatusBadge>
-                  </Td>
-                  <TdRight>{s.pid ?? '-'}</TdRight>
-                  <TdRight>{formatPercent(s.cpu)}</TdRight>
-                  <TdRight>{formatPercent(s.memory)}</TdRight>
-                  <TdRight>{formatRss(s.rss)}</TdRight>
-                  <TdRight>{formatBytes(s.dataSize)}</TdRight>
-                </Tr>
-              ))}
-            </tbody>
-          </Table>
-          <Summary>
-            {running.length} running &middot; {formatPercent(totalCpu)} CPU &middot; {formatRss(totalRss)} RSS &middot; {formatBytes(totalData)} data
-          </Summary>
-        </Layout>
-      )
-    }
-
     const metrics = await getAppMetricsByName(appName)
 
     if (!metrics) {
@@ -610,10 +499,6 @@ app.get('/', async c => {
 
     return c.html(
       <Layout title="Metrics">
-        <TabBar>
-          <TabActive href={appUrl}>App</TabActive>
-          <Tab href={globalUrl}>Global</Tab>
-        </TabBar>
         <Table>
           <thead>
             <tr>

src/cli/commands/manage.ts

@@ -4,8 +4,7 @@ import { readSyncState } from '%sync'
 import color from 'kleur'
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs'
 import { basename, join } from 'path'
-import { buildAppUrl } from '@urls'
+import { del, get, getManifest, HOST, makeAppUrl, post } from '../http'
-import { del, get, getManifest, HOST, post } from '../http'
 import { confirm, prompt } from '../prompts'
 import { resolveAppName } from '../name'
 import { pushApp } from './sync'
@@ -58,11 +57,9 @@ export async function infoApp(arg?: string) {
   const icon = STATE_ICONS[app.state] ?? '◯'
   console.log(`${icon} ${color.bold(app.name)} ${app.tool ? '[tool]' : ''}`)
   console.log(`  State:   ${app.state}`)
-  if (app.state === 'running') {
-    console.log(`  URL:     ${buildAppUrl(app.name, HOST)}`)
-  }
   if (app.port) {
     console.log(`  Port:    ${app.port}`)
+    console.log(`  URL:     ${makeAppUrl(app.port)}`)
   }
   if (app.tunnelUrl) {
     console.log(`  Tunnel:  ${app.tunnelUrl}`)
@@ -210,7 +207,7 @@ export async function openApp(arg?: string) {
     console.error(`App is not running: ${name}`)
     return
   }
-  const url = buildAppUrl(app.name, HOST)
+  const url = makeAppUrl(app.port!)
   console.log(`Opening ${url}`)
   Bun.spawn(['open', url])
 }

src/cli/http.ts

@@ -22,6 +22,12 @@ export function makeUrl(path: string): string {
   return `${HOST}${path}`
 }
 
+export function makeAppUrl(port: number): string {
+  const url = new URL(HOST)
+  url.port = String(port)
+  return url.toString().replace(/\/$/, '')
+}
+
 export function handleError(error: unknown): void {
   if (error instanceof Error && 'code' in error && error.code === 'ConnectionRefused') {
     console.error(`🐾 Can't connect to toes server at ${HOST}`)

src/client/api.ts

@@ -4,12 +4,12 @@ export const getLogDates = (name: string): Promise<string[]> =>
 export const getLogsForDate = (name: string, date: string): Promise<string[]> =>
   fetch(`/api/apps/${name}/logs?date=${date}`).then(r => r.json())
 
-export const shareApp = (name: string) =>
+export const disableTunnel = (name: string) =>
-  fetch(`/api/apps/${name}/tunnel`, { method: 'POST' })
-
-export const unshareApp = (name: string) =>
   fetch(`/api/apps/${name}/tunnel`, { method: 'DELETE' })
 
+export const enableTunnel = (name: string) =>
+  fetch(`/api/apps/${name}/tunnel`, { method: 'POST' })
+
 export const restartApp = (name: string) => fetch(`/api/apps/${name}/restart`, { method: 'POST' })
 
 export const startApp = (name: string) => fetch(`/api/apps/${name}/start`, { method: 'POST' })

src/client/components/AppDetail.tsx

@@ -1,7 +1,6 @@
 import { define } from '@because/forge'
 import type { App } from '../../shared/types'
-import { buildAppUrl } from '../../shared/urls'
+import { disableTunnel, enableTunnel, restartApp, startApp, stopApp } from '../api'
-import { restartApp, shareApp, startApp, stopApp, unshareApp } from '../api'
 import { openAppSelectorModal, openDeleteAppModal, openRenameAppModal } from '../modals'
 import { apps, getSelectedTab, isNarrow } from '../state'
 import {
@@ -64,10 +63,10 @@ export function AppDetail({ app, render }: { app: App, render: () => void }) {
         <HeaderActions>
           {!app.tool && (
             app.tunnelUrl
-              ? <Button onClick={() => { unshareApp(app.name) }}>Unshare</Button>
+              ? <Button onClick={() => { disableTunnel(app.name) }}>Unshare</Button>
               : app.tunnelEnabled
                 ? <Button disabled>Sharing...</Button>
-                : <Button disabled={app.state !== 'running'} onClick={() => { shareApp(app.name) }}>Share</Button>
+                : <Button disabled={app.state !== 'running'} onClick={() => { enableTunnel(app.name) }}>Share</Button>
           )}
           <Button variant="danger" onClick={() => openDeleteAppModal(app)}>Delete</Button>
         </HeaderActions>
@@ -85,12 +84,12 @@ export function AppDetail({ app, render }: { app: App, render: () => void }) {
                 {stateLabels[app.state]}
               </InfoValue>
             </InfoRow>
-            {app.state === 'running' && (
+            {app.state === 'running' && app.port && (
               <InfoRow>
                 <InfoLabel>URL</InfoLabel>
                 <InfoValue>
-                  <Link href={buildAppUrl(app.name, location.origin)} target="_blank">
+                  <Link href={`${location.protocol}//${location.hostname}:${app.port}`} target="_blank">
-                    {buildAppUrl(app.name, location.origin)}
+                    {location.protocol}//{location.hostname}:{app.port}
                   </Link>
                 </InfoValue>
               </InfoRow>

src/client/components/DashboardLanding.tsx

@@ -14,8 +14,6 @@ import { update } from '../update'
 import { UnifiedLogs, initUnifiedLogs } from './UnifiedLogs'
 import { Vitals, initVitals } from './Vitals'
 
-let activeTooltip: string | null = null
-
 export function DashboardLanding({ render }: { render: () => void }) {
   useEffect(() => {
     initUnifiedLogs()
@@ -40,22 +38,11 @@ export function DashboardLanding({ render }: { render: () => void }) {
 
       <StatusDotsRow>
         {[...apps.filter(a => !a.tool), ...apps.filter(a => a.tool)].map(app => (
-          <StatusDotLink
+          <StatusDotLink key={app.name} data-tooltip={app.name} onClick={(e: Event) => {
-            key={app.name}
-            data-tooltip={app.name}
-            tooltipVisible={activeTooltip === app.name || undefined}
-            onClick={(e: Event) => {
             e.preventDefault()
-              if (isNarrow && activeTooltip !== app.name) {
-                activeTooltip = app.name
-                render()
-                return
-              }
-              activeTooltip = null
             setSelectedApp(app.name)
             update()
-            }}
+          }}>
-          >
             <StatusDot state={app.state} data-app={app.name} />
           </StatusDotLink>
         ))}

src/client/components/LogsSection.tsx

@@ -206,7 +206,7 @@ export function LogsSection({ app }: { app: App }) {
   }
 
   return (
-    <Section style={{ flex: 1, display: 'flex', flexDirection: 'column', minHeight: 0, marginBottom: 0 }}>
+    <Section>
       <LogsHeader>
         <SectionTitle style={{ marginBottom: 0 }}>Logs</SectionTitle>
         <LogsControls>

src/client/components/Vitals.tsx

@@ -127,18 +127,17 @@ function Gauge({ value }: { value: number }) {
 }
 
 function VitalsContent() {
-  const narrow = isNarrow || undefined
   return (
     <>
-      <VitalCard narrow={narrow}>
+      <VitalCard>
         <VitalLabel>CPU</VitalLabel>
         <Gauge value={_metrics.cpu} />
       </VitalCard>
-      <VitalCard narrow={narrow}>
+      <VitalCard>
         <VitalLabel>RAM</VitalLabel>
         <Gauge value={_metrics.ram.percent} />
       </VitalCard>
-      <VitalCard narrow={narrow}>
+      <VitalCard>
         <VitalLabel>Disk</VitalLabel>
         <Gauge value={_metrics.disk.percent} />
       </VitalCard>

src/client/styles/dashboard.ts

@@ -10,7 +10,7 @@ export const VitalsSection = define('VitalsSection', {
   maxWidth: 800,
   variants: {
     narrow: {
-      gap: 12,
+      gridTemplateColumns: '1fr',
     },
   },
 })
@@ -24,12 +24,6 @@ export const VitalCard = define('VitalCard', {
   flexDirection: 'column',
   alignItems: 'center',
   gap: 16,
-  variants: {
-    narrow: {
-      padding: 12,
-      gap: 8,
-    },
-  },
 })
 
 export const VitalLabel = define('VitalLabel', {
@@ -66,10 +60,6 @@ export const GaugeValue = define('GaugeValue', {
 export const LogsSection = define('LogsSection', {
   width: '100%',
   maxWidth: 800,
-  flex: 1,
-  minHeight: 0,
-  display: 'flex',
-  flexDirection: 'column',
   background: theme('colors-bgElement'),
   border: `1px solid ${theme('colors-border')}`,
   borderRadius: theme('radius-md'),
@@ -82,7 +72,6 @@ export const LogsHeader = define('LogsHeader', {
   alignItems: 'center',
   padding: '12px 16px',
   borderBottom: `1px solid ${theme('colors-border')}`,
-  flexShrink: 0,
 })
 
 export const LogsTitle = define('LogsTitle', {
@@ -144,8 +133,7 @@ export const LogsTab = define('LogsTab', {
 })
 
 export const LogsBody = define('LogsBody', {
-  flex: 1,
+  height: 200,
-  minHeight: 0,
   overflow: 'auto',
   fontFamily: theme('fonts-mono'),
   fontSize: 12,

src/client/styles/layout.ts

@@ -192,10 +192,8 @@ export const HeaderActions = define('HeaderActions', {
 
 export const MainContent = define('MainContent', {
   flex: 1,
-  display: 'flex',
-  flexDirection: 'column',
   padding: '10px 24px',
-  overflow: 'hidden',
+  overflow: 'auto',
 })
 
 export const DashboardContainer = define('DashboardContainer', {
@@ -203,12 +201,14 @@ export const DashboardContainer = define('DashboardContainer', {
   display: 'flex',
   flexDirection: 'column',
   alignItems: 'center',
+  justifyContent: 'center',
   padding: 40,
+  paddingTop: 0,
   gap: 40,
-  overflow: 'hidden',
   variants: {
     narrow: {
       padding: 20,
+      paddingTop: 0,
       gap: 24,
     },
   },

src/client/styles/logs.tsx

@@ -8,8 +8,7 @@ export const LogsContainer = define('LogsContainer', {
   fontFamily: theme('fonts-mono'),
   fontSize: 12,
   color: theme('colors-textMuted'),
-  flex: 1,
+  maxHeight: 200,
-  minHeight: 0,
   overflow: 'auto',
   variants: {
     narrow: {

src/client/styles/misc.ts

@@ -31,15 +31,6 @@ export const StatusDotLink = define('StatusDotLink', {
       opacity: 1,
     },
   },
-  variants: {
-    tooltipVisible: {
-      selectors: {
-        '&::after': {
-          opacity: 1,
-        },
-      },
-    },
-  },
 })
 
 export const StatusDotsRow = define('StatusDotsRow', {
@@ -152,13 +143,10 @@ export const Tab = define('Tab', {
 
 export const TabContent = define('TabContent', {
   display: 'none',
-  minHeight: 0,
 
   variants: {
     active: {
-      display: 'flex',
+      display: 'block'
-      flexDirection: 'column',
-      flex: 1,
     }
   }
 })

src/client/tool-iframes.ts

@@ -70,7 +70,7 @@ export function initToolIframes() {
   `
 }
 
-// Build URL with params using port-based routing
+// Build URL with params using TOES_URL base
 function buildToolUrl(port: number, params: Record<string, string>): string {
   const base = new URL(window.location.origin)
   base.port = String(port)

src/server/api/apps.ts

@@ -1,5 +1,5 @@
 import { APPS_DIR, TOES_DIR, allApps, appendLog, getLogDates, onChange, readLogs, registerApp, renameApp, restartApp, startApp, stopApp, updateAppIcon } from '$apps'
-import { isTunnelsAvailable, shareApp, unshareApp } from '../tunnels'
+import { disableTunnel, enableTunnel, isTunnelsAvailable } from '../tunnels'
 import type { App as BackendApp } from '$apps'
 import type { App as SharedApp } from '@types'
 import { generateTemplates, type TemplateType } from '%templates'
@@ -398,7 +398,7 @@ router.post('/:app/tunnel', c => {
 
   if (app.state !== 'running') return c.json({ ok: false, error: 'App must be running to enable tunnel' }, 400)
 
-  shareApp(appName, app.port ?? 0)
+  enableTunnel(appName, app.port ?? 0)
   return c.json({ ok: true })
 })
 
@@ -409,7 +409,7 @@ router.delete('/:app/tunnel', c => {
   const app = allApps().find(a => a.name === appName)
   if (!app) return c.json({ error: 'App not found' }, 404)
 
-  unshareApp(appName)
+  disableTunnel(appName)
   return c.json({ ok: true })
 })
 

src/server/apps.ts

@@ -2,13 +2,11 @@ import type { App as SharedApp, AppState } from '@types'
 import type { ToesEvent, ToesEventInput, ToesEventType } from '../shared/events'
 import type { Subprocess } from 'bun'
 import { DEFAULT_EMOJI } from '@types'
-import { buildAppUrl } from '@urls'
 import { appendFileSync, existsSync, mkdirSync, readdirSync, readFileSync, realpathSync, renameSync, symlinkSync, unlinkSync, writeFileSync } from 'fs'
 import { hostname } from 'os'
 import { join, resolve } from 'path'
 import { loadAppEnv } from '../tools/env'
-import { publishApp, unpublishAll, unpublishApp } from './mdns'
+import { disableTunnel, openTunnelIfEnabled, renameTunnelConfig } from './tunnels'
-import { closeAllTunnels, closeTunnel, openTunnelIfEnabled, renameTunnelConfig, unshareApp } from './tunnels'
 import { appLog, hostLog, setApps } from './tui'
 
 export type { AppState } from '@types'
@@ -131,8 +129,7 @@ export function removeApp(dir: string) {
   const app = _apps.get(dir)
   if (!app) return
 
-  unpublishApp(dir)
+  disableTunnel(dir)
-  unshareApp(dir)
 
   // Clear all timers
   clearTimers(app)
@@ -423,8 +420,6 @@ function getPort(appName?: string): number {
 async function gracefulShutdown(signal: string) {
   if (_shuttingDown) return
   _shuttingDown = true
-  unpublishAll()
-  closeAllTunnels()
 
   hostLog(`Received ${signal}, shutting down gracefully...`)
 
@@ -526,7 +521,6 @@ function markAsRunning(app: App, port: number, isHttpApp: boolean) {
   app.isHttpApp = isHttpApp
   update()
   emit({ type: 'app:start', app: app.name })
-  publishApp(app.name)
   openTunnelIfEnabled(app.name, port)
 
   if (isHttpApp) {
@@ -638,7 +632,7 @@ async function runApp(dir: string, port: number) {
 
   const proc = Bun.spawn(['bun', 'run', 'toes'], {
     cwd,
-    env: { ...process.env, ...appEnv, PORT: String(port), NO_AUTOPORT: 'true', APP_URL: buildAppUrl(dir, TOES_URL), APPS_DIR, DATA_DIR: join(process.env.DATA_DIR ?? '.', 'toes', dir), TOES_DIR, TOES_URL },
+    env: { ...process.env, ...appEnv, PORT: String(port), NO_AUTOPORT: 'true', APPS_DIR, DATA_DIR: join(process.env.DATA_DIR ?? '.', 'toes', dir), TOES_DIR, TOES_URL },
     stdout: 'pipe',
     stderr: 'pipe',
   })
@@ -742,9 +736,6 @@ async function runApp(dir: string, port: number) {
       writeLogLine(dir, 'system', 'Stopped')
     }
 
-    unpublishApp(dir)
-    closeTunnel(dir)
-
     // Release port back to pool
     if (app.port) {
       releasePort(app.port)

src/server/index.tsx

@@ -1,12 +1,9 @@
 import { allApps, initApps, TOES_URL } from '$apps'
-import { buildAppUrl } from '@urls'
 import appsRouter from './api/apps'
 import eventsRouter from './api/events'
 import syncRouter from './api/sync'
 import systemRouter from './api/system'
 import { Hype } from '@because/hype'
-import { cleanupStalePublishers } from './mdns'
-import { extractSubdomain, proxySubdomain, proxyWebSocket, websocket } from './proxy'
 
 const app = new Hype({ layout: false, logging: !!process.env.DEBUG })
 
@@ -15,7 +12,7 @@ app.route('/api/events', eventsRouter)
 app.route('/api/sync', syncRouter)
 app.route('/api/system', systemRouter)
 
-// Tool URLs: /tool/code?app=todo&file=README.md -> redirect to tool subdomain
+// Tool URLs: /tool/code?app=todo&file=README.md -> redirect to tool port
 app.get('/tool/:tool', c => {
   const toolName = c.req.param('tool')
   const tool = allApps().find(a => a.tool && a.name === toolName)
@@ -23,8 +20,9 @@ app.get('/tool/:tool', c => {
     return c.text(`Tool "${toolName}" not found or not running`, 404)
   }
   const params = new URLSearchParams(c.req.query()).toString()
-  const base = buildAppUrl(toolName, TOES_URL)
+  const base = new URL(TOES_URL)
-  const url = params ? `${base}?${params}` : base
+  base.port = String(tool.port)
+  const url = params ? `${base.origin}?${params}` : base.origin
   return c.redirect(url)
 })
 
@@ -57,23 +55,9 @@ app.all('/api/tools/:tool/:path{.+}', async c => {
   })
 })
 
-cleanupStalePublishers()
 await initApps()
 
-const defaults = app.defaults
-
 export default {
-  ...defaults,
+  ...app.defaults,
   maxRequestBodySize: 1024 * 1024 * 50, // 50MB
-  fetch(req: Request, server: any) {
-    const subdomain = extractSubdomain(req.headers.get('host') ?? '')
-    if (subdomain) {
-      if (req.headers.get('upgrade')?.toLowerCase() === 'websocket') {
-        return proxyWebSocket(subdomain, req, server)
-      }
-      return proxySubdomain(subdomain, req)
-    }
-    return defaults.fetch.call(app, req, server)
-  },
-  websocket,
 }

src/server/mdns.ts

@@ -1,81 +0,0 @@
-import type { Subprocess } from 'bun'
-import { networkInterfaces } from 'os'
-import { hostLog } from './tui'
-
-const _publishers = new Map<string, Subprocess>()
-
-const isEnabled = process.env.NODE_ENV === 'production' && process.platform === 'linux'
-
-function getLocalIp(): string | null {
-  const interfaces = networkInterfaces()
-  for (const iface of Object.values(interfaces)) {
-    if (!iface) continue
-    for (const addr of iface) {
-      if (addr.family === 'IPv4' && !addr.internal) {
-        return addr.address
-      }
-    }
-  }
-  return null
-}
-
-export function cleanupStalePublishers() {
-  if (!isEnabled) return
-
-  try {
-    const result = Bun.spawnSync(['pkill', '-f', 'avahi-publish.*toes\\.local'])
-    if (result.exitCode === 0) {
-      hostLog('mDNS: cleaned up stale avahi-publish processes')
-    }
-  } catch {}
-}
-
-export function publishApp(name: string) {
-  if (!isEnabled) return
-  if (_publishers.has(name)) return
-
-  const ip = getLocalIp()
-  if (!ip) {
-    hostLog(`mDNS: no local IP found, skipping ${name}`)
-    return
-  }
-
-  const hostname = `${name}.toes.local`
-
-  try {
-    const proc = Bun.spawn(['avahi-publish', '-a', hostname, '-R', ip], {
-      stdout: 'ignore',
-      stderr: 'ignore',
-    })
-
-    _publishers.set(name, proc)
-    hostLog(`mDNS: published ${hostname} -> ${ip}`)
-
-    proc.exited.then(() => {
-      _publishers.delete(name)
-    })
-  } catch {
-    hostLog(`mDNS: failed to publish ${hostname}`)
-  }
-}
-
-export function unpublishApp(name: string) {
-  if (!isEnabled) return
-
-  const proc = _publishers.get(name)
-  if (!proc) return
-
-  proc.kill()
-  _publishers.delete(name)
-  hostLog(`mDNS: unpublished ${name}.toes.local`)
-}
-
-export function unpublishAll() {
-  if (!isEnabled) return
-
-  for (const [name, proc] of _publishers) {
-    proc.kill()
-    hostLog(`mDNS: unpublished ${name}.toes.local`)
-  }
-  _publishers.clear()
-}

src/server/proxy.test.ts

@@ -1,50 +0,0 @@
-import { describe, expect, test } from 'bun:test'
-import { extractSubdomain } from './proxy'
-
-describe('extractSubdomain', () => {
-  describe('*.localhost (dev)', () => {
-    test('should extract subdomain from clock.localhost:3000', () => {
-      expect(extractSubdomain('clock.localhost:3000')).toBe('clock')
-    })
-
-    test('should extract subdomain from clock.localhost', () => {
-      expect(extractSubdomain('clock.localhost')).toBe('clock')
-    })
-
-    test('should return null for bare localhost:3000', () => {
-      expect(extractSubdomain('localhost:3000')).toBeNull()
-    })
-
-    test('should return null for bare localhost', () => {
-      expect(extractSubdomain('localhost')).toBeNull()
-    })
-
-    test('should handle hyphenated app names', () => {
-      expect(extractSubdomain('my-app.localhost:3000')).toBe('my-app')
-    })
-  })
-
-  describe('*.toes.local (production)', () => {
-    test('should extract subdomain from clock.toes.local', () => {
-      expect(extractSubdomain('clock.toes.local')).toBe('clock')
-    })
-
-    test('should return null for bare toes.local', () => {
-      expect(extractSubdomain('toes.local')).toBeNull()
-    })
-
-    test('should handle hyphenated app names', () => {
-      expect(extractSubdomain('my-app.toes.local')).toBe('my-app')
-    })
-  })
-
-  describe('other hosts', () => {
-    test('should return null for plain IP', () => {
-      expect(extractSubdomain('192.168.1.50:3000')).toBeNull()
-    })
-
-    test('should return null for empty string', () => {
-      expect(extractSubdomain('')).toBeNull()
-    })
-  })
-})

src/server/proxy.ts

@@ -1,105 +0,0 @@
-import type { ServerWebSocket } from 'bun'
-import { getApp } from '$apps'
-
-const upstreams = new Map<ServerWebSocket<WsData>, WebSocket>()
-
-interface WsData {
-  port: number
-  path: string
-}
-
-export function extractSubdomain(host: string): string | null {
-  // Strip port
-  const hostname = host.replace(/:\d+$/, '')
-
-  // *.localhost -> take prefix (e.g. clock.localhost -> clock)
-  if (hostname.endsWith('.localhost')) {
-    const sub = hostname.slice(0, -'.localhost'.length)
-    return sub || null
-  }
-
-  // *.X.local -> take first segment if 3+ parts (e.g. clock.toes.local -> clock)
-  if (hostname.endsWith('.local')) {
-    const parts = hostname.split('.')
-    if (parts.length >= 3) {
-      return parts[0]!
-    }
-  }
-
-  return null
-}
-
-export async function proxySubdomain(subdomain: string, req: Request): Promise<Response> {
-  const app = getApp(subdomain)
-
-  if (!app || app.state !== 'running' || !app.port) {
-    return new Response(`App "${subdomain}" not found or not running`, { status: 502 })
-  }
-
-  const url = new URL(req.url)
-  const target = `http://localhost:${app.port}${url.pathname}${url.search}`
-
-  try {
-    return await fetch(target, {
-      method: req.method,
-      headers: req.headers,
-      body: req.method !== 'GET' && req.method !== 'HEAD' ? req.body : undefined,
-    })
-  } catch (e) {
-    console.error(`Proxy error for ${subdomain}:`, e)
-    return new Response(`App "${subdomain}" is not responding`, { status: 502 })
-  }
-}
-
-export function proxyWebSocket(subdomain: string, req: Request, server: any): Response | undefined {
-  const app = getApp(subdomain)
-
-  if (!app || app.state !== 'running' || !app.port) {
-    return new Response(`App "${subdomain}" not found or not running`, { status: 502 })
-  }
-
-  const url = new URL(req.url)
-  const path = url.pathname + url.search
-
-  const ok = server.upgrade(req, { data: { port: app.port, path } as WsData })
-  if (ok) return undefined
-  return new Response('WebSocket upgrade failed', { status: 500 })
-}
-
-export const websocket = {
-  open(ws: ServerWebSocket<WsData>) {
-    const { port, path } = ws.data
-    const upstream = new WebSocket(`ws://localhost:${port}${path}`)
-
-    upstream.binaryType = 'arraybuffer'
-    upstreams.set(ws, upstream)
-
-    upstream.addEventListener('message', e => {
-      ws.send(e.data as string | ArrayBuffer)
-    })
-
-    upstream.addEventListener('close', () => {
-      upstreams.delete(ws)
-      ws.close()
-    })
-
-    upstream.addEventListener('error', () => {
-      upstreams.delete(ws)
-      ws.close()
-    })
-  },
-
-  message(ws: ServerWebSocket<WsData>, msg: string | ArrayBuffer | Uint8Array) {
-    const upstream = upstreams.get(ws)
-    if (!upstream || upstream.readyState !== WebSocket.OPEN) return
-    upstream.send(msg)
-  },
-
-  close(ws: ServerWebSocket<WsData>) {
-    const upstream = upstreams.get(ws)
-    if (upstream) {
-      upstream.close()
-      upstreams.delete(ws)
-    }
-  },
-}

src/server/tunnels.ts

@@ -85,7 +85,7 @@ export function closeTunnel(appName: string) {
   }
 }
 
-export function unshareApp(appName: string) {
+export function disableTunnel(appName: string) {
   closeTunnel(appName)
 
   const config = loadConfig()
@@ -99,7 +99,7 @@ export function unshareApp(appName: string) {
   }
 }
 
-export function shareApp(appName: string, port: number) {
+export function enableTunnel(appName: string, port: number) {
   if (!SNEAKER_URL) return
 
   const app = getApp(appName)
@@ -200,7 +200,7 @@ function openTunnel(appName: string, port: number, subdomain?: string) {
       _tunnels.delete(appName)
       _tunnelPorts.delete(appName)
 
-      // Intentional close (unshareApp, closeAllTunnels, etc.) — don't reconnect
+      // Intentional close (disableTunnel, closeAllTunnels, etc.) — don't reconnect
       if (_closing.delete(appName)) {
         hostLog(`Tunnel closed: ${appName}`)
         return

src/shared/urls.ts

@@ -1,5 +0,0 @@
-export function buildAppUrl(appName: string, baseUrl: string): string {
-  const url = new URL(baseUrl)
-  url.hostname = `${appName}.${url.hostname}`
-  return url.origin
-}