@pie-lib/editable-html 10.0.0-beta.7 → 10.0.0

package/lib/test-serializer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"test-serializer.js","names":["_react","_interopRequireDefault","require","_server","_escapeHtml","_slate","_slateHyperscript","_newSerialization","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Html","_createClass2","props","_this","_classCallCheck2","node","children","map","n","serializeEls","correctRule","rules","reduce","res","rule","serialize","type","createElement","href","escapeHtml","url","deserialized","html","ReactServer","renderToStaticMarkup","React","inner","slice","body","parseHtml","firstChild","nodeType","Node","TEXT_NODE","MARK_TAGS","includes","tagName","toLowerCase","concat","deserializeEls","element","markAttributes","undefined","jsx","textContent","ELEMENT_NODE","nodeAttributes","nodeName","bold","nextFn","nodes","childNodes","Array","from","flat","deserialize","getAttribute","defaultBlock","_default","exports"],"sources":["../src/test-serializer.js"],"sourcesContent":["import React from 'react';\nimport ReactServer from 'react-dom/server';\nimport escapeHtml from 'escape-html';\nimport { Text } from 'slate';\nimport { jsx } from 'slate-hyperscript';\nimport { MARK_TAGS } from './new-serialization';\n\nclass Html {\n  constructor(props) {\n    this.defaultBlock = props.defaultBlock;\n    this.parseHtml = props.parseHtml;\n    this.rules = props.rules;\n  }\n\n  serializeEls = node => {\n    let children = (node.children || []).map(n => this.serializeEls(n));\n\n    const correctRule = this.rules.reduce((res, rule) => {\n      return res || rule.serialize(node, children);\n    }, null);\n\n    if (correctRule) {\n      return correctRule;\n    }\n\n    switch (node.type) {\n      case 'quote':\n        return (\n          <blockquote>\n            <p>{children}</p>\n          </blockquote>\n        );\n      case 'paragraph':\n        return <p>{children}</p>;\n      case 'link':\n        return <a href={escapeHtml(node.url)}>{children}</a>;\n      default:\n        return children;\n    }\n  };\n\n  serialize = node => {\n    const deserialized = this.serializeEls(node);\n    const html = ReactServer.renderToStaticMarkup(React.createElement(\n      'body',\n      null,\n      deserialized\n    ));\n    const inner = html.slice(6, -7);\n    return inner;\n  };\n\n  deserialize = html => {\n    let body = this.parseHtml(html);\n\n    if (!body.firstChild || (body.firstChild.nodeType === Node.TEXT_NODE || Object.keys(MARK_TAGS).includes(body.firstChild.tagName.toLowerCase()))) {\n      body = this.parseHtml(`<span>${html}</span>`);\n    }\n\n    return this.deserializeEls(body);\n  };\n\n  deserializeEls = (element, markAttributes = {}) => {\n    if (element.nodeType === Node.TEXT_NODE) {\n      return jsx('text', markAttributes, element.textContent);\n    } else if (element.nodeType !== Node.ELEMENT_NODE) {\n      return null;\n    }\n\n    const nodeAttributes = { ...markAttributes };\n\n    // define attributes for text nodes\n    if (element.nodeName === 'STRONG') {\n      nodeAttributes.bold = true;\n    }\n\n    const nextFn = nodes => {\n      const childNodes = Array.from(nodes);\n      const children = Array.from(childNodes)\n        .map(node => this.deserializeEls(node, nodeAttributes))\n        .flat();\n\n      if (children.length === 0) {\n        children.push(jsx('text', nodeAttributes, ''));\n      }\n\n      return children;\n    };\n\n    const correctRule = this.rules.reduce((res, rule) => {\n      return res || rule.deserialize(element, nextFn);\n    }, null);\n\n    if (correctRule) {\n      return correctRule;\n    }\n\n    const childNodes = Array.from(element.childNodes);\n    const children = Array.from(childNodes)\n      .map(node => this.deserializeEls(node, nodeAttributes))\n      .flat();\n\n    if (children.length === 0) {\n      children.push(jsx('text', nodeAttributes, ''));\n    }\n\n    switch (element.nodeName) {\n      case 'TABLE':\n        return jsx('element', { type: 'table' }, children);\n      case 'TBODY':\n        return jsx('element', { type: 'tbody' }, children);\n      case 'TR':\n        return jsx('element', { type: 'tr' }, children);\n      case 'TD':\n        return jsx('element', { type: 'td' }, children);\n      case 'BODY':\n        return jsx('fragment', {}, children);\n      case 'BR':\n        return '\\n';\n      case 'BLOCKQUOTE':\n        return jsx('element', { type: 'quote' }, children);\n      case 'P':\n        return jsx('element', { type: 'paragraph' }, children);\n      case 'A':\n        return jsx('element', { type: 'link', url: element.getAttribute('href') }, children);\n      default:\n        return children;\n    }\n  };\n}\n\nexport default Html;\n"],"mappings":"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"}

package/src/components.js

@@ -1,135 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { cx, css } from '@emotion/css';
-
-export const Button = React.forwardRef(({ className, active, reversed, ...props }, ref) => (
-  <span
-    {...props}
-    ref={ref}
-    className={cx(
-      className,
-      css`
-        cursor: pointer;
-
-        color: ${reversed ? (active ? 'white' : '#aaa') : active ? 'black' : '#ccc'};
-      `,
-    )}
-  />
-));
-
-export const EditorValue = React.forwardRef(({ className, value, ...props }, ref) => {
-  const textLines = value.document.nodes
-    .map((node) => node.text)
-    .toArray()
-    .join('\n');
-  return (
-    <div
-      ref={ref}
-      {...props}
-      className={cx(
-        className,
-        css`
-          margin: 30px -20px 0;
-        `,
-      )}
-    >
-      <div
-        className={css`
-          font-size: 14px;
-          padding: 5px 20px;
-          color: #404040;
-          border-top: 2px solid #eeeeee;
-          background: #f8f8f8;
-        `}
-      >
-        Slates value as text
-      </div>
-      <div
-        className={css`
-          color: #404040;
-          font: 12px monospace;
-          white-space: pre-wrap;
-          padding: 10px 20px;
-
-          div {
-            margin: 0 0 0.5em;
-          }
-        `}
-      >
-        {textLines}
-      </div>
-    </div>
-  );
-});
-
-export const Icon = React.forwardRef(({ className, ...props }, ref) => (
-  <span
-    {...props}
-    ref={ref}
-    className={cx(
-      'material-icons',
-      className,
-      css`
-        font-size: 18px;
-        vertical-align: text-bottom;
-      `,
-    )}
-  />
-));
-
-export const Instruction = React.forwardRef(({ className, ...props }, ref) => (
-  <div
-    {...props}
-    ref={ref}
-    className={cx(
-      className,
-      css`
-        white-space: pre-wrap;
-        margin: 0 -20px 10px;
-        padding: 10px 20px;
-        font-size: 14px;
-        background: #f8f8e8;
-      `,
-    )}
-  />
-));
-
-export const Menu = React.forwardRef(({ className, ...props }, ref) => (
-  <div
-    {...props}
-    ref={ref}
-    className={cx(
-      className,
-      css`
-        & > * {
-          display: inline-block;
-        }
-
-        & > * + * {
-          margin-left: 15px;
-        }
-      `,
-    )}
-  />
-));
-
-export const Portal = ({ children }) => {
-  return typeof document === 'object' ? ReactDOM.createPortal(children, document.body) : null;
-};
-
-export const Toolbar = React.forwardRef(({ className, ...props }, ref) => (
-  <Menu
-    {...props}
-    ref={ref}
-    className={cx(
-      className,
-      css`
-        position: relative;
-        padding: 1px 18px 17px;
-        margin: 0 -20px;
-        border-bottom: 2px solid #eee;
-        margin-bottom: 20px;
-      `,
-    )}
-  />
-));

package/src/new-serialization.jsx

@@ -1,310 +0,0 @@
-import TestSerializer from './test-serializer';
-import React from 'react';
-import debug from 'debug';
-import { object as toStyleObject } from 'to-style';
-
-import { serialization as imgSerialization } from './plugins/image';
-import { serialization as mathSerialization } from './plugins/math';
-import { serialization as mediaSerialization } from './plugins/media';
-import { serialization as listSerialization } from './plugins/list';
-import { serialization as tableSerialization } from './plugins/table';
-import { serialization as responseAreaSerialization } from './plugins/respArea';
-import { Mark, Text, Value } from 'slate';
-import { jsx } from 'slate-hyperscript';
-import escapeHtml from 'escape-html';
-
-const log = debug('@pie-lib:editable-html:serialization');
-
-/**
- * Tags to blocks.
- *
- * @type {Object}
- */
-
-export const BLOCK_TAGS = {
-  div: 'div',
-  span: 'span',
-  p: 'paragraph',
-  blockquote: 'quote',
-  pre: 'code',
-  h1: 'heading-one',
-  h2: 'heading-two',
-  h3: 'heading-three',
-  h4: 'heading-four',
-  h5: 'heading-five',
-  h6: 'heading-six',
-};
-
-/**
- * Tags to marks.
- *
- * @type {Object}
- */
-
-export const MARK_TAGS = {
-  b: 'bold',
-  em: 'italic',
-  u: 'underline',
-  s: 'strikethrough',
-  del: 'strikethrough',
-  code: 'code',
-  strong: 'bold',
-};
-
-export const parseStyleString = (s) => {
-  const regex = /([\w-]*)\s*:\s*([^;]*)/g;
-  let match;
-  const result = {};
-  while ((match = regex.exec(s))) {
-    result[match[1]] = match[2].trim();
-  }
-  return result;
-};
-
-export const getBase64 = (file) => {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = () => resolve(reader.result);
-    reader.onerror = (error) => reject(error);
-  });
-};
-
-export const reactAttributes = (o) => toStyleObject(o, { camelize: true, addUnits: false });
-
-const attributesToMap = (el) => (acc, attribute) => {
-  const value = el.getAttribute(attribute);
-  if (value) {
-    if (attribute === 'style') {
-      const styleString = el.getAttribute(attribute);
-      const reactStyleObject = reactAttributes(parseStyleString(styleString));
-      acc['style'] = reactStyleObject;
-    } else {
-      acc[attribute] = el.getAttribute(attribute);
-    }
-  }
-  return acc;
-};
-
-const attributes = ['border', 'cellpadding', 'cellspacing', 'class', 'style'];
-
-/**
- * Serializer rules.
- *
- * @type {Array}
- */
-
-const blocks = {
-  deserialize(el, next) {
-    log('[blocks:deserialize] block: ', el);
-    const block = BLOCK_TAGS[el.tagName.toLowerCase()];
-    if (!block) return;
-    log('[blocks:deserialize] block: ', block);
-
-    if (el.childNodes.length === 1) {
-      const cn = el.childNodes[0];
-      if (cn && cn.tagName && cn.tagName.toLowerCase() === block) {
-        log('[we have a child node of the same]...');
-        return;
-      }
-    }
-
-    return jsx(
-      'element',
-      {
-        type: block,
-        /**
-         * Here for rendering styles for all block elements
-         */
-        data: { attributes: attributes.reduce(attributesToMap(el), {}) },
-      },
-      next(el.childNodes),
-    );
-  },
-  serialize: (object, children) => {
-    if (object.object !== 'block') return;
-
-    const jsonData = object.data;
-
-    log('[blocks:serialize] object: ', object, children);
-    let key;
-
-    for (key in BLOCK_TAGS) {
-      if (BLOCK_TAGS[key] === object.type) {
-        const Tag = key;
-
-        return <Tag {...jsonData.attributes}>{children}</Tag>;
-      }
-    }
-  },
-};
-
-const marks = {
-  deserialize(el, next) {
-    const mark = MARK_TAGS[el.tagName.toLowerCase()];
-    if (!mark) {
-      return;
-    }
-    log('[deserialize] mark: ', mark);
-
-    return jsx('text', { [mark]: true }, next(el.childNodes));
-  },
-  serialize(object) {
-    if (Text.isText(object)) {
-      let string = escapeHtml(object.text);
-
-      if (object.bold) {
-        string = <strong>{string}</strong>;
-      }
-
-      if (object.code) {
-        string = <code>{string}</code>;
-      }
-
-      if (object.italic) {
-        string = <em>{string}</em>;
-      }
-
-      if (object.underline) {
-        string = <u>{string}</u>;
-      }
-
-      if (object.strikethrough) {
-        string = <del>{string}</del>;
-      }
-
-      return string;
-    }
-  },
-};
-
-const findPreviousText = (el) => {
-  if (el.nodeName === '#text') {
-    return el;
-  }
-
-  if (el.previousSibling) {
-    return findPreviousText(el.previousSibling);
-  }
-
-  return null;
-};
-
-export const TEXT_RULE = {
-  deserialize(el) {
-    /**
-     * This needs to be called on the dom element in order to merge the adjacent text nodes together
-     * */
-    el.normalize();
-
-    if (el.tagName && el.tagName.toLowerCase() === 'br') {
-      return jsx('text', {});
-    }
-
-    if (el.nodeName === '#text') {
-      if (el.nodeValue && el.nodeValue.match(/<!--.*?-->/)) return;
-
-      log('[text:deserialize] return text object..');
-      return jsx('text', {}, el.nodeValue);
-    }
-  },
-
-  serialize(obj, children) {
-    if (obj.object === 'string') {
-      return children.split('\n').reduce((array, text, i) => {
-        if (i !== 0) array.push(<br />);
-        array.push(text);
-        return array;
-      }, []);
-    }
-  },
-};
-
-const RULES = [
-  listSerialization,
-  mathSerialization,
-  mediaSerialization,
-  imgSerialization,
-  tableSerialization,
-  responseAreaSerialization,
-  TEXT_RULE,
-  blocks,
-  marks,
-];
-
-function allWhitespace(node) {
-  // Use ECMA-262 Edition 3 String and RegExp features
-  return !/[^\t\n\r ]/.test(node.textContent);
-}
-
-function defaultParseHtml(html) {
-  if (typeof DOMParser === 'undefined') {
-    throw new Error(
-      'The native `DOMParser` global which the `Html` serializer uses by default is not present in this environment. You must supply the `options.parseHtml` function instead.',
-    );
-  }
-
-  const parsed = new DOMParser().parseFromString(html, 'text/html');
-
-  const { body } = parsed;
-  const textNodes = document.createTreeWalker(body, NodeFilter.SHOW_TEXT, null, null);
-  let n = textNodes.nextNode();
-
-  while (n) {
-    if (allWhitespace(n) || n.nodeValue === '\u200B') {
-      n.parentNode.removeChild(n);
-    }
-    n = textNodes.nextNode();
-  }
-
-  return body;
-}
-
-/** If this lib is used on the server side, we need to bypass using the DOMParser - just put in a stub. */
-const parseHtml =
-  typeof window === 'undefined'
-    ? () => ({
-        childNodes: [],
-      })
-    : defaultParseHtml;
-
-const serializer = new TestSerializer({
-  defaultBlock: 'div',
-  rules: RULES,
-  parseHtml,
-});
-
-const _extends =
-  Object.assign ||
-  function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-export const htmlToValue = (html) => {
-  try {
-    return serializer.deserialize(html);
-  } catch (e) {
-    console.log("Couldn't parse html: ", e);
-    return {};
-  }
-};
-
-export const valueToHtml = (value) => serializer.serialize(value);
-
-/**
- *
- * <div><div>a</div></div> -> <div>a</div>
- *
- * <div><div>a</div><div>b</div></div> -> <div>a</div><div>b</div>
- * <div><div>a</div>4444<div>b</div></div> -> <div>a</div>4444<div>b</div>
- */

package/src/plugins/hotKeys/index.js

@@ -1,54 +0,0 @@
-import React from 'react';
-import { Editor } from 'slate';
-import debug from 'debug';
-
-const log = debug('@pie-lib:editable-html:plugins');
-
-const isMarkActive = (editor, format) => {
-  const marks = Editor.marks(editor);
-  return marks ? marks[format] === true : false;
-};
-
-const toggleMark = (editor, format) => {
-  const isActive = isMarkActive(editor, format);
-
-  if (isActive) {
-    Editor.removeMark(editor, format);
-  } else {
-    Editor.addMark(editor, format, true);
-  }
-};
-
-export default function MarkHotkey(options) {
-  const { type, key, icon, tag } = options;
-
-  // Return our "plugin" object, containing the `onKeyDown` handler.
-  return {
-    toolbar: {
-      isMark: true,
-      type,
-      icon,
-      onToggle: (editor) => {
-        log('[onToggleMark] type: ', type);
-        toggleMark(editor, type);
-      },
-    },
-    renderMark(props) {
-      if (props.mark.type === type) {
-        const K = tag || type;
-        return <K>{props.children}</K>;
-      }
-    },
-    onKeyDown(event, change) {
-      // Check that the key pressed matches our `key` option.
-      if (!event.metaKey || event.key !== key) return;
-
-      // Prevent the default characters from being inserted.
-      event.preventDefault();
-
-      // Toggle the mark `type`.
-      change.toggleMark(type);
-      return true;
-    },
-  };
-}

package/src/test-serializer.js

@@ -1,132 +0,0 @@
-import React from 'react';
-import ReactServer from 'react-dom/server';
-import escapeHtml from 'escape-html';
-import { Text } from 'slate';
-import { jsx } from 'slate-hyperscript';
-import { MARK_TAGS } from './new-serialization';
-
-class Html {
-  constructor(props) {
-    this.defaultBlock = props.defaultBlock;
-    this.parseHtml = props.parseHtml;
-    this.rules = props.rules;
-  }
-
-  serializeEls = (node) => {
-    let children = (node.children || []).map((n) => this.serializeEls(n));
-
-    const correctRule = this.rules.reduce((res, rule) => {
-      return res || rule.serialize(node, children);
-    }, null);
-
-    if (correctRule) {
-      return correctRule;
-    }
-
-    switch (node.type) {
-      case 'quote':
-        return (
-          <blockquote>
-            <p>{children}</p>
-          </blockquote>
-        );
-      case 'paragraph':
-        return <p>{children}</p>;
-      case 'link':
-        return <a href={escapeHtml(node.url)}>{children}</a>;
-      default:
-        return children;
-    }
-  };
-
-  serialize = (node) => {
-    const deserialized = this.serializeEls(node);
-    const html = ReactServer.renderToStaticMarkup(React.createElement('body', null, deserialized));
-    const inner = html.slice(6, -7);
-    return inner;
-  };
-
-  deserialize = (html) => {
-    let body = this.parseHtml(html);
-
-    if (
-      !body.firstChild ||
-      body.firstChild.nodeType === Node.TEXT_NODE ||
-      Object.keys(MARK_TAGS).includes(body.firstChild.tagName.toLowerCase())
-    ) {
-      body = this.parseHtml(`<span>${html}</span>`);
-    }
-
-    return this.deserializeEls(body);
-  };
-
-  deserializeEls = (element, markAttributes = {}) => {
-    if (element.nodeType === Node.TEXT_NODE) {
-      return jsx('text', markAttributes, element.textContent);
-    } else if (element.nodeType !== Node.ELEMENT_NODE) {
-      return null;
-    }
-
-    const nodeAttributes = { ...markAttributes };
-
-    // define attributes for text nodes
-    if (element.nodeName === 'STRONG') {
-      nodeAttributes.bold = true;
-    }
-
-    const nextFn = (nodes) => {
-      const childNodes = Array.from(nodes);
-      const children = Array.from(childNodes)
-        .map((node) => this.deserializeEls(node, nodeAttributes))
-        .flat();
-
-      if (children.length === 0) {
-        children.push(jsx('text', nodeAttributes, ''));
-      }
-
-      return children;
-    };
-
-    const correctRule = this.rules.reduce((res, rule) => {
-      return res || rule.deserialize(element, nextFn);
-    }, null);
-
-    if (correctRule) {
-      return correctRule;
-    }
-
-    const childNodes = Array.from(element.childNodes);
-    const children = Array.from(childNodes)
-      .map((node) => this.deserializeEls(node, nodeAttributes))
-      .flat();
-
-    if (children.length === 0) {
-      children.push(jsx('text', nodeAttributes, ''));
-    }
-
-    switch (element.nodeName) {
-      case 'TABLE':
-        return jsx('element', { type: 'table' }, children);
-      case 'TBODY':
-        return jsx('element', { type: 'tbody' }, children);
-      case 'TR':
-        return jsx('element', { type: 'tr' }, children);
-      case 'TD':
-        return jsx('element', { type: 'td' }, children);
-      case 'BODY':
-        return jsx('fragment', {}, children);
-      case 'BR':
-        return '\n';
-      case 'BLOCKQUOTE':
-        return jsx('element', { type: 'quote' }, children);
-      case 'P':
-        return jsx('element', { type: 'paragraph' }, children);
-      case 'A':
-        return jsx('element', { type: 'link', url: element.getAttribute('href') }, children);
-      default:
-        return children;
-    }
-  };
-}
-
-export default Html;