@tlockney/cdp-kernel 0.5.0 → 0.7.0

package/dist/browser/mod.d.ts

@@ -0,0 +1,20 @@
+import type { TypeStripper, TypeStripperName } from "../transform.ts";
+import { type Channel, type JupyterMessage, type MessageListener } from "./channels.ts";
+import { type BrowserTargetOptions } from "./target.ts";
+export type { Channel, JupyterMessage, MessageListener } from "./channels.ts";
+export { BrowserTarget, type BrowserTargetOptions, type WorkerLike } from "./target.ts";
+export interface BrowserKernelOptions extends BrowserTargetOptions {
+    /** What strips cells' types; sucrase by default, since esbuild's native binary can't run in a page. */
+    typeStrip?: TypeStripperName | TypeStripper;
+    /** Where the kernel's own log lines go; console.debug by default. */
+    log?(text: string): void;
+}
+export interface BrowserKernel {
+    /** A message from the frontend, on shell, control or stdin. */
+    send(channel: Exclude<Channel, "iopub">, msg: JupyterMessage): void;
+    /** Every message the kernel sends, with its channel. Returns a function that stops listening. */
+    onMessage(listener: MessageListener): () => void;
+    /** Settles once a shutdown_request has been answered. */
+    readonly closed: Promise<void>;
+}
+export declare function startBrowserKernel(options: BrowserKernelOptions): BrowserKernel;

package/dist/browser/mod.js

@@ -0,0 +1,38 @@
+// cdp-kernel in a browser page: the kernel's message handling
+// (src/kernel-core.ts) on the page, and cells in a Web Worker
+// (runtime/browser-worker.mjs, via src/browser/target.ts).
+//
+//   import { startBrowserKernel } from "@tlockney/cdp-kernel/browser";
+//   const kernel = startBrowserKernel({
+//     createWorker: () => new Worker(new URL("./worker.js", import.meta.url), { type: "module" }),
+//   });
+//   kernel.onMessage((channel, msg) => console.log(channel, msg.header.msg_type));
+//   kernel.send("shell", executeRequest);
+import { KernelCore } from "../kernel-core.js";
+// The browser build (scripts/build-browser.mjs) swaps package.ts, which
+// imports Node, for its VERSION alone.
+import { VERSION } from "../package.js";
+import { PageChannels } from "./channels.js";
+import { BrowserTarget } from "./target.js";
+export { BrowserTarget } from "./target.js";
+export function startBrowserKernel(options) {
+    const channels = new PageChannels();
+    const log = options.log ?? ((text) => console.debug(`[cdp-kernel] ${text}`));
+    let closed;
+    const closedPromise = new Promise((resolve) => (closed = resolve));
+    const core = new KernelCore({
+        runtime: "browser",
+        version: VERSION,
+        channels,
+        launchTarget: (events) => BrowserTarget.launch(events, options),
+        typeStrip: options.typeStrip ?? "sucrase",
+        log,
+        exit: () => closed(),
+    });
+    core.run().catch((err) => log(`kernel stopped: ${err instanceof Error ? err.stack : err}`));
+    return {
+        send: (channel, msg) => channels.deliver(channel, msg),
+        onMessage: (listener) => channels.onMessage(listener),
+        closed: closedPromise,
+    };
+}

package/dist/browser/target.d.ts

@@ -0,0 +1,71 @@
+import { type CdpParams, type EvaluateResult, type RemoteObject } from "../cdp.ts";
+import { type KernelTarget, type TargetEvents } from "../target-api.ts";
+import { transformCellForEval } from "../transform.ts";
+/** See BunTarget: how long an interrupted cell has to show it isn't busy. */
+export declare const INTERRUPT_GRACE_MS = 500;
+export declare const RESTART_NOTE: string;
+/** The part of a Worker the target uses, so tests can stand in for one. */
+export interface WorkerLike {
+    postMessage(message: unknown): void;
+    addEventListener(type: "message", listener: (event: {
+        data: unknown;
+    }) => void): void;
+    addEventListener(type: "error", listener: (event: {
+        message?: string;
+    }) => void): void;
+    terminate(): void;
+}
+export interface BrowserTargetOptions {
+    /** Makes the driver Worker: e.g. `new Worker(url, { type: "module" })`. */
+    createWorker(): WorkerLike;
+    /** What relative imports and import.meta.url resolve against; the page's URL by default. */
+    base?: string;
+    /** Where npm:, jsr: and bare imports load from; esm.sh by default. */
+    cdn?: string;
+}
+export declare class BrowserTarget implements KernelTarget {
+    #private;
+    readonly runtime: "browser";
+    readonly versions: {
+        runtime: string;
+        engine: string;
+    };
+    readonly transform: typeof transformCellForEval;
+    private constructor();
+    static launch(events: TargetEvents, options: BrowserTargetOptions): Promise<BrowserTarget>;
+    evaluate(script: string): Promise<EvaluateResult>;
+    /**
+     * A cell that's waiting on something leaves the Worker free: it answers a
+     * ping, and the cell is abandoned with its state intact. A busy cell
+     * can't be reached, so the Worker is terminated, and a new one starts on
+     * the next cell.
+     */
+    interrupt(): Promise<void>;
+    /** Output arrives before the reply it precedes. */
+    flush(): Promise<void>;
+    broadcastResult(executionCount: number, result: RemoteObject): Promise<void>;
+    dispatchComm(msgType: string, content: CdpParams, metadata: CdpParams, buffers: Uint8Array[]): Promise<{
+        handled: boolean;
+    } | {
+        error: {
+            name: string;
+            message: string;
+            stack: string;
+        };
+    }>;
+    describeError(exception: RemoteObject): Promise<{
+        name: string;
+        message: string;
+        stack: string;
+    }>;
+    propertyNames(expression: string): Promise<string[]>;
+    /** Resolved by property descriptor in the Worker, so nothing runs (#10). */
+    inspect(path: string, detail: number): Promise<string | null>;
+    /** None: top-level declarations here are properties of globalThis. */
+    lexicalNames(): Promise<string[]>;
+    /** Never asked for: prompt() in the Worker answers null without asking. */
+    replyInput(): void;
+    kill(): void;
+}
+/** "Chrome 141", "Firefox 144", "Safari 26": the browser and its major version. */
+export declare function browserName(userAgent: string): string;

package/dist/browser/target.js

@@ -0,0 +1,206 @@
+// The browser target: cells run in a module Web Worker
+// (runtime/browser-worker.mjs) that the page creates. Requests and replies
+// are messages, in the shape of the workerd target's session
+// (src/workerd-target.ts), whose request and interrupt handling this
+// follows. Cells are transformed as for Bun and workerd
+// (transformCellForEval).
+import { asEvaluateResult, isRecord } from "../cdp.js";
+import { Interrupted, isTargetMessage } from "../target-api.js";
+import { transformCellForEval } from "../transform.js";
+/** See BunTarget: how long an interrupted cell has to show it isn't busy. */
+export const INTERRUPT_GRACE_MS = 500;
+export const RESTART_NOTE = "[cdp-kernel] the browser target was busy and can't be interrupted in place, so its " +
+    "Worker was stopped; a new one starts on the next cell, without the earlier cells' state";
+/** Rejects a request whose reply the target no longer waits for. */
+class Abandoned extends Error {
+}
+export class BrowserTarget {
+    runtime = "browser";
+    versions = { runtime: "", engine: "" };
+    transform = transformCellForEval;
+    #worker;
+    #events;
+    #pending = new Map();
+    /** Requests that interrupt() abandons when the driver can still answer. */
+    #interruptible = new Set();
+    #nextId = 0;
+    #interrupted = false;
+    #stopNote;
+    #exited = false;
+    constructor(worker, events) {
+        this.#worker = worker;
+        this.#events = events;
+        worker.addEventListener("message", (event) => this.#receive(event.data));
+        // A driver that failed to load: what's pending can't be answered.
+        worker.addEventListener("error", (event) => {
+            this.#events.stream("stderr", `[cdp-kernel] browser Worker error: ${event.message ?? "unknown"}\n`);
+            this.#exit(null);
+        });
+    }
+    static async launch(events, options) {
+        const target = new BrowserTarget(options.createWorker(), events);
+        const base = options.base ?? globalThis.location?.href ?? "file:///";
+        try {
+            const { userAgent } = await target.#request("info", { base, cdn: options.cdn });
+            if (typeof userAgent === "string")
+                target.versions.runtime = browserName(userAgent);
+            target.versions.engine = engineName(typeof userAgent === "string" ? userAgent : "");
+        }
+        catch (err) {
+            target.kill();
+            throw err;
+        }
+        return target;
+    }
+    #receive(msg) {
+        if (isRecord(msg) && msg.kind === "stream") {
+            this.#events.stream(msg.name === "stderr" ? "stderr" : "stdout", String(msg.text));
+        }
+        else if (isTargetMessage(msg)) {
+            this.#events.message(msg);
+        }
+        else if (isRecord(msg) && msg.kind === "reply") {
+            const id = Number(msg.id);
+            const pending = this.#pending.get(id);
+            if (!pending)
+                return; // abandoned
+            this.#pending.delete(id);
+            this.#interruptible.delete(id);
+            if (typeof msg.failure === "string")
+                pending.reject(new Error(msg.failure));
+            else
+                pending.resolve(msg);
+        }
+    }
+    #exit(code) {
+        if (this.#exited)
+            return;
+        this.#exited = true;
+        this.#worker.terminate();
+        // Reported before the requests it cut off fail, so the note lands in
+        // the interrupted cell's output.
+        this.#events.exit(code, this.#stopNote);
+        for (const pending of this.#pending.values())
+            pending.reject(new Abandoned("the browser Worker stopped"));
+        this.#pending.clear();
+    }
+    #request(op, params = {}, interruptible = false) {
+        if (this.#exited)
+            return Promise.reject(new Abandoned("the browser Worker stopped"));
+        const id = ++this.#nextId;
+        return new Promise((resolve, reject) => {
+            this.#pending.set(id, { resolve, reject });
+            if (interruptible)
+                this.#interruptible.add(id);
+            this.#worker.postMessage({ id, op, ...params });
+        });
+    }
+    async #interruptibly(op, params, what) {
+        this.#interrupted = false;
+        try {
+            return await this.#request(op, params, true);
+        }
+        catch (err) {
+            if (err instanceof Abandoned || this.#interrupted)
+                throw new Interrupted(`${what} interrupted`);
+            throw err;
+        }
+    }
+    async evaluate(script) {
+        return asEvaluateResult(await this.#interruptibly("eval", { code: script }, "Execution"));
+    }
+    /**
+     * A cell that's waiting on something leaves the Worker free: it answers a
+     * ping, and the cell is abandoned with its state intact. A busy cell
+     * can't be reached, so the Worker is terminated, and a new one starts on
+     * the next cell.
+     */
+    async interrupt() {
+        this.#interrupted = true;
+        const running = [...this.#interruptible];
+        const answered = await Promise.race([
+            this.#request("ping").then(() => true, () => false),
+            new Promise((resolve) => setTimeout(() => resolve(false), INTERRUPT_GRACE_MS)),
+        ]);
+        if (answered) {
+            for (const id of running) {
+                this.#pending.get(id)?.reject(new Abandoned("interrupted"));
+                this.#pending.delete(id);
+                this.#interruptible.delete(id);
+            }
+            return;
+        }
+        this.#stopNote = RESTART_NOTE;
+        this.#exit(null);
+    }
+    /** Output arrives before the reply it precedes. */
+    flush() {
+        return Promise.resolve();
+    }
+    async broadcastResult(executionCount, result) {
+        if (result.objectId === undefined)
+            return;
+        await this.#request("broadcast", { count: executionCount, handle: result.objectId });
+    }
+    async dispatchComm(msgType, content, metadata, buffers) {
+        const reply = await this.#interruptibly("comm", { msgType, content, metadata, buffers: buffers.map(toBase64) }, "Comm handler");
+        if (isRecord(reply.error)) {
+            const { name, message, stack } = reply.error;
+            return { error: { name: String(name), message: String(message), stack: String(stack) } };
+        }
+        return { handled: reply.handled === true };
+    }
+    async describeError(exception) {
+        if (exception.objectId === undefined)
+            return { name: "Error", message: exception.description ?? "", stack: "" };
+        const { value } = await this.#request("describe", { handle: exception.objectId });
+        return JSON.parse(typeof value === "string" ? value : '{"name":"Error","message":"","stack":""}');
+    }
+    async propertyNames(expression) {
+        const reply = await this.#request("props", { expr: expression }).catch(() => null);
+        return Array.isArray(reply?.names) ? reply.names.filter((n) => typeof n === "string") : [];
+    }
+    /** Resolved by property descriptor in the Worker, so nothing runs (#10). */
+    async inspect(path, detail) {
+        const reply = await this.#request("inspect", { path, detail }).catch(() => null);
+        return typeof reply?.text === "string" ? reply.text : null;
+    }
+    /** None: top-level declarations here are properties of globalThis. */
+    lexicalNames() {
+        return Promise.resolve([]);
+    }
+    /** Never asked for: prompt() in the Worker answers null without asking. */
+    replyInput() { }
+    kill() {
+        this.#exit(null);
+    }
+}
+function toBase64(bytes) {
+    let binary = "";
+    for (let i = 0; i < bytes.length; i += 0x8000)
+        binary += String.fromCharCode(...bytes.subarray(i, i + 0x8000));
+    return btoa(binary);
+}
+/** "Chrome 141", "Firefox 144", "Safari 26": the browser and its major version. */
+export function browserName(userAgent) {
+    for (const [name, re] of [
+        ["Edge", /\bEdg\/(\d+)/],
+        ["Firefox", /\bFirefox\/(\d+)/],
+        ["Chrome", /\b(?:Headless)?Chrome\/(\d+)/],
+        ["Safari", /\bVersion\/(\d+)[\d.]* .*Safari\//],
+    ]) {
+        const m = re.exec(userAgent);
+        if (m)
+            return `${name} ${m[1]}`;
+    }
+    return "a browser";
+}
+function engineName(userAgent) {
+    if (/\bFirefox\//.test(userAgent))
+        return "SpiderMonkey";
+    if (/\b(?:Chrome|Chromium|Edg)\//.test(userAgent))
+        return "V8";
+    if (/\bSafari\//.test(userAgent))
+        return "JavaScriptCore";
+    return "";
+}