@onereach/ui-components 10.3.0 → 10.3.1-beta.4291.0

package/dist/bundled/v3/components/index.js

@@ -81,7 +81,7 @@ export { s as OrRadioV3 } from './OrRadioV3-5a26c6bb.js';
 export { s as OrRangeSliderV3 } from './OrRangeSliderV3-5bd9e6d4.js';
 export { s as OrRatingV3 } from './OrRatingV3-82a538ca.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanelV3-2c3a5c8b.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-358d7df2.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-82b6efa2.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-de9f3667.js';

package/dist/bundled/v3/index.js

@@ -44,7 +44,7 @@ export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.
 export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
 export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-5bd9e6d4.js';
 export { s as OrRatingV3 } from './components/OrRatingV3-82a538ca.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-358d7df2.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-82b6efa2.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-de9f3667.js';
 export { s as OrSelect } from './components/OrSelect-c7bcf79e.js';
 export { s as OrSelectV3 } from './components/OrSelectV3-0451208d.js';

package/dist/esm/v2/{OrRichTextEditor-734b8b27.js → OrRichTextEditor-4af25de8.js}

@@ -3,6 +3,7 @@ import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
 import { defaultMarkdownSerializer, MarkdownSerializer } from 'prosemirror-markdown';
 import { DOMParser as DOMParser$1 } from 'prosemirror-model';
+import { marked } from 'marked';
 import Paragraph from '@tiptap/extension-paragraph';
 import BulletList from '@tiptap/extension-bullet-list';
 import ListItem from '@tiptap/extension-list-item';
@@ -38,7 +39,7 @@ import { javascript } from '@codemirror/lang-javascript';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
-const serializerNodes = {
+const mdSerializerNodes = {
   ...defaultMarkdownSerializer.nodes,
   [Paragraph.name]: defaultMarkdownSerializer.nodes.paragraph,
   [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,
@@ -48,7 +49,7 @@ const serializerNodes = {
   [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,
   [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote
 };
-const serializerMarks = {
+const mdSerializerMarks = {
   ...defaultMarkdownSerializer.marks,
   [Bold.name]: defaultMarkdownSerializer.marks.strong,
   [Strike.name]: {
@@ -85,67 +86,24 @@ const serializerMarks = {
     }
   }
 };
-const isPlainURL = (link, parent, index, side) => {
+function isPlainURL(link, parent, index, side) {
   if (link.attrs.title || !/^\w+:/.test(link.attrs.href)) return false;
   const content = parent.child(index + (side < 0 ? -1 : 0));
   if (!content.isText || content.text !== link.attrs.href || content.marks[content.marks.length - 1] !== link) return false;
   if (index === (side < 0 ? 1 : parent.childCount - 1)) return true;
   const next = parent.child(index + (side < 0 ? -2 : 1));
   return !link.isInSet(next.marks);
-};
-const parseMd = md => {
-  //ul
-  md = md.replace(/^\s*\n\*/gm, '<ul>\n*');
-  md = md.replace(/^(\*.+)\s*\n([^*])/gm, '$1\n</ul>\n\n$2');
-  md = md.replace(/^\*(.+)/gm, '<li>$1</li>');
-  //ol
-  md = md.replace(/^\s*\n\d\./gm, '<ol>\n1.');
-  md = md.replace(/^(\d\..+)\s*\n([^\d.])/gm, '$1\n</ol>\n\n$2');
-  md = md.replace(/^\d\.(.+)/gm, '<li>$1</li>');
-  //blockquote
-  md = md.replace(/^>(.+)/gm, '<blockquote>$1</blockquote>');
-  //h
-  md = md.replace(/[#]{6}(.+)/g, '<h6>$1</h6>');
-  md = md.replace(/[#]{5}(.+)/g, '<h5>$1</h5>');
-  md = md.replace(/[#]{4}(.+)/g, '<h4>$1</h4>');
-  md = md.replace(/[#]{3}(.+)/g, '<h3>$1</h3>');
-  md = md.replace(/[#]{2}(.+)/g, '<h2>$1</h2>');
-  md = md.replace(/[#]{1}(.+)/g, '<h1>$1</h1>');
-  //alt h
-  md = md.replace(/^(.+)\n=+/gm, '<h1>$1</h1>');
-  md = md.replace(/^(.+)\n-+/gm, '<h2>$1</h2>');
-  //images
-  md = md.replace(/!\[([^\]]+)\]\(([^)]+)\)/g, '<img src="$2" alt="$1" />');
-  //links
-  md = md.replace(/[[]{1}([^\]]+)[\]]{1}[(]{1}([^)"]+)("(.+)")?[)]{1}/g, '<a href="$2" title="$4">$1</a>');
-  //font styles
-  md = md.replace(/[*_]{2}([^*_]+)[*_]{2}/g, '<b>$1</b>');
-  md = md.replace(/[*_]{1}([^*_]+)[*_]{1}/g, '<i>$1</i>');
-  md = md.replace(/[=]{2}([^=]+)[=]{2}/g, '<mark>$1</mark>');
-  md = md.replace(/[~]{2}([^~]+)[~]{2}/g, '<del>$1</del>');
-  //pre
-  md = md.replace(/^\s*\n```(([^\s]+))?/gm, '<pre class="$2">');
-  md = md.replace(/^```\s*\n/gm, '</pre>\n\n');
-  //code
-  md = md.replace(/[`]{1}([^`]+)[`]{1}/g, '<code>$1</code>');
-  //p
-  md = md.replace(/^\s*(\n)?(.+)/gm, function (m) {
-    return /<(\/)?(h\d|ul|ol|li|blockquote|pre|img)/.test(m) ? m : '<p>' + m + '</p>';
-  });
-  //strip p from pre
-  md = md.replace(/(<pre.+>)\s*\n<p>(.+)<\/p>/gm, '$1$2');
-  return md;
-};
-const serialize = (schema, content) => {
+}
+function serialize(schema, content) {
+  const mdSerializer = new MarkdownSerializer(mdSerializerNodes, mdSerializerMarks);
   const proseMirrorDocument = schema.nodeFromJSON(content);
-  const serializer = new MarkdownSerializer(serializerNodes, serializerMarks);
-  return serializer.serialize(proseMirrorDocument, {
+  return mdSerializer.serialize(proseMirrorDocument, {
     tightLists: true
   });
-};
-const deserialize = (schema, content) => {
+}
+function deserialize(schema, content) {
   if (!content) return null;
-  const html = parseMd(content);
+  const html = marked.parse(content);
   if (!html) return null;
   const parser = new DOMParser();
   const {
@@ -155,7 +113,7 @@ const deserialize = (schema, content) => {
   body.append(document.createComment(content));
   const state = DOMParser$1.fromSchema(schema).parse(body);
   return state.toJSON();
-};
+}
 
 const OrRichTextEditor = [
 // Layout

package/dist/esm/v2/components/index.js

@@ -99,7 +99,7 @@ export { _ as OrRadioV3 } from '../OrRadio-3629ad83.js';
 export { _ as OrRangeSliderV3 } from '../OrRangeSlider-da9576ff.js';
 export { _ as OrRatingV3 } from '../OrRating-aa2365e9.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-4a10f91c.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-734b8b27.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-4af25de8.js';
 export { _ as OrSearch } from '../OrSearch-a340d5ff.js';
 export { _ as OrSearchV3 } from '../OrSearch-a57eb24f.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-cd16856e.js';
@@ -198,6 +198,7 @@ import '../isAncestor-9e33bd15.js';
 import 'lodash/round';
 import 'prosemirror-markdown';
 import 'prosemirror-model';
+import 'marked';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-bullet-list';
 import '@tiptap/extension-list-item';

package/dist/esm/v2/components/or-rich-text-editor-v3/index.js

@@ -1,9 +1,10 @@
-export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-734b8b27.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-4af25de8.js';
 import '@vueuse/core';
 import '@vueuse/integrations/useFocusTrap';
 import 'vue-demi';
 import 'prosemirror-markdown';
 import 'prosemirror-model';
+import 'marked';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-bullet-list';
 import '@tiptap/extension-list-item';

package/dist/esm/v2/components/or-rich-text-editor-v3/utils/markdown.d.ts

@@ -1,3 +1,2 @@
-declare const serialize: (schema: any, content: any) => string;
-declare const deserialize: (schema: any, content: any) => any;
-export { serialize, deserialize };
+export declare function serialize(schema: any, content: any): string;
+export declare function deserialize(schema: any, content?: string): any;

package/dist/esm/v2/index.js

@@ -99,7 +99,7 @@ export { _ as OrRadioV3 } from './OrRadio-3629ad83.js';
 export { _ as OrRangeSliderV3 } from './OrRangeSlider-da9576ff.js';
 export { _ as OrRatingV3 } from './OrRating-aa2365e9.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-4a10f91c.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-734b8b27.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-4af25de8.js';
 export { _ as OrSearch } from './OrSearch-a340d5ff.js';
 export { _ as OrSearchV3 } from './OrSearch-a57eb24f.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-cd16856e.js';
@@ -200,6 +200,7 @@ import 'lodash/round';
 import 'lodash/get';
 import 'prosemirror-markdown';
 import 'prosemirror-model';
+import 'marked';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-bullet-list';
 import '@tiptap/extension-list-item';

package/dist/esm/v3/{OrRichTextEditor-b5684aab.js → OrRichTextEditor-117119ca.js}

@@ -3,6 +3,7 @@ import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
 import { defaultMarkdownSerializer, MarkdownSerializer } from 'prosemirror-markdown';
 import { DOMParser as DOMParser$1 } from 'prosemirror-model';
+import { marked } from 'marked';
 import Paragraph from '@tiptap/extension-paragraph';
 import BulletList from '@tiptap/extension-bullet-list';
 import ListItem from '@tiptap/extension-list-item';
@@ -37,7 +38,7 @@ import { javascript } from '@codemirror/lang-javascript';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, withDirectives, vShow, vModelText, createVNode } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 
-const serializerNodes = {
+const mdSerializerNodes = {
   ...defaultMarkdownSerializer.nodes,
   [Paragraph.name]: defaultMarkdownSerializer.nodes.paragraph,
   [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,
@@ -47,7 +48,7 @@ const serializerNodes = {
   [CodeBlock.name]: defaultMarkdownSerializer.nodes.code_block,
   [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote
 };
-const serializerMarks = {
+const mdSerializerMarks = {
   ...defaultMarkdownSerializer.marks,
   [Bold.name]: defaultMarkdownSerializer.marks.strong,
   [Strike.name]: {
@@ -84,67 +85,24 @@ const serializerMarks = {
     }
   }
 };
-const isPlainURL = (link, parent, index, side) => {
+function isPlainURL(link, parent, index, side) {
   if (link.attrs.title || !/^\w+:/.test(link.attrs.href)) return false;
   const content = parent.child(index + (side < 0 ? -1 : 0));
   if (!content.isText || content.text !== link.attrs.href || content.marks[content.marks.length - 1] !== link) return false;
   if (index === (side < 0 ? 1 : parent.childCount - 1)) return true;
   const next = parent.child(index + (side < 0 ? -2 : 1));
   return !link.isInSet(next.marks);
-};
-const parseMd = md => {
-  //ul
-  md = md.replace(/^\s*\n\*/gm, '<ul>\n*');
-  md = md.replace(/^(\*.+)\s*\n([^*])/gm, '$1\n</ul>\n\n$2');
-  md = md.replace(/^\*(.+)/gm, '<li>$1</li>');
-  //ol
-  md = md.replace(/^\s*\n\d\./gm, '<ol>\n1.');
-  md = md.replace(/^(\d\..+)\s*\n([^\d.])/gm, '$1\n</ol>\n\n$2');
-  md = md.replace(/^\d\.(.+)/gm, '<li>$1</li>');
-  //blockquote
-  md = md.replace(/^>(.+)/gm, '<blockquote>$1</blockquote>');
-  //h
-  md = md.replace(/[#]{6}(.+)/g, '<h6>$1</h6>');
-  md = md.replace(/[#]{5}(.+)/g, '<h5>$1</h5>');
-  md = md.replace(/[#]{4}(.+)/g, '<h4>$1</h4>');
-  md = md.replace(/[#]{3}(.+)/g, '<h3>$1</h3>');
-  md = md.replace(/[#]{2}(.+)/g, '<h2>$1</h2>');
-  md = md.replace(/[#]{1}(.+)/g, '<h1>$1</h1>');
-  //alt h
-  md = md.replace(/^(.+)\n=+/gm, '<h1>$1</h1>');
-  md = md.replace(/^(.+)\n-+/gm, '<h2>$1</h2>');
-  //images
-  md = md.replace(/!\[([^\]]+)\]\(([^)]+)\)/g, '<img src="$2" alt="$1" />');
-  //links
-  md = md.replace(/[[]{1}([^\]]+)[\]]{1}[(]{1}([^)"]+)("(.+)")?[)]{1}/g, '<a href="$2" title="$4">$1</a>');
-  //font styles
-  md = md.replace(/[*_]{2}([^*_]+)[*_]{2}/g, '<b>$1</b>');
-  md = md.replace(/[*_]{1}([^*_]+)[*_]{1}/g, '<i>$1</i>');
-  md = md.replace(/[=]{2}([^=]+)[=]{2}/g, '<mark>$1</mark>');
-  md = md.replace(/[~]{2}([^~]+)[~]{2}/g, '<del>$1</del>');
-  //pre
-  md = md.replace(/^\s*\n```(([^\s]+))?/gm, '<pre class="$2">');
-  md = md.replace(/^```\s*\n/gm, '</pre>\n\n');
-  //code
-  md = md.replace(/[`]{1}([^`]+)[`]{1}/g, '<code>$1</code>');
-  //p
-  md = md.replace(/^\s*(\n)?(.+)/gm, function (m) {
-    return /<(\/)?(h\d|ul|ol|li|blockquote|pre|img)/.test(m) ? m : '<p>' + m + '</p>';
-  });
-  //strip p from pre
-  md = md.replace(/(<pre.+>)\s*\n<p>(.+)<\/p>/gm, '$1$2');
-  return md;
-};
-const serialize = (schema, content) => {
+}
+function serialize(schema, content) {
+  const mdSerializer = new MarkdownSerializer(mdSerializerNodes, mdSerializerMarks);
   const proseMirrorDocument = schema.nodeFromJSON(content);
-  const serializer = new MarkdownSerializer(serializerNodes, serializerMarks);
-  return serializer.serialize(proseMirrorDocument, {
+  return mdSerializer.serialize(proseMirrorDocument, {
     tightLists: true
   });
-};
-const deserialize = (schema, content) => {
+}
+function deserialize(schema, content) {
   if (!content) return null;
-  const html = parseMd(content);
+  const html = marked.parse(content);
   if (!html) return null;
   const parser = new DOMParser();
   const {
@@ -154,7 +112,7 @@ const deserialize = (schema, content) => {
   body.append(document.createComment(content));
   const state = DOMParser$1.fromSchema(schema).parse(body);
   return state.toJSON();
-};
+}
 
 const OrRichTextEditor = [
 // Layout

package/dist/esm/v3/components/index.js

@@ -96,7 +96,7 @@ export { s as OrRadioV3 } from '../OrRadio-370438a9.js';
 export { s as OrRangeSliderV3 } from '../OrRangeSlider-a1776b3c.js';
 export { s as OrRatingV3 } from '../OrRating-2abf71bd.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-6f6b3f58.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-b5684aab.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-117119ca.js';
 export { s as OrSearch } from '../OrSearch-948c7f78.js';
 export { s as OrSearchV3 } from '../OrSearch-073955fc.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-1370c626.js';
@@ -189,6 +189,7 @@ import '../isAncestor-9e33bd15.js';
 import 'lodash/round';
 import 'prosemirror-markdown';
 import 'prosemirror-model';
+import 'marked';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-bullet-list';
 import '@tiptap/extension-list-item';

package/dist/esm/v3/components/or-rich-text-editor-v3/index.js

@@ -1,9 +1,10 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-b5684aab.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-117119ca.js';
 import '@vueuse/core';
 import '@vueuse/integrations/useFocusTrap';
 import 'vue-demi';
 import 'prosemirror-markdown';
 import 'prosemirror-model';
+import 'marked';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-bullet-list';
 import '@tiptap/extension-list-item';

package/dist/esm/v3/components/or-rich-text-editor-v3/utils/markdown.d.ts

@@ -1,3 +1,2 @@
-declare const serialize: (schema: any, content: any) => string;
-declare const deserialize: (schema: any, content: any) => any;
-export { serialize, deserialize };
+export declare function serialize(schema: any, content: any): string;
+export declare function deserialize(schema: any, content?: string): any;

package/dist/esm/v3/index.js

@@ -96,7 +96,7 @@ export { s as OrRadioV3 } from './OrRadio-370438a9.js';
 export { s as OrRangeSliderV3 } from './OrRangeSlider-a1776b3c.js';
 export { s as OrRatingV3 } from './OrRating-2abf71bd.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-6f6b3f58.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-b5684aab.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-117119ca.js';
 export { s as OrSearch } from './OrSearch-948c7f78.js';
 export { s as OrSearchV3 } from './OrSearch-073955fc.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-1370c626.js';
@@ -191,6 +191,7 @@ import 'lodash/round';
 import 'lodash/get';
 import 'prosemirror-markdown';
 import 'prosemirror-model';
+import 'marked';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-bullet-list';
 import '@tiptap/extension-list-item';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "10.3.0",
+  "version": "10.3.1-beta.4291.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -67,6 +67,7 @@
     "@vueuse/math": "9.13.0",
     "codemirror": "6.0.1",
     "focus-trap": "7.5.2",
+    "marked": "9.1.2",
     "prosemirror-markdown": "1.10.1",
     "sortablejs": "1.14.0",
     "tailwindcss": "3.3.3",
@@ -177,6 +178,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "afd291038c4b8640bfea8b2b5822e3393b751697"
+  }
 }

package/src/components/or-rich-text-editor-v3/utils/markdown.ts

@@ -3,7 +3,7 @@ import {
   defaultMarkdownSerializer,
 } from 'prosemirror-markdown';
 import { DOMParser as ProseMirrorDOMParser, Node, Mark } from 'prosemirror-model';
-
+import { marked } from 'marked';
 import Paragraph from '@tiptap/extension-paragraph';
 import BulletList from '@tiptap/extension-bullet-list';
 import ListItem from '@tiptap/extension-list-item';
@@ -18,7 +18,7 @@ import Link from '@tiptap/extension-link';
 import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
 
-const serializerNodes = {
+const mdSerializerNodes = {
   ...defaultMarkdownSerializer.nodes,
   [Paragraph.name]: defaultMarkdownSerializer.nodes.paragraph,
   [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,
@@ -29,7 +29,7 @@ const serializerNodes = {
   [Blockquote.name]: defaultMarkdownSerializer.nodes.blockquote,
 };
 
-const serializerMarks = {
+const mdSerializerMarks = {
   ...defaultMarkdownSerializer.marks,
   [Bold.name]: defaultMarkdownSerializer.marks.strong,
   [Strike.name]: {
@@ -72,7 +72,7 @@ const serializerMarks = {
   },
 };
 
-const isPlainURL = (link: Mark, parent: Node, index: number, side: number) => {
+function isPlainURL(link: Mark, parent: Node, index: number, side: number) {
   if (link.attrs.title || !/^\w+:/.test(link.attrs.href)) return false;
   const content = parent.child(index + (side < 0 ? -1 : 0));
   if (
@@ -84,78 +84,22 @@ const isPlainURL = (link: Mark, parent: Node, index: number, side: number) => {
   if (index === (side < 0 ? 1 : parent.childCount - 1)) return true;
   const next = parent.child(index + (side < 0 ? -2 : 1));
   return !link.isInSet(next.marks);
-};
-
-const parseMd = (md: string) => {
-  //ul
-  md = md.replace(/^\s*\n\*/gm, '<ul>\n*');
-  md = md.replace(/^(\*.+)\s*\n([^*])/gm, '$1\n</ul>\n\n$2');
-  md = md.replace(/^\*(.+)/gm, '<li>$1</li>');
-
-  //ol
-  md = md.replace(/^\s*\n\d\./gm, '<ol>\n1.');
-  md = md.replace(/^(\d\..+)\s*\n([^\d.])/gm, '$1\n</ol>\n\n$2');
-  md = md.replace(/^\d\.(.+)/gm, '<li>$1</li>');
-
-  //blockquote
-  md = md.replace(/^>(.+)/gm, '<blockquote>$1</blockquote>');
-
-  //h
-  md = md.replace(/[#]{6}(.+)/g, '<h6>$1</h6>');
-  md = md.replace(/[#]{5}(.+)/g, '<h5>$1</h5>');
-  md = md.replace(/[#]{4}(.+)/g, '<h4>$1</h4>');
-  md = md.replace(/[#]{3}(.+)/g, '<h3>$1</h3>');
-  md = md.replace(/[#]{2}(.+)/g, '<h2>$1</h2>');
-  md = md.replace(/[#]{1}(.+)/g, '<h1>$1</h1>');
-
-  //alt h
-  md = md.replace(/^(.+)\n=+/gm, '<h1>$1</h1>');
-  md = md.replace(/^(.+)\n-+/gm, '<h2>$1</h2>');
-
-  //images
-  md = md.replace(/!\[([^\]]+)\]\(([^)]+)\)/g, '<img src="$2" alt="$1" />');
-
-  //links
-  md = md.replace(/[[]{1}([^\]]+)[\]]{1}[(]{1}([^)"]+)("(.+)")?[)]{1}/g, '<a href="$2" title="$4">$1</a>');
-
-  //font styles
-  md = md.replace(/[*_]{2}([^*_]+)[*_]{2}/g, '<b>$1</b>');
-  md = md.replace(/[*_]{1}([^*_]+)[*_]{1}/g, '<i>$1</i>');
-  md = md.replace(/[=]{2}([^=]+)[=]{2}/g, '<mark>$1</mark>');
-  md = md.replace(/[~]{2}([^~]+)[~]{2}/g, '<del>$1</del>');
+}
 
-  //pre
-  md = md.replace(/^\s*\n```(([^\s]+))?/gm, '<pre class="$2">');
-  md = md.replace(/^```\s*\n/gm, '</pre>\n\n');
-
-  //code
-  md = md.replace(/[`]{1}([^`]+)[`]{1}/g, '<code>$1</code>');
-
-  //p
-  md = md.replace(/^\s*(\n)?(.+)/gm, function (m: string) {
-    return /<(\/)?(h\d|ul|ol|li|blockquote|pre|img)/.test(m) ? m : '<p>' + m + '</p>';
-  });
-
-  //strip p from pre
-  md = md.replace(/(<pre.+>)\s*\n<p>(.+)<\/p>/gm, '$1$2');
-
-  return md;
-
-};
+export function serialize(schema: any, content: any) {
+  const mdSerializer = new ProseMirrorMarkdownSerializer(
+    mdSerializerNodes,
+    mdSerializerMarks,
+  );
 
-const serialize = (schema: any, content: any) => {
   const proseMirrorDocument = schema.nodeFromJSON(content);
-  const serializer = new ProseMirrorMarkdownSerializer(
-    serializerNodes,
-    serializerMarks,
-  );
 
-  return serializer.serialize(proseMirrorDocument, { tightLists: true });
-};
+  return mdSerializer.serialize(proseMirrorDocument, { tightLists: true });
+}
 
-const deserialize = (schema: any, content: any) => {
+export function deserialize(schema: any, content?: string) {
   if (!content) return null;
-  const html = parseMd(content);
+  const html = marked.parse(content);
 
   if (!html) return null;
 
@@ -167,6 +111,5 @@ const deserialize = (schema: any, content: any) => {
 
   const state = ProseMirrorDOMParser.fromSchema(schema).parse(body);
   return state.toJSON();
-};
+}
 
-export { serialize, deserialize };