Herm plugin examples: slots, tabs, events, and rasterizers

import type { HermPlugin } from "../types"

const plugin: HermPlugin = {
  id: "acme.status",
  enabled: false,
  tui(api) {
    api.slots.register({
      order: 50,
      slots: {
        app_bottom: (_ctx, props) => (
          <text fg={api.theme.current.textMuted} wrapMode="none">
            {props.streaming ? "agent running" : "agent idle"}
          </text>
        ),
      },
    })
  },
}

export default plugin

import type { HermPlugin } from "../types"

const plugin: HermPlugin = {
  id: "acme.notes",
  enabled: false,
  tui(api) {
    api.route.register([{
      name: "Notes",
      description: "Scratch notes",
      render: () => <text fg={api.theme.current.text}>notes</text>,
    }])

    api.command.register([{
      title: "Open Notes",
      value: "acme.notes.open",
      category: "Plugin",
      onSelect: () => api.route.navigate("Notes"),
    }])
  },
}

export default plugin

import type { HermPlugin } from "../types"

const plugin: HermPlugin = {
  id: "acme.events",
  enabled: false,
  tui(api) {
    api.event.on((event) => {
      if (event.type === "session.ready") {
        api.ui.toast({ variant: "success", message: "session ready" })
      }
    })
  },
}

export default plugin

import type { HermPlugin } from "../types"

const plugin: HermPlugin = {
  id: "acme.counter",
  enabled: false,
  tui(api) {
    api.command.register([{
      title: "Increment Counter",
      value: "acme.counter.increment",
      category: "Plugin",
      onSelect: () => {
        const next = api.kv.get("count", 0) + 1
        api.kv.set("count", next)
        api.ui.toast({ message: `count: ${next}` })
      },
    }])
  },
}

export default plugin

import type { HermPlugin } from "../types"
import type { Rasterizer } from "../../utils/eikon-render"

const rasterizer: Rasterizer = {
  name: "blocks",
  knobs: [],
  async available() {
    return true
  },
  async render(win) {
    const frame = Array.from({ length: win.h }, () => "█".repeat(win.w))
    return { frames: [frame] }
  },
}

const plugin: HermPlugin = {
  id: "acme.blocks",
  enabled: false,
  tui(api) {
    api.eikon.rasterizer.register(rasterizer)
  },
}

export default plugin