@fairyhunter13/opentui-core 0.1.98 → 0.1.100

package/{index-ac0yr0h5.js → index-apxf6k5b.js}

@@ -10424,6 +10424,9 @@ class MarkdownRenderable extends Renderable {
     content: context.content,
     highlights: context.highlights
   });
+  _inlineConcealChunks = (chunks, context) => {
+    return this.buildInlineConcealChunks(chunks, context);
+  };
   _contentDefaultOptions = {
     content: "",
     conceal: true,
@@ -10677,6 +10680,196 @@ class MarkdownRenderable extends Renderable {
         break;
     }
   }
+  buildInlineConcealChunks(chunks, context) {
+    const result = [];
+    try {
+      const parsed = parseMarkdownIncremental(context.content, null, 0);
+      const tokens = parsed.tokens;
+      for (const token of tokens) {
+        this.renderBlockTokenInline(token, result);
+      }
+    } catch {
+      return chunks;
+    }
+    if (result.length > 0 && result[result.length - 1].text === `
+`) {
+      result.pop();
+    }
+    if (result.length === 0)
+      return chunks;
+    const linked = this._linkifyMarkdownChunks(result, context);
+    if (Array.isArray(linked))
+      return linked;
+    return result;
+  }
+  renderBlockTokenInline(token, chunks) {
+    switch (token.type) {
+      case "heading": {
+        const headingToken = token;
+        const style = `markup.heading.${headingToken.depth}`;
+        for (const child of headingToken.tokens) {
+          this.renderInlineTokenWithStyle(child, chunks, style);
+        }
+        chunks.push(this.createDefaultChunk(`
+`));
+        break;
+      }
+      case "paragraph": {
+        const paragraphToken = token;
+        this.renderInlineContent(paragraphToken.tokens, chunks);
+        chunks.push(this.createDefaultChunk(`
+`));
+        break;
+      }
+      case "list": {
+        this.renderListInline(token, chunks, 0);
+        break;
+      }
+      case "blockquote": {
+        const quoteToken = token;
+        for (const child of quoteToken.tokens) {
+          const markedChild = child;
+          if (markedChild.type === "paragraph" && "tokens" in markedChild) {
+            chunks.push(this.createChunk("\u258E ", "markup.quote"));
+            for (const inline of markedChild.tokens) {
+              this.renderInlineTokenWithStyle(inline, chunks, "markup.quote");
+            }
+            chunks.push(this.createDefaultChunk(`
+`));
+          } else {
+            chunks.push(this.createChunk("\u258E ", "markup.quote"));
+            this.renderBlockTokenInline(markedChild, chunks);
+          }
+        }
+        break;
+      }
+      case "code": {
+        const codeToken = token;
+        const rawStyle = this.getStyle("markup.raw.block");
+        const codeText = codeToken.text;
+        for (const line of codeText.split(`
+`)) {
+          chunks.push({
+            __isChunk: true,
+            text: "  " + line,
+            fg: rawStyle?.fg,
+            bg: rawStyle?.bg,
+            attributes: rawStyle ? createTextAttributes({
+              bold: rawStyle.bold,
+              italic: rawStyle.italic,
+              underline: rawStyle.underline,
+              dim: rawStyle.dim
+            }) : 0
+          });
+          chunks.push(this.createDefaultChunk(`
+`));
+        }
+        break;
+      }
+      case "html": {
+        chunks.push(this.createDefaultChunk(token.text));
+        chunks.push(this.createDefaultChunk(`
+`));
+        break;
+      }
+      case "hr": {
+        const hrStyle = this.getStyle("punctuation.special");
+        chunks.push({
+          __isChunk: true,
+          text: "\u2500".repeat(40),
+          fg: hrStyle?.fg,
+          bg: hrStyle?.bg,
+          attributes: hrStyle ? createTextAttributes({
+            bold: hrStyle.bold,
+            italic: hrStyle.italic,
+            underline: hrStyle.underline,
+            dim: hrStyle.dim
+          }) : 0
+        });
+        chunks.push(this.createDefaultChunk(`
+`));
+        break;
+      }
+      case "table": {
+        chunks.push(this.createDefaultChunk(token.raw ?? ""));
+        chunks.push(this.createDefaultChunk(`
+`));
+        break;
+      }
+      case "def":
+        break;
+      case "space":
+        chunks.push(this.createDefaultChunk(`
+`));
+        break;
+      default:
+        if ("tokens" in token && Array.isArray(token.tokens)) {
+          this.renderInlineContent(token.tokens, chunks);
+        } else {
+          chunks.push(this.createDefaultChunk(token.raw ?? ""));
+        }
+        chunks.push(this.createDefaultChunk(`
+`));
+        break;
+    }
+  }
+  renderListInline(list, chunks, depth) {
+    const listStyle = this.getStyle("markup.list");
+    const checkedStyle = this.getStyle("markup.list.checked");
+    const uncheckedStyle = this.getStyle("markup.list.unchecked");
+    for (let i = 0;i < list.items.length; i++) {
+      const item = list.items[i];
+      const indent = "  ".repeat(depth);
+      const start = typeof list.start === "number" ? list.start : 1;
+      if (item.task) {
+        const checkmark = item.checked ? "\u2611 " : "\u2610 ";
+        const checkStyle = item.checked ? checkedStyle : uncheckedStyle;
+        chunks.push({
+          __isChunk: true,
+          text: indent + checkmark,
+          fg: checkStyle?.fg ?? listStyle?.fg,
+          bg: checkStyle?.bg ?? listStyle?.bg,
+          attributes: checkStyle ? createTextAttributes({
+            bold: checkStyle.bold,
+            italic: checkStyle.italic,
+            underline: checkStyle.underline,
+            dim: checkStyle.dim
+          }) : 0
+        });
+      } else {
+        const bullet = list.ordered ? `${start + i}. ` : "\u2022 ";
+        chunks.push({
+          __isChunk: true,
+          text: indent + bullet,
+          fg: listStyle?.fg,
+          bg: listStyle?.bg,
+          attributes: listStyle ? createTextAttributes({
+            bold: listStyle.bold,
+            italic: listStyle.italic,
+            underline: listStyle.underline,
+            dim: listStyle.dim
+          }) : 0
+        });
+      }
+      for (const subToken of item.tokens) {
+        const markedSub = subToken;
+        if (markedSub.type === "text" && "tokens" in markedSub && Array.isArray(markedSub.tokens)) {
+          this.renderInlineContent(markedSub.tokens, chunks);
+        } else if (markedSub.type === "list") {
+          chunks.push(this.createDefaultChunk(`
+`));
+          this.renderListInline(markedSub, chunks, depth + 1);
+          continue;
+        } else if (markedSub.type === "paragraph" && "tokens" in markedSub) {
+          this.renderInlineContent(markedSub.tokens, chunks);
+        } else {
+          this.renderInlineToken(markedSub, chunks);
+        }
+      }
+      chunks.push(this.createDefaultChunk(`
+`));
+    }
+  }
   createMarkdownCodeRenderable(content, id, marginBottom = 0) {
     return new CodeRenderable(this.ctx, {
       id,
@@ -10688,7 +10881,7 @@ class MarkdownRenderable extends Renderable {
       conceal: this._conceal,
       drawUnstyledText: true,
       streaming: true,
-      onChunks: this._linkifyMarkdownChunks,
+      onChunks: this._conceal ? this._inlineConcealChunks : this._linkifyMarkdownChunks,
       treeSitterClient: this._treeSitterClient,
       width: "100%",
       marginBottom
@@ -10719,6 +10912,7 @@ class MarkdownRenderable extends Renderable {
     renderable.conceal = this._conceal;
     renderable.drawUnstyledText = true;
     renderable.streaming = true;
+    renderable.onChunks = this._conceal ? this._inlineConcealChunks : this._linkifyMarkdownChunks;
     renderable.marginBottom = marginBottom;
   }
   applyCodeBlockRenderable(renderable, token, marginBottom) {
@@ -13274,5 +13468,5 @@ class TimeToFirstDrawRenderable extends Renderable {
 }
 export { TextBufferView, EditBuffer, EditorView, convertThemeToStyles, SyntaxStyle, 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, FrameBufferRenderable, ASCIIFontRenderable, BoxRenderable, TextBufferRenderable, CodeRenderable, isTextNodeRenderable, TextNodeRenderable, RootTextNodeRenderable, Generic, Box, Text, ASCIIFont, Input, Select, TabSelect, FrameBuffer, Code, ScrollBox, vstyles, VRenderable, LineNumberRenderable, TextRenderable, DiffRenderable, TextareaRenderable, InputRenderableEvents, InputRenderable, TextTableRenderable, MarkdownRenderable, SliderRenderable, ScrollBarRenderable, ArrowRenderable, ScrollBoxRenderable, SelectRenderableEvents, SelectRenderable, TabSelectRenderableEvents, TabSelectRenderable, TimeToFirstDrawRenderable, exports_src2 as exports_src };
 
-//# debugId=DEBC6970CBDDAEE064756E2164756E21
-//# sourceMappingURL=index-ac0yr0h5.js.map
+//# debugId=58C0D9F658E8DF0264756E2164756E21
+//# sourceMappingURL=index-apxf6k5b.js.map