@uniformdev/richtext 19.14.1-alpha.11 → 19.14.1-alpha.12

package/dist/index.d.ts

@@ -102,9 +102,9 @@ declare function hasChildren<TRichTextNode extends RichTextNode>(node: TRichText
  * HTML tag (ie blockquote). For those there is a simple
  * type -> tag Map.
  */
-declare const resolveDefaultRenderer: ResolveStringRenderer;
+declare const resolveDefaultRenderer$1: ResolveStringRenderer;
 /**
- * Render a node and it's children to HTML
+ * Render a node and its children to HTML
  *
  * This could be the root node or a nested node
  */
@@ -118,6 +118,28 @@ declare function renderToHtml(node: RichTextNode | null | undefined, parentConte
  */
 declare function renderChildrenToHtml(children: RichTextNode[] | undefined, context: StringRenderContext): string;
 
+/**
+ * When a custom renderer has not been provided we
+ * check to see if there is a renderer for the type
+ * within the map above. These are for any node types
+ * which include extra logic.
+ */
+declare const resolveDefaultRenderer: ResolveStringRenderer;
+/**
+ * Render a node and its children to text
+ *
+ * This could be the root node or a nested node
+ */
+declare function renderToText(node: RichTextNode | null | undefined, parentContext?: Partial<StringRenderContext>): string;
+/**
+ * Render an array of RichTextNodes to a string based
+ * on a particular context.
+ *
+ * This will often be called from within a NodeRenderer
+ * using the `renderChildren` prop.
+ */
+declare function renderChildrenToText(children: RichTextNode[] | undefined, context: StringRenderContext): string;
+
 declare const walkRichTextTree: (node: RichTextNode, callback: (node: RichTextNode, parent: RichTextNode | undefined) => void, parent?: RichTextNode) => void;
 
-export { HeadingNode, LinkNode, ListItemNode, ListNode, NodeStringRenderer, NodeStringRendererProps, ParagraphNode, ParameterRichTextValue, ResolveStringRenderer, RichTextNode, RichTextNodeWithChildren, StringRenderContext, TextNode, getRichTextTagsFromTextFormat, hasChildren, headingHtmlRenderer, isArrayWithLength, isPureDirection, isPureTextAlign, isRichTextNode, isRichTextNodeType, linkHtmlRenderer, linkParamValueToHref, listHtmlRenderer, listitemHtmlRenderer, paragraphHtmlRenderer, purifyText, renderChildrenToHtml, renderHtmlElement, renderToHtml, resolveDefaultRenderer, rootHtmlRenderer, textHtmlRenderer, walkRichTextTree };
+export { HeadingNode, LinkNode, ListItemNode, ListNode, NodeStringRenderer, NodeStringRendererProps, ParagraphNode, ParameterRichTextValue, ResolveStringRenderer, RichTextNode, RichTextNodeWithChildren, StringRenderContext, TextNode, getRichTextTagsFromTextFormat, hasChildren, headingHtmlRenderer, isArrayWithLength, isPureDirection, isPureTextAlign, isRichTextNode, isRichTextNodeType, linkHtmlRenderer, linkParamValueToHref, listHtmlRenderer, listitemHtmlRenderer, paragraphHtmlRenderer, purifyText, renderChildrenToHtml, renderChildrenToText, renderHtmlElement, renderToHtml, renderToText, resolveDefaultRenderer$1 as resolveDefaultHtmlRenderer, resolveDefaultRenderer as resolveDefaultTextRenderer, rootHtmlRenderer, textHtmlRenderer, walkRichTextTree };

package/dist/index.esm.js

@@ -52,6 +52,9 @@ var headingHtmlRenderer = ({ context, renderChildren }) => {
   const node = context.currentNode;
   return renderHtmlElement((_a = node.tag) != null ? _a : "h1", null, renderChildren(context.currentNode.children));
 };
+var headingTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
 
 // src/nodes/link.ts
 var linkHtmlRenderer = ({ context, renderChildren }) => {
@@ -96,6 +99,16 @@ var listitemHtmlRenderer = ({ context, renderChildren }) => {
   }
   return renderHtmlElement("li", attributes, renderChildren(context.currentNode.children));
 };
+var listitemTextRenderer = ({ context, renderChildren }) => {
+  if (!hasChildren(context.currentNode)) {
+    return "";
+  }
+  const childrenRendered = renderChildren(context.currentNode.children);
+  if (childrenRendered.endsWith(" ")) {
+    return childrenRendered;
+  }
+  return `${childrenRendered} `;
+};
 
 // src/nodes/paragraph.ts
 var paragraphHtmlRenderer = ({ context, renderChildren }) => {
@@ -113,6 +126,9 @@ var paragraphHtmlRenderer = ({ context, renderChildren }) => {
     hasChildren(context.currentNode) ? renderChildren(context.currentNode.children) : "<br>"
   );
 };
+var paragraphTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
 
 // src/nodes/root.ts
 var rootHtmlRenderer = ({ context, renderChildren }) => {
@@ -128,6 +144,10 @@ var textHtmlRenderer = ({ context }) => {
     return renderHtmlElement(tag, null, children);
   }, pureText);
 };
+var textTextRenderer = ({ context }) => {
+  const node = context.currentNode;
+  return node.text;
+};
 function getRichTextTagsFromTextFormat(format) {
   const tags = [];
   if (format & 1 << 0) {
@@ -158,6 +178,9 @@ function getRichTextTagsFromTextFormat(format) {
 var tabHtmlRenderer = () => {
   return "	";
 };
+var tabTextRenderer = () => {
+  return "	";
+};
 
 // src/renderToHtml.ts
 var rendererTypeMap = /* @__PURE__ */ new Map([
@@ -221,6 +244,66 @@ function renderChildrenToHtml(children, context) {
   return Array.isArray(children) ? children.map((node) => renderToHtml(node, context)).join("") : "";
 }
 
+// src/nodes/linebreak.ts
+var linebreakTextRenderer = () => {
+  return " ";
+};
+
+// src/renderToText.ts
+var rendererTypeMap2 = /* @__PURE__ */ new Map([
+  ["text", textTextRenderer],
+  ["tab", tabTextRenderer],
+  ["linebreak", linebreakTextRenderer],
+  ["paragraph", paragraphTextRenderer],
+  ["listitem", listitemTextRenderer],
+  ["heading", headingTextRenderer]
+]);
+var resolveDefaultRenderer2 = (context) => {
+  const renderer = rendererTypeMap2.get(context.currentNode.type);
+  if (renderer) {
+    return renderer;
+  }
+  return ({ context: context2, renderChildren }) => {
+    return hasChildren(context2.currentNode) ? renderChildren(context2.currentNode.children) : "";
+  };
+};
+function initializeRenderContext2(node, parentContext) {
+  let ancestorNodes = [];
+  if (parentContext == null ? void 0 : parentContext.ancestorNodes) {
+    ancestorNodes = ancestorNodes.concat(parentContext.ancestorNodes);
+  }
+  if (parentContext == null ? void 0 : parentContext.currentNode) {
+    ancestorNodes.unshift(parentContext.currentNode);
+  }
+  return {
+    ...parentContext != null ? parentContext : {},
+    currentNode: node,
+    ancestorNodes
+  };
+}
+function renderToText(node, parentContext) {
+  var _a;
+  if (!isRichTextNode(node))
+    return "";
+  const context = initializeRenderContext2(node, parentContext);
+  let renderer = (_a = context.resolveRenderer) == null ? void 0 : _a.call(context, context);
+  if (typeof renderer === "undefined") {
+    renderer = resolveDefaultRenderer2(context);
+  } else if (renderer === null) {
+    return "";
+  }
+  const renderChildren = (children) => renderChildrenToText(children, context);
+  if (renderer) {
+    const rendered = renderer({ context, renderChildren });
+    return context.ancestorNodes.length > 0 ? rendered : rendered.trim();
+  } else {
+    throw new Error(`There is no renderer for node type: ${context.currentNode.type}`);
+  }
+}
+function renderChildrenToText(children, context) {
+  return Array.isArray(children) ? children.map((node) => renderToText(node, context)).join("") : "";
+}
+
 // src/utils.ts
 var walkRichTextTree = (node, callback, parent) => {
   callback(node, parent);
@@ -248,9 +331,12 @@ export {
   paragraphHtmlRenderer,
   purifyText,
   renderChildrenToHtml,
+  renderChildrenToText,
   renderHtmlElement,
   renderToHtml,
-  resolveDefaultRenderer,
+  renderToText,
+  resolveDefaultRenderer as resolveDefaultHtmlRenderer,
+  resolveDefaultRenderer2 as resolveDefaultTextRenderer,
   rootHtmlRenderer,
   textHtmlRenderer,
   walkRichTextTree

package/dist/index.js

@@ -35,9 +35,12 @@ __export(src_exports, {
   paragraphHtmlRenderer: () => paragraphHtmlRenderer,
   purifyText: () => purifyText,
   renderChildrenToHtml: () => renderChildrenToHtml,
+  renderChildrenToText: () => renderChildrenToText,
   renderHtmlElement: () => renderHtmlElement,
   renderToHtml: () => renderToHtml,
-  resolveDefaultRenderer: () => resolveDefaultRenderer,
+  renderToText: () => renderToText,
+  resolveDefaultHtmlRenderer: () => resolveDefaultRenderer,
+  resolveDefaultTextRenderer: () => resolveDefaultRenderer2,
   rootHtmlRenderer: () => rootHtmlRenderer,
   textHtmlRenderer: () => textHtmlRenderer,
   walkRichTextTree: () => walkRichTextTree
@@ -98,6 +101,9 @@ var headingHtmlRenderer = ({ context, renderChildren }) => {
   const node = context.currentNode;
   return renderHtmlElement((_a = node.tag) != null ? _a : "h1", null, renderChildren(context.currentNode.children));
 };
+var headingTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
 
 // src/nodes/link.ts
 var linkHtmlRenderer = ({ context, renderChildren }) => {
@@ -142,6 +148,16 @@ var listitemHtmlRenderer = ({ context, renderChildren }) => {
   }
   return renderHtmlElement("li", attributes, renderChildren(context.currentNode.children));
 };
+var listitemTextRenderer = ({ context, renderChildren }) => {
+  if (!hasChildren(context.currentNode)) {
+    return "";
+  }
+  const childrenRendered = renderChildren(context.currentNode.children);
+  if (childrenRendered.endsWith(" ")) {
+    return childrenRendered;
+  }
+  return `${childrenRendered} `;
+};
 
 // src/nodes/paragraph.ts
 var paragraphHtmlRenderer = ({ context, renderChildren }) => {
@@ -159,6 +175,9 @@ var paragraphHtmlRenderer = ({ context, renderChildren }) => {
     hasChildren(context.currentNode) ? renderChildren(context.currentNode.children) : "<br>"
   );
 };
+var paragraphTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
 
 // src/nodes/root.ts
 var rootHtmlRenderer = ({ context, renderChildren }) => {
@@ -174,6 +193,10 @@ var textHtmlRenderer = ({ context }) => {
     return renderHtmlElement(tag, null, children);
   }, pureText);
 };
+var textTextRenderer = ({ context }) => {
+  const node = context.currentNode;
+  return node.text;
+};
 function getRichTextTagsFromTextFormat(format) {
   const tags = [];
   if (format & 1 << 0) {
@@ -204,6 +227,9 @@ function getRichTextTagsFromTextFormat(format) {
 var tabHtmlRenderer = () => {
   return "	";
 };
+var tabTextRenderer = () => {
+  return "	";
+};
 
 // src/renderToHtml.ts
 var rendererTypeMap = /* @__PURE__ */ new Map([
@@ -267,6 +293,66 @@ function renderChildrenToHtml(children, context) {
   return Array.isArray(children) ? children.map((node) => renderToHtml(node, context)).join("") : "";
 }
 
+// src/nodes/linebreak.ts
+var linebreakTextRenderer = () => {
+  return " ";
+};
+
+// src/renderToText.ts
+var rendererTypeMap2 = /* @__PURE__ */ new Map([
+  ["text", textTextRenderer],
+  ["tab", tabTextRenderer],
+  ["linebreak", linebreakTextRenderer],
+  ["paragraph", paragraphTextRenderer],
+  ["listitem", listitemTextRenderer],
+  ["heading", headingTextRenderer]
+]);
+var resolveDefaultRenderer2 = (context) => {
+  const renderer = rendererTypeMap2.get(context.currentNode.type);
+  if (renderer) {
+    return renderer;
+  }
+  return ({ context: context2, renderChildren }) => {
+    return hasChildren(context2.currentNode) ? renderChildren(context2.currentNode.children) : "";
+  };
+};
+function initializeRenderContext2(node, parentContext) {
+  let ancestorNodes = [];
+  if (parentContext == null ? void 0 : parentContext.ancestorNodes) {
+    ancestorNodes = ancestorNodes.concat(parentContext.ancestorNodes);
+  }
+  if (parentContext == null ? void 0 : parentContext.currentNode) {
+    ancestorNodes.unshift(parentContext.currentNode);
+  }
+  return {
+    ...parentContext != null ? parentContext : {},
+    currentNode: node,
+    ancestorNodes
+  };
+}
+function renderToText(node, parentContext) {
+  var _a;
+  if (!isRichTextNode(node))
+    return "";
+  const context = initializeRenderContext2(node, parentContext);
+  let renderer = (_a = context.resolveRenderer) == null ? void 0 : _a.call(context, context);
+  if (typeof renderer === "undefined") {
+    renderer = resolveDefaultRenderer2(context);
+  } else if (renderer === null) {
+    return "";
+  }
+  const renderChildren = (children) => renderChildrenToText(children, context);
+  if (renderer) {
+    const rendered = renderer({ context, renderChildren });
+    return context.ancestorNodes.length > 0 ? rendered : rendered.trim();
+  } else {
+    throw new Error(`There is no renderer for node type: ${context.currentNode.type}`);
+  }
+}
+function renderChildrenToText(children, context) {
+  return Array.isArray(children) ? children.map((node) => renderToText(node, context)).join("") : "";
+}
+
 // src/utils.ts
 var walkRichTextTree = (node, callback, parent) => {
   callback(node, parent);
@@ -295,9 +381,12 @@ var walkRichTextTree = (node, callback, parent) => {
   paragraphHtmlRenderer,
   purifyText,
   renderChildrenToHtml,
+  renderChildrenToText,
   renderHtmlElement,
   renderToHtml,
-  resolveDefaultRenderer,
+  renderToText,
+  resolveDefaultHtmlRenderer,
+  resolveDefaultTextRenderer,
   rootHtmlRenderer,
   textHtmlRenderer,
   walkRichTextTree

package/dist/index.mjs

@@ -52,6 +52,9 @@ var headingHtmlRenderer = ({ context, renderChildren }) => {
   const node = context.currentNode;
   return renderHtmlElement((_a = node.tag) != null ? _a : "h1", null, renderChildren(context.currentNode.children));
 };
+var headingTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
 
 // src/nodes/link.ts
 var linkHtmlRenderer = ({ context, renderChildren }) => {
@@ -96,6 +99,16 @@ var listitemHtmlRenderer = ({ context, renderChildren }) => {
   }
   return renderHtmlElement("li", attributes, renderChildren(context.currentNode.children));
 };
+var listitemTextRenderer = ({ context, renderChildren }) => {
+  if (!hasChildren(context.currentNode)) {
+    return "";
+  }
+  const childrenRendered = renderChildren(context.currentNode.children);
+  if (childrenRendered.endsWith(" ")) {
+    return childrenRendered;
+  }
+  return `${childrenRendered} `;
+};
 
 // src/nodes/paragraph.ts
 var paragraphHtmlRenderer = ({ context, renderChildren }) => {
@@ -113,6 +126,9 @@ var paragraphHtmlRenderer = ({ context, renderChildren }) => {
     hasChildren(context.currentNode) ? renderChildren(context.currentNode.children) : "<br>"
   );
 };
+var paragraphTextRenderer = ({ context, renderChildren }) => {
+  return hasChildren(context.currentNode) ? `${renderChildren(context.currentNode.children)} ` : "";
+};
 
 // src/nodes/root.ts
 var rootHtmlRenderer = ({ context, renderChildren }) => {
@@ -128,6 +144,10 @@ var textHtmlRenderer = ({ context }) => {
     return renderHtmlElement(tag, null, children);
   }, pureText);
 };
+var textTextRenderer = ({ context }) => {
+  const node = context.currentNode;
+  return node.text;
+};
 function getRichTextTagsFromTextFormat(format) {
   const tags = [];
   if (format & 1 << 0) {
@@ -158,6 +178,9 @@ function getRichTextTagsFromTextFormat(format) {
 var tabHtmlRenderer = () => {
   return "	";
 };
+var tabTextRenderer = () => {
+  return "	";
+};
 
 // src/renderToHtml.ts
 var rendererTypeMap = /* @__PURE__ */ new Map([
@@ -221,6 +244,66 @@ function renderChildrenToHtml(children, context) {
   return Array.isArray(children) ? children.map((node) => renderToHtml(node, context)).join("") : "";
 }
 
+// src/nodes/linebreak.ts
+var linebreakTextRenderer = () => {
+  return " ";
+};
+
+// src/renderToText.ts
+var rendererTypeMap2 = /* @__PURE__ */ new Map([
+  ["text", textTextRenderer],
+  ["tab", tabTextRenderer],
+  ["linebreak", linebreakTextRenderer],
+  ["paragraph", paragraphTextRenderer],
+  ["listitem", listitemTextRenderer],
+  ["heading", headingTextRenderer]
+]);
+var resolveDefaultRenderer2 = (context) => {
+  const renderer = rendererTypeMap2.get(context.currentNode.type);
+  if (renderer) {
+    return renderer;
+  }
+  return ({ context: context2, renderChildren }) => {
+    return hasChildren(context2.currentNode) ? renderChildren(context2.currentNode.children) : "";
+  };
+};
+function initializeRenderContext2(node, parentContext) {
+  let ancestorNodes = [];
+  if (parentContext == null ? void 0 : parentContext.ancestorNodes) {
+    ancestorNodes = ancestorNodes.concat(parentContext.ancestorNodes);
+  }
+  if (parentContext == null ? void 0 : parentContext.currentNode) {
+    ancestorNodes.unshift(parentContext.currentNode);
+  }
+  return {
+    ...parentContext != null ? parentContext : {},
+    currentNode: node,
+    ancestorNodes
+  };
+}
+function renderToText(node, parentContext) {
+  var _a;
+  if (!isRichTextNode(node))
+    return "";
+  const context = initializeRenderContext2(node, parentContext);
+  let renderer = (_a = context.resolveRenderer) == null ? void 0 : _a.call(context, context);
+  if (typeof renderer === "undefined") {
+    renderer = resolveDefaultRenderer2(context);
+  } else if (renderer === null) {
+    return "";
+  }
+  const renderChildren = (children) => renderChildrenToText(children, context);
+  if (renderer) {
+    const rendered = renderer({ context, renderChildren });
+    return context.ancestorNodes.length > 0 ? rendered : rendered.trim();
+  } else {
+    throw new Error(`There is no renderer for node type: ${context.currentNode.type}`);
+  }
+}
+function renderChildrenToText(children, context) {
+  return Array.isArray(children) ? children.map((node) => renderToText(node, context)).join("") : "";
+}
+
 // src/utils.ts
 var walkRichTextTree = (node, callback, parent) => {
   callback(node, parent);
@@ -248,9 +331,12 @@ export {
   paragraphHtmlRenderer,
   purifyText,
   renderChildrenToHtml,
+  renderChildrenToText,
   renderHtmlElement,
   renderToHtml,
-  resolveDefaultRenderer,
+  renderToText,
+  resolveDefaultRenderer as resolveDefaultHtmlRenderer,
+  resolveDefaultRenderer2 as resolveDefaultTextRenderer,
   rootHtmlRenderer,
   textHtmlRenderer,
   walkRichTextTree

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/richtext",
-  "version": "19.14.1-alpha.11+89dabee14",
+  "version": "19.14.1-alpha.12+55ed85e4b",
   "description": "Common functionality and types for Uniform Rich Text parameters",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -45,7 +45,7 @@
     "@lexical/link": "^0.11.0",
     "@lexical/list": "^0.11.0",
     "@lexical/rich-text": "^0.11.0",
-    "@uniformdev/canvas": "^19.14.1-alpha.11+89dabee14",
+    "@uniformdev/canvas": "^19.14.1-alpha.12+55ed85e4b",
     "lexical": "^0.11.0"
   },
   "files": [
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "89dabee148728ef7f329e18b7194766a9e6b9631"
+  "gitHead": "55ed85e4b8eb70027597dca9996d1c87985554d3"
 }