1ch 0.4.0 → 0.6.0

package/README.md

@@ -33,8 +33,8 @@ function DeployPanel() {
     <term-ui width="60" mode="dark">
       <section gap="1">
         <article title="deploy v2.4.1">
-          <progress data-label="build" value={build} max="100"></progress>
-          <progress data-label="tests" value="94" max="100"></progress>
+          <progress label="build" value={build} max="100"></progress>
+          <progress label="tests" value="94" max="100"></progress>
         </article>
         <figure height="4" fill>
           {metrics.map(v => <data value={v} />)}
@@ -67,7 +67,7 @@ Zero dependencies. Also does markdown and JSON (`source-format="markdown"` on th
 | Element | Becomes |
 |---------|---------|
 | `<article title="X">` | box |
-| `<figure>` | chart (text content, `<data>` children, or `data-values`) |
+| `<figure>` | chart (text content, `<data>` children, or `values`) |
 | `<footer left="X" right="Y">` | status bar |
 | `<nav>` | horizontal stack |
 | `<progress>` | bar |
@@ -76,7 +76,7 @@ Zero dependencies. Also does markdown and JSON (`source-format="markdown"` on th
 | `<table>` | table |
 | `<section>`, `<div>` | container (layout from CSS) |
 
-`data-term="..."` and `term-*` tags available when you need to be explicit. Custom tag compilers via `registerHtmlTagCompiler()`. Full details in the [docs](https://1ch.app/docs).
+Need custom behavior? Register your own compiler via `registerHtmlTagCompiler()`. Full details in the [docs](https://1ch.app/docs).
 
 ## License
 

package/dist/index.d.ts

@@ -1,3 +1,11 @@
+type MediaRef = {
+    tag: string;
+    src?: string;
+    alt?: string;
+    widthCells: number;
+    heightLines: number;
+    attrs?: Record<string, string>;
+};
 type Style = {
     text: string;
     color?: string;
@@ -6,9 +14,11 @@ type Style = {
     dim?: boolean;
     inverted?: boolean;
     blink?: boolean;
+    interactionId?: string;
     onClick?: () => void;
     noSelect?: boolean;
     cell?: number;
+    media?: MediaRef;
 };
 type Segment = string | Style;
 type Line = Segment[];
@@ -360,6 +370,7 @@ type MarkdownThemeOverrides = Partial<ThemeMarkdown>;
 
 type TermAction = {
     type: "action";
+    key: string;
     id?: string;
     text: string;
     tag: string;
@@ -367,6 +378,7 @@ type TermAction = {
     sourceElement?: Element;
 } | {
     type: "link";
+    key: string;
     href?: string;
     text: string;
     tag: string;
@@ -478,6 +490,14 @@ type TermIRNode = {
     text: string;
     color?: string;
     action: TermAction;
+} | {
+    kind: "media";
+    tag: string;
+    src?: string;
+    alt?: string;
+    widthCells?: number;
+    heightLines?: number;
+    attrs?: Record<string, string>;
 };
 
 type ActionSeed = {
@@ -584,9 +604,11 @@ declare class TermUIElement extends HTMLElement {
     private layoutOverride?;
     private resizeObserver?;
     private mutationObserver?;
+    private observedShadowRoots;
     private mediaQuery?;
     private mediaQueryListener?;
-    private scheduled;
+    private renderQueued;
+    private renderFrameId;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -595,6 +617,7 @@ declare class TermUIElement extends HTMLElement {
     get layout(): LayoutFn | undefined;
     set layout(next: LayoutFn | null | undefined);
     private queueRender;
+    private observeOpenShadowRoots;
     private onAction;
     private measureCharacterWidth;
     private resolveColumns;