@f5-sales-demo/pi-tui 23.5.2 → 23.6.0

package/CHANGELOG.md

@@ -6,6 +6,9 @@
 
 ### Fixed
 
+- Render Markdown headings and code examples with theme styling and language labels, without
+  displaying hash prefixes or fence delimiters. Literal backticks inside code remain unchanged
+  ([#4940](https://github.com/f5-sales-demo/xcsh/issues/4940)).
 - Added conservative runtime OSC 8 capability control, safe Markdown link extraction and targets,
   ST normalization, and physical-wrap link isolation. Semantically ported from
   [can1357/oh-my-pi#10196](https://github.com/can1357/oh-my-pi/pull/10196),

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@f5-sales-demo/pi-tui",
-	"version": "23.5.2",
+	"version": "23.6.0",
 	"description": "Terminal User Interface library with differential rendering for efficient text-based applications",
 	"homepage": "https://github.com/f5-sales-demo/xcsh",
 	"author": "Can Boluk",
@@ -37,8 +37,8 @@
 		"fmt": "biome format --write ."
 	},
 	"dependencies": {
-		"@f5-sales-demo/pi-natives": "23.5.2",
-		"@f5-sales-demo/pi-utils": "23.5.2",
+		"@f5-sales-demo/pi-natives": "23.6.0",
+		"@f5-sales-demo/pi-utils": "23.6.0",
 		"marked": "18.0.11"
 	},
 	"devDependencies": {

package/src/components/markdown.ts

@@ -621,15 +621,12 @@ export class Markdown implements Component {
 		switch (token.type) {
 			case "heading": {
 				const headingLevel = token.depth;
-				const headingPrefix = `${"#".repeat(headingLevel)} `;
 				const headingText = this.#renderInlineTokens(token.tokens || [], styleContext);
 				let styledHeading: string;
 				if (headingLevel === 1) {
 					styledHeading = this.#theme.heading(this.#theme.bold(this.#theme.underline(headingText)));
-				} else if (headingLevel === 2) {
-					styledHeading = this.#theme.heading(this.#theme.bold(headingText));
 				} else {
-					styledHeading = this.#theme.heading(this.#theme.bold(headingPrefix + headingText));
+					styledHeading = this.#theme.heading(this.#theme.bold(headingText));
 				}
 				lines.push(styledHeading);
 				if (nextTokenType && nextTokenType !== "space") {
@@ -698,7 +695,7 @@ export class Markdown implements Component {
 				}
 
 				const codeIndent = padding(this.#codeBlockIndent);
-				lines.push(this.#theme.codeBlockBorder(`\`\`\`${token.lang || ""}`));
+				if (token.lang) lines.push(this.#theme.codeBlockBorder(token.lang));
 				if (this.#theme.highlightCode) {
 					const highlightedLines = this.#theme.highlightCode(token.text, token.lang);
 					for (const hlLine of highlightedLines) {
@@ -711,7 +708,6 @@ export class Markdown implements Component {
 						lines.push(`${codeIndent}${this.#theme.codeBlock(codeLine)}`);
 					}
 				}
-				lines.push(this.#theme.codeBlockBorder("```"));
 				if (nextTokenType && nextTokenType !== "space") {
 					lines.push(""); // Add spacing after code blocks (unless space token follows)
 				}
@@ -1053,7 +1049,7 @@ export class Markdown implements Component {
 			} else if (token.type === "code") {
 				// Code block in list item
 				const codeIndent = padding(this.#codeBlockIndent);
-				lines.push(this.#theme.codeBlockBorder(`\`\`\`${token.lang || ""}`));
+				if (token.lang) lines.push(this.#theme.codeBlockBorder(token.lang));
 				if (this.#theme.highlightCode) {
 					const highlightedLines = this.#theme.highlightCode(token.text, token.lang);
 					for (const hlLine of highlightedLines) {
@@ -1065,7 +1061,6 @@ export class Markdown implements Component {
 						lines.push(`${codeIndent}${this.#theme.codeBlock(codeLine)}`);
 					}
 				}
-				lines.push(this.#theme.codeBlockBorder("```"));
 			} else {
 				// Other token types - try to render as inline
 				const text = this.#renderInlineTokens([token], styleContext);