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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/{CommentRendererClient-L6GILW7U.mjs → CommentRendererClient-47HE6YFP.mjs} +31 -2
  2. package/dist/{CommentRendererClient-FU5ZMGBV.mjs → CommentRendererClient-WZ4EQKSL.mjs} +31 -2
  3. package/dist/index.js +32 -3
  4. package/dist/index.mjs +1 -1
  5. package/dist/server.js +32 -3
  6. package/dist/server.mjs +1 -1
  7. package/package.json +1 -1
package/dist/{CommentRendererClient-L6GILW7U.mjs → CommentRendererClient-47HE6YFP.mjs} RENAMED
@@ -739,6 +739,33 @@ var CommentFileNode_default = CommentFileNode;
739
739
  // src/components/controls/view/CommentNodeRenderer.tsx
740
740
  import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
741
741
  var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
742
+ var CODE_BLOCK_STYLE = {
743
+ margin: "0.5rem 0",
744
+ padding: "0.625rem 0.75rem",
745
+ borderRadius: "0.5rem",
746
+ fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
747
+ fontSize: "0.8125rem",
748
+ lineHeight: 1.45,
749
+ whiteSpace: "pre-wrap",
750
+ wordBreak: "break-word",
751
+ overflowWrap: "anywhere",
752
+ tabSize: 2,
753
+ maxWidth: "100%"
754
+ };
755
+ var flattenNodeText = (nodes) => {
756
+ if (!nodes || nodes.length === 0) {
757
+ return "";
758
+ }
759
+ return nodes.map((node) => {
760
+ if (!node) return "";
761
+ if (isTextNode(node)) return node.text ?? "";
762
+ const element = asElementNode(node);
763
+ if (element.type === "linebreak" || element.type === "line-break") return "\n";
764
+ const inner = flattenNodeText(element.children);
765
+ return element.type === "paragraph" ? `${inner}
766
+ ` : inner;
767
+ }).join("");
768
+ };
742
769
  var URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
743
770
  var linkifyText = (text, keyPrefix) => {
744
771
  const parts = text.split(URL_PATTERN);
@@ -841,8 +868,10 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
841
868
  case "blockquote":
842
869
  return /* @__PURE__ */ jsx6("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
843
870
  case "code":
844
- case "code-block":
845
- return /* @__PURE__ */ jsx6("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ jsx6("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
871
+ case "code-block": {
872
+ const source = typeof element.code === "string" ? element.code : flattenNodeText(element.children);
873
+ 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) }) });
874
+ }
846
875
  case "image":
847
876
  return /* @__PURE__ */ jsx6(CommentImageNode_default, { node: element, assetBaseUrl });
848
877
  case "file":
package/dist/{CommentRendererClient-FU5ZMGBV.mjs → CommentRendererClient-WZ4EQKSL.mjs} RENAMED
@@ -737,6 +737,33 @@ var CommentFileNode_default = CommentFileNode;
737
737
  // src/components/controls/view/CommentNodeRenderer.tsx
738
738
  import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
739
739
  var LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
740
+ var CODE_BLOCK_STYLE = {
741
+ margin: "0.5rem 0",
742
+ padding: "0.625rem 0.75rem",
743
+ borderRadius: "0.5rem",
744
+ fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
745
+ fontSize: "0.8125rem",
746
+ lineHeight: 1.45,
747
+ whiteSpace: "pre-wrap",
748
+ wordBreak: "break-word",
749
+ overflowWrap: "anywhere",
750
+ tabSize: 2,
751
+ maxWidth: "100%"
752
+ };
753
+ var flattenNodeText = (nodes) => {
754
+ if (!nodes || nodes.length === 0) {
755
+ return "";
756
+ }
757
+ return nodes.map((node) => {
758
+ if (!node) return "";
759
+ if (isTextNode(node)) return node.text ?? "";
760
+ const element = asElementNode(node);
761
+ if (element.type === "linebreak" || element.type === "line-break") return "\n";
762
+ const inner = flattenNodeText(element.children);
763
+ return element.type === "paragraph" ? `${inner}
764
+ ` : inner;
765
+ }).join("");
766
+ };
740
767
  var URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
741
768
  var linkifyText = (text, keyPrefix) => {
742
769
  const parts = text.split(URL_PATTERN);
@@ -839,8 +866,10 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
839
866
  case "blockquote":
840
867
  return /* @__PURE__ */ jsx6("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
841
868
  case "code":
842
- case "code-block":
843
- return /* @__PURE__ */ jsx6("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ jsx6("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
869
+ case "code-block": {
870
+ const source = typeof element.code === "string" ? element.code : flattenNodeText(element.children);
871
+ 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) }) });
872
+ }
844
873
  case "image":
845
874
  return /* @__PURE__ */ jsx6(CommentImageNode_default, { node: element, assetBaseUrl });
846
875
  case "file":
package/dist/index.js CHANGED
@@ -1722,7 +1722,7 @@ var init_CommentFileNode = __esm({
1722
1722
  });
1723
1723
 
1724
1724
  // src/components/controls/view/CommentNodeRenderer.tsx
1725
- var import_react19, import_jsx_runtime25, LINK_STYLE, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
1725
+ var import_react19, import_jsx_runtime25, LINK_STYLE, CODE_BLOCK_STYLE, flattenNodeText, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
1726
1726
  var init_CommentNodeRenderer = __esm({
1727
1727
  "src/components/controls/view/CommentNodeRenderer.tsx"() {
1728
1728
  "use strict";
@@ -1732,6 +1732,33 @@ var init_CommentNodeRenderer = __esm({
1732
1732
  init_CommentFileNode();
1733
1733
  import_jsx_runtime25 = require("react/jsx-runtime");
1734
1734
  LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
1735
+ CODE_BLOCK_STYLE = {
1736
+ margin: "0.5rem 0",
1737
+ padding: "0.625rem 0.75rem",
1738
+ borderRadius: "0.5rem",
1739
+ fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
1740
+ fontSize: "0.8125rem",
1741
+ lineHeight: 1.45,
1742
+ whiteSpace: "pre-wrap",
1743
+ wordBreak: "break-word",
1744
+ overflowWrap: "anywhere",
1745
+ tabSize: 2,
1746
+ maxWidth: "100%"
1747
+ };
1748
+ flattenNodeText = (nodes) => {
1749
+ if (!nodes || nodes.length === 0) {
1750
+ return "";
1751
+ }
1752
+ return nodes.map((node) => {
1753
+ if (!node) return "";
1754
+ if (isTextNode(node)) return node.text ?? "";
1755
+ const element = asElementNode(node);
1756
+ if (element.type === "linebreak" || element.type === "line-break") return "\n";
1757
+ const inner = flattenNodeText(element.children);
1758
+ return element.type === "paragraph" ? `${inner}
1759
+ ` : inner;
1760
+ }).join("");
1761
+ };
1735
1762
  URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
1736
1763
  linkifyText = (text, keyPrefix) => {
1737
1764
  const parts = text.split(URL_PATTERN);
@@ -1834,8 +1861,10 @@ var init_CommentNodeRenderer = __esm({
1834
1861
  case "blockquote":
1835
1862
  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
1836
1863
  case "code":
1837
- case "code-block":
1838
- 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) }) });
1864
+ case "code-block": {
1865
+ const source = typeof element.code === "string" ? element.code : flattenNodeText(element.children);
1866
+ 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) }) });
1867
+ }
1839
1868
  case "image":
1840
1869
  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CommentImageNode_default, { node: element, assetBaseUrl });
1841
1870
  case "file":
package/dist/index.mjs CHANGED
@@ -410,7 +410,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
410
410
 
411
411
  // src/components/controls/view/Commentrenderer.tsx
412
412
  import dynamic5 from "next/dynamic";
413
- var CommentRenderer = dynamic5(() => import("./CommentRendererClient-L6GILW7U.mjs"), {
413
+ var CommentRenderer = dynamic5(() => import("./CommentRendererClient-47HE6YFP.mjs"), {
414
414
  ssr: false
415
415
  });
416
416
  var Commentrenderer_default = CommentRenderer;
package/dist/server.js CHANGED
@@ -2509,7 +2509,7 @@ var init_CommentFileNode = __esm({
2509
2509
  });
2510
2510
 
2511
2511
  // src/components/controls/view/CommentNodeRenderer.tsx
2512
- var import_react24, import_jsx_runtime36, LINK_STYLE, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
2512
+ var import_react24, import_jsx_runtime36, LINK_STYLE, CODE_BLOCK_STYLE, flattenNodeText, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
2513
2513
  var init_CommentNodeRenderer = __esm({
2514
2514
  "src/components/controls/view/CommentNodeRenderer.tsx"() {
2515
2515
  "use strict";
@@ -2519,6 +2519,33 @@ var init_CommentNodeRenderer = __esm({
2519
2519
  init_CommentFileNode();
2520
2520
  import_jsx_runtime36 = require("react/jsx-runtime");
2521
2521
  LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
2522
+ CODE_BLOCK_STYLE = {
2523
+ margin: "0.5rem 0",
2524
+ padding: "0.625rem 0.75rem",
2525
+ borderRadius: "0.5rem",
2526
+ fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace',
2527
+ fontSize: "0.8125rem",
2528
+ lineHeight: 1.45,
2529
+ whiteSpace: "pre-wrap",
2530
+ wordBreak: "break-word",
2531
+ overflowWrap: "anywhere",
2532
+ tabSize: 2,
2533
+ maxWidth: "100%"
2534
+ };
2535
+ flattenNodeText = (nodes) => {
2536
+ if (!nodes || nodes.length === 0) {
2537
+ return "";
2538
+ }
2539
+ return nodes.map((node) => {
2540
+ if (!node) return "";
2541
+ if (isTextNode(node)) return node.text ?? "";
2542
+ const element = asElementNode(node);
2543
+ if (element.type === "linebreak" || element.type === "line-break") return "\n";
2544
+ const inner = flattenNodeText(element.children);
2545
+ return element.type === "paragraph" ? `${inner}
2546
+ ` : inner;
2547
+ }).join("");
2548
+ };
2522
2549
  URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
2523
2550
  linkifyText = (text, keyPrefix) => {
2524
2551
  const parts = text.split(URL_PATTERN);
@@ -2621,8 +2648,10 @@ var init_CommentNodeRenderer = __esm({
2621
2648
  case "blockquote":
2622
2649
  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
2623
2650
  case "code":
2624
- case "code-block":
2625
- 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) }) });
2651
+ case "code-block": {
2652
+ const source = typeof element.code === "string" ? element.code : flattenNodeText(element.children);
2653
+ 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) }) });
2654
+ }
2626
2655
  case "image":
2627
2656
  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CommentImageNode_default, { node: element, assetBaseUrl });
2628
2657
  case "file":
package/dist/server.mjs CHANGED
@@ -743,7 +743,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
743
743
 
744
744
  // src/components/controls/view/Commentrenderer.tsx
745
745
  import dynamic7 from "next/dynamic";
746
- var CommentRenderer = dynamic7(() => import("./CommentRendererClient-FU5ZMGBV.mjs"), {
746
+ var CommentRenderer = dynamic7(() => import("./CommentRendererClient-WZ4EQKSL.mjs"), {
747
747
  ssr: false
748
748
  });
749
749
  var Commentrenderer_default = CommentRenderer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clyrex-digital/clyrex-controls-dev",
3
- "version": "0.8.1-dev.20260901100621",
3
+ "version": "0.8.1-dev.20260902104957",
4
4
  "description": "Reusable React components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",