@voiceflow/slate-serializer 1.4.1 → 1.5.0

package/README.md

@@ -53,3 +53,13 @@ import { serializeToJSX } from '@voiceflow/react-chat/jsx';
 
 const content = <div>{serializeToJSX(slateValue)}</div>;
 ```
+
+### Markdown Serialization
+
+If you want to render the result in a browser you can serialize to JSX.
+
+```tsx
+import { serializeToMarkdown } from '@voiceflow/react-chat/markdown';
+
+const content = <div>{serializeToMarkdown(slateValue)}</div>;
+```

package/build/cjs/serializers/jsx.cjs

@@ -35,32 +35,33 @@ const serializeTextNode = (node, index) => {
     const styles = (0, selectors_1.getTextCSSProperties)(node);
     return (react_1.default.createElement("span", { key: index, style: styles }, node.text || react_1.default.createElement(react_1.default.Fragment, null, "\uFEFF")));
 };
-const serializeLinkElement = (node, index) => {
-    var _a;
-    const children = node.children.map(serializeNode);
+const serializeLinkElement = (node, index, options) => {
+    var _a, _b, _c, _d;
+    const children = node.children.map(serializeNodeFactory(options));
     const styles = (0, selectors_1.getElementCSSProperties)(node);
-    return (react_1.default.createElement("a", { key: index, rel: "noopener noreferrer", href: (_a = node.url) !== null && _a !== void 0 ? _a : '', target: "_blank", style: Object.assign(Object.assign({}, styles), { pointerEvents: 'all' }), onClick: (event) => {
+    const href = (_d = (_c = (_a = options === null || options === void 0 ? void 0 : options.transformHref) === null || _a === void 0 ? void 0 : _a.call(options, (_b = node.url) !== null && _b !== void 0 ? _b : '')) !== null && _c !== void 0 ? _c : node.url) !== null && _d !== void 0 ? _d : '';
+    return (react_1.default.createElement("a", { key: index, rel: "noopener noreferrer", href: href, target: "_blank", style: Object.assign(Object.assign({}, styles), { pointerEvents: 'all' }), onClick: (event) => {
             var _a;
             event.stopPropagation();
             event.preventDefault();
-            if (node.url) {
-                (_a = window.open(node.url, '_blank', 'noopener=true,noreferrer=true')) === null || _a === void 0 ? void 0 : _a.focus();
+            if (href) {
+                (_a = window.open(href, '_blank', 'noopener=true,noreferrer=true')) === null || _a === void 0 ? void 0 : _a.focus();
             }
         } }, children));
 };
 const serializeVariableElement = (node, index) => react_1.default.createElement("span", { key: index }, `{${node.name}}`);
-const serializeElementNode = (node, index) => {
+const serializeElementNode = (node, index, options) => {
     if ((0, guards_1.isLinkElement)(node))
-        return serializeLinkElement(node, index);
+        return serializeLinkElement(node, index, options);
     if ((0, guards_1.isVariableElement)(node))
         return serializeVariableElement(node, index);
-    const children = node.children.map(serializeNode);
+    const children = node.children.map(serializeNodeFactory(options));
     const styles = (0, selectors_1.getElementCSSProperties)(node);
     return (react_1.default.createElement("div", { key: index, style: styles }, children));
 };
-const serializeNode = (node, index) => 
+const serializeNodeFactory = (options) => (node, index) => 
 // eslint-disable-next-line no-nested-ternary
-Slate.Text.isText(node) ? serializeTextNode(node, index) : Slate.Element.isElement(node) ? serializeElementNode(node, index) : null;
-const serializeToJSX = (content) => content.map(serializeNode);
+Slate.Text.isText(node) ? serializeTextNode(node, index) : Slate.Element.isElement(node) ? serializeElementNode(node, index, options) : null;
+const serializeToJSX = (content, options) => content.map(serializeNodeFactory(options));
 exports.serializeToJSX = serializeToJSX;
 //# sourceMappingURL=jsx.cjs.map

package/build/cjs/serializers/jsx.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"jsx.cjs","sourceRoot":"","sources":["../../../src/serializers/jsx.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kDAA0B;AAC1B,6CAA+B;AAE/B,sCAA6D;AAC7D,4CAA6E;AAE7E,MAAM,iBAAiB,GAAG,CAAC,IAAmB,EAAE,KAAa,EAAmB,EAAE;IAChF,MAAM,MAAM,GAAG,IAAA,gCAAoB,EAAC,IAAI,CAAC,CAAC;IAE1C,OAAO,CACL,wCAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAC5B,IAAI,CAAC,IAAI,IAAI,uEAAa,CACtB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,IAA0B,EAAE,KAAa,EAAmB,EAAE;;IAC1F,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,IAAA,mCAAuB,EAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,qCACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,MAAA,IAAI,CAAC,GAAG,mCAAI,EAAE,EACpB,MAAM,EAAC,QAAQ,EACf,KAAK,kCAAO,MAAM,KAAE,aAAa,EAAE,KAAK,KACxC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,IAAI,CAAC,GAAG,EAAE;gBACZ,MAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,+BAA+B,CAAC,0CAAE,KAAK,EAAE,CAAC;aAC3E;QACH,CAAC,IAEA,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,IAA8B,EAAE,KAAa,EAAE,EAAE,CAAC,wCAAM,GAAG,EAAE,KAAK,IAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAQ,CAAC;AAEhI,MAAM,oBAAoB,GAAG,CAAC,IAAyB,EAAE,KAAa,EAAmB,EAAE;IACzF,IAAI,IAAA,sBAAa,EAAC,IAAI,CAAC;QAAE,OAAO,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClE,IAAI,IAAA,0BAAiB,EAAC,IAAI,CAAC;QAAE,OAAO,wBAAwB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE1E,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,IAAA,mCAAuB,EAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,uCAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAC3B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAyB,EAAE,KAAa,EAAmB,EAAE;AAClF,6CAA6C;AAC7C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAE/H,MAAM,cAAc,GAAG,CAAC,OAAgC,EAAmB,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;AAAnG,QAAA,cAAc,kBAAqF"}
+{"version":3,"file":"jsx.cjs","sourceRoot":"","sources":["../../../src/serializers/jsx.tsx"],"names":[],"mappings":"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"}

package/build/cjs/serializers/jsx.d.ts

@@ -1,3 +1,7 @@
 import { BaseText } from '@voiceflow/base-types';
 import React from 'react';
-export declare const serializeToJSX: (content: BaseText.SlateTextValue) => React.ReactNode;
+interface SerializeOptions {
+    transformHref?: (href: string) => string;
+}
+export declare const serializeToJSX: (content: BaseText.SlateTextValue, options?: SerializeOptions) => React.ReactNode;
+export {};

package/build/cjs/serializers/markdown.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeToMarkdown = void 0;
+const base_types_1 = require("@voiceflow/base-types");
+const Slate = __importStar(require("slate"));
+const guards_1 = require("../guards.cjs");
+const serializeTextNode = (node) => {
+    const isItalic = node[base_types_1.Text.TextProperty.ITALIC];
+    const isUnderline = node[base_types_1.Text.TextProperty.UNDERLINE];
+    const isStrikeThrough = node[base_types_1.Text.TextProperty.STRIKE_THROUGH];
+    const fontWeight = node[base_types_1.Text.TextProperty.FONT_WEIGHT];
+    let { text } = node;
+    if (isItalic)
+        text = `_${text}_`;
+    if (isUnderline)
+        text = `<u>${text}</u>`;
+    if (isStrikeThrough)
+        text = `~~${text}~~`;
+    if (fontWeight)
+        text = `**${text}**`;
+    return text;
+};
+const serializeLinkElement = (node) => {
+    const children = node.children.map(serializeNodeFactory());
+    return `[${children}](${node.url})`;
+};
+const serializeVariableElement = (node) => `{${node.name}}`;
+const serializeElementNode = (node) => {
+    if ((0, guards_1.isLinkElement)(node))
+        return serializeLinkElement(node);
+    if ((0, guards_1.isVariableElement)(node))
+        return serializeVariableElement(node);
+    return node.children.map(serializeNodeFactory()).join('');
+};
+const serializeNodeFactory = () => (node) => 
+// eslint-disable-next-line no-nested-ternary
+Slate.Text.isText(node) ? serializeTextNode(node) : Slate.Element.isElement(node) ? serializeElementNode(node) : '';
+const serializeToMarkdown = (content) => content.map(serializeNodeFactory()).join('<br/>');
+exports.serializeToMarkdown = serializeToMarkdown;
+//# sourceMappingURL=markdown.cjs.map

package/build/cjs/serializers/markdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.cjs","sourceRoot":"","sources":["../../../src/serializers/markdown.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAAuD;AACvD,6CAA+B;AAE/B,sCAA6D;AAE7D,MAAM,iBAAiB,GAAG,CAAC,IAAmB,EAAU,EAAE;IACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAEvD,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEpB,IAAI,QAAQ;QAAE,IAAI,GAAG,IAAI,IAAI,GAAG,CAAC;IACjC,IAAI,WAAW;QAAE,IAAI,GAAG,MAAM,IAAI,MAAM,CAAC;IACzC,IAAI,eAAe;QAAE,IAAI,GAAG,KAAK,IAAI,IAAI,CAAC;IAC1C,IAAI,UAAU;QAAE,IAAI,GAAG,KAAK,IAAI,IAAI,CAAC;IAErC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,IAA0B,EAAU,EAAE;IAClE,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAE3D,OAAO,IAAI,QAAQ,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,IAA8B,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;AAEtF,MAAM,oBAAoB,GAAG,CAAC,IAAyB,EAAU,EAAE;IACjE,IAAI,IAAA,sBAAa,EAAC,IAAI,CAAC;QAAE,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC3D,IAAI,IAAA,0BAAiB,EAAC,IAAI,CAAC;QAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IAEnE,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,oBAAoB,GACxB,GAAG,EAAE,CACL,CAAC,IAAyB,EAAU,EAAE;AACpC,6CAA6C;AAC7C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAEjH,MAAM,mBAAmB,GAAG,CAAC,OAAgC,EAAU,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAAtH,QAAA,mBAAmB,uBAAmG"}

package/build/cjs/serializers/markdown.d.ts

@@ -0,0 +1,2 @@
+import { BaseText } from '@voiceflow/base-types';
+export declare const serializeToMarkdown: (content: BaseText.SlateTextValue) => string;

package/build/cjs/types.d.ts

@@ -1,2 +1,2 @@
 import CSS from 'csstype';
-export declare type CSSProperties = CSS.Properties<string | number>;
+export type CSSProperties = CSS.Properties<string | number>;

package/build/esm/serializers/jsx.d.ts

@@ -1,3 +1,7 @@
 import { BaseText } from '@voiceflow/base-types';
 import React from 'react';
-export declare const serializeToJSX: (content: BaseText.SlateTextValue) => React.ReactNode;
+interface SerializeOptions {
+    transformHref?: (href: string) => string;
+}
+export declare const serializeToJSX: (content: BaseText.SlateTextValue, options?: SerializeOptions) => React.ReactNode;
+export {};

package/build/esm/serializers/jsx.mjs

@@ -6,31 +6,32 @@ const serializeTextNode = (node, index) => {
     const styles = getTextCSSProperties(node);
     return (React.createElement("span", { key: index, style: styles }, node.text || React.createElement(React.Fragment, null, "\uFEFF")));
 };
-const serializeLinkElement = (node, index) => {
-    var _a;
-    const children = node.children.map(serializeNode);
+const serializeLinkElement = (node, index, options) => {
+    var _a, _b, _c, _d;
+    const children = node.children.map(serializeNodeFactory(options));
     const styles = getElementCSSProperties(node);
-    return (React.createElement("a", { key: index, rel: "noopener noreferrer", href: (_a = node.url) !== null && _a !== void 0 ? _a : '', target: "_blank", style: Object.assign(Object.assign({}, styles), { pointerEvents: 'all' }), onClick: (event) => {
+    const href = (_d = (_c = (_a = options === null || options === void 0 ? void 0 : options.transformHref) === null || _a === void 0 ? void 0 : _a.call(options, (_b = node.url) !== null && _b !== void 0 ? _b : '')) !== null && _c !== void 0 ? _c : node.url) !== null && _d !== void 0 ? _d : '';
+    return (React.createElement("a", { key: index, rel: "noopener noreferrer", href: href, target: "_blank", style: Object.assign(Object.assign({}, styles), { pointerEvents: 'all' }), onClick: (event) => {
             var _a;
             event.stopPropagation();
             event.preventDefault();
-            if (node.url) {
-                (_a = window.open(node.url, '_blank', 'noopener=true,noreferrer=true')) === null || _a === void 0 ? void 0 : _a.focus();
+            if (href) {
+                (_a = window.open(href, '_blank', 'noopener=true,noreferrer=true')) === null || _a === void 0 ? void 0 : _a.focus();
             }
         } }, children));
 };
 const serializeVariableElement = (node, index) => React.createElement("span", { key: index }, `{${node.name}}`);
-const serializeElementNode = (node, index) => {
+const serializeElementNode = (node, index, options) => {
     if (isLinkElement(node))
-        return serializeLinkElement(node, index);
+        return serializeLinkElement(node, index, options);
     if (isVariableElement(node))
         return serializeVariableElement(node, index);
-    const children = node.children.map(serializeNode);
+    const children = node.children.map(serializeNodeFactory(options));
     const styles = getElementCSSProperties(node);
     return (React.createElement("div", { key: index, style: styles }, children));
 };
-const serializeNode = (node, index) => 
+const serializeNodeFactory = (options) => (node, index) => 
 // eslint-disable-next-line no-nested-ternary
-Slate.Text.isText(node) ? serializeTextNode(node, index) : Slate.Element.isElement(node) ? serializeElementNode(node, index) : null;
-export const serializeToJSX = (content) => content.map(serializeNode);
+Slate.Text.isText(node) ? serializeTextNode(node, index) : Slate.Element.isElement(node) ? serializeElementNode(node, index, options) : null;
+export const serializeToJSX = (content, options) => content.map(serializeNodeFactory(options));
 //# sourceMappingURL=jsx.mjs.map

package/build/esm/serializers/jsx.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"jsx.mjs","sourceRoot":"","sources":["../../../src/serializers/jsx.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAE7E,MAAM,iBAAiB,GAAG,CAAC,IAAmB,EAAE,KAAa,EAAmB,EAAE;IAChF,MAAM,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAE1C,OAAO,CACL,8BAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAC5B,IAAI,CAAC,IAAI,IAAI,mDAAa,CACtB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,IAA0B,EAAE,KAAa,EAAmB,EAAE;;IAC1F,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,2BACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAE,MAAA,IAAI,CAAC,GAAG,mCAAI,EAAE,EACpB,MAAM,EAAC,QAAQ,EACf,KAAK,kCAAO,MAAM,KAAE,aAAa,EAAE,KAAK,KACxC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;YACjB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,IAAI,CAAC,GAAG,EAAE;gBACZ,MAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,+BAA+B,CAAC,0CAAE,KAAK,EAAE,CAAC;aAC3E;QACH,CAAC,IAEA,QAAQ,CACP,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,IAA8B,EAAE,KAAa,EAAE,EAAE,CAAC,8BAAM,GAAG,EAAE,KAAK,IAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAQ,CAAC;AAEhI,MAAM,oBAAoB,GAAG,CAAC,IAAyB,EAAE,KAAa,EAAmB,EAAE;IACzF,IAAI,aAAa,CAAC,IAAI,CAAC;QAAE,OAAO,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClE,IAAI,iBAAiB,CAAC,IAAI,CAAC;QAAE,OAAO,wBAAwB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE1E,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,IAC3B,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAyB,EAAE,KAAa,EAAmB,EAAE;AAClF,6CAA6C;AAC7C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAEtI,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAgC,EAAmB,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"jsx.mjs","sourceRoot":"","sources":["../../../src/serializers/jsx.tsx"],"names":[],"mappings":"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"}

package/build/esm/serializers/markdown.d.ts

@@ -0,0 +1,2 @@
+import { BaseText } from '@voiceflow/base-types';
+export declare const serializeToMarkdown: (content: BaseText.SlateTextValue) => string;

package/build/esm/serializers/markdown.mjs

@@ -0,0 +1,36 @@
+import { Text } from '@voiceflow/base-types';
+import * as Slate from 'slate';
+import { isLinkElement, isVariableElement } from '../guards.mjs';
+const serializeTextNode = (node) => {
+    const isItalic = node[Text.TextProperty.ITALIC];
+    const isUnderline = node[Text.TextProperty.UNDERLINE];
+    const isStrikeThrough = node[Text.TextProperty.STRIKE_THROUGH];
+    const fontWeight = node[Text.TextProperty.FONT_WEIGHT];
+    let { text } = node;
+    if (isItalic)
+        text = `_${text}_`;
+    if (isUnderline)
+        text = `<u>${text}</u>`;
+    if (isStrikeThrough)
+        text = `~~${text}~~`;
+    if (fontWeight)
+        text = `**${text}**`;
+    return text;
+};
+const serializeLinkElement = (node) => {
+    const children = node.children.map(serializeNodeFactory());
+    return `[${children}](${node.url})`;
+};
+const serializeVariableElement = (node) => `{${node.name}}`;
+const serializeElementNode = (node) => {
+    if (isLinkElement(node))
+        return serializeLinkElement(node);
+    if (isVariableElement(node))
+        return serializeVariableElement(node);
+    return node.children.map(serializeNodeFactory()).join('');
+};
+const serializeNodeFactory = () => (node) => 
+// eslint-disable-next-line no-nested-ternary
+Slate.Text.isText(node) ? serializeTextNode(node) : Slate.Element.isElement(node) ? serializeElementNode(node) : '';
+export const serializeToMarkdown = (content) => content.map(serializeNodeFactory()).join('<br/>');
+//# sourceMappingURL=markdown.mjs.map

package/build/esm/serializers/markdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.mjs","sourceRoot":"","sources":["../../../src/serializers/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE7D,MAAM,iBAAiB,GAAG,CAAC,IAAmB,EAAU,EAAE;IACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IAEvD,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAEpB,IAAI,QAAQ;QAAE,IAAI,GAAG,IAAI,IAAI,GAAG,CAAC;IACjC,IAAI,WAAW;QAAE,IAAI,GAAG,MAAM,IAAI,MAAM,CAAC;IACzC,IAAI,eAAe;QAAE,IAAI,GAAG,KAAK,IAAI,IAAI,CAAC;IAC1C,IAAI,UAAU;QAAE,IAAI,GAAG,KAAK,IAAI,IAAI,CAAC;IAErC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,IAA0B,EAAU,EAAE;IAClE,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAE3D,OAAO,IAAI,QAAQ,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,CAAC,IAA8B,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;AAEtF,MAAM,oBAAoB,GAAG,CAAC,IAAyB,EAAU,EAAE;IACjE,IAAI,aAAa,CAAC,IAAI,CAAC;QAAE,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC3D,IAAI,iBAAiB,CAAC,IAAI,CAAC;QAAE,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IAEnE,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,oBAAoB,GACxB,GAAG,EAAE,CACL,CAAC,IAAyB,EAAU,EAAE;AACpC,6CAA6C;AAC7C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAExH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAgC,EAAU,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC"}

package/build/esm/types.d.ts

@@ -1,2 +1,2 @@
 import CSS from 'csstype';
-export declare type CSSProperties = CSS.Properties<string | number>;
+export type CSSProperties = CSS.Properties<string | number>;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@voiceflow/slate-serializer",
   "type": "module",
   "description": "Utilities for serializing slate data",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "author": "Ben Teichman",
   "bugs": {
     "url": "https://github.com/voiceflow/slate-serializer/issues"
@@ -13,41 +13,41 @@
     }
   },
   "dependencies": {
-    "csstype": "^3.0.9"
+    "csstype": "3.1.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "17.1.2",
+    "@commitlint/cli": "17.6.1",
     "@istanbuljs/nyc-config-typescript": "1.0.2",
-    "@types/chai": "4.3.3",
-    "@types/mocha": "9.1.1",
-    "@types/react": "^17.0.2",
-    "@voiceflow/base-types": "^2.67.0",
-    "@voiceflow/commitlint-config": "2.0.0",
-    "@voiceflow/eslint-config": "7.0.0",
+    "@types/chai": "4.3.5",
+    "@types/mocha": "10.0.1",
+    "@types/react": "18.2.4",
+    "@voiceflow/base-types": "2.81.13",
+    "@voiceflow/commitlint-config": "2.1.0",
+    "@voiceflow/eslint-config": "7.1.0",
     "@voiceflow/git-branch-check": "1.4.0",
-    "@voiceflow/prettier-config": "1.2.1",
+    "@voiceflow/prettier-config": "1.3.0",
     "@voiceflow/tsconfig": "1.4.8",
-    "chai": "4.3.6",
-    "commitizen": "4.2.5",
+    "chai": "4.3.7",
+    "commitizen": "4.3.0",
     "cz-conventional-changelog": "^3.3.0",
     "depcheck": "1.4.3",
-    "eslint": "8.24.0",
+    "eslint": "8.39.0",
     "eslint-output": "^3.0.1",
     "fixpack": "^4.0.0",
-    "husky": "8.0.1",
+    "husky": "8.0.3",
     "istanbul": "^0.4.5",
-    "lint-staged": "13.0.3",
-    "mocha": "10.0.0",
+    "lint-staged": "13.1.2",
+    "mocha": "10.2.0",
     "nyc": "^15.1.0",
-    "prettier": "2.7.1",
-    "react": "^17.0.2",
-    "slate": "^0.72.3",
+    "prettier": "2.8.8",
+    "react": "18.2.0",
+    "slate": "0.94.0",
     "source-map-support": "0.5.21",
     "ts-mocha": "10.0.0",
     "ts-node": "10.9.1",
-    "tsc-alias": "1.7.0",
-    "tsc-esm-fix": "2.20.7",
-    "typescript": "^4.8.2"
+    "tsc-alias": "1.8.6",
+    "tsc-esm-fix": "2.20.13",
+    "typescript": "5.0.4"
   },
   "exports": {
     ".": {
@@ -58,6 +58,10 @@
       "import": "./build/esm/serializers/text.mjs",
       "require": "./build/cjs/serializers/text.cjs"
     },
+    "./markdown": {
+      "import": "./build/esm/serializers/markdown.mjs",
+      "require": "./build/cjs/serializers/markdown.cjs"
+    },
     "./jsx": {
       "import": "./build/esm/serializers/jsx.mjs",
       "require": "./build/cjs/serializers/jsx.cjs"
@@ -112,6 +116,9 @@
       ],
       "jsx": [
         "./build/esm/serializers/jsx.d.ts"
+      ],
+      "markdown": [
+        "./build/esm/serializers/markdown.d.ts"
       ]
     }
   }