initial full commit

src/App.tsx

@@ -0,0 +1,40 @@
+import { useEffect, useState } from 'react'
+
+function App() {
+  const [container, setContainer] = useState<string>('unknown')
+  const [time, setTime] = useState<Date>(new Date())
+
+  useEffect(() => {
+    fetch('/api/container')
+      .then((res) => res.json())
+      .then((data) => setContainer(data.container))
+      .catch(() => setContainer('localhost'))
+
+    const interval = setInterval(() => setTime(new Date()), 1000)
+    return () => clearInterval(interval)
+  }, [])
+
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center bg-zinc-950 text-zinc-100">
+      <div className="text-center space-y-4">
+        <h1 className="text-4xl font-bold tracking-tight">Swarm Demo</h1>
+        <div className="text-xl text-zinc-400">
+          Container: <span className="text-emerald-400 font-mono">{container}</span>
+        </div>
+        <div className="text-2xl font-mono tabular-nums text-zinc-200">
+          {time.toLocaleString(undefined, {
+            weekday: 'short',
+            year: 'numeric',
+            month: 'short',
+            day: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit',
+            second: '2-digit',
+          })}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default App

src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App'
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

src/server.ts

@@ -0,0 +1,20 @@
+import { Hono } from 'hono'
+import { serveStatic } from 'hono/bun'
+
+const app = new Hono()
+
+app.get('/api/container', (c) => {
+  return c.json({ container: process.env.HOSTNAME || 'localhost' })
+})
+
+app.use('/*', serveStatic({ root: './dist' }))
+app.get('*', serveStatic({ path: './dist/index.html' }))
+
+const port = parseInt(process.env.PORT || '5786', 10)
+
+console.log(`Server running on port ${port}`)
+
+export default {
+  port,
+  fetch: app.fetch,
+}

src/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;