Files
anomalyco__opentui/packages/ssh/examples/solid-app.tsx
Matt Simpson 9ef4691410 feat(ssh): add @opentui/ssh package (#1151)
## Summary

Adds `@opentui/ssh`, renderer-agnostic ssh server package for serving
apps to remote terminals.

Highlights:
- `createServer(config).use(...).serve(handler)` builder api with typed
middleware context
- open, public key, password, and keyboard-interactive auth, including
verified public-key possession and `authorized_keys` allowlists
- host key loading/generation, startup banner, logging middleware,
session resize/close hooks, raw writes, idle/max timeouts, and graceful
shutdown

---------

Co-authored-by: opencode-agent <opencode-agent@opencode.ai>
Co-authored-by: Sebastian Herrlinger <hasta84@gmail.com>
2026-06-11 00:41:50 +02:00

50 lines
1.5 KiB
TypeScript

import { render, useKeyboard } from "@opentui/solid"
import { createSignal, onCleanup } from "solid-js"
import { createServer } from "../src/index.js"
const PORT = Number(process.env.PORT ?? 2222)
const App = (props: { name: string; onQuit: () => void }) => {
const [secs, setSecs] = createSignal(0)
const timer = setInterval(() => setSecs((s) => s + 1), 1000)
onCleanup(() => clearInterval(timer))
useKeyboard((key) => {
if (key.name === "q" || (key.ctrl && key.name === "c")) props.onQuit()
})
return (
<box
width="100%"
height="100%"
border
borderStyle="rounded"
borderColor="#06b6d4"
title=" @opentui/ssh · solid "
titleAlignment="center"
flexDirection="column"
alignItems="center"
justifyContent="center"
>
<text fg="#e2e8f0">Hello, {props.name}! 👋</text>
<text fg="#67e8f9">connected for {secs()}s · press q or Ctrl-C to quit</text>
</box>
)
}
const server = createServer({
hostKey: { path: "./host_key" }, // auto-generated & persisted on first run
auth: "open", // explicitly public app
}).serve(async (session) => {
// render() adopts session.renderer, so the app draws onto this SSH channel.
// Renderer destruction on disconnect disposes the reactive root, so no onClose.
await render(() => <App name={session.identity.username} onQuit={() => session.end()} />, session.renderer)
})
await server.listen(PORT)
process.on("SIGINT", async () => {
await server.close()
process.exit(0)
})