@yaebal/panel 0.0.1 → 0.0.4

package/README.md

@@ -1,8 +1,19 @@
 # @yaebal/panel
 
-an operator panel for [yaebal](https://github.com/neverlane/yaebal) bots: view
-incoming private-chat messages and reply from the browser. ships as a
-self-contained `fetch` handler — mount it on any HTTP framework.
+framework-agnostic operator panel for Telegram bots. view incoming private chats, inspect
+media, callbacks and UI events, and reply from the browser. ships as a self-contained
+`fetch` handler, so it mounts on Node, Bun, Deno, edge runtimes, Hono, Fastify, Express
+adapters, grammY, GramIO, puregram, or any other bot stack.
+
+## 0.0.3 highlights
+
+- framework-neutral recording with `recordTelegramUpdate(store, update)`
+- `createPanelApi(token)` for text replies, file proxying and operator media uploads
+- redesigned SVG-only UI: avatars, identity sidebar, rich text/media previews
+- media viewer dialog, polished voice cards, video cards, albums and documents
+- inline/reply keyboard previews plus callback, reaction, poll and member-event rows
+- persistence via pluggable `PanelStore` (in-memory + sqlite included)
+- CORS, `basePath` mounting and failed-auth rate limiting
 
 ## install
 
@@ -10,25 +21,205 @@ self-contained `fetch` handler — mount it on any HTTP framework.
 pnpm add @yaebal/panel
 ```
 
-## usage
+## quick start: yaebal
 
 ```ts
 import { Bot } from "@yaebal/core";
-import { MemoryPanelStore, recorder, panelHandler } from "@yaebal/panel";
+import { MemoryPanelStore, panelHandler, recordOutgoing, recorder } from "@yaebal/panel";
+import { serve } from "@yaebal/panel/serve";
 
-const bot = new Bot(token);
+const bot = new Bot(process.env.BOT_TOKEN!);
 const store = new MemoryPanelStore();
 
-bot.install(recorder(store)); // log incoming private messages
+bot.install(recorder(store));
+recordOutgoing(bot.api, store);
+
+const handler = panelHandler(bot.api, store, {
+  token: process.env.PANEL_TOKEN!,
+  recordSends: false,
+});
+
+serve(handler, { port: 8080 });
 bot.start();
+```
+
+open `http://localhost:8080` and paste `PANEL_TOKEN`. the token is kept in
+`sessionStorage` and sent as `Authorization: Bearer ...`; it is not placed in page URLs
+except for the EventSource stream, where browsers cannot set headers.
+
+## quick start: any framework
+
+use your existing framework for updates. use `@yaebal/panel` for the store, panel HTTP
+handler, and a Bot API client that understands panel uploads.
+
+```ts
+import {
+  MemoryPanelStore,
+  createPanelApi,
+  panelHandler,
+  recordTelegramUpdate,
+} from "@yaebal/panel";
+import { serve } from "@yaebal/panel/serve";
+
+const store = new MemoryPanelStore();
+const panelApi = createPanelApi(process.env.BOT_TOKEN!);
+
+// call this from your framework middleware for every raw Telegram update
+await recordTelegramUpdate(store, rawTelegramUpdate);
+
+const handler = panelHandler(panelApi, store, { token: process.env.PANEL_TOKEN! });
+serve(handler, { port: 8080 });
+```
+
+### grammY
+
+```ts
+import { Bot } from "grammy";
+import { MemoryPanelStore, createPanelApi, panelHandler, recordTelegramUpdate } from "@yaebal/panel";
+
+const bot = new Bot(process.env.BOT_TOKEN!);
+const store = new MemoryPanelStore();
+
+bot.use(async (ctx, next) => {
+  await recordTelegramUpdate(store, ctx.update);
+  await next();
+});
+
+const handler = panelHandler(createPanelApi(process.env.BOT_TOKEN!), store, {
+  token: process.env.PANEL_TOKEN!,
+});
+```
+
+### GramIO
+
+```ts
+import { Bot } from "gramio";
+import { MemoryPanelStore, createPanelApi, panelHandler, recordTelegramUpdate } from "@yaebal/panel";
+
+const bot = new Bot(process.env.BOT_TOKEN!);
+const store = new MemoryPanelStore();
+
+bot.use(async (ctx, next) => {
+  await recordTelegramUpdate(store, ctx.update);
+  return next();
+});
+
+const handler = panelHandler(createPanelApi(process.env.BOT_TOKEN!), store, {
+  token: process.env.PANEL_TOKEN!,
+});
+```
+
+### puregram
+
+```ts
+import { Telegram } from "puregram";
+import { MemoryPanelStore, createPanelApi, panelHandler, recordTelegramUpdate } from "@yaebal/panel";
 
-// serve the panel (auth via a required token)
-const handler = panelHandler(bot.api, store, { token: process.env.PANEL_TOKEN! });
-// handler: (Request) => Promise<Response> — open /?token=<PANEL_TOKEN>
+const telegram = new Telegram({ token: process.env.BOT_TOKEN! });
+const store = new MemoryPanelStore();
+
+telegram.updates.use(async (ctx, next) => {
+  await recordTelegramUpdate(store, ctx.update);
+  return next();
+});
+
+const handler = panelHandler(createPanelApi(process.env.BOT_TOKEN!), store, {
+  token: process.env.PANEL_TOKEN!,
+});
+```
+
+### other frameworks
+
+if your framework exposes raw Telegram updates, pass them to `recordTelegramUpdate`. if it
+does not, record manually with `store.record({ id, firstName, lastName, username }, message)`.
+the panel only needs `PanelMessage` objects and a `PanelApi` implementation.
+
+## mounting
+
+`panelHandler` returns `(Request) => Promise<Response>` and binds no port of its own.
+
+```ts
+// node 20+, native node:http helper
+import { serve } from "@yaebal/panel/serve";
+serve(handler, { port: 8080 });
+
+// bun
+Bun.serve({ port: 8080, fetch: handler });
+
+// deno
+Deno.serve({ port: 8080 }, handler);
+
+// hono / any fetch framework, pair with basePath: "/panel"
+app.all("/panel/*", (c) => handler(c.req.raw));
+
+// cloudflare workers / deno deploy / vercel edge
+export default { fetch: handler };
+```
+
+## options
+
+```ts
+panelHandler(api, store, {
+  token: process.env.PANEL_TOKEN!,
+  basePath: "/panel",
+  cors: "https://ops.example",
+  rateLimit: { max: 10, windowMs: 60_000 },
+  clientKey: (req) => req.headers.get("x-real-ip") ?? "shared",
+  recordSends: true,
+});
 ```
 
-implement `PanelStore` (`record` / `chats` / `history`) to persist conversations
-in redis, postgres, etc. instead of the in-memory default.
+## persistence
+
+```ts
+import { SqlitePanelStore } from "@yaebal/panel/sqlite";
+
+const store = new SqlitePanelStore({ path: "./panel.db" });
+```
+
+implement `PanelStore` (`record`, `chats`, `history`, optional `subscribe`) for Redis,
+Postgres or any other persistence layer. `subscribe` powers SSE; without it the UI still
+works through polling.
+
+## what gets recorded
+
+- private message text and captions
+- photos, videos, animations, audio, voice, video notes, documents, stickers and albums
+- inline and reply keyboards attached to messages
+- callback queries as timeline event rows
+- message reactions, reaction counts, poll answers and private member-status changes
+- outgoing `send*` results when you install `recordOutgoing(api, store)`
+
+`recordTelegramUpdate` and `recorder` ignore group chat messages by design. The panel is an
+operator inbox for private support-style conversations.
+
+## media
+
+incoming media is stored by `file_id`; the browser loads bytes through
+`GET /api/file?id=<file_id>`, so the bot token never reaches the browser. Operator uploads
+use multipart `POST /api/chats/:id/send`; the panel infers `sendPhoto`, `sendVideo`,
+`sendVoice`, `sendAudio` or `sendDocument` from the file MIME type.
+
+`createPanelApi(token)` uses the yaebal Bot API encoder internally, so media proxying and
+operator uploads work even when the bot itself runs on grammY, GramIO, puregram or another
+framework.
+
+## api routes
+
+```text
+GET  /                       -> login + chat SPA (public)
+GET  /api/chats              -> PanelChat[]
+GET  /api/chats/:id          -> PanelMessage[] (?before=&limit=)
+GET  /api/stream             -> text/event-stream of record events
+GET  /api/file?id=<file_id>  -> proxied file bytes
+POST /api/chats/:id/send     -> json { text, reply_markup?, ... } or multipart { file, caption?, type? }
+```
+
+## example
+
+run [`examples/panel`](https://github.com/neverlane/yaebal/tree/master/examples/panel) for
+the complete demo: keyboards, callbacks, event rows, media viewer, styled voice/video
+messages, albums, outgoing logging, login and SSE.
 
 ---
 

package/lib/index.d.ts

@@ -1,48 +1,162 @@
-import type { Context, Plugin } from "@yaebal/core";
+import type { ApiOptions, Context, Plugin } from "@yaebal/core";
 export { PANEL_HTML } from "./panel-html.js";
+/** downloadable file kinds carried by a message (each maps to one `file_id`). */
+export type AttachmentType = "photo" | "video" | "animation" | "audio" | "voice" | "video_note" | "document" | "sticker";
+/** a downloadable attachment, referenced by telegram `file_id`. */
+export interface PanelAttachment {
+    type: AttachmentType;
+    fileId: string;
+    fileName?: string;
+    mimeType?: string;
+}
+export interface PanelKeyboardButton {
+    text: string;
+    kind?: "callback" | "url" | "web_app" | "login_url" | "switch_inline" | "pay" | "unknown";
+    callbackData?: string;
+    url?: string;
+}
+export interface PanelKeyboard {
+    type: "inline" | "reply";
+    rows: PanelKeyboardButton[][];
+}
+export type PanelMessageEventType = "callback" | "reaction" | "reaction_count" | "poll_answer" | "chat_member";
+export interface PanelMessageEvent {
+    type: PanelMessageEventType;
+    title: string;
+    detail?: string;
+    data?: string;
+}
+export interface PanelChatRecord {
+    id: number;
+    name?: string;
+    firstName?: string;
+    lastName?: string;
+    username?: string;
+}
 export interface PanelMessage {
     direction: "in" | "out";
+    /** caption / text, or a `[kind]` placeholder when the message is media-only. */
     text: string;
     date: number;
+    /** downloadable attachments, fetched lazily through `GET /api/file?id=...`. */
+    attachments?: PanelAttachment[];
+    /** telegram album id — consecutive messages sharing it are one media group. */
+    mediaGroupId?: string;
+    /** inline/reply keyboard attached to the telegram message, rendered as a compact preview. */
+    keyboard?: PanelKeyboard;
+    /** non-message update rendered in the timeline (callback, reaction, poll answer, member event). */
+    event?: PanelMessageEvent;
 }
 export interface PanelChat {
     id: number;
     name: string;
+    firstName?: string;
+    lastName?: string;
+    username?: string;
     lastText: string;
     lastDate: number;
+    lastAttachmentType?: AttachmentType;
+    lastEventType?: PanelMessageEventType;
+}
+/** options for reading a slice of a conversation. */
+export interface HistoryOptions {
+    /** return only messages strictly older than this unix timestamp (for "load earlier"). */
+    before?: number;
+    /** cap the result to the most recent N messages within the window. */
+    limit?: number;
+}
+/** a change the panel may want to react to in real time. */
+export interface PanelEvent {
+    type: "record";
+    chatId: number;
+    direction: "in" | "out";
 }
 /** where conversations are kept for the panel to read. implement for persistence. */
 export interface PanelStore {
-    record(chat: {
-        id: number;
-        name?: string;
-    }, message: PanelMessage): void | Promise<void>;
+    record(chat: PanelChatRecord, message: PanelMessage): void | Promise<void>;
     chats(): PanelChat[] | Promise<PanelChat[]>;
-    history(chatId: number): PanelMessage[] | Promise<PanelMessage[]>;
+    history(chatId: number, options?: HistoryOptions): PanelMessage[] | Promise<PanelMessage[]>;
+    /** optional realtime hook — return an unsubscribe fn. enables the panel's SSE stream. */
+    subscribe?(listener: (event: PanelEvent) => void): () => void;
 }
 /** defaults to in-memory store. Lost on restart — swap for a persistent one in production. */
 export declare class MemoryPanelStore implements PanelStore {
     #private;
-    record(chat: {
-        id: number;
-        name?: string;
-    }, message: PanelMessage): void;
+    record(chat: PanelChatRecord, message: PanelMessage): void;
     chats(): PanelChat[];
-    history(chatId: number): PanelMessage[];
+    history(chatId: number, options?: HistoryOptions): PanelMessage[];
+    subscribe(listener: (event: PanelEvent) => void): () => void;
 }
-/** records incoming private-chat text into the store so the panel can show it. */
+/** records a raw Telegram update into the store; useful from any bot framework. */
+export declare function recordTelegramUpdate(store: PanelStore, update: unknown): Promise<boolean>;
+/** records incoming private-chat updates into the store so the panel can show them. */
 export declare function recorder(store: PanelStore): Plugin<Context, Record<never, never>>;
-interface SendApi {
+/**
+ * what {@link panelHandler} needs from the api. `sendMessage` is required; `call` and
+ * `fileUrl` unlock media (file proxying + operator uploads) and are present on the real
+ * `@yaebal/core` `Api`. without them, media routes answer `501`.
+ */
+export interface PanelApi {
     sendMessage(params: Record<string, unknown>): Promise<unknown>;
+    call?<T = unknown>(method: string, params?: Record<string, unknown>): Promise<T>;
+    fileUrl?(filePath: string): string;
 }
+/** create a small Bot API client that satisfies {@link PanelApi}; useful with any framework. */
+export declare function createPanelApi(token: string, options?: ApiOptions): PanelApi;
+/** the slice of `@yaebal/core`'s `Api` that {@link recordOutgoing} needs. */
+interface AfterHookApi {
+    after(hook: (method: string, result: unknown) => unknown): unknown;
+}
+/**
+ * record replies the bot sends *outside* the panel (e.g. `ctx.reply(...)` or `ctx.replyWithPhoto(...)`
+ * in your handlers) so they show up in the conversation too. hooks the api's `after` stage and logs
+ * every successful `send*` call (including `sendMediaGroup`, which returns an array) to a private chat.
+ *
+ * pairs with `panelHandler(..., { recordSends: false })` — the panel records its own sends,
+ * so disable that to avoid double entries when this is installed.
+ *
+ * ```ts
+ * recordOutgoing(bot.api, store);
+ * const handler = panelHandler(bot.api, store, { token, recordSends: false });
+ * ```
+ */
+export declare function recordOutgoing<A extends AfterHookApi>(api: A, store: PanelStore): A;
 export interface PanelOptions {
     /** shared secret required to open the panel and call its api. */
     token: string;
+    /**
+     * allowed CORS origin(s) for the panel api. omit for same-origin only (default).
+     * pass `"*"` to allow any origin, or an explicit list to echo a matching `Origin` back.
+     */
+    cors?: string | string[];
+    /**
+     * mount prefix when the handler does not live at the server root, e.g. `"/panel"`.
+     * the UI builds its api urls from this, so no extra rewriting is needed. default `""`.
+     */
+    basePath?: string;
+    /**
+     * throttle failed auth attempts per client. defaults to 10 failures / 60s, then `429`
+     * until the window passes. pass `false` to disable.
+     */
+    rateLimit?: {
+        max?: number;
+        windowMs?: number;
+    } | false;
+    /**
+     * derive a client key for rate limiting. defaults to `x-forwarded-for` / `x-real-ip`,
+     * falling back to a single shared bucket when no proxy header is present.
+     */
+    clientKey?: (request: Request) => string;
+    /**
+     * record replies sent from the panel into the store. default `true`. set to `false`
+     * when you use {@link recordOutgoing}, which already captures every outgoing message.
+     */
+    recordSends?: boolean;
 }
 /**
- * a fetch-style handler for the operator panel: serves the ui at `/`, and a small
- * api to list chats, read a conversation, and send a reply. mount it on any
- * fetch-compatible server. open it at `/?token=<your token>`.
+ * a fetch-style handler for the operator panel: serves the login + chat UI at the mount
+ * root, and a small api to list chats, read a conversation, stream updates, and send a
+ * reply. mount it on any fetch-compatible server.
  */
-export declare function panelHandler(api: SendApi, store: PanelStore, options: PanelOptions): (request: Request) => Promise<Response>;
+export declare function panelHandler(api: PanelApi, store: PanelStore, options: PanelOptions): (request: Request) => Promise<Response>;
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAgBpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,SAAS,EAAE,IAAI,GAAG,KAAK,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,qFAAqF;AACrF,MAAM,WAAW,UAAU;IAC1B,MAAM,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzF,KAAK,IAAI,SAAS,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IAC5C,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;CAClE;AAED,8FAA8F;AAC9F,qBAAa,gBAAiB,YAAW,UAAU;;IAIlD,MAAM,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,EAAE,YAAY,GAAG,IAAI;IAiBxE,KAAK,IAAI,SAAS,EAAE;IAIpB,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE;CAGvC;AAED,kFAAkF;AAClF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAqBjF;AAED,UAAU,OAAO;IAChB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC/D;AAED,MAAM,WAAW,YAAY;IAC5B,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;CACd;AAQD;;;;GAIG;AACH,wBAAgB,YAAY,CAC3B,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,GACnB,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,QAAQ,CAAC,CAuDzC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}