@modusoperandi/licit 1.0.9 → 1.0.11

package/client/Licit.js

@@ -34,6 +34,7 @@ import DefaultEditorPlugins from '../buildEditorPlugins.js';
 import EditorMarks from '../EditorMarks.js';
 import EditorNodes from '../EditorNodes.js';
 import convertFromHTML from '../convertFromHTML.js';
+import DocLayoutCommand from '../DocLayoutCommand.js';
 export var DataType = Object.freeze({
   JSON: Symbol('json'),
   HTML: Symbol('html')
@@ -211,6 +212,13 @@ var Licit = /*#__PURE__*/function (_React$Component) {
       view.dispatch(tr.setSelection(TextSelection.atEnd(view.state.doc)).scrollIntoView());
       view.focus();
     });
+    /**
+     * Method to open page layout
+     */
+    _defineProperty(_this, "pageLayout", function (state) {
+      var DOC_LAYOUT = new DocLayoutCommand();
+      DOC_LAYOUT.waitForUserInput(state);
+    });
     _this.initialize(_props);
     return _this;
   }

package/client/Licit.js.flow

@@ -23,6 +23,7 @@ import DefaultEditorPlugins from '../buildEditorPlugins.js';
 import EditorMarks from '../EditorMarks.js';
 import EditorNodes from '../EditorNodes.js';
 import convertFromHTML from '../convertFromHTML.js';
+import DocLayoutCommand from '../DocLayoutCommand.js';
 
 export const DataType = Object.freeze({
   JSON: Symbol('json'),
@@ -605,6 +606,14 @@ class Licit extends React.Component<any, any> {
     );
     view.focus();
   };
+
+  /**
+   * Method to open page layout
+   */
+  pageLayout = (state: EditorState): void => {
+    const DOC_LAYOUT = new DocLayoutCommand();
+    DOC_LAYOUT.waitForUserInput(state);
+  };
 }
 
 export default Licit;

package/index.d.ts

@@ -91,6 +91,8 @@ export class Licit extends React.Component<any, any> {
   exportPDF();
 
   goToEnd(): void;
+
+  pageLayout(state: EditorState): void;
 }
 
 // from './Types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "type": "module",
   "subversion": "1",
   "description": "Rich text editor built with React and ProseMirror",
@@ -17,7 +17,7 @@
     "test:coverage": "jest --coverage",
     "build:bom": "cyclonedx-npm --ignore-npm-errors --short-PURLs --output-format XML --output-file dist/bom.xml",
     "build:clean": "rm -rf dist/ && rm -f modusoperandi-licit-*.*.*.tgz",
-    "build:css": "cp src/ui/*.css dist/ui && cp src/ui/mathquill-editor/*.css dist/ui/mathquill-editor && cp src/client/*.css dist/client && cp src/*.css dist",
+    "build:css": "cp src/ui/*.css dist/ui && cp src/client/*.css dist/client && cp src/*.css dist",
     "build:fonts": "mkdirp ./dist/fonts && cp -r src/fonts/* dist/fonts",
     "build:babel": "babel src --out-dir dist",
     "build:flow": "flow-copy-source -v -i '**/__tests__/**' src dist",
@@ -110,7 +110,7 @@
     "write-file-webpack-plugin": "^4.5.1"
   },
   "dependencies": {
-    "@modusoperandi/color-picker": "^1.0.1",
+    "@modusoperandi/color-picker": "^1.0.4",
     "body-parser": "^1.19.0",
     "browserkeymap": "^2.0.2",
     "flatted": "^3.1.0",
@@ -118,8 +118,6 @@
     "formidable": "^3.5.1",
     "invariant": "^2.2.4",
     "jquery": "^3.5.1",
-    "katex": "^0.16.9",
-    "node-mathquill": "^0.10.2",
     "react-tooltip": "^5.28.0",
     "resize-observer-polyfill": "^1.5.1",
     "smooth-scroll-into-view-if-needed": "^2.0.2",
@@ -128,7 +126,7 @@
     "webfontloader": "^1.6.28"
   },
   "peerDependencies": {
-    "@modusoperandi/licit-ui-commands": "^1.0.0",
+    "@modusoperandi/licit-ui-commands": "^1.0.8",
     "jquery": "^3.5.1",
     "prosemirror-collab": "^1.2.2",
     "prosemirror-tables": "^1.2.5"

package/styles.css

@@ -30,8 +30,6 @@
 @import './ui/czi-selection-placeholder.css';
 @import './ui/czi-table-cell-menu.css';
 @import './ui/czi-table-grid-size-editor.css';
-@import './ui/mathquill-editor/czi-mathquill-editor.css';
-@import './ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css';
 @import './client/licit.css';
 
 /* [FS] IRAD-1061 2020-09-19 */
@@ -39,9 +37,6 @@
 /* Now loaded locally, so that it work in closed network as well. */
 @import './ui/fonts.css';
 @import './ui/icon-font.css';
-@import '~node-mathquill/build/mathquill.css';
-@import '~katex/dist/katex.min.css';
-
 @import '~prosemirror-gapcursor/style/gapcursor.css';
 @import '~prosemirror-view/style/prosemirror.css';
 @import '~react-tooltip/dist/react-tooltip.css';

package/ui/DocLayoutEditor.js

@@ -98,16 +98,6 @@ var DocLayoutEditor = /*#__PURE__*/function (_React$PureComponent) {
         label: "A4 - Landscape",
         onSelect: this._onSelect,
         value: LAYOUT.A4_LANDSCAPE
-      }), /*#__PURE__*/React.createElement(CustomRadioButton, {
-        checked: selectedValue === LAYOUT.DESKTOP_SCREEN_4_3,
-        label: "4:3 Desktop Screen",
-        onSelect: this._onSelect,
-        value: LAYOUT.DESKTOP_SCREEN_4_3
-      }), /*#__PURE__*/React.createElement(CustomRadioButton, {
-        checked: selectedValue === LAYOUT.DESKTOP_SCREEN_16_9,
-        label: "16:9 Desktop Screen",
-        onSelect: this._onSelect,
-        value: LAYOUT.DESKTOP_SCREEN_16_9
       }), customOption), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
         className: "czi-form-buttons"
       }, /*#__PURE__*/React.createElement(CustomButton, {

package/ui/DocLayoutEditor.js.flow

@@ -97,18 +97,6 @@ class DocLayoutEditor extends React.PureComponent<any, any> {
               onSelect={this._onSelect}
               value={LAYOUT.A4_LANDSCAPE}
             />
-            <CustomRadioButton
-              checked={selectedValue === LAYOUT.DESKTOP_SCREEN_4_3}
-              label="4:3 Desktop Screen"
-              onSelect={this._onSelect}
-              value={LAYOUT.DESKTOP_SCREEN_4_3}
-            />
-            <CustomRadioButton
-              checked={selectedValue === LAYOUT.DESKTOP_SCREEN_16_9}
-              label="16:9 Desktop Screen"
-              onSelect={this._onSelect}
-              value={LAYOUT.DESKTOP_SCREEN_16_9}
-            />
             {customOption}
           </fieldset>
           <hr />

package/ui/Editor.js

@@ -22,7 +22,7 @@ import { EditorView } from 'prosemirror-view';
 import * as React from 'react';
 import webfontloader from 'webfontloader';
 import { exportJSON, registerEditorView, registeryKeys, releaseEditorView } from '../CZIProseMirror.js';
-import { BOOKMARK, LIST_ITEM, MATH } from '../NodeNames.js';
+import { BOOKMARK, LIST_ITEM } from '../NodeNames.js';
 import WebFontLoader from '../WebFontLoader.js';
 import { preLoadFonts } from '../FontTypeMarkSpec.js';
 import createEmptyEditorState from '../createEmptyEditorState.js';
@@ -31,7 +31,6 @@ import BookmarkNodeView from './BookmarkNodeView.js';
 import CustomEditorView from './CustomEditorView.js';
 import CustomNodeView from './CustomNodeView.js';
 import ListItemNodeView from './ListItemNodeView.js';
-import MathNodeView from './MathNodeView.js';
 import handleEditorDrop from './handleEditorDrop.js';
 import handleEditorKeyDown from './handleEditorKeyDown.js';
 import handleEditorPaste from './handleEditorPaste.js';
@@ -66,7 +65,7 @@ window.CZIProseMirror = {
 var AUTO_FOCUS_DELAY = 350;
 
 // Default custom node views.
-export var DEFAULT_NODE_VIEWS = Object.freeze(_defineProperty(_defineProperty(_defineProperty({}, MATH, MathNodeView), BOOKMARK, BookmarkNodeView), LIST_ITEM, ListItemNodeView));
+export var DEFAULT_NODE_VIEWS = Object.freeze(_defineProperty(_defineProperty({}, BOOKMARK, BookmarkNodeView), LIST_ITEM, ListItemNodeView));
 var EDITOR_EMPTY_STATE = Object.freeze(createEmptyEditorState());
 
 // Monkey patch the `scrollIntoView` mathod of 'Transaction'.

package/ui/Editor.js.flow

@@ -14,7 +14,7 @@ import {
   registeryKeys,
   releaseEditorView,
 } from '../CZIProseMirror.js';
-import { BOOKMARK, LIST_ITEM, MATH } from '../NodeNames.js';
+import { BOOKMARK, LIST_ITEM } from '../NodeNames.js';
 import WebFontLoader from '../WebFontLoader.js';
 import { preLoadFonts } from '../FontTypeMarkSpec.js';
 import createEmptyEditorState from '../createEmptyEditorState.js';
@@ -23,7 +23,6 @@ import BookmarkNodeView from './BookmarkNodeView.js';
 import CustomEditorView from './CustomEditorView.js';
 import CustomNodeView from './CustomNodeView.js';
 import ListItemNodeView from './ListItemNodeView.js';
-import MathNodeView from './MathNodeView.js';
 import handleEditorDrop from './handleEditorDrop.js';
 import handleEditorKeyDown from './handleEditorKeyDown.js';
 import handleEditorPaste from './handleEditorPaste.js';
@@ -57,7 +56,6 @@ const AUTO_FOCUS_DELAY = 350;
 
 // Default custom node views.
 export const DEFAULT_NODE_VIEWS = Object.freeze({
-  [MATH]: MathNodeView,
   [BOOKMARK]: BookmarkNodeView,
   [LIST_ITEM]: ListItemNodeView,
 });

package/ui/EditorToolbarConfig.js

@@ -31,7 +31,6 @@ export function parseLabel(input) {
   };
 }
 var CLEAR_FORMAT = EditorCommands.CLEAR_FORMAT,
-  DOC_LAYOUT = EditorCommands.DOC_LAYOUT,
   EM = EditorCommands.EM,
   HISTORY_REDO = EditorCommands.HISTORY_REDO,
   HISTORY_UNDO = EditorCommands.HISTORY_UNDO,
@@ -39,7 +38,6 @@ var CLEAR_FORMAT = EditorCommands.CLEAR_FORMAT,
   INDENT_LESS = EditorCommands.INDENT_LESS,
   INDENT_MORE = EditorCommands.INDENT_MORE,
   LINK_SET_URL = EditorCommands.LINK_SET_URL,
-  MATH_EDIT = EditorCommands.MATH_EDIT,
   STRIKE = EditorCommands.STRIKE,
   STRONG = EditorCommands.STRONG,
   SUPER = EditorCommands.SUPER,
@@ -128,14 +126,16 @@ export var COMMAND_GROUPS = [{
 }, {
   '[link] Apply link': LINK_SET_URL,
   '[grid_on] Table...': TABLE_COMMANDS_GROUP,
-  '[hr] Horizontal line': HR,
-  '[functions] Math': MATH_EDIT
+  '[hr] Horizontal line': HR
 
   // [FS][07-MAY-2020][IRAD-956]
   // '[format_quote] Block quote': BLOCKQUOTE_TOGGLE,
-}, {
-  '[settings_overscan] Page layout': DOC_LAYOUT
-}, {
+},
+// Removed page layout icon from Editor
+// {
+//   '[settings_overscan] Page layout': DOC_LAYOUT,
+// },
+{
   '[undo] Undo': HISTORY_UNDO,
   '[redo] Redo': HISTORY_REDO
 }];

package/ui/EditorToolbarConfig.js.flow

@@ -35,7 +35,6 @@ const {
   // [FS][07-MAY-2020][IRAD-956]
   // BLOCKQUOTE_TOGGLE,
   CLEAR_FORMAT,
-  DOC_LAYOUT,
   EM,
   HISTORY_REDO,
   HISTORY_UNDO,
@@ -43,7 +42,6 @@ const {
   INDENT_LESS,
   INDENT_MORE,
   LINK_SET_URL,
-  MATH_EDIT,
   STRIKE,
   STRONG,
   SUPER,
@@ -149,14 +147,14 @@ export const COMMAND_GROUPS = [
     '[link] Apply link': LINK_SET_URL,
     '[grid_on] Table...': TABLE_COMMANDS_GROUP,
     '[hr] Horizontal line': HR,
-    '[functions] Math': MATH_EDIT,
 
     // [FS][07-MAY-2020][IRAD-956]
     // '[format_quote] Block quote': BLOCKQUOTE_TOGGLE,
   },
-  {
-    '[settings_overscan] Page layout': DOC_LAYOUT,
-  },
+  // Removed page layout icon from Editor
+  // {
+  //   '[settings_overscan] Page layout': DOC_LAYOUT,
+  // },
   {
     '[undo] Undo': HISTORY_UNDO,
     '[redo] Redo': HISTORY_REDO,

package/ui/czi-editor.css

@@ -102,18 +102,6 @@
   width: var(--czi-doc-width-a4-landscape);
 }
 
-.ProseMirror[data-layout='desktop_screen_4_3'] {
-  min-height: 90vh;
-  padding: var(--czi-doc-padding-default);
-  width: var(--czi-doc-width-us-desktop-screen-4-3);
-}
-
-.ProseMirror[data-layout='desktop_screen_16_9'] {
-  min-height: 80vh;
-  padding: var(--czi-doc-padding-default);
-  width: var(--czi-doc-width-us-desktop-screen-16-9);
-}
-
 .prosemirror-editor-wrapper.embedded .ProseMirror {
   background: unset;
   border-radius: unset;

package/MathEditCommand.js

@@ -1,114 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { Fragment, Schema } from 'prosemirror-model';
-import { EditorState, TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-// eslint-disable-next-line no-unused-vars
-import * as React from 'react';
-import { hideCursorPlaceholder, showCursorPlaceholder } from './CursorPlaceholderPlugin.js';
-import { MATH } from './NodeNames.js';
-import MathEditor from './ui/MathEditor.js';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import { createPopUp } from '@modusoperandi/licit-ui-commands';
-function insertMath(tr, schema, latex) {
-  var _tr = tr,
-    selection = _tr.selection;
-  if (!selection) {
-    return tr;
-  }
-  var from = selection.from,
-    to = selection.to;
-  if (from !== to) {
-    return tr;
-  }
-  var image = schema.nodes[MATH];
-  if (!image) {
-    return tr;
-  }
-  var attrs = {
-    latex: latex
-  };
-  var node = image.create(attrs, null, null);
-  var frag = Fragment.from(node);
-  tr = tr.insert(from, frag);
-  return tr;
-}
-var MathEditCommand = /*#__PURE__*/function (_UICommand) {
-  function MathEditCommand() {
-    var _this;
-    _classCallCheck(this, MathEditCommand);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, MathEditCommand, [].concat(args));
-    _defineProperty(_this, "_popUp", null);
-    _defineProperty(_this, "isEnabled", function (state, view) {
-      var tr = state;
-      var selection = tr.selection;
-      if (selection instanceof TextSelection) {
-        return selection.from === selection.to;
-      }
-      return false;
-    });
-    _defineProperty(_this, "waitForUserInput", function (state, dispatch, view, event) {
-      if (_this._popUp) {
-        return Promise.resolve(undefined);
-      }
-      if (dispatch) {
-        dispatch(showCursorPlaceholder(state));
-      }
-      return new Promise(function (resolve) {
-        var props = {
-          runtime: view ? view.runtime : null,
-          initialValue: null
-        };
-        _this._popUp = createPopUp(MathEditor, props, {
-          modal: true,
-          onClose: function onClose(val) {
-            if (_this._popUp) {
-              _this._popUp = null;
-              resolve(val);
-            }
-          }
-        });
-      });
-    });
-    _defineProperty(_this, "executeWithUserInput", function (state, dispatch, view, latex) {
-      if (dispatch) {
-        var selection = state.selection,
-          schema = state.schema;
-        var _tr2 = state.tr;
-        _tr2 = view ? hideCursorPlaceholder(view.state) : _tr2;
-        _tr2 = _tr2.setSelection(selection);
-        if (latex) {
-          _tr2 = insertMath(_tr2, schema, latex);
-        }
-        dispatch(_tr2);
-        view && view.focus();
-      }
-      return false;
-    });
-    return _this;
-  }
-  _inherits(MathEditCommand, _UICommand);
-  return _createClass(MathEditCommand, [{
-    key: "cancel",
-    value: function cancel() {
-      return null;
-    }
-  }]);
-}(UICommand);
-export default MathEditCommand;

package/MathEditCommand.js.flow

@@ -1,119 +0,0 @@
-// @flow
-
-import { Fragment, Schema } from 'prosemirror-model';
-import { EditorState, TextSelection } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-// eslint-disable-next-line no-unused-vars
-import * as React from 'react';
-
-import {
-  hideCursorPlaceholder,
-  showCursorPlaceholder,
-} from './CursorPlaceholderPlugin.js';
-import {
-  MATH
-} from './NodeNames.js';
-import MathEditor from './ui/MathEditor.js';
-import {
-  UICommand
-} from '@modusoperandi/licit-doc-attrs-step';
-import {
-  createPopUp
-} from '@modusoperandi/licit-ui-commands';
-
-function insertMath(tr: Transform, schema: Schema, latex: ?string): Transform {
-  const { selection } = tr;
-  if (!selection) {
-    return tr;
-  }
-  const { from, to } = selection;
-  if (from !== to) {
-    return tr;
-  }
-
-  const image = schema.nodes[MATH];
-  if (!image) {
-    return tr;
-  }
-
-  const attrs = {
-    latex,
-  };
-
-  const node = image.create(attrs, null, null);
-  const frag = Fragment.from(node);
-  tr = tr.insert(from, frag);
-  return tr;
-}
-
-class MathEditCommand extends UICommand {
-  _popUp = null;
-
-  isEnabled = (state: EditorState, view: ?EditorView): boolean => {
-    const tr = state;
-    const { selection } = tr;
-    if (selection instanceof TextSelection) {
-      return selection.from === selection.to;
-    }
-    return false;
-  };
-
-  waitForUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    event: ?SyntheticEvent<>
-  ): Promise<any> => {
-    if (this._popUp) {
-      return Promise.resolve(undefined);
-    }
-
-    if (dispatch) {
-      dispatch(showCursorPlaceholder(state));
-    }
-
-    return new Promise((resolve) => {
-      const props = {
-        runtime: view ? view.runtime : null,
-        initialValue: null,
-      };
-      this._popUp = createPopUp(MathEditor, props, {
-        modal: true,
-        onClose: (val) => {
-          if (this._popUp) {
-            this._popUp = null;
-            resolve(val);
-          }
-        },
-      });
-    });
-  };
-
-  executeWithUserInput = (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView,
-    latex: ?string
-  ): boolean => {
-    if (dispatch) {
-      const { selection, schema } = state;
-      let { tr } = state;
-      tr = view ? hideCursorPlaceholder(view.state) : tr;
-      tr = tr.setSelection(selection);
-      if (latex) {
-        tr = insertMath(tr, schema, latex);
-      }
-      dispatch(tr);
-      view && view.focus();
-    }
-
-    return false;
-  };
-
-  cancel(): void {
-    return null;
-  }
-}
-
-export default MathEditCommand;

package/MathNodeSpec.js

@@ -1,49 +0,0 @@
-function getAttrs(dom) {
-  var align = dom.getAttribute('data-align') || dom.getAttribute('align');
-  if (align) {
-    align = /(left|right|center)/.test(align) ? align : null;
-  }
-  return {
-    align: align,
-    latex: dom.getAttribute('data-latex') || null
-  };
-}
-var MathNodeSpec = {
-  inline: true,
-  attrs: {
-    align: {
-      "default": null
-    },
-    latex: {
-      "default": ''
-    }
-  },
-  group: 'inline',
-  draggable: true,
-  parseDOM: [{
-    tag: 'math[data-latex]',
-    getAttrs: getAttrs
-  }, {
-    tag: 'span[data-latex]',
-    getAttrs: getAttrs
-  }],
-  toDOM: function toDOM(node) {
-    // Normally, the DOM structure of the math node is rendered by
-    // `MathNodeView`. This method is only called when user selects a
-    // math node and copies it, which triggers the "serialize to HTML" flow that
-    // calles this method.
-    var _node$attrs = node.attrs,
-      align = _node$attrs.align,
-      latex = _node$attrs.latex;
-    var domAttrs = {};
-    if (align) {
-      domAttrs.align = align;
-    }
-    if (latex) {
-      domAttrs['data-latex'] = latex;
-    }
-    return ['span', domAttrs];
-  }
-};
-export default MathNodeSpec;
-import { bpfrpt_proptype_NodeSpec } from "./Types.js";

package/MathNodeSpec.js.flow

@@ -1,46 +0,0 @@
-// @flow
-
-import type { NodeSpec } from './Types.js';
-
-function getAttrs(dom: HTMLElement) {
-  let align = dom.getAttribute('data-align') || dom.getAttribute('align');
-  if (align) {
-    align = /(left|right|center)/.test(align) ? align : null;
-  }
-
-  return {
-    align,
-    latex: dom.getAttribute('data-latex') || null,
-  };
-}
-
-const MathNodeSpec: NodeSpec = {
-  inline: true,
-  attrs: {
-    align: { default: null },
-    latex: { default: '' },
-  },
-  group: 'inline',
-  draggable: true,
-  parseDOM: [
-    { tag: 'math[data-latex]', getAttrs },
-    { tag: 'span[data-latex]', getAttrs },
-  ],
-  toDOM(node) {
-    // Normally, the DOM structure of the math node is rendered by
-    // `MathNodeView`. This method is only called when user selects a
-    // math node and copies it, which triggers the "serialize to HTML" flow that
-    // calles this method.
-    const { align, latex } = node.attrs;
-    const domAttrs = {};
-    if (align) {
-      domAttrs.align = align;
-    }
-    if (latex) {
-      domAttrs['data-latex'] = latex;
-    }
-    return ['span', domAttrs];
-  },
-};
-
-export default MathNodeSpec;