@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260901100621 → 0.8.1-dev.20260902051818

package/dist/{CommentRendererClient-L6GILW7U.mjs → CommentRendererClient-PYC2QHIE.mjs}

@@ -739,6 +739,34 @@ var CommentFileNode_default = CommentFileNode;
 // src/components/controls/view/CommentNodeRenderer.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
+var CODE_BLOCK_STYLE = {
+  margin: "0.5rem 0",
+  padding: "0.625rem 0.75rem",
+  borderRadius: "0.5rem",
+  // border: "1px solid rgba(0, 0, 0, 0.15)",
+  // background: "rgba(0, 0, 0, 0.05)",
+  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
+  fontSize: "0.8125rem",
+  lineHeight: 1.45,
+  whiteSpace: "pre",
+  overflowX: "auto",
+  tabSize: 2,
+  maxWidth: "100%"
+};
+var flattenNodeText = (nodes) => {
+  if (!nodes || nodes.length === 0) {
+    return "";
+  }
+  return nodes.map((node) => {
+    if (!node) return "";
+    if (isTextNode(node)) return node.text ?? "";
+    const element = asElementNode(node);
+    if (element.type === "linebreak" || element.type === "line-break") return "\n";
+    const inner = flattenNodeText(element.children);
+    return element.type === "paragraph" ? `${inner}
+` : inner;
+  }).join("");
+};
 var URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
 var linkifyText = (text, keyPrefix) => {
   const parts = text.split(URL_PATTERN);
@@ -841,8 +869,10 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
     case "blockquote":
       return /* @__PURE__ */ jsx6("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
     case "code":
-    case "code-block":
-      return /* @__PURE__ */ jsx6("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ jsx6("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
+    case "code-block": {
+      const source = typeof element.code === "string" ? element.code : flattenNodeText(element.children);
+      return /* @__PURE__ */ jsx6("pre", { className: "comment-node-codeblock", style: CODE_BLOCK_STYLE, children: /* @__PURE__ */ jsx6("code", { style: { font: "inherit", whiteSpace: "inherit", display: "block" }, className: "bg-neutral-stronger px-2 py-2", children: source || renderChildren(element.children, key, assetBaseUrl) }) });
+    }
     case "image":
       return /* @__PURE__ */ jsx6(CommentImageNode_default, { node: element, assetBaseUrl });
     case "file":

package/dist/{CommentRendererClient-FU5ZMGBV.mjs → CommentRendererClient-UYOHQU4Q.mjs}

@@ -737,6 +737,34 @@ var CommentFileNode_default = CommentFileNode;
 // src/components/controls/view/CommentNodeRenderer.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
+var CODE_BLOCK_STYLE = {
+  margin: "0.5rem 0",
+  padding: "0.625rem 0.75rem",
+  borderRadius: "0.5rem",
+  // border: "1px solid rgba(0, 0, 0, 0.15)",
+  // background: "rgba(0, 0, 0, 0.05)",
+  fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
+  fontSize: "0.8125rem",
+  lineHeight: 1.45,
+  whiteSpace: "pre",
+  overflowX: "auto",
+  tabSize: 2,
+  maxWidth: "100%"
+};
+var flattenNodeText = (nodes) => {
+  if (!nodes || nodes.length === 0) {
+    return "";
+  }
+  return nodes.map((node) => {
+    if (!node) return "";
+    if (isTextNode(node)) return node.text ?? "";
+    const element = asElementNode(node);
+    if (element.type === "linebreak" || element.type === "line-break") return "\n";
+    const inner = flattenNodeText(element.children);
+    return element.type === "paragraph" ? `${inner}
+` : inner;
+  }).join("");
+};
 var URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
 var linkifyText = (text, keyPrefix) => {
   const parts = text.split(URL_PATTERN);
@@ -839,8 +867,10 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
     case "blockquote":
       return /* @__PURE__ */ jsx6("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
     case "code":
-    case "code-block":
-      return /* @__PURE__ */ jsx6("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ jsx6("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
+    case "code-block": {
+      const source = typeof element.code === "string" ? element.code : flattenNodeText(element.children);
+      return /* @__PURE__ */ jsx6("pre", { className: "comment-node-codeblock", style: CODE_BLOCK_STYLE, children: /* @__PURE__ */ jsx6("code", { style: { font: "inherit", whiteSpace: "inherit", display: "block" }, className: "bg-neutral-stronger px-2 py-2", children: source || renderChildren(element.children, key, assetBaseUrl) }) });
+    }
     case "image":
       return /* @__PURE__ */ jsx6(CommentImageNode_default, { node: element, assetBaseUrl });
     case "file":

package/dist/index.js

@@ -1722,7 +1722,7 @@ var init_CommentFileNode = __esm({
 });
 
 // src/components/controls/view/CommentNodeRenderer.tsx
-var import_react19, import_jsx_runtime25, LINK_STYLE, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
+var import_react19, import_jsx_runtime25, LINK_STYLE, CODE_BLOCK_STYLE, flattenNodeText, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
 var init_CommentNodeRenderer = __esm({
   "src/components/controls/view/CommentNodeRenderer.tsx"() {
     "use strict";
@@ -1732,6 +1732,34 @@ var init_CommentNodeRenderer = __esm({
     init_CommentFileNode();
     import_jsx_runtime25 = require("react/jsx-runtime");
     LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
+    CODE_BLOCK_STYLE = {
+      margin: "0.5rem 0",
+      padding: "0.625rem 0.75rem",
+      borderRadius: "0.5rem",
+      // border: "1px solid rgba(0, 0, 0, 0.15)",
+      // background: "rgba(0, 0, 0, 0.05)",
+      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
+      fontSize: "0.8125rem",
+      lineHeight: 1.45,
+      whiteSpace: "pre",
+      overflowX: "auto",
+      tabSize: 2,
+      maxWidth: "100%"
+    };
+    flattenNodeText = (nodes) => {
+      if (!nodes || nodes.length === 0) {
+        return "";
+      }
+      return nodes.map((node) => {
+        if (!node) return "";
+        if (isTextNode(node)) return node.text ?? "";
+        const element = asElementNode(node);
+        if (element.type === "linebreak" || element.type === "line-break") return "\n";
+        const inner = flattenNodeText(element.children);
+        return element.type === "paragraph" ? `${inner}
+` : inner;
+      }).join("");
+    };
     URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
     linkifyText = (text, keyPrefix) => {
       const parts = text.split(URL_PATTERN);
@@ -1834,8 +1862,10 @@ var init_CommentNodeRenderer = __esm({
         case "blockquote":
           return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
         case "code":
-        case "code-block":
-          return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
+        case "code-block": {
+          const source = typeof element.code === "string" ? element.code : flattenNodeText(element.children);
+          return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("pre", { className: "comment-node-codeblock", style: CODE_BLOCK_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("code", { style: { font: "inherit", whiteSpace: "inherit", display: "block" }, className: "bg-neutral-stronger px-2 py-2", children: source || renderChildren(element.children, key, assetBaseUrl) }) });
+        }
         case "image":
           return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CommentImageNode_default, { node: element, assetBaseUrl });
         case "file":

package/dist/index.mjs

@@ -410,7 +410,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
 
 // src/components/controls/view/Commentrenderer.tsx
 import dynamic5 from "next/dynamic";
-var CommentRenderer = dynamic5(() => import("./CommentRendererClient-L6GILW7U.mjs"), {
+var CommentRenderer = dynamic5(() => import("./CommentRendererClient-PYC2QHIE.mjs"), {
   ssr: false
 });
 var Commentrenderer_default = CommentRenderer;

package/dist/server.js

@@ -2509,7 +2509,7 @@ var init_CommentFileNode = __esm({
 });
 
 // src/components/controls/view/CommentNodeRenderer.tsx
-var import_react24, import_jsx_runtime36, LINK_STYLE, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
+var import_react24, import_jsx_runtime36, LINK_STYLE, CODE_BLOCK_STYLE, flattenNodeText, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
 var init_CommentNodeRenderer = __esm({
   "src/components/controls/view/CommentNodeRenderer.tsx"() {
     "use strict";
@@ -2519,6 +2519,34 @@ var init_CommentNodeRenderer = __esm({
     init_CommentFileNode();
     import_jsx_runtime36 = require("react/jsx-runtime");
     LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
+    CODE_BLOCK_STYLE = {
+      margin: "0.5rem 0",
+      padding: "0.625rem 0.75rem",
+      borderRadius: "0.5rem",
+      // border: "1px solid rgba(0, 0, 0, 0.15)",
+      // background: "rgba(0, 0, 0, 0.05)",
+      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
+      fontSize: "0.8125rem",
+      lineHeight: 1.45,
+      whiteSpace: "pre",
+      overflowX: "auto",
+      tabSize: 2,
+      maxWidth: "100%"
+    };
+    flattenNodeText = (nodes) => {
+      if (!nodes || nodes.length === 0) {
+        return "";
+      }
+      return nodes.map((node) => {
+        if (!node) return "";
+        if (isTextNode(node)) return node.text ?? "";
+        const element = asElementNode(node);
+        if (element.type === "linebreak" || element.type === "line-break") return "\n";
+        const inner = flattenNodeText(element.children);
+        return element.type === "paragraph" ? `${inner}
+` : inner;
+      }).join("");
+    };
     URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
     linkifyText = (text, keyPrefix) => {
       const parts = text.split(URL_PATTERN);
@@ -2621,8 +2649,10 @@ var init_CommentNodeRenderer = __esm({
         case "blockquote":
           return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
         case "code":
-        case "code-block":
-          return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
+        case "code-block": {
+          const source = typeof element.code === "string" ? element.code : flattenNodeText(element.children);
+          return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("pre", { className: "comment-node-codeblock", style: CODE_BLOCK_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("code", { style: { font: "inherit", whiteSpace: "inherit", display: "block" }, className: "bg-neutral-stronger px-2 py-2", children: source || renderChildren(element.children, key, assetBaseUrl) }) });
+        }
         case "image":
           return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CommentImageNode_default, { node: element, assetBaseUrl });
         case "file":

package/dist/server.mjs

@@ -743,7 +743,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
 
 // src/components/controls/view/Commentrenderer.tsx
 import dynamic7 from "next/dynamic";
-var CommentRenderer = dynamic7(() => import("./CommentRendererClient-FU5ZMGBV.mjs"), {
+var CommentRenderer = dynamic7(() => import("./CommentRendererClient-UYOHQU4Q.mjs"), {
   ssr: false
 });
 var Commentrenderer_default = CommentRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clyrex-digital/clyrex-controls-dev",
-  "version": "0.8.1-dev.20260901100621",
+  "version": "0.8.1-dev.20260902051818",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",