@rerun-io/web-viewer 0.17.0-alpha.1 → 0.17.0-alpha.101

package/index.js.map

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

package/index.ts

@@ -0,0 +1,582 @@
+import type { WebHandle } from "./re_viewer.js";
+
+interface AppOptions {
+  url?: string;
+  manifest_url?: string;
+  render_backend?: Backend;
+  hide_welcome_screen?: boolean;
+  panel_state_overrides?: Partial<{
+    [K in Panel]: PanelState;
+  }>;
+  fullscreen?: FullscreenOptions;
+}
+
+type WebHandleConstructor = {
+  new (app_options?: AppOptions): WebHandle;
+};
+
+let WebHandleConstructor: WebHandleConstructor | null = null;
+
+async function load(): Promise<WebHandleConstructor> {
+  if (WebHandleConstructor) {
+    return WebHandleConstructor;
+  }
+  WebHandleConstructor = (await import("./re_viewer.js")).WebHandle;
+  return WebHandleConstructor;
+}
+
+let _minimize_current_fullscreen_viewer: (() => void) | null = null;
+
+function randomId(): string {
+  const bytes = new Uint8Array(16);
+  crypto.getRandomValues(bytes);
+  return Array.from(bytes)
+    .map((byte) => byte.toString(16).padStart(2, "0"))
+    .join("");
+}
+
+export type Panel = "top" | "blueprint" | "selection" | "time";
+export type PanelState = "hidden" | "collapsed" | "expanded";
+export type Backend = "webgpu" | "webgl";
+export type CanvasRect = {
+  width: string;
+  height: string;
+  top: string;
+  left: string;
+  bottom: string;
+  right: string;
+};
+
+export type CanvasStyle = {
+  canvas: CanvasRect & { position: string; transition: string; zIndex: string };
+  document: {
+    body: { overflow: string; scrollbarGutter: string };
+    root: { overflow: string; scrollbarGutter: string };
+  };
+};
+
+interface WebViewerOptions {
+  manifest_url?: string;
+  render_backend?: Backend;
+  hide_welcome_screen?: boolean;
+  allow_fullscreen?: boolean;
+}
+
+interface FullscreenOptions {
+  get_state: () => boolean;
+  on_toggle: () => void;
+}
+
+interface WebViewerEvents {
+  fullscreen: boolean;
+  ready: void;
+}
+
+type EventsWithValue = {
+  [K in keyof WebViewerEvents as WebViewerEvents[K] extends void
+    ? never
+    : K]: WebViewerEvents[K];
+};
+
+type EventsWithoutValue = {
+  [K in keyof WebViewerEvents as WebViewerEvents[K] extends void
+    ? K
+    : never]: WebViewerEvents[K];
+};
+
+type WithValue<Events> = {
+  [K in keyof Events as Events[K] extends void ? never : K]: Events[K];
+};
+
+type WithoutValue<Events> = {
+  [K in keyof Events as Events[K] extends void ? K : never]: Events[K];
+};
+
+type Cancel = () => void;
+
+export class WebViewer {
+  #id = randomId();
+
+  #handle: WebHandle | null = null;
+
+  #canvas: HTMLCanvasElement | null = null;
+
+  #state: "ready" | "starting" | "stopped" = "stopped";
+
+  #fullscreen = false;
+
+  #allow_fullscreen = false;
+
+  constructor() {
+    injectStyle();
+    setupGlobalEventListeners();
+  }
+
+  /**
+   * Start the viewer.
+   *
+   * @param rrd URLs to `.rrd` files or WebSocket connections to our SDK.
+   * @param parent The element to attach the canvas onto.
+   * @param options Whether to hide the welcome screen.
+   */
+  async start(
+    rrd: string | string[] | null,
+    parent: HTMLElement | null,
+    options: WebViewerOptions | null,
+  ): Promise<void> {
+    parent ??= document.body;
+    options ??= {};
+
+    this.#allow_fullscreen = options.allow_fullscreen || false;
+
+    if (this.#state !== "stopped") return;
+    this.#state = "starting";
+
+    this.#canvas = document.createElement("canvas");
+    this.#canvas.id = this.#id;
+    parent.append(this.#canvas);
+
+    let WebHandle_class = await load();
+    if (this.#state !== "starting") return;
+
+    const fullscreen = this.#allow_fullscreen
+      ? {
+          get_state: () => this.#fullscreen,
+          on_toggle: () => this.toggle_fullscreen(),
+        }
+      : undefined;
+
+    this.#handle = new WebHandle_class({ ...options, fullscreen });
+    await this.#handle.start(this.#canvas.id);
+    if (this.#state !== "starting") return;
+
+    if (this.#handle.has_panicked()) {
+      throw new Error(`Web viewer crashed: ${this.#handle.panic_message()}`);
+    }
+
+    this.#state = "ready";
+    this.#dispatch_event("ready");
+
+    if (rrd) {
+      this.open(rrd);
+    }
+
+    return;
+  }
+
+  #event_map: Map<
+    keyof WebViewerEvents,
+    Map<(value: any) => void, { once: boolean }>
+  > = new Map();
+
+  #dispatch_event<E extends keyof EventsWithValue>(
+    event: E,
+    value: EventsWithValue[E],
+  ): void;
+  #dispatch_event<E extends keyof EventsWithoutValue>(event: E): void;
+  #dispatch_event(event: any, value?: any): void {
+    const callbacks = this.#event_map.get(event);
+    if (callbacks) {
+      for (const [callback, { once }] of [...callbacks.entries()]) {
+        callback(value);
+        if (once) callbacks.delete(callback);
+      }
+    }
+  }
+
+  /**
+   * Register an event listener.
+   *
+   * Returns a function which removes the listener when called.
+   */
+  on<E extends keyof WithValue<WebViewerEvents>>(
+    event: E,
+    callback: (value: WithValue<WebViewerEvents>[E]) => void,
+  ): Cancel;
+  on<E extends keyof WithoutValue<WebViewerEvents>>(
+    event: E,
+    callback: () => void,
+  ): Cancel;
+  on(event: any, callback: any): Cancel {
+    const callbacks = this.#event_map.get(event) ?? new Map();
+    callbacks.set(callback, { once: false });
+    this.#event_map.set(event, callbacks);
+    return () => callbacks.delete(callback);
+  }
+
+  /**
+   * Register an event listener which runs only once.
+   *
+   * Returns a function which removes the listener when called.
+   */
+  once<E extends keyof WithValue<WebViewerEvents>>(
+    event: E,
+    callback: (value: WithValue<WebViewerEvents>[E]) => void,
+  ): Cancel;
+  once<E extends keyof WithoutValue<WebViewerEvents>>(
+    event: E,
+    callback: () => void,
+  ): Cancel;
+  once(event: any, callback: any): Cancel {
+    const callbacks = this.#event_map.get(event) ?? new Map();
+    callbacks.set(callback, { once: true });
+    this.#event_map.set(event, callbacks);
+    return () => callbacks.delete(callback);
+  }
+
+  /**
+   * Unregister an event listener.
+   *
+   * The event emitter relies on referential equality to store callbacks.
+   * The `callback` passed in must be the exact same _instance_ of the function passed in to `on` or `once`.
+   */
+  off<E extends keyof WithValue<WebViewerEvents>>(
+    event: E,
+    callback: (value: WithValue<WebViewerEvents>[E]) => void,
+  ): void;
+  off<E extends keyof WithoutValue<WebViewerEvents>>(
+    event: E,
+    callback: () => void,
+  ): void;
+  off(event: any, callback: any): void {
+    const callbacks = this.#event_map.get(event);
+    if (callbacks) {
+      callbacks.delete(callback);
+    } else {
+      console.warn(
+        "Attempted to call `WebViewer.off` with an unregistered callback. Are you using ",
+      );
+    }
+  }
+
+  /**
+   * Returns `true` if the viewer is ready to connect to data sources.
+   */
+  get ready() {
+    return this.#state === "ready";
+  }
+
+  /**
+   * Open a recording.
+   *
+   * The viewer must have been started via `WebViewer.start`.
+   *
+   * @param rrd URLs to `.rrd` files or WebSocket connections to our SDK.
+   * @param options
+   *        - follow_if_http: Whether Rerun should open the resource in "Following" mode when streaming
+   *        from an HTTP url. Defaults to `false`. Ignored for non-HTTP URLs.
+   */
+  open(rrd: string | string[], options: { follow_if_http?: boolean } = {}) {
+    if (!this.#handle) {
+      throw new Error(`attempted to open \`${rrd}\` in a stopped viewer`);
+    }
+    const urls = Array.isArray(rrd) ? rrd : [rrd];
+    for (const url of urls) {
+      this.#handle.add_receiver(url, options.follow_if_http);
+      if (this.#handle.has_panicked()) {
+        throw new Error(`Web viewer crashed: ${this.#handle.panic_message()}`);
+      }
+    }
+  }
+
+  /**
+   * Close a recording.
+   *
+   * The viewer must have been started via `WebViewer.start`.
+   *
+   * @param rrd URLs to `.rrd` files or WebSocket connections to our SDK.
+   */
+  close(rrd: string | string[]) {
+    if (!this.#handle) {
+      throw new Error(`attempted to close \`${rrd}\` in a stopped viewer`);
+    }
+    const urls = Array.isArray(rrd) ? rrd : [rrd];
+    for (const url of urls) {
+      this.#handle.remove_receiver(url);
+      if (this.#handle.has_panicked()) {
+        throw new Error(`Web viewer crashed: ${this.#handle.panic_message()}`);
+      }
+    }
+  }
+
+  /**
+   * Stop the viewer, freeing all associated memory.
+   *
+   * The same viewer instance may be started multiple times.
+   */
+  stop() {
+    if (this.#state === "stopped") return;
+    if (this.#allow_fullscreen && this.#canvas && this.#fullscreen) {
+      this.#minimize();
+    }
+
+    this.#state = "stopped";
+
+    this.#canvas?.remove();
+    this.#handle?.destroy();
+    this.#handle?.free();
+
+    this.#canvas = null;
+    this.#handle = null;
+    this.#fullscreen = false;
+    this.#allow_fullscreen = false;
+  }
+
+  /**
+   * Opens a new channel for sending log messages.
+   *
+   * The channel can be used to incrementally push `rrd` chunks into the viewer.
+   *
+   * @param channel_name used to identify the channel.
+   */
+  open_channel(channel_name: string = "rerun-io/web-viewer"): LogChannel {
+    if (!this.#handle) {
+      throw new Error(
+        `attempted to open channel \"${channel_name}\" in a stopped web viewer`,
+      );
+    }
+    const id = crypto.randomUUID();
+    this.#handle.open_channel(id, channel_name);
+    const on_send = (/** @type {Uint8Array} */ data: Uint8Array) => {
+      if (!this.#handle) {
+        throw new Error(
+          `attempted to send data through channel \"${channel_name}\" to a stopped web viewer`,
+        );
+      }
+      this.#handle.send_rrd_to_channel(id, data);
+    };
+    const on_close = () => {
+      if (!this.#handle) {
+        throw new Error(
+          `attempted to send data through channel \"${channel_name}\" to a stopped web viewer`,
+        );
+      }
+      this.#handle.close_channel(id);
+    };
+    const get_state = () => this.#state;
+    return new LogChannel(on_send, on_close, get_state);
+  }
+
+  /**
+   * Force a panel to a specific state.
+   *
+   * @param panel
+   * @param state
+   */
+  override_panel_state(panel: Panel, state: PanelState) {
+    if (!this.#handle) {
+      throw new Error(
+        `attempted to set ${panel} panel to ${state} in a stopped web viewer`,
+      );
+    }
+    this.#handle.override_panel_state(panel, state);
+  }
+
+  /**
+   * Toggle panel overrides set via `override_panel_state`.
+   *
+   * @param value - set to a specific value. Toggles the previous value if not provided.
+   */
+  toggle_panel_overrides(value?: boolean | null) {
+    if (!this.#handle) {
+      throw new Error(
+        `attempted to toggle panel overrides in a stopped web viewer`,
+      );
+    }
+    this.#handle.toggle_panel_overrides(value as boolean | undefined);
+  }
+
+  /**
+   * Toggle fullscreen mode.
+   *
+   * This does nothing if `allow_fullscreen` was not set to `true` when starting the viewer.
+   *
+   * Fullscreen mode works by updating the underlying `<canvas>` element's `style`:
+   * - `position` to `fixed`
+   * - width/height/top/left to cover the entire viewport
+   *
+   * When fullscreen mode is toggled off, the style is restored to its previous values.
+   *
+   * When fullscreen mode is toggled on, any other instance of the viewer on the page
+   * which is already in fullscreen mode is toggled off. This means that it doesn't
+   * have to be tracked manually.
+   *
+   * This functionality can also be directly accessed in the viewer:
+   * - The maximize/minimize top panel button
+   * - The `Toggle fullscreen` UI command (accessible via the command palette, CTRL+P)
+   */
+  toggle_fullscreen() {
+    if (!this.#allow_fullscreen) return;
+
+    if (!this.#handle || !this.#canvas) {
+      throw new Error(
+        `attempted to toggle fullscreen mode in a stopped web viewer`,
+      );
+    }
+
+    if (this.#fullscreen) {
+      this.#minimize();
+    } else {
+      this.#maximize();
+    }
+  }
+
+  #minimize = () => {};
+
+  #maximize = () => {
+    _minimize_current_fullscreen_viewer?.();
+
+    const canvas = this.#canvas!;
+    const rect = canvas.getBoundingClientRect();
+
+    const sync_style_to_rect = () => {
+      canvas.style.left = rect.left + "px";
+      canvas.style.top = rect.top + "px";
+      canvas.style.width = rect.width + "px";
+      canvas.style.height = rect.height + "px";
+    };
+    const undo_style = () => canvas.removeAttribute("style");
+    const transition = (callback: () => void) =>
+      setTimeout(() => requestAnimationFrame(callback), transition_delay_ms);
+
+    canvas.classList.add(classes.fullscreen_base, classes.fullscreen_rect);
+    sync_style_to_rect();
+    requestAnimationFrame(() => {
+      if (!this.#fullscreen) return;
+      canvas.classList.add(classes.transition);
+      transition(() => {
+        if (!this.#fullscreen) return;
+        undo_style();
+
+        document.body.classList.add(classes.hide_scrollbars);
+        document.documentElement.classList.add(classes.hide_scrollbars);
+      });
+    });
+
+    this.#minimize = () => {
+      document.body.classList.remove(classes.hide_scrollbars);
+      document.documentElement.classList.remove(classes.hide_scrollbars);
+
+      sync_style_to_rect();
+      canvas.classList.remove(classes.fullscreen_rect);
+      transition(() => {
+        if (this.#fullscreen) return;
+
+        undo_style();
+        canvas.classList.remove(classes.fullscreen_base, classes.transition);
+      });
+
+      _minimize_current_fullscreen_viewer = null;
+      this.#fullscreen = false;
+      this.#dispatch_event("fullscreen", false);
+    };
+
+    _minimize_current_fullscreen_viewer = () => this.#minimize();
+    this.#fullscreen = true;
+    this.#dispatch_event("fullscreen", true);
+  };
+}
+
+class LogChannel {
+  #on_send;
+  #on_close;
+  #get_state;
+  #closed = false;
+
+  /**
+   * @param on_send
+   * @param on_close
+   * @param get_state
+   */
+  constructor(
+    on_send: (data: Uint8Array) => void,
+    on_close: () => void,
+    get_state: () => "ready" | "starting" | "stopped",
+  ) {
+    this.#on_send = on_send;
+    this.#on_close = on_close;
+    this.#get_state = get_state;
+  }
+
+  get ready() {
+    return !this.#closed && this.#get_state() === "ready";
+  }
+
+  /**
+   * Send an `rrd` containing log messages to the viewer.
+   *
+   * Does nothing if `!this.ready`.
+   *
+   * @param rrd_bytes Is an rrd file stored in a byte array, received via some other side channel.
+   */
+  send_rrd(rrd_bytes: Uint8Array) {
+    if (!this.ready) return;
+    this.#on_send(rrd_bytes);
+  }
+
+  /**
+   * Close the channel.
+   *
+   * Does nothing if `!this.ready`.
+   */
+  close() {
+    if (!this.ready) return;
+    this.#on_close();
+    this.#closed = true;
+  }
+}
+
+const classes = {
+  hide_scrollbars: "rerun-viewer-hide-scrollbars",
+  fullscreen_base: "rerun-viewer-fullscreen-base",
+  fullscreen_rect: "rerun-viewer-fullscreen-rect",
+  transition: "rerun-viewer-transition",
+};
+
+const transition_delay_ms = 100;
+
+const css = `
+  html.${classes.hide_scrollbars},
+  body.${classes.hide_scrollbars} {
+    scrollbar-gutter: auto !important;
+    overflow: hidden !important;
+  }
+
+  .${classes.fullscreen_base} {
+    position: fixed;
+    z-index: 99999;
+  }
+
+  .${classes.transition} {
+    transition: all ${transition_delay_ms / 1000}s linear;
+  }
+
+  .${classes.fullscreen_rect} {
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+`;
+
+function injectStyle() {
+  const ID = "__rerun_viewer_style";
+
+  if (document.getElementById(ID)) {
+    // already injected
+    return;
+  }
+
+  const style = document.createElement("style");
+  style.id = ID;
+  style.appendChild(document.createTextNode(css));
+  document.head.appendChild(style);
+}
+
+function setupGlobalEventListeners() {
+  window.addEventListener("keyup", (e) => {
+    if (e.code === "Escape") {
+      _minimize_current_fullscreen_viewer?.();
+    }
+  });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rerun-io/web-viewer",
-  "version": "0.17.0-alpha.1",
+  "version": "0.17.0-alpha.101",
   "description": "Embed the Rerun web viewer in your app",
   "licenses": [
     {
@@ -12,10 +12,10 @@
   ],
   "scripts": {
     "build:wasm": "cargo run -p re_dev_tools -- build-web-viewer --release -g --module -o rerun_js/web-viewer",
-    "build:types": "tsc --noEmit && dts-buddy",
-    "build": "npm run build:wasm && npm run build:types",
+    "build:js": "tsc",
+    "build": "npm run build:wasm && npm run build:js",
     "build:wasm:debug": "cargo run -p re_dev_tools -- build-web-viewer --debug --module -o rerun_js/web-viewer",
-    "build:debug": "npm run build:wasm:debug && npm run build:types"
+    "build:debug": "npm run build:wasm:debug && npm run build:js"
   },
   "repository": {
     "type": "git",
@@ -39,9 +39,11 @@
     }
   },
   "files": [
+    "index.ts",
     "index.d.ts",
     "index.d.ts.map",
     "index.js",
+    "index.js.map",
     "package.json",
     "re_viewer_bg.js",
     "re_viewer_bg.wasm",

package/re_viewer.d.ts

@@ -81,8 +81,9 @@ export class WebHandle {
 */
   start(canvas_id: string): Promise<void>;
 /**
+* @param {boolean | undefined} [value]
 */
-  toggle_panel_overrides(): void;
+  toggle_panel_overrides(value?: boolean): void;
 /**
 * @param {string} panel
 * @param {string | undefined} [state]