@simonklee/opentui-tex 0.2.0 → 0.3.0

package/README.md

@@ -96,9 +96,14 @@ Options beyond `BoxOptions`:
 - `imageOptions`: options for the installed `ImageRenderable`.
 - `onError`: receives backend errors.
 
-When you assign `formula.formula`, `TexRenderable` installs a synchronous
-Unicode preview. It then starts a request for the selected backend. A native
-result replaces the preview with an image in the same `TexRenderable`.
+Automatic width and height include borders and padding. Explicit dimensions
+set the outer box size. Unicode output clips to the available cells without
+wrapping mathematical rows.
+
+When you assign `formula.formula`, `TexRenderable` installs synchronous Unicode
+output. With the built-in Unicode backend, this is the final result. Other
+backends run next; a native result replaces the preview with an image in the
+same `TexRenderable`.
 
 `formula.whenReady()` tracks replacement requests. It resolves after
 `TexRenderable` installs the latest result. `formula.ready` exposes the

package/dist/chunk-k9sn9j1p.js

@@ -0,0 +1,119 @@
+import {
+  TexRenderable
+} from "./chunk-pgj24z8a.js";
+
+// src/binding-tex-renderable.ts
+var UNCONFIGURED_BACKEND = {
+  async render() {
+    throw new Error("TexRenderable requires a backend");
+  }
+};
+
+class BindingTexRenderable extends TexRenderable {
+  bindingFormula;
+  bindingStreaming;
+  bindingDisplay;
+  bindingForeground;
+  bindingBackground;
+  updateQueued = false;
+  constructor(context, options) {
+    const initial = options;
+    const foreground = initial.foreground ?? "";
+    const background = initial.background ?? "";
+    super(context, {
+      ...options,
+      formula: initial.formula ?? "",
+      foreground,
+      background,
+      backend: initial.backend ?? UNCONFIGURED_BACKEND,
+      streaming: initial.streaming === true,
+      display: initial.display === true,
+      width: initial.width ?? undefined,
+      height: initial.height ?? undefined
+    });
+    this.bindingFormula = initial.formula ?? "";
+    this.bindingStreaming = initial.streaming === true;
+    this.bindingDisplay = initial.display === true;
+    this.bindingForeground = foreground;
+    this.bindingBackground = background;
+  }
+  get formula() {
+    return this.bindingFormula;
+  }
+  set formula(value) {
+    const formula = typeof value === "string" ? value : "";
+    if (formula === this.formula)
+      return;
+    this.bindingFormula = formula;
+    this.queueUpdate();
+  }
+  get streaming() {
+    return this.bindingStreaming;
+  }
+  set streaming(value) {
+    const streaming = value === true;
+    if (streaming === this.streaming)
+      return;
+    this.bindingStreaming = streaming;
+    this.queueUpdate();
+  }
+  get display() {
+    return this.bindingDisplay;
+  }
+  set display(value) {
+    const display = value === true;
+    if (display === this.display)
+      return;
+    this.bindingDisplay = display;
+    this.queueUpdate();
+  }
+  get foreground() {
+    return this.bindingForeground;
+  }
+  set foreground(value) {
+    const foreground = typeof value === "string" ? value : "";
+    if (foreground === this.bindingForeground)
+      return;
+    this.bindingForeground = foreground;
+    this.queueUpdate();
+  }
+  get background() {
+    return this.bindingBackground;
+  }
+  set background(value) {
+    const background = typeof value === "string" ? value : "";
+    if (background === this.bindingBackground)
+      return;
+    this.bindingBackground = background;
+    this.queueUpdate();
+  }
+  setColors(foreground, background) {
+    this.bindingForeground = foreground;
+    this.bindingBackground = background;
+    super.setColors(foreground, background);
+  }
+  queueUpdate() {
+    if (this.updateQueued)
+      return;
+    this.updateQueued = true;
+    let queued;
+    queued = Promise.resolve().then(() => {
+      this.flushUpdate();
+      if (this.ready !== queued)
+        return this.ready;
+    });
+    this.ready = queued;
+  }
+  flushUpdate() {
+    this.updateQueued = false;
+    if (this.isDestroyed)
+      return;
+    if (this.bindingStreaming && !super.streaming)
+      super.streaming = true;
+    this.setSnapshot(this.bindingFormula, this.bindingForeground, this.bindingBackground, this.bindingDisplay);
+    if (!this.bindingStreaming && super.streaming)
+      super.streaming = false;
+  }
+}
+
+export { BindingTexRenderable };