@opentui/core 0.2.8 → 0.2.10

package/{index-tx8a4862.js → index-691sybgy.js}

@@ -8677,6 +8677,204 @@ class MarkdownRenderable extends Renderable {
     renderable.add(this.createMarkdownCodeRenderable(this.getBlockquoteContent(token), `${id}-content`, 0, this._linkifyMarkdownChunks, "markup.quote"));
     return renderable;
   }
+  createListRenderable(token, id, marginBottom = 0) {
+    const list = new BoxRenderable(this.ctx, {
+      id,
+      width: "100%",
+      flexDirection: "column",
+      flexShrink: 0,
+      marginBottom
+    });
+    for (const item of this.getListItemInputs(token, id)) {
+      list.add(this.createListItemRenderable(item));
+    }
+    return list;
+  }
+  getListItemInputs(token, id) {
+    const items = token.items ?? [];
+    const start = token.start === "" || token.start === undefined || token.start === null ? 1 : Number(token.start);
+    const markerWidth = Math.max(1, ...items.map((_2, index) => (token.ordered ? `${start + index}.` : "-").length));
+    return items.map((item, index) => ({
+      item,
+      marker: token.ordered ? `${start + index}.` : "-",
+      markerWidth,
+      id: `${id}-item-${index}`
+    }));
+  }
+  applyListRenderable(renderable, token, previousToken, id, marginBottom = 0) {
+    if (!(renderable instanceof BoxRenderable))
+      return false;
+    renderable.marginBottom = marginBottom;
+    const inputs = this.getListItemInputs(token, id);
+    const previousItems = previousToken?.items ?? [];
+    const rows = renderable.getChildren();
+    for (let index = 0;index < inputs.length; index += 1) {
+      const input = inputs[index];
+      const existing = rows[index];
+      if (existing instanceof BoxRenderable && this.applyListItemRenderable(existing, input, previousItems[index])) {
+        continue;
+      }
+      existing?.destroyRecursively();
+      renderable.add(this.createListItemRenderable(input), index);
+    }
+    for (let index = rows.length - 1;index >= inputs.length; index -= 1) {
+      rows[index]?.destroyRecursively();
+    }
+    return true;
+  }
+  createListItemRenderable(input) {
+    const row = new BoxRenderable(this.ctx, {
+      id: input.id,
+      width: "100%",
+      flexDirection: "row",
+      flexShrink: 0,
+      marginBottom: /\n[ \t]*\n$/.test(input.item.raw) ? 1 : 0
+    });
+    row.add(new TextRenderable(this.ctx, {
+      id: `${input.id}-marker`,
+      content: new StyledText([this.createChunk(input.marker.padStart(input.markerWidth) + " ", "markup.list")]),
+      width: input.markerWidth + 1,
+      flexShrink: 0
+    }));
+    const content = new BoxRenderable(this.ctx, {
+      id: `${input.id}-content`,
+      flexDirection: "column",
+      flexGrow: 1,
+      flexShrink: 1
+    });
+    row.add(content);
+    let pendingMarginTop = 0;
+    for (let index = 0;index < input.item.tokens.length; index += 1) {
+      const child = input.item.tokens[index];
+      if (!child)
+        continue;
+      if (child.type === "checkbox")
+        continue;
+      if (child.type === "space") {
+        pendingMarginTop = Math.max(pendingMarginTop, 1);
+        continue;
+      }
+      const renderable = this.createListChildRenderable(child, `${input.id}-child-${index}`);
+      if (!renderable)
+        continue;
+      if (pendingMarginTop > 0) {
+        renderable.marginTop = pendingMarginTop;
+        pendingMarginTop = 0;
+      }
+      content.add(renderable);
+    }
+    return row;
+  }
+  applyListItemRenderable(row, input, previousItem) {
+    this.applyListItemMarker(row, input);
+    const content = row.getChildren()[1];
+    if (!(content instanceof BoxRenderable))
+      return false;
+    if (previousItem && previousItem.raw === input.item.raw) {
+      return true;
+    }
+    return this.applyListItemChildren(content, input.item, previousItem, input.id);
+  }
+  applyListItemChildren(content, item, previousItem, id) {
+    const previousTokens = previousItem ? this.getRenderableListItemTokens(previousItem) : [];
+    const children = content.getChildren();
+    let childIndex = 0;
+    let pendingMarginTop = 0;
+    for (let tokenIndex = 0;tokenIndex < item.tokens.length; tokenIndex += 1) {
+      const token = item.tokens[tokenIndex];
+      if (!token)
+        continue;
+      if (token.type === "checkbox")
+        continue;
+      if (token.type === "space") {
+        pendingMarginTop = Math.max(pendingMarginTop, 1);
+        continue;
+      }
+      const existing = children[childIndex];
+      const childId = `${id}-child-${tokenIndex}`;
+      if (!existing) {
+        const renderable = this.createListChildRenderable(token, childId);
+        if (!renderable)
+          return false;
+        renderable.marginTop = pendingMarginTop;
+        pendingMarginTop = 0;
+        content.add(renderable, childIndex);
+        childIndex += 1;
+        continue;
+      }
+      if (!this.applyListChildRenderable(existing, token, previousTokens[childIndex], childId)) {
+        return false;
+      }
+      existing.marginTop = pendingMarginTop;
+      pendingMarginTop = 0;
+      childIndex += 1;
+    }
+    this.destroyListItemChildrenAfter(content, childIndex);
+    return true;
+  }
+  getRenderableListItemTokens(item) {
+    const tokens = [];
+    for (const token of item.tokens) {
+      if (token.type === "checkbox" || token.type === "space")
+        continue;
+      tokens.push(token);
+    }
+    return tokens;
+  }
+  applyListChildRenderable(renderable, token, previousToken, id) {
+    if ((token.type === "text" || token.type === "paragraph") && renderable instanceof CodeRenderable) {
+      this.applyMarkdownCodeRenderable(renderable, this.getListChildMarkdownRaw(token), 0);
+      return true;
+    }
+    if (token.type === "list" && renderable instanceof BoxRenderable) {
+      return this.applyListRenderable(renderable, token, previousToken, id);
+    }
+    if (token.type === "code" && renderable instanceof CodeRenderable) {
+      this.applyCodeBlockRenderable(renderable, token, 0);
+      return true;
+    }
+    return previousToken?.raw === token.raw;
+  }
+  destroyListItemChildrenAfter(content, index) {
+    const children = content.getChildren();
+    for (let i = children.length - 1;i >= index; i -= 1) {
+      children[i]?.destroyRecursively();
+    }
+  }
+  getListChildMarkdownRaw(token) {
+    return token.type === "paragraph" ? this.normalizeScrollbackMarkdownBlockRaw(token.raw) : token.raw;
+  }
+  applyListItemMarker(row, input) {
+    const marker = row.getChildren()[0];
+    if (!(marker instanceof TextRenderable))
+      return;
+    const marginBottom = /\n[ \t]*\n$/.test(input.item.raw) ? 1 : 0;
+    const markerWidth = input.markerWidth + 1;
+    const markerText = input.marker.padStart(input.markerWidth) + " ";
+    if (row.marginBottom !== marginBottom)
+      row.marginBottom = marginBottom;
+    if (marker.width !== markerWidth)
+      marker.width = markerWidth;
+    if (marker.chunks[0]?.text !== markerText) {
+      marker.content = new StyledText([this.createChunk(markerText, "markup.list")]);
+    }
+  }
+  createListChildRenderable(token, id) {
+    if (token.type === "text" || token.type === "paragraph") {
+      return this.createMarkdownCodeRenderable(this.getListChildMarkdownRaw(token), id);
+    }
+    if (token.type === "list")
+      return this.createListRenderable(token, id);
+    if (token.type === "code")
+      return this.createCodeRenderable(token, id);
+    if (token.type === "blockquote")
+      return this.createBlockquoteRenderable(token, id);
+    if (token.type === "hr")
+      return this.createHorizontalRuleRenderable(id);
+    if (token.type === "table")
+      return this.createTableBlock(token, id).renderable;
+    return token.raw ? this.createMarkdownCodeRenderable(token.raw, id) : null;
+  }
   createHorizontalRuleRenderable(id, marginBottom = 0) {
     return new BoxRenderable(this.ctx, {
       id,
@@ -9097,6 +9295,11 @@ class MarkdownRenderable extends Renderable {
       renderable2.marginTop = marginTop;
       return { renderable: renderable2 };
     }
+    if (token.type === "list") {
+      const renderable2 = this.createListRenderable(token, id);
+      renderable2.marginTop = marginTop;
+      return { renderable: renderable2 };
+    }
     if (token.type === "hr") {
       const renderable2 = this.createHorizontalRuleRenderable(id);
       renderable2.marginTop = marginTop;
@@ -9142,6 +9345,9 @@ class MarkdownRenderable extends Renderable {
     if (token.type === "blockquote") {
       return this.createBlockquoteRenderable(token, id, marginBottom);
     }
+    if (token.type === "list") {
+      return this.createListRenderable(token, id, marginBottom);
+    }
     if (token.type === "hr") {
       return this.createHorizontalRuleRenderable(id, marginBottom);
     }
@@ -9156,7 +9362,7 @@ class MarkdownRenderable extends Renderable {
     }
     return this.createMarkdownCodeRenderable(token.raw, id, marginBottom);
   }
-  updateBlockRenderable(state, token, index, hasNextToken) {
+  updateBlockRenderable(state, token, index, hasNextToken, forceListRefresh = false) {
     const marginBottom = this.getInterBlockMargin(token, hasNextToken);
     if (token.type === "code") {
       this.applyCodeBlockRenderable(state.renderable, token, marginBottom);
@@ -9166,6 +9372,14 @@ class MarkdownRenderable extends Renderable {
       this.applyBlockquoteRenderable(state.renderable, token, marginBottom);
       return;
     }
+    if (token.type === "list") {
+      if (!this.applyListRenderable(state.renderable, token, forceListRefresh ? undefined : state.token, `${this.id}-block-${index}`, marginBottom)) {
+        state.renderable.destroyRecursively();
+        state.renderable = this.createListRenderable(token, `${this.id}-block-${index}`, marginBottom);
+        this.add(state.renderable, index);
+      }
+      return;
+    }
     if (token.type === "hr") {
       state.renderable.marginBottom = marginBottom;
       return;
@@ -9181,7 +9395,7 @@ class MarkdownRenderable extends Renderable {
         }
         state.renderable.destroyRecursively();
         const fallbackRenderable = this.createMarkdownCodeRenderable(tableToken.raw, `${this.id}-block-${index}`, marginBottom);
-        this.add(fallbackRenderable);
+        this.add(fallbackRenderable, index);
         state.renderable = fallbackRenderable;
         state.tableContentCache = undefined;
         return;
@@ -9197,7 +9411,7 @@ class MarkdownRenderable extends Renderable {
       }
       state.renderable.destroyRecursively();
       const tableRenderable = this.createTextTableRenderable(cache.content, `${this.id}-block-${index}`, marginBottom);
-      this.add(tableRenderable);
+      this.add(tableRenderable, index);
       state.renderable = tableRenderable;
       state.tableContentCache = cache;
       return;
@@ -9272,6 +9486,8 @@ class MarkdownRenderable extends Renderable {
       return renderable instanceof TextTableRenderable;
     if (token.type === "blockquote")
       return renderable instanceof BoxRenderable;
+    if (token.type === "list")
+      return renderable instanceof BoxRenderable;
     if (token.type === "hr")
       return renderable instanceof BoxRenderable;
     return renderable instanceof CodeRenderable;
@@ -9411,6 +9627,10 @@ class MarkdownRenderable extends Renderable {
         this.applyBlockquoteRenderable(state.renderable, state.token, marginBottom);
         continue;
       }
+      if (state.token.type === "list") {
+        this.updateBlockRenderable(state, state.token, i, hasNextToken, true);
+        continue;
+      }
       if (state.token.type === "hr") {
         state.renderable.marginBottom = marginBottom;
         continue;
@@ -11514,5 +11734,5 @@ class TimeToFirstDrawRenderable extends Renderable {
 }
 export { DistortionEffect, VignetteEffect, CloudsEffect, FlamesEffect, CRTRollingBarEffect, RainbowTextEffect, applyScanlines, applyInvert, applyNoise, applyChromaticAberration, applyAsciiArt, applyBrightness, applyGain, applySaturation, BloomEffect, SEPIA_MATRIX, PROTANOPIA_SIM_MATRIX, DEUTERANOPIA_SIM_MATRIX, TRITANOPIA_SIM_MATRIX, ACHROMATOPSIA_MATRIX, PROTANOPIA_COMP_MATRIX, DEUTERANOPIA_COMP_MATRIX, TRITANOPIA_COMP_MATRIX, TECHNICOLOR_MATRIX, SOLARIZATION_MATRIX, SYNTHWAVE_MATRIX, GREENSCALE_MATRIX, GRAYSCALE_MATRIX, INVERT_MATRIX, Timeline, engine, createTimeline, SlotRegistry, createSlotRegistry, createCoreSlotRegistry, registerCorePlugin, resolveCoreSlot, SlotRenderable, NativeSpanFeed, Audio, setupAudio, FrameBufferRenderable, ASCIIFontRenderable, Generic, Box, Text, ASCIIFont, Input, Select, TabSelect, FrameBuffer, Code, ScrollBox, vstyles, VRenderable, LineNumberRenderable, DiffRenderable, defaultTextareaKeyBindings, TextareaRenderable, InputRenderableEvents, InputRenderable, TextTableRenderable, MarkdownRenderable, SliderRenderable, ScrollBarRenderable, ArrowRenderable, ScrollBoxRenderable, SelectRenderableEvents, SelectRenderable, TabSelectRenderableEvents, TabSelectRenderable, TimeToFirstDrawRenderable, exports_src2 as exports_src };
 
-//# debugId=38C52BEFC4FA5FFE64756E2164756E21
-//# sourceMappingURL=index-tx8a4862.js.map
+//# debugId=8F2E8A6BC348D97764756E2164756E21
+//# sourceMappingURL=index-691sybgy.js.map