@hookflo/tern-dev 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Hookflo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,93 @@
+# tern-dev
+
+![npm version](https://img.shields.io/npm/v/%40hookflo%2Ftern-dev)
+![MIT License](https://img.shields.io/badge/license-MIT-green)
+![Node 18+](https://img.shields.io/badge/node-%3E%3D18-10b981)
+
+**Local webhook tunnel. No ngrok. No account. Nothing stored.**
+
+## Quickstart
+
+```bash
+npx @hookflo/tern-dev --port 3000
+```
+
+Output:
+
+```text
+tern  ●  https://tern-relay.hookflo-tern.workers.dev/s/abc12345 → localhost:3000
+       ●  Dashboard → http://localhost:2019
+```
+
+1. Copy the tunnel URL.
+2. Paste it as your webhook endpoint in Stripe/GitHub/etc (append `/webhook` or whatever path your server uses).
+3. Open `http://localhost:2019` to see events arrive live.
+
+## How it works
+
+tern-dev opens a WebSocket to the relay server and receives a public tunnel URL. When a platform sends a webhook to that URL, the relay pipes the raw request to your machine over the WebSocket. Your local server receives it exactly as if the platform called it directly.
+
+## CLI flags
+
+| Flag | Default | Description |
+|------|---------|-------------|
+| `--port` | required | Local port to forward to |
+| `--path` | `/` | Path on local server |
+| `--ui-port` | `2019` | Dashboard port |
+| `--no-ui` | false | Disable dashboard |
+| `--relay` | hosted relay | Custom relay URL (for self-hosting) |
+| `--max-events` | `500` | Events kept in memory |
+
+## Dashboard features
+
+- Live event log — every webhook that arrives
+- Payload tab — full request body, pretty-printed JSON
+- Headers tab — all request headers, signature headers highlighted
+- Response tab — HTTP status, latency, response body
+- DLQ — failed events (4xx/5xx) grouped for easy replay
+- Replay — re-send any event to localhost with one click
+- Replay all — bulk replay all failed events
+- Copy as curl — get a curl command for any event
+- Copy as fetch — get a fetch() snippet for any event
+
+## Using with Tern SDK
+
+```ts
+import { WebhookVerificationService } from '@hookflo/tern'
+
+app.post('/webhook', express.raw({ type: '*/*' }), async (req, res) => {
+  const result = await WebhookVerificationService.verifyWithPlatformConfig(
+    req,
+    'stripe',
+    process.env.STRIPE_WEBHOOK_SECRET!
+  )
+  if (!result.isValid) return res.status(400).json({ error: result.error })
+  console.log('✅ verified:', result.payload.type)
+  res.json({ received: true })
+})
+```
+
+> `express.raw({ type: '*/*' })` is required. Never use `express.json()` — it re-parses the body and breaks HMAC signature verification.
+
+## Self-hosting the relay
+
+If you need full data isolation, run your own relay:
+
+```bash
+git clone https://github.com/hookflo/tern-relay
+# follow its README to deploy to Cloudflare Workers
+# then:
+RELAY_URL=wss://your-relay.your-account.workers.dev \
+  npx @hookflo/tern-dev --port 3000
+```
+
+## Privacy
+
+- Nothing is stored to disk
+- Nothing is sent to Hookflo servers (except through the relay, which stores nothing)
+- All event data is session-scoped in memory — cleared when you close the terminal
+- The relay source is small and fully auditable
+
+## License
+
+MIT

package/dist/cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/cli.js

@@ -0,0 +1,135 @@
+#!/usr/bin/env node
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const minimist_1 = __importDefault(require("minimist"));
+const event_store_1 = require("./event-store");
+const forwarder_1 = require("./forwarder");
+const logger_1 = require("./logger");
+const relay_client_1 = require("./relay-client");
+const ui_server_1 = require("./ui-server");
+const ws_server_1 = require("./ws-server");
+function parseConfig() {
+    const args = (0, minimist_1.default)(process.argv.slice(2), {
+        boolean: ["no-ui"],
+        string: ["relay", "path"],
+        default: {
+            path: "/",
+            "ui-port": 2019,
+            "max-events": 500,
+            relay: process.env.RELAY_URL ?? "wss://relay.tern.hookflo.com"
+        }
+    });
+    const port = Number(args.port);
+    if (!Number.isFinite(port) || port <= 0) {
+        throw new Error("--port is required (example: --port 3000)");
+    }
+    const uiPort = Number(args["ui-port"]);
+    const maxEvents = Number(args["max-events"]);
+    return {
+        port,
+        path: String(args.path || "/"),
+        uiPort,
+        wsPort: uiPort + 1,
+        noUi: Boolean(args["no-ui"]),
+        relayUrl: String(args.relay),
+        maxEvents: Number.isFinite(maxEvents) ? maxEvents : 500
+    };
+}
+function loadUiBundle() {
+    try {
+        const uiBundle = require("./ui-bundle");
+        return uiBundle.UI_HTML;
+    }
+    catch {
+        return "<html><body><h1>Build missing</h1><p>Run npm run bundle-ui.</p></body></html>";
+    }
+}
+function loadVersion() {
+    try {
+        const pkg = require("../package.json");
+        return pkg.version ?? "0.0.0";
+    }
+    catch {
+        return "0.0.0";
+    }
+}
+async function main() {
+    const config = parseConfig();
+    const version = loadVersion();
+    const eventStore = new event_store_1.EventStore(config.maxEvents);
+    const relayClient = new relay_client_1.RelayClient();
+    const wsServer = new ws_server_1.WsServer();
+    let status = {
+        connected: false,
+        state: "connecting",
+        tunnelUrl: "https://connecting.relay.tern.dev",
+        sessionId: ""
+    };
+    const setStatus = (next) => {
+        status = { ...status, ...next };
+        wsServer.setStatus(status);
+    };
+    relayClient.on("connected", (payload) => {
+        const tunnelChanged = Boolean(status.tunnelUrl) && status.tunnelUrl !== payload.url;
+        setStatus({
+            connected: true,
+            state: "live",
+            tunnelUrl: payload.url,
+            sessionId: payload.sessionId
+        });
+        if (tunnelChanged) {
+            (0, logger_1.warn)("Tunnel URL changed after reconnect — update your webhook endpoint.");
+        }
+        (0, logger_1.printBanner)(payload.url, config.port, config.uiPort, config.noUi);
+    });
+    relayClient.on("reconnecting", ({ attempt, delayMs }) => {
+        setStatus({ connected: false, state: "reconnecting" });
+        (0, logger_1.warn)(`Relay disconnected. Reconnecting in ${delayMs}ms (attempt ${attempt}).`);
+    });
+    relayClient.on("disconnect", () => {
+        if (status.state !== "reconnecting") {
+            setStatus({ connected: false, state: "reconnecting" });
+        }
+    });
+    relayClient.on("request", async (request) => {
+        const event = await (0, forwarder_1.forward)(request, config.port);
+        eventStore.add(event);
+        wsServer.broadcast({ type: "event", event });
+        const statusLabel = event.status ? `${event.status}` : "ERR";
+        (0, logger_1.info)(`${event.method} ${event.path} → ${statusLabel} ${event.latency ?? 0}ms`);
+    });
+    let uiServer = null;
+    if (!config.noUi) {
+        uiServer = new ui_server_1.UiServer({
+            eventStore,
+            localPort: config.port,
+            uiHtml: loadUiBundle(),
+            onReplay: (event) => wsServer.broadcast({ type: "event", event }),
+            onClear: () => wsServer.broadcast({ type: "clear" }),
+            getStatus: () => status,
+            version,
+            wsPort: config.wsPort
+        });
+        uiServer.start(config.uiPort);
+        wsServer.start(config.wsPort);
+        wsServer.setStatus(status);
+        (0, logger_1.info)(`Dashboard listening on http://localhost:${config.uiPort}`);
+    }
+    const shutdown = () => {
+        relayClient.close();
+        wsServer.close();
+        uiServer?.close();
+        process.exit(0);
+    };
+    process.on("SIGINT", shutdown);
+    process.on("SIGTERM", shutdown);
+    relayClient.connect(config.relayUrl);
+}
+main().catch((err) => {
+    (0, logger_1.error)(err instanceof Error ? err.message : "Unknown startup error");
+    process.exit(1);
+});
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"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"}

package/dist/event-store.d.ts

@@ -0,0 +1,10 @@
+import { TernEvent } from "./types";
+export declare class EventStore {
+    private readonly maxEvents;
+    private events;
+    constructor(maxEvents: number);
+    add(event: TernEvent): void;
+    list(): TernEvent[];
+    get(id: string): TernEvent | undefined;
+    clear(): void;
+}

package/dist/event-store.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventStore = void 0;
+class EventStore {
+    maxEvents;
+    events = [];
+    constructor(maxEvents) {
+        this.maxEvents = maxEvents;
+    }
+    add(event) {
+        this.events.unshift(event);
+        if (this.events.length > this.maxEvents) {
+            this.events.splice(this.maxEvents);
+        }
+    }
+    list() {
+        return [...this.events];
+    }
+    get(id) {
+        return this.events.find((event) => event.id === id);
+    }
+    clear() {
+        this.events = [];
+    }
+}
+exports.EventStore = EventStore;
+//# sourceMappingURL=event-store.js.map

package/dist/event-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-store.js","sourceRoot":"","sources":["../src/event-store.ts"],"names":[],"mappings":";;;AAEA,MAAa,UAAU;IAGQ;IAFrB,MAAM,GAAgB,EAAE,CAAC;IAEjC,YAA6B,SAAiB;QAAjB,cAAS,GAAT,SAAS,CAAQ;IAAG,CAAC;IAElD,GAAG,CAAC,KAAgB;QAClB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YACxC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,IAAI;QACF,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAED,GAAG,CAAC,EAAU;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACnB,CAAC;CACF;AAvBD,gCAuBC"}

package/dist/forwarder.d.ts

@@ -0,0 +1,3 @@
+import { RelayMessage, TernEvent } from "./types";
+export declare function forward(request: RelayMessage, localPort: number): Promise<TernEvent>;
+export declare function replay(event: TernEvent, localPort: number): Promise<TernEvent>;

package/dist/forwarder.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.forward = forward;
+exports.replay = replay;
+const STRIP_HEADERS = new Set(["content-length", "transfer-encoding", "host", "connection"]);
+function detectPlatform(headers, body) {
+    const keys = Object.keys(headers).map((key) => key.toLowerCase());
+    if (keys.some((key) => key.includes("stripe")))
+        return "stripe";
+    if (keys.some((key) => key.includes("github")))
+        return "github";
+    if (keys.some((key) => key.includes("clerk")))
+        return "clerk";
+    if (body.includes("payment_intent") || body.includes("stripe"))
+        return "stripe";
+    if (body.includes("zen") || body.includes("repository"))
+        return "github";
+    return null;
+}
+function safeJsonParse(value) {
+    try {
+        return JSON.parse(value);
+    }
+    catch {
+        return null;
+    }
+}
+function buildForwardHeaders(incomingHeaders) {
+    const headers = new Headers();
+    for (const [key, value] of Object.entries(incomingHeaders)) {
+        if (!STRIP_HEADERS.has(key.toLowerCase())) {
+            headers.set(key, String(value));
+        }
+    }
+    return headers;
+}
+async function forward(request, localPort) {
+    const start = Date.now();
+    const headers = buildForwardHeaders(request.headers);
+    const targetUrl = `http://127.0.0.1:${localPort}${request.path}`;
+    const event = {
+        id: request.id,
+        receivedAt: request.receivedAt,
+        method: request.method,
+        path: request.path,
+        headers: request.headers,
+        body: request.body,
+        bodyParsed: safeJsonParse(request.body),
+        status: null,
+        latency: null,
+        failed: false,
+        error: null,
+        platform: detectPlatform(request.headers, request.body),
+        replay: false,
+        replayOf: null
+    };
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), 30_000);
+    try {
+        const hasBody = !["GET", "HEAD"].includes(request.method.toUpperCase());
+        const response = await fetch(targetUrl, {
+            method: request.method,
+            headers,
+            body: hasBody ? request.body : undefined,
+            signal: controller.signal
+        });
+        event.status = response.status;
+        event.failed = response.status >= 400;
+        event.latency = Date.now() - start;
+    }
+    catch (err) {
+        event.status = null;
+        event.latency = Date.now() - start;
+        event.failed = true;
+        if (err instanceof Error && err.name === "AbortError") {
+            event.error = `Forward timed out after 30s — is localhost:${localPort} running?`;
+        }
+        else {
+            event.error = err instanceof Error ? err.message : "Forward failed";
+        }
+    }
+    finally {
+        clearTimeout(timeout);
+    }
+    return event;
+}
+async function replay(event, localPort) {
+    const replayId = `evt_${Date.now()}_${Math.random().toString(36).slice(2, 6)}`;
+    const request = {
+        type: "request",
+        id: replayId,
+        method: event.method,
+        path: event.path,
+        headers: event.headers,
+        body: event.body,
+        receivedAt: new Date().toISOString()
+    };
+    const replayed = await forward(request, localPort);
+    replayed.replay = true;
+    replayed.replayOf = event.id;
+    return replayed;
+}
+//# sourceMappingURL=forwarder.js.map

package/dist/forwarder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"forwarder.js","sourceRoot":"","sources":["../src/forwarder.ts"],"names":[],"mappings":";;AAgCA,0BAoDC;AAED,wBAgBC;AApGD,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAE7F,SAAS,cAAc,CAAC,OAA+B,EAAE,IAAY;IACnE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;IAClE,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAAE,OAAO,QAAQ,CAAC;IAChE,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAAE,OAAO,QAAQ,CAAC;IAChE,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAAE,OAAO,OAAO,CAAC;IAC9D,IAAI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAAE,OAAO,QAAQ,CAAC;IAChF,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;QAAE,OAAO,QAAQ,CAAC;IACzE,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,aAAa,CAAC,KAAa;IAClC,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,eAAuC;IAClE,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;IAC9B,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC;QAC3D,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;YAC1C,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAEM,KAAK,UAAU,OAAO,CAAC,OAAqB,EAAE,SAAiB;IACpE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACzB,MAAM,OAAO,GAAG,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,oBAAoB,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;IAEjE,MAAM,KAAK,GAAc;QACvB,EAAE,EAAE,OAAO,CAAC,EAAE;QACd,UAAU,EAAE,OAAO,CAAC,UAAU;QAC9B,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC;QACvC,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;QACvD,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,IAAI;KACf,CAAC;IAEF,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC;IAE7D,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;QAExE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,SAAS,EAAE;YACtC,MAAM,EAAE,OAAO,CAAC,MAAM;YACtB,OAAO;YACP,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YACxC,MAAM,EAAE,UAAU,CAAC,MAAM;SAC1B,CAAC,CAAC;QAEH,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC/B,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,GAAG,CAAC;QACtC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;IACrC,CAAC;IAAC,OAAO,GAAY,EAAE,CAAC;QACtB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACpB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;QACnC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;QACpB,IAAI,GAAG,YAAY,KAAK,IAAI,GAAG,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;YACtD,KAAK,CAAC,KAAK,GAAG,8CAA8C,SAAS,WAAW,CAAC;QACnF,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;QACtE,CAAC;IACH,CAAC;YAAS,CAAC;QACT,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAEM,KAAK,UAAU,MAAM,CAAC,KAAgB,EAAE,SAAiB;IAC9D,MAAM,QAAQ,GAAG,OAAO,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAC/E,MAAM,OAAO,GAAiB;QAC5B,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,QAAQ;QACZ,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,UAAU,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;KACrC,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACnD,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC;IAC7B,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/logger.d.ts

@@ -0,0 +1,5 @@
+export declare function info(message: string): void;
+export declare function success(message: string): void;
+export declare function warn(message: string): void;
+export declare function error(message: string): void;
+export declare function printBanner(tunnelUrl: string, localPort: number, uiPort: number, noUi: boolean): void;

package/dist/logger.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.info = info;
+exports.success = success;
+exports.warn = warn;
+exports.error = error;
+exports.printBanner = printBanner;
+const ANSI = {
+    reset: "\x1b[0m",
+    dim: "\x1b[2m",
+    red: "\x1b[31m",
+    yellow: "\x1b[33m",
+    cyan: "\x1b[36m",
+    green: "\x1b[32m"
+};
+function colorize(color, text) {
+    return `${ANSI[color]}${text}${ANSI.reset}`;
+}
+function info(message) {
+    process.stdout.write(`${colorize("cyan", "tern")}${ANSI.dim} ›${ANSI.reset} ${message}\n`);
+}
+function success(message) {
+    process.stdout.write(`${colorize("green", "tern")}${ANSI.dim} ›${ANSI.reset} ${message}\n`);
+}
+function warn(message) {
+    process.stdout.write(`${colorize("yellow", "tern")}${ANSI.dim} ›${ANSI.reset} ${message}\n`);
+}
+function error(message) {
+    process.stderr.write(`${colorize("red", "tern")}${ANSI.dim} ›${ANSI.reset} ${message}\n`);
+}
+function printBanner(tunnelUrl, localPort, uiPort, noUi) {
+    process.stdout.write("\n");
+    process.stdout.write(`${colorize("cyan", "tern")}  ●  ${tunnelUrl} → localhost:${localPort}\n`);
+    if (!noUi) {
+        process.stdout.write(`       ●  Dashboard → http://localhost:${uiPort}\n`);
+    }
+    process.stdout.write("       Ctrl+C to stop\n\n");
+}
+//# sourceMappingURL=logger.js.map

package/dist/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.js","sourceRoot":"","sources":["../src/logger.ts"],"names":[],"mappings":";;AAaA,oBAEC;AAED,0BAEC;AAED,oBAEC;AAED,sBAEC;AAED,kCAOC;AApCD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,SAAS;IAChB,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,UAAU;IAClB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,UAAU;CACT,CAAC;AAEX,SAAS,QAAQ,CAAC,KAAwB,EAAE,IAAY;IACtD,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;AAC9C,CAAC;AAED,SAAgB,IAAI,CAAC,OAAe;IAClC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,CAAC;AAC7F,CAAC;AAED,SAAgB,OAAO,CAAC,OAAe;IACrC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,CAAC;AAC9F,CAAC;AAED,SAAgB,IAAI,CAAC,OAAe;IAClC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,CAAC;AAC/F,CAAC;AAED,SAAgB,KAAK,CAAC,OAAe;IACnC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,CAAC;AAC5F,CAAC;AAED,SAAgB,WAAW,CAAC,SAAiB,EAAE,SAAiB,EAAE,MAAc,EAAE,IAAa;IAC7F,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3B,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,SAAS,gBAAgB,SAAS,IAAI,CAAC,CAAC;IAChG,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,0CAA0C,MAAM,IAAI,CAAC,CAAC;IAC7E,CAAC;IACD,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;AACpD,CAAC"}

package/dist/relay-client.d.ts

@@ -0,0 +1,25 @@
+import EventEmitter from "events";
+import { RelayConnectedMessage, RelayMessage } from "./types";
+interface RelayClientEvents {
+    connected: (payload: RelayConnectedMessage) => void;
+    request: (payload: RelayMessage) => void;
+    reconnecting: (payload: {
+        attempt: number;
+        delayMs: number;
+    }) => void;
+    disconnect: () => void;
+}
+export declare class RelayClient extends EventEmitter {
+    private socket;
+    private reconnectAttempt;
+    private reconnectTimer;
+    private closedByUser;
+    private readonly maxBackoffMs;
+    private currentUrl;
+    connect(url: string): void;
+    close(): void;
+    on<K extends keyof RelayClientEvents>(event: K, listener: RelayClientEvents[K]): this;
+    private toConnectUrl;
+    private scheduleReconnect;
+}
+export {};

package/dist/relay-client.js

@@ -0,0 +1,78 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelayClient = void 0;
+const events_1 = __importDefault(require("events"));
+const ws_1 = __importDefault(require("ws"));
+class RelayClient extends events_1.default {
+    socket = null;
+    reconnectAttempt = 0;
+    reconnectTimer = null;
+    closedByUser = false;
+    maxBackoffMs = 30_000;
+    currentUrl = "";
+    connect(url) {
+        this.closedByUser = false;
+        this.currentUrl = url;
+        const wsUrl = this.toConnectUrl(url);
+        this.socket = new ws_1.default(wsUrl);
+        this.socket.on("open", () => {
+            this.reconnectAttempt = 0;
+            this.socket?.send(JSON.stringify({ type: "register" }));
+        });
+        this.socket.on("message", (data) => {
+            try {
+                const parsed = JSON.parse(data.toString());
+                if (parsed.type === "connected") {
+                    this.emit("connected", parsed);
+                    return;
+                }
+                if (parsed.type === "request") {
+                    this.emit("request", parsed);
+                }
+            }
+            catch {
+                // Ignore malformed relay payloads.
+            }
+        });
+        this.socket.on("close", () => {
+            this.emit("disconnect");
+            this.scheduleReconnect();
+        });
+        this.socket.on("error", () => {
+            // close event will trigger reconnect flow
+        });
+    }
+    close() {
+        this.closedByUser = true;
+        if (this.reconnectTimer) {
+            clearTimeout(this.reconnectTimer);
+            this.reconnectTimer = null;
+        }
+        this.socket?.close();
+        this.socket = null;
+    }
+    on(event, listener) {
+        return super.on(event, listener);
+    }
+    toConnectUrl(url) {
+        const trimmed = url.replace(/\/$/, "");
+        return trimmed.endsWith("/connect") ? trimmed : `${trimmed}/connect`;
+    }
+    scheduleReconnect() {
+        if (this.closedByUser || !this.currentUrl || this.reconnectTimer) {
+            return;
+        }
+        const delayMs = Math.min(1000 * 2 ** this.reconnectAttempt, this.maxBackoffMs);
+        this.reconnectAttempt += 1;
+        this.emit("reconnecting", { attempt: this.reconnectAttempt, delayMs });
+        this.reconnectTimer = setTimeout(() => {
+            this.reconnectTimer = null;
+            this.connect(this.currentUrl);
+        }, delayMs);
+    }
+}
+exports.RelayClient = RelayClient;
+//# sourceMappingURL=relay-client.js.map

package/dist/relay-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relay-client.js","sourceRoot":"","sources":["../src/relay-client.ts"],"names":[],"mappings":"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"}

package/dist/replay.d.ts

@@ -0,0 +1 @@
+export { replay as replayEvent } from "./forwarder";

package/dist/replay.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replayEvent = void 0;
+var forwarder_1 = require("./forwarder");
+Object.defineProperty(exports, "replayEvent", { enumerable: true, get: function () { return forwarder_1.replay; } });
+//# sourceMappingURL=replay.js.map

package/dist/replay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"replay.js","sourceRoot":"","sources":["../src/replay.ts"],"names":[],"mappings":";;;AAAA,yCAAoD;AAA3C,wGAAA,MAAM,OAAe"}

package/dist/types.d.ts

@@ -0,0 +1,46 @@
+export type RelayConnectionState = "connecting" | "live" | "reconnecting" | "disconnected";
+export interface TernEvent {
+    id: string;
+    receivedAt: string;
+    method: string;
+    path: string;
+    headers: Record<string, string>;
+    body: string;
+    bodyParsed: unknown | null;
+    status: number | null;
+    latency: number | null;
+    failed: boolean;
+    error: string | null;
+    platform: string | null;
+    replay: boolean;
+    replayOf: string | null;
+}
+export interface RelayMessage {
+    type: "request";
+    id: string;
+    method: string;
+    path: string;
+    headers: Record<string, string>;
+    body: string;
+    receivedAt: string;
+}
+export interface Config {
+    port: number;
+    path: string;
+    uiPort: number;
+    wsPort: number;
+    noUi: boolean;
+    relayUrl: string;
+    maxEvents: number;
+}
+export interface RelayConnectedMessage {
+    type: "connected";
+    url: string;
+    sessionId: string;
+}
+export interface StatusPayload {
+    connected: boolean;
+    state: RelayConnectionState;
+    tunnelUrl: string;
+    sessionId: string;
+}

package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/ui-bundle.d.ts

@@ -0,0 +1 @@
+export declare const UI_HTML = "<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>tern \u00B7 dashboard</title>\n  <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n  <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin />\n  <link href=\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\" />\n  <style>\n    :root { color-scheme: dark; }\n    * { box-sizing: border-box; }\n    body { margin: 0; font-family: \"IBM Plex Mono\", monospace; color: #dcfce7; background: #040b09; }\n    body::before { content: \"\"; position: fixed; inset: 0; pointer-events: none; opacity: .14; background-image: radial-gradient(rgba(16,185,129,.28) 1px, transparent 1px); background-size: 3px 3px; }\n    .shell { display: flex; flex-direction: column; height: 100vh; }\n    .top { border-bottom: 1px solid #134e4a; background: linear-gradient(180deg, rgba(2,10,8,.9), rgba(2,10,8,.7)); padding: 10px 14px; display: flex; align-items: center; gap: 12px; }\n    .badge { font-size: 11px; color: #6ee7b7; letter-spacing: .08em; }\n    .url-wrap { flex: 1; display: flex; gap: 8px; }\n    #tunnel-url { flex: 1; background: #041611; color: #6ee7b7; border: 1px solid #14532d; border-radius: 6px; padding: 8px; }\n    button { border: 1px solid #14532d; background: #052e22; color: #a7f3d0; border-radius: 6px; padding: 8px 10px; cursor: pointer; font-family: inherit; }\n    .status { min-width: 190px; text-align: right; color: #86efac; }\n    .dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; background: #f59e0b; }\n    .dot.live { background: #10b981; box-shadow: 0 0 10px #10b981; }\n    .dot.connecting,.dot.reconnecting { background: #f59e0b; animation: pulse 1s infinite; }\n    .dot.disconnected { background: #ef4444; }\n    @keyframes pulse { 50% { opacity: .35; } }\n    .notice { display: none; margin: 10px 14px 0; padding: 10px; border: 1px solid #f59e0b; border-radius: 8px; color: #fde68a; background: rgba(245,158,11,.11); }\n    .notice.show { display: flex; align-items: center; gap: 8px; }\n    .grid { display: grid; grid-template-columns: 360px 1fr; gap: 0; min-height: 0; flex: 1; }\n    .left { border-right: 1px solid #134e4a; overflow: hidden; display: flex; flex-direction: column; }\n    .tabs,.actions,.filters { padding: 8px; display: flex; gap: 8px; border-bottom: 1px solid #134e4a; }\n    .filters button.active,.tabs button.active { background: #14532d; }\n    .dlq { margin: 8px; padding: 8px; border: 1px solid #7f1d1d; color: #fca5a5; background: rgba(127,29,29,.25); border-radius: 6px; display: none; }\n    .list { overflow: auto; }\n    .row { padding: 9px; border-bottom: 1px solid #0f2e27; cursor: pointer; }\n    .row.sel { background: #06251e; }\n    .row.fail { border-left: 2px solid #ef4444; }\n    .meta { display: flex; justify-content: space-between; font-size: 12px; }\n    .path { color: #6ee7b7; }\n    .small { color: #86efac; opacity: .8; font-size: 11px; }\n    .status-badge { border: 1px solid #14532d; border-radius: 4px; padding: 0 6px; }\n    .status-badge.fail { color: #fca5a5; border-color: #ef4444; }\n    .right { display: flex; flex-direction: column; min-height: 0; }\n    #detail { margin: 10px; padding: 10px; border: 1px solid #14532d; border-radius: 8px; background: rgba(5,46,34,.35); white-space: pre-wrap; overflow: auto; flex: 1; }\n    .empty { display: grid; place-items: center; text-align: center; color: #86efac; opacity: .8; height: 100%; }\n    .toast { position: fixed; right: 14px; bottom: 14px; padding: 10px; border-radius: 8px; border: 1px solid #14532d; background: #052e22; display: none; }\n    .toast.show { display: block; }\n  </style>\n</head>\n<body>\n  <div class=\"shell\">\n    <header class=\"top\">\n      <div class=\"badge\">TERN DEV</div>\n      <div class=\"url-wrap\">\n        <input id=\"tunnel-url\" value=\"__TERN_TUNNEL_URL__\" readonly />\n        <button id=\"copy-url\">copy \u2398</button>\n      </div>\n      <div class=\"status\"><span id=\"status-dot\" class=\"dot connecting\"></span><span id=\"status-label\">connecting...</span></div>\n    </header>\n    <div id=\"url-changed\" class=\"notice\">\u26A0 Tunnel URL changed \u2014 update your webhook endpoint <button id=\"copy-new-url\">copy</button></div>\n    <main class=\"grid\">\n      <section class=\"left\">\n        <div class=\"filters\"><button data-filter=\"all\" class=\"active\">All</button><button data-filter=\"failed\">DLQ</button></div>\n        <div id=\"dlq\" class=\"dlq\"><span id=\"dlq-count\">0 failed events</span><button id=\"replay-all\">replay all</button></div>\n        <div id=\"event-list\" class=\"list\"></div>\n      </section>\n      <section class=\"right\">\n        <div class=\"tabs\"><button data-tab=\"payload\" class=\"active\">Payload</button><button data-tab=\"headers\">Headers</button><button data-tab=\"response\">Response</button></div>\n        <pre id=\"detail\"></pre>\n        <div class=\"actions\"><button id=\"replay-btn\">Replay</button><button id=\"copy-curl\">Copy as curl</button><button id=\"copy-fetch\">Copy as fetch</button><button id=\"clear-btn\">Clear</button></div>\n      </section>\n    </main>\n  </div>\n  <div id=\"toast\" class=\"toast\"></div>\n  <script>\n    const WS_PORT = __TERN_WS_PORT__;\n    const state = { events: [], selectedId: null, tab: 'payload', filter: 'all', tunnelUrl: '__TERN_TUNNEL_URL__', sessionId: '', conn: 'connecting' };\n    const q = (id) => document.getElementById(id);\n\n    function toast(msg){ const t=q('toast'); t.textContent=msg; t.classList.add('show'); setTimeout(()=>t.classList.remove('show'),1500); }\n    function setStatus(s){ state.conn=s.state||state.conn; q('status-dot').className='dot '+state.conn; q('status-label').textContent = state.conn==='live'?'live':(state.conn==='reconnecting'?'reconnecting...':(state.conn==='disconnected'?'disconnected':'connecting...')); }\n\n    function selected(){ return state.events.find((e)=>e.id===state.selectedId) || null; }\n    function listEvents(){ return state.events.filter((e)=> state.filter==='all' ? true : e.failed); }\n\n    function renderList(){\n      const list=q('event-list'); const events=listEvents();\n      list.innerHTML = events.map((e)=>`<div class=\"row ${e.failed?'fail':''} ${state.selectedId===e.id?'sel':''}\" data-id=\"${e.id}\"><div class=\"meta\"><span>${e.method}</span><span class=\"status-badge ${e.failed?'fail':''}\">${e.status ?? 'ERR'}</span></div><div class=\"path\">${e.path}</div><div class=\"small\">${new Date(e.receivedAt).toLocaleTimeString()} \u00B7 ${e.latency ?? 0}ms ${e.replay?'\u00B7 replay':''}</div></div>`).join('');\n      for(const n of list.querySelectorAll('.row')) n.addEventListener('click',()=>{ state.selectedId=n.dataset.id; render(); });\n      const failed=state.events.filter((e)=>e.failed);\n      q('dlq-count').textContent=`${failed.length} failed events`;\n      q('dlq').style.display=failed.length?'flex':'none';\n    }\n\n    function renderDetail(){\n      const el=q('detail'); const ev=selected();\n      if(!ev){ el.innerHTML='<div class=\"empty\">\u2316\nawaiting signal\npaste the tunnel url above as your webhook endpoint in stripe, github, or any provider</div>'; return; }\n      if(state.tab==='payload') el.textContent = JSON.stringify(ev.bodyParsed ?? ev.body, null, 2);\n      if(state.tab==='headers') el.textContent = JSON.stringify(ev.headers, null, 2);\n      if(state.tab==='response') el.textContent = JSON.stringify({ status: ev.status, failed: ev.failed, latency: ev.latency, error: ev.error }, null, 2);\n    }\n\n    function render(){ renderList(); renderDetail(); }\n\n    async function load(){\n      const [s,e]=await Promise.all([fetch('/api/status').then(r=>r.json()), fetch('/api/events').then(r=>r.json())]);\n      setStatus(s); state.tunnelUrl=s.tunnelUrl; state.sessionId=s.sessionId; q('tunnel-url').value=s.tunnelUrl; state.events=e.events || []; if(state.events[0]) state.selectedId=state.events[0].id; render();\n    }\n\n    function connectWs(){\n      const ws = new WebSocket(`ws://${location.hostname}:${WS_PORT}`);\n      ws.onmessage = (msg) => {\n        const data = JSON.parse(msg.data);\n        if(data.type==='event'){ state.events.unshift(data.event); if(!state.selectedId) state.selectedId=data.event.id; render(); }\n        if(data.type==='clear'){ state.events=[]; state.selectedId=null; render(); }\n        if(data.type==='status'){\n          setStatus(data);\n          if(data.tunnelUrl && data.tunnelUrl!==state.tunnelUrl){ state.tunnelUrl=data.tunnelUrl; q('tunnel-url').value=data.tunnelUrl; if(state.sessionId && data.sessionId!==state.sessionId){ q('url-changed').classList.add('show'); } state.sessionId=data.sessionId||state.sessionId; }\n        }\n      };\n      ws.onclose = () => setStatus({ state: 'reconnecting' });\n    }\n\n    q('copy-url').addEventListener('click', async ()=>{ await navigator.clipboard.writeText(q('tunnel-url').value); q('copy-url').textContent='\u2713 copied'; toast('Tunnel URL copied \u2014 paste this as your webhook endpoint'); setTimeout(()=>q('copy-url').textContent='copy \u2398',1500); });\n    q('copy-new-url').addEventListener('click', async ()=>{ await navigator.clipboard.writeText(q('tunnel-url').value); q('url-changed').classList.remove('show'); toast('Tunnel URL copied \u2014 paste this as your webhook endpoint'); });\n\n    for(const b of document.querySelectorAll('.filters button')) b.addEventListener('click',()=>{ for(const n of document.querySelectorAll('.filters button')) n.classList.remove('active'); b.classList.add('active'); state.filter=b.dataset.filter; render(); });\n    for(const b of document.querySelectorAll('.tabs button')) b.addEventListener('click',()=>{ for(const n of document.querySelectorAll('.tabs button')) n.classList.remove('active'); b.classList.add('active'); state.tab=b.dataset.tab; renderDetail(); });\n\n    q('replay-btn').addEventListener('click', async ()=>{ const ev=selected(); if(!ev) return; const r=await fetch('/api/replay',{ method:'POST', headers:{'content-type':'application/json'}, body:JSON.stringify({id:ev.id})}); const out=await r.json(); if(out.event){ state.events.unshift(out.event); state.selectedId=out.event.id; render(); } });\n    q('replay-all').addEventListener('click', async ()=>{ for(const ev of state.events.filter((e)=>e.failed)){ await fetch('/api/replay',{ method:'POST', headers:{'content-type':'application/json'}, body:JSON.stringify({id:ev.id})}); } });\n    q('clear-btn').addEventListener('click', ()=>fetch('/api/clear',{method:'POST'}));\n    q('copy-curl').addEventListener('click', async ()=>{ const ev=selected(); if(!ev)return; const hs=Object.entries(ev.headers).map(([k,v])=>`-H '${k}: ${String(v).replace(/'/g,\"'\\''\")}'`).join(' '); await navigator.clipboard.writeText(`curl -X ${ev.method} '${state.tunnelUrl}${ev.path}' ${hs} --data-binary '${String(ev.body).replace(/'/g,\"'\\''\")}'`); toast('curl copied'); });\n    q('copy-fetch').addEventListener('click', async ()=>{ const ev=selected(); if(!ev)return; await navigator.clipboard.writeText(`await fetch('http://127.0.0.1:${location.port}${ev.path}', { method: '${ev.method}', headers: ${JSON.stringify(ev.headers, null, 2)}, body: ${JSON.stringify(ev.body)} });`); toast('fetch copied'); });\n\n    load().then(connectWs);\n  </script>\n</body>\n</html>\n";

package/dist/ui-bundle.js

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UI_HTML = void 0;
+exports.UI_HTML = `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>tern · dashboard</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
+  <style>
+    :root { color-scheme: dark; }
+    * { box-sizing: border-box; }
+    body { margin: 0; font-family: "IBM Plex Mono", monospace; color: #dcfce7; background: #040b09; }
+    body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .14; background-image: radial-gradient(rgba(16,185,129,.28) 1px, transparent 1px); background-size: 3px 3px; }
+    .shell { display: flex; flex-direction: column; height: 100vh; }
+    .top { border-bottom: 1px solid #134e4a; background: linear-gradient(180deg, rgba(2,10,8,.9), rgba(2,10,8,.7)); padding: 10px 14px; display: flex; align-items: center; gap: 12px; }
+    .badge { font-size: 11px; color: #6ee7b7; letter-spacing: .08em; }
+    .url-wrap { flex: 1; display: flex; gap: 8px; }
+    #tunnel-url { flex: 1; background: #041611; color: #6ee7b7; border: 1px solid #14532d; border-radius: 6px; padding: 8px; }
+    button { border: 1px solid #14532d; background: #052e22; color: #a7f3d0; border-radius: 6px; padding: 8px 10px; cursor: pointer; font-family: inherit; }
+    .status { min-width: 190px; text-align: right; color: #86efac; }
+    .dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; background: #f59e0b; }
+    .dot.live { background: #10b981; box-shadow: 0 0 10px #10b981; }
+    .dot.connecting,.dot.reconnecting { background: #f59e0b; animation: pulse 1s infinite; }
+    .dot.disconnected { background: #ef4444; }
+    @keyframes pulse { 50% { opacity: .35; } }
+    .notice { display: none; margin: 10px 14px 0; padding: 10px; border: 1px solid #f59e0b; border-radius: 8px; color: #fde68a; background: rgba(245,158,11,.11); }
+    .notice.show { display: flex; align-items: center; gap: 8px; }
+    .grid { display: grid; grid-template-columns: 360px 1fr; gap: 0; min-height: 0; flex: 1; }
+    .left { border-right: 1px solid #134e4a; overflow: hidden; display: flex; flex-direction: column; }
+    .tabs,.actions,.filters { padding: 8px; display: flex; gap: 8px; border-bottom: 1px solid #134e4a; }
+    .filters button.active,.tabs button.active { background: #14532d; }
+    .dlq { margin: 8px; padding: 8px; border: 1px solid #7f1d1d; color: #fca5a5; background: rgba(127,29,29,.25); border-radius: 6px; display: none; }
+    .list { overflow: auto; }
+    .row { padding: 9px; border-bottom: 1px solid #0f2e27; cursor: pointer; }
+    .row.sel { background: #06251e; }
+    .row.fail { border-left: 2px solid #ef4444; }
+    .meta { display: flex; justify-content: space-between; font-size: 12px; }
+    .path { color: #6ee7b7; }
+    .small { color: #86efac; opacity: .8; font-size: 11px; }
+    .status-badge { border: 1px solid #14532d; border-radius: 4px; padding: 0 6px; }
+    .status-badge.fail { color: #fca5a5; border-color: #ef4444; }
+    .right { display: flex; flex-direction: column; min-height: 0; }
+    #detail { margin: 10px; padding: 10px; border: 1px solid #14532d; border-radius: 8px; background: rgba(5,46,34,.35); white-space: pre-wrap; overflow: auto; flex: 1; }
+    .empty { display: grid; place-items: center; text-align: center; color: #86efac; opacity: .8; height: 100%; }
+    .toast { position: fixed; right: 14px; bottom: 14px; padding: 10px; border-radius: 8px; border: 1px solid #14532d; background: #052e22; display: none; }
+    .toast.show { display: block; }
+  </style>
+</head>
+<body>
+  <div class="shell">
+    <header class="top">
+      <div class="badge">TERN DEV</div>
+      <div class="url-wrap">
+        <input id="tunnel-url" value="__TERN_TUNNEL_URL__" readonly />
+        <button id="copy-url">copy ⎘</button>
+      </div>
+      <div class="status"><span id="status-dot" class="dot connecting"></span><span id="status-label">connecting...</span></div>
+    </header>
+    <div id="url-changed" class="notice">⚠ Tunnel URL changed — update your webhook endpoint <button id="copy-new-url">copy</button></div>
+    <main class="grid">
+      <section class="left">
+        <div class="filters"><button data-filter="all" class="active">All</button><button data-filter="failed">DLQ</button></div>
+        <div id="dlq" class="dlq"><span id="dlq-count">0 failed events</span><button id="replay-all">replay all</button></div>
+        <div id="event-list" class="list"></div>
+      </section>
+      <section class="right">
+        <div class="tabs"><button data-tab="payload" class="active">Payload</button><button data-tab="headers">Headers</button><button data-tab="response">Response</button></div>
+        <pre id="detail"></pre>
+        <div class="actions"><button id="replay-btn">Replay</button><button id="copy-curl">Copy as curl</button><button id="copy-fetch">Copy as fetch</button><button id="clear-btn">Clear</button></div>
+      </section>
+    </main>
+  </div>
+  <div id="toast" class="toast"></div>
+  <script>
+    const WS_PORT = __TERN_WS_PORT__;
+    const state = { events: [], selectedId: null, tab: 'payload', filter: 'all', tunnelUrl: '__TERN_TUNNEL_URL__', sessionId: '', conn: 'connecting' };
+    const q = (id) => document.getElementById(id);
+
+    function toast(msg){ const t=q('toast'); t.textContent=msg; t.classList.add('show'); setTimeout(()=>t.classList.remove('show'),1500); }
+    function setStatus(s){ state.conn=s.state||state.conn; q('status-dot').className='dot '+state.conn; q('status-label').textContent = state.conn==='live'?'live':(state.conn==='reconnecting'?'reconnecting...':(state.conn==='disconnected'?'disconnected':'connecting...')); }
+
+    function selected(){ return state.events.find((e)=>e.id===state.selectedId) || null; }
+    function listEvents(){ return state.events.filter((e)=> state.filter==='all' ? true : e.failed); }
+
+    function renderList(){
+      const list=q('event-list'); const events=listEvents();
+      list.innerHTML = events.map((e)=>\`<div class="row \${e.failed?'fail':''} \${state.selectedId===e.id?'sel':''}" data-id="\${e.id}"><div class="meta"><span>\${e.method}</span><span class="status-badge \${e.failed?'fail':''}">\${e.status ?? 'ERR'}</span></div><div class="path">\${e.path}</div><div class="small">\${new Date(e.receivedAt).toLocaleTimeString()} · \${e.latency ?? 0}ms \${e.replay?'· replay':''}</div></div>\`).join('');
+      for(const n of list.querySelectorAll('.row')) n.addEventListener('click',()=>{ state.selectedId=n.dataset.id; render(); });
+      const failed=state.events.filter((e)=>e.failed);
+      q('dlq-count').textContent=\`\${failed.length} failed events\`;
+      q('dlq').style.display=failed.length?'flex':'none';
+    }
+
+    function renderDetail(){
+      const el=q('detail'); const ev=selected();
+      if(!ev){ el.innerHTML='<div class="empty">⌖\nawaiting signal\npaste the tunnel url above as your webhook endpoint in stripe, github, or any provider</div>'; return; }
+      if(state.tab==='payload') el.textContent = JSON.stringify(ev.bodyParsed ?? ev.body, null, 2);
+      if(state.tab==='headers') el.textContent = JSON.stringify(ev.headers, null, 2);
+      if(state.tab==='response') el.textContent = JSON.stringify({ status: ev.status, failed: ev.failed, latency: ev.latency, error: ev.error }, null, 2);
+    }
+
+    function render(){ renderList(); renderDetail(); }
+
+    async function load(){
+      const [s,e]=await Promise.all([fetch('/api/status').then(r=>r.json()), fetch('/api/events').then(r=>r.json())]);
+      setStatus(s); state.tunnelUrl=s.tunnelUrl; state.sessionId=s.sessionId; q('tunnel-url').value=s.tunnelUrl; state.events=e.events || []; if(state.events[0]) state.selectedId=state.events[0].id; render();
+    }
+
+    function connectWs(){
+      const ws = new WebSocket(\`ws://\${location.hostname}:\${WS_PORT}\`);
+      ws.onmessage = (msg) => {
+        const data = JSON.parse(msg.data);
+        if(data.type==='event'){ state.events.unshift(data.event); if(!state.selectedId) state.selectedId=data.event.id; render(); }
+        if(data.type==='clear'){ state.events=[]; state.selectedId=null; render(); }
+        if(data.type==='status'){
+          setStatus(data);
+          if(data.tunnelUrl && data.tunnelUrl!==state.tunnelUrl){ state.tunnelUrl=data.tunnelUrl; q('tunnel-url').value=data.tunnelUrl; if(state.sessionId && data.sessionId!==state.sessionId){ q('url-changed').classList.add('show'); } state.sessionId=data.sessionId||state.sessionId; }
+        }
+      };
+      ws.onclose = () => setStatus({ state: 'reconnecting' });
+    }
+
+    q('copy-url').addEventListener('click', async ()=>{ await navigator.clipboard.writeText(q('tunnel-url').value); q('copy-url').textContent='✓ copied'; toast('Tunnel URL copied — paste this as your webhook endpoint'); setTimeout(()=>q('copy-url').textContent='copy ⎘',1500); });
+    q('copy-new-url').addEventListener('click', async ()=>{ await navigator.clipboard.writeText(q('tunnel-url').value); q('url-changed').classList.remove('show'); toast('Tunnel URL copied — paste this as your webhook endpoint'); });
+
+    for(const b of document.querySelectorAll('.filters button')) b.addEventListener('click',()=>{ for(const n of document.querySelectorAll('.filters button')) n.classList.remove('active'); b.classList.add('active'); state.filter=b.dataset.filter; render(); });
+    for(const b of document.querySelectorAll('.tabs button')) b.addEventListener('click',()=>{ for(const n of document.querySelectorAll('.tabs button')) n.classList.remove('active'); b.classList.add('active'); state.tab=b.dataset.tab; renderDetail(); });
+
+    q('replay-btn').addEventListener('click', async ()=>{ const ev=selected(); if(!ev) return; const r=await fetch('/api/replay',{ method:'POST', headers:{'content-type':'application/json'}, body:JSON.stringify({id:ev.id})}); const out=await r.json(); if(out.event){ state.events.unshift(out.event); state.selectedId=out.event.id; render(); } });
+    q('replay-all').addEventListener('click', async ()=>{ for(const ev of state.events.filter((e)=>e.failed)){ await fetch('/api/replay',{ method:'POST', headers:{'content-type':'application/json'}, body:JSON.stringify({id:ev.id})}); } });
+    q('clear-btn').addEventListener('click', ()=>fetch('/api/clear',{method:'POST'}));
+    q('copy-curl').addEventListener('click', async ()=>{ const ev=selected(); if(!ev)return; const hs=Object.entries(ev.headers).map(([k,v])=>\`-H '\${k}: \${String(v).replace(/'/g,"'\\''")}'\`).join(' '); await navigator.clipboard.writeText(\`curl -X \${ev.method} '\${state.tunnelUrl}\${ev.path}' \${hs} --data-binary '\${String(ev.body).replace(/'/g,"'\\''")}'\`); toast('curl copied'); });
+    q('copy-fetch').addEventListener('click', async ()=>{ const ev=selected(); if(!ev)return; await navigator.clipboard.writeText(\`await fetch('http://127.0.0.1:\${location.port}\${ev.path}', { method: '\${ev.method}', headers: \${JSON.stringify(ev.headers, null, 2)}, body: \${JSON.stringify(ev.body)} });\`); toast('fetch copied'); });
+
+    load().then(connectWs);
+  </script>
+</body>
+</html>
+`;
+//# sourceMappingURL=ui-bundle.js.map

package/dist/ui-bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-bundle.js","sourceRoot":"","sources":["../src/ui-bundle.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ItB,CAAC"}

package/dist/ui-server.d.ts

@@ -0,0 +1,22 @@
+import { EventStore } from "./event-store";
+import { StatusPayload, TernEvent } from "./types";
+interface UiServerOptions {
+    eventStore: EventStore;
+    localPort: number;
+    uiHtml: string;
+    onReplay: (event: TernEvent) => void;
+    onClear: () => void;
+    getStatus: () => StatusPayload;
+    version: string;
+    wsPort: number;
+}
+export declare class UiServer {
+    private readonly options;
+    private server;
+    constructor(options: UiServerOptions);
+    start(port: number): void;
+    close(): void;
+    private sendJson;
+    private readBody;
+}
+export {};

package/dist/ui-server.js

@@ -0,0 +1,127 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UiServer = void 0;
+const http_1 = __importDefault(require("http"));
+const forwarder_1 = require("./forwarder");
+const logger_1 = require("./logger");
+class UiServer {
+    options;
+    server = null;
+    constructor(options) {
+        this.options = options;
+    }
+    start(port) {
+        this.server = http_1.default.createServer(async (req, res) => {
+            if (!req.url || !req.method) {
+                this.sendJson(res, 400, { error: "Bad request" });
+                return;
+            }
+            if (req.method === "GET" && req.url === "/") {
+                const html = this.options.uiHtml
+                    .replace("__TERN_TUNNEL_URL__", this.options.getStatus().tunnelUrl)
+                    .replace("__TERN_WS_PORT__", String(this.options.wsPort));
+                res.statusCode = 200;
+                res.setHeader("content-type", "text/html; charset=utf-8");
+                res.end(html);
+                return;
+            }
+            if (req.method === "GET" && req.url === "/api/status") {
+                const status = this.options.getStatus();
+                this.sendJson(res, 200, {
+                    connected: status.connected,
+                    state: status.state,
+                    tunnelUrl: status.tunnelUrl,
+                    sessionId: status.sessionId,
+                    port: this.options.localPort,
+                    version: this.options.version
+                });
+                return;
+            }
+            if (req.method === "GET" && req.url === "/api/events") {
+                this.sendJson(res, 200, { events: this.options.eventStore.list() });
+                return;
+            }
+            if (req.method === "POST" && req.url === "/api/clear") {
+                this.options.eventStore.clear();
+                this.options.onClear();
+                this.sendJson(res, 200, { ok: true });
+                return;
+            }
+            if (req.method === "POST" && req.url === "/api/replay") {
+                const contentLength = Number(req.headers["content-length"] ?? 0);
+                if (Number.isFinite(contentLength) && contentLength > 16_384) {
+                    this.sendJson(res, 413, { error: "Request body too large" });
+                    return;
+                }
+                const body = await this.readBody(req).catch(() => null);
+                if (body === null) {
+                    this.sendJson(res, 413, { error: "Request body too large" });
+                    return;
+                }
+                let eventId = "";
+                try {
+                    const parsed = JSON.parse(body);
+                    eventId = parsed.id ?? "";
+                }
+                catch {
+                    this.sendJson(res, 400, { error: "Invalid JSON" });
+                    return;
+                }
+                const event = this.options.eventStore.get(eventId);
+                if (!event) {
+                    this.sendJson(res, 404, { error: "Event not found" });
+                    return;
+                }
+                const replayed = await (0, forwarder_1.replay)(event, this.options.localPort);
+                this.options.eventStore.add(replayed);
+                this.options.onReplay(replayed);
+                this.sendJson(res, 200, { event: replayed });
+                return;
+            }
+            this.sendJson(res, 404, { error: "Not found" });
+        });
+        this.server.on("error", (err) => {
+            if (err.code === "EADDRINUSE") {
+                (0, logger_1.error)(`Dashboard port ${port} is already in use. ` +
+                    `Use --ui-port to choose a different port.`);
+            }
+            else {
+                (0, logger_1.error)(`Dashboard server error: ${err.message}`);
+            }
+            process.exit(1);
+        });
+        this.server.listen(port);
+    }
+    close() {
+        this.server?.close();
+        this.server = null;
+    }
+    sendJson(res, statusCode, payload) {
+        res.statusCode = statusCode;
+        res.setHeader("content-type", "application/json; charset=utf-8");
+        res.end(JSON.stringify(payload));
+    }
+    readBody(req, maxBytes = 16_384) {
+        return new Promise((resolve, reject) => {
+            let body = "";
+            let size = 0;
+            req.setEncoding("utf8");
+            req.on("data", (chunk) => {
+                size += Buffer.byteLength(chunk);
+                if (size > maxBytes) {
+                    req.destroy();
+                    reject(new Error("Request body too large"));
+                    return;
+                }
+                body += chunk;
+            });
+            req.on("end", () => resolve(body));
+            req.on("error", reject);
+        });
+    }
+}
+exports.UiServer = UiServer;
+//# sourceMappingURL=ui-server.js.map

package/dist/ui-server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-server.js","sourceRoot":"","sources":["../src/ui-server.ts"],"names":[],"mappings":"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"}

package/dist/ws-server.d.ts

@@ -0,0 +1,17 @@
+import { StatusPayload, TernEvent } from "./types";
+export type BrowserMessage = {
+    type: "event";
+    event: TernEvent;
+} | {
+    type: "clear";
+} | ({
+    type: "status";
+} & StatusPayload);
+export declare class WsServer {
+    private wss;
+    private status;
+    start(port: number): void;
+    setStatus(status: StatusPayload): void;
+    broadcast(payload: BrowserMessage): void;
+    close(): void;
+}

package/dist/ws-server.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WsServer = void 0;
+const ws_1 = __importStar(require("ws"));
+class WsServer {
+    wss = null;
+    status = {
+        connected: false,
+        state: "connecting",
+        tunnelUrl: "",
+        sessionId: ""
+    };
+    start(port) {
+        this.wss = new ws_1.WebSocketServer({ port });
+        this.wss.on("connection", (socket) => {
+            socket.send(JSON.stringify({ type: "status", ...this.status }));
+        });
+    }
+    setStatus(status) {
+        this.status = status;
+        this.broadcast({ type: "status", ...status });
+    }
+    broadcast(payload) {
+        if (!this.wss)
+            return;
+        const message = JSON.stringify(payload);
+        for (const client of this.wss.clients) {
+            if (client.readyState === ws_1.default.OPEN) {
+                client.send(message);
+            }
+        }
+    }
+    close() {
+        this.wss?.close();
+        this.wss = null;
+    }
+}
+exports.WsServer = WsServer;
+//# sourceMappingURL=ws-server.js.map

package/dist/ws-server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ws-server.js","sourceRoot":"","sources":["../src/ws-server.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAAgD;AAQhD,MAAa,QAAQ;IACX,GAAG,GAA2B,IAAI,CAAC;IACnC,MAAM,GAAkB;QAC9B,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,EAAE;KACd,CAAC;IAEF,KAAK,CAAC,IAAY;QAChB,IAAI,CAAC,GAAG,GAAG,IAAI,oBAAe,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QACzC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;YACnC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,CAAC,MAAqB;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;IAChD,CAAC;IAED,SAAS,CAAC,OAAuB;QAC/B,IAAI,CAAC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEtB,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QACxC,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACtC,IAAI,MAAM,CAAC,UAAU,KAAK,YAAS,CAAC,IAAI,EAAE,CAAC;gBACzC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC;IAED,KAAK;QACH,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC;QAClB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC;IAClB,CAAC;CACF;AApCD,4BAoCC"}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@hookflo/tern-dev",
+  "version": "0.1.0",
+  "description": "Local webhook tunnel and inspector. Zero storage.",
+  "license": "MIT",
+  "author": "Hookflo <hello@hookflo.com>",
+  "homepage": "https://tern.hookflo.com",
+  "repository": { "type": "git", "url": "https://github.com/hookflo/tern-dev" },
+  "engines": { "node": ">=18.0.0" },
+  "bin": { "tern-dev": "./dist/cli.js" },
+  "main": "./dist/cli.js",
+  "files": ["dist", "README.md", "LICENSE"],
+  "scripts": {
+    "build": "npm run bundle-ui && tsc",
+    "bundle-ui": "node scripts/bundle-ui.js",
+    "dev": "tsx src/cli.ts --port 3000",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "ws": "^8.18.0",
+    "minimist": "^1.2.8"
+  },
+  "devDependencies": {
+    "@types/ws": "^8.5.13",
+    "@types/minimist": "^1.2.5",
+    "@types/node": "^20.0.0",
+    "typescript": "^5.4.0",
+    "tsx": "^4.0.0"
+  },
+  "keywords": ["webhook", "tunnel", "devtools", "hookflo", "tern", "local"]
+}