@modusoperandi/licit 0.14.18 → 1.0.1

package/src/client/Licit.test.js

@@ -1,98 +0,0 @@
-import React from 'react';
-import { configure, shallow } from 'enzyme';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
-import Licit, { DataType } from './Licit';
-import RichTextEditor from '../ui/RichTextEditor';
-import { noop } from '@modusoperandi/licit-ui-commands';
-
-/**
- * Configure Jest to use react / enzyme
- */
-configure({
-  adapter: new Adapter(),
-});
-
-describe('<Licit />', () => {
-  let wrapper;
-  let licit;
-
-  // provide an empty document just to shut up that warning
-  const data = {
-    type: 'doc',
-    content: [
-      {
-        type: 'paragraph',
-        content: [{ type: 'text', text: ' ' }],
-      },
-    ],
-  };
-
-  // Mocking the functions used in _onReady
-  const fakeEditorView = {
-    focus: noop,
-    dispatch: noop,
-    state: {
-      doc: {
-        content: { size: 10 },
-        resolve: () => ({
-          min: () => 0,
-          max: () => 10,
-          parent: { inlineContent: true },
-        }),
-        toJSON: () => data,
-      },
-      tr: {
-        setSelection: () => fakeEditorView.state.tr,
-        scrollIntoView: noop,
-      },
-    },
-  };
-
-  beforeEach(() => {
-    wrapper = shallow(<Licit data={data} />);
-    licit = wrapper.instance();
-  });
-
-  it('should render a <RichTextEditor /> ', () => {
-    expect(wrapper.find(RichTextEditor)).toBeTruthy();
-  });
-
-  describe('editorView (getter)', () => {
-    it('should return the prosemirror view', () => {
-      // Using shallow, the underlying RichTexEditor is never really created,
-      // and Licit's _onReady method is not called.  Call it here with the fake
-      // view created above
-      licit._onReady(fakeEditorView);
-
-      // Verify that getter now returns the underlying view.
-      expect(licit.editorView).toBe(fakeEditorView);
-    });
-  });
-});
-
-describe('<Licit with HTML input/>', () => {
-  let wrapper;
-  let licit;
-
-  const HELLO = 'Hello ';
-  const WORLD = 'World';
-  const data =
-    '<p stylename="None">' +
-    HELLO +
-    '<strong overridden="false">' +
-    WORLD +
-    '</strong></p>';
-
-  beforeEach(() => {
-    wrapper = shallow(<Licit data={data} dataType={DataType.HTML} />);
-    licit = wrapper.instance();
-  });
-
-  it('should render a <RichTextEditor /> ', () => {
-    expect(wrapper.find(RichTextEditor)).toBeTruthy();
-  });
-
-  it('should match state text content with the passed in text ', () => {
-    expect(licit.state.editorState.doc.textContent).toBe(HELLO + WORLD);
-  });
-});

package/src/client/Reporter.js

@@ -1,37 +0,0 @@
-/* eslint-disable */
-
-class Reporter {
-  constructor() {
-    this.setAt = 0;
-  }
-
-  clearState() {
-    if (this.state) {
-      this.state = this.node = null;
-      this.setAt = 0;
-    }
-  }
-
-  failure(err) {
-    console.error('fail', err.toString());
-  }
-
-  delay(err) {
-    if (this.state == 'fail') return;
-    console.info('delay', err.toString());
-  }
-
-  show(type, message) {
-    this.clearState();
-    this.state = type;
-    this.setAt = Date.now();
-  }
-
-  success() {
-    if (this.state == 'fail' && this.setAt > Date.now() - 1000 * 10)
-      setTimeout(() => this.success(), 5000);
-    else this.clearState();
-  }
-}
-
-export default Reporter;

package/src/client/SimpleConnector.js

@@ -1,61 +0,0 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { Schema } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
-import ReactDOM from 'react-dom';
-
-export type SetStateCall = (
-  state: { editorState: EditorState },
-  callback: Function
-) => void;
-
-class SimpleConnector {
-  _setState: SetStateCall;
-  _editorState: EditorState;
-  // This flag is used to deteremine if data passed in or not
-  // If not passed in, use the data from collab server when in collab mode.
-  // else use empty content.
-  _dataDefined: boolean;
-
-  constructor(editorState: EditorState, setState: SetStateCall) {
-    this._editorState = editorState;
-    this._setState = setState;
-  }
-
-  onEdit = (transaction: Transform, view: EditorView): void => {
-    ReactDOM.unstable_batchedUpdates(() => {
-      const editorState = this._editorState.apply(transaction);
-      // [FS] IRAD-1236 2020-03-05
-      // The state property should not be directly mutated. Use the updateState method.
-      if (view) {
-        view.updateState(editorState);
-      }
-
-      const state = {
-        editorState,
-        data: transaction.doc.toJSON(),
-      };
-      this._setState(state, () => {
-        this._editorState = editorState;
-      });
-    });
-  };
-
-  // FS IRAD-989 2020-18-06
-  // updating properties should automatically render the changes
-  getState = (): EditorState => {
-    return this._editorState;
-  };
-
-  // FS IRAD-1040 2020-09-02
-  // Send the modified schema to server
-  updateSchema = (schema: Schema, data: any) => {};
-
-  updateContent = (data: any) => {};
-
-  cleanUp = () => {};
-}
-
-export default SimpleConnector;

package/src/client/http.js

@@ -1,70 +0,0 @@
-/* eslint-disable */
-
-// A simple wrapper for XHR.
-export function req(conf) {
-  let req = new XMLHttpRequest(),
-    aborted = false;
-  let result = new Promise((success, failure) => {
-    req.open(conf.method, conf.url, true);
-    req.addEventListener('load', () => {
-      if (aborted) return;
-      if (req.status < 400) {
-        success(req.responseText);
-      } else {
-        let text = req.responseText;
-        if (text && /html/.test(req.getResponseHeader('content-type')))
-          text = makePlain(text);
-        let err = new Error(
-          'Request failed: ' + req.statusText + (text ? '\n\n' + text : '')
-        );
-        err.status = req.status;
-
-        failure(err);
-      }
-    });
-    req.addEventListener('error', () => {
-      if (!aborted) failure(new Error('Network error'));
-    });
-    if (conf.headers)
-      for (let header in conf.headers)
-        req.setRequestHeader(header, conf.headers[header]);
-    req.send(conf.body || null);
-  });
-  result.abort = () => {
-    if (!aborted) {
-      req.abort();
-      aborted = true;
-    }
-  };
-  return result;
-}
-
-function makePlain(html) {
-  var elt = document.createElement('div');
-  elt.innerHTML = html;
-  return elt.textContent.replace(/\n[^]*|\s+$/g, '');
-}
-
-export function GET(url) {
-  return req({ url, method: 'GET' });
-}
-
-export function POST(url, body, type) {
-  return req({ url, method: 'POST', body, headers: { 'Content-Type': type } });
-}
-
-export function PUT(url, body, type) {
-  return req({ url, method: 'PUT', body, headers: { 'Content-Type': type } });
-}
-
-// [FS] IRAD-1128 2021-02-03
-// http DELETE request overrided
-export function DELETE(url, type) {
-  return req({ url, method: 'DELETE', headers: { 'Content-Type': type } });
-}
-
-// [FS] IRAD-1128 2021-02-03
-// http PATCH request overrided
-export function PATCH(url, body, type) {
-  return req({ url, method: 'PATCH', body, headers: { 'Content-Type': type } });
-}

package/src/client/licit.css

@@ -1,12 +0,0 @@
-html {
-  background: #fff;
-  border: 0;
-  border: none;
-  margin: 0;
-}
-
-body {
-  background: #fff;
-  border: none;
-  margin: 0;
-}

package/src/client/throttle.js

@@ -1,27 +0,0 @@
-// @flow
-
-export default function throttle(
-  fn: Function,
-  threshhold: number,
-  context: any
-): Function {
-  let last;
-  let deferTimer: window.TimeoutID;
-  const boundFn = fn.bind(context);
-
-  return function () {
-    const now = Date.now();
-    const args = Array.prototype.slice.call(arguments);
-    if (last && now < last + threshhold) {
-      // hold on to it
-      clearTimeout(deferTimer);
-      deferTimer = setTimeout(() => {
-        last = now;
-        boundFn.apply(null, args);
-      }, threshhold);
-    } else {
-      last = now;
-      boundFn.apply(null, args);
-    }
-  };
-}

package/src/convertFromDOMElement.js

@@ -1,36 +0,0 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { DOMParser } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { Plugin } from 'prosemirror-state';
-
-import { getAttrs } from './DocNodeSpec';
-import EditorPlugins from './EditorPlugins';
-import EditorSchema from './EditorSchema';
-
-export default function convertFromDOMElement(
-  el: HTMLElement,
-  schema: Schema,
-  plugins: Array<Plugin>
-): EditorState {
-  const effectiveSchema = schema || EditorSchema;
-  const effectivePlugins = plugins || EditorPlugins;
-  const bodyEl = el.querySelector('body');
-
-  // https://prosemirror.net/docs/ref/#model.ParseOptions.preserveWhitespace
-  const doc = DOMParser.fromSchema(effectiveSchema).parse(el, {
-    preserveWhitespace: true,
-  });
-
-  if (bodyEl) {
-    // Unfortunately the root node `doc` does not supoort `parseDOM`, thus
-    // we'd have to assign its `attrs` manually.
-    doc.attrs = getAttrs(bodyEl);
-  }
-
-  return EditorState.create({
-    doc,
-    plugins: effectivePlugins,
-  });
-}

package/src/convertFromHTML.js

@@ -1,17 +0,0 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { Plugin } from 'prosemirror-state';
-
-import convertFromDOMElement from './convertFromDOMElement';
-
-export default function convertFromHTML(
-  html: string,
-  schema: Schema,
-  plugins: Array<Plugin>
-): EditorState {
-  const root = document.createElement('html');
-  root.innerHTML = html ? html : ' ';
-  return convertFromDOMElement(root, schema, plugins);
-}

package/src/convertFromJSON.js

@@ -1,56 +0,0 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { Plugin } from 'prosemirror-state';
-import createEmptyEditorState from './createEmptyEditorState';
-
-export default function convertFromJSON(
-  json: Object | string,
-  schema: ?Schema,
-  defaultSchema: Schema,
-  effectivePlugins: Array<Plugin>
-): EditorState {
-  const editorSchema = schema || defaultSchema;
-  let error = false;
-
-  if (typeof json === 'string') {
-    try {
-      json = JSON.parse(json);
-    } catch (ex) {
-      console.error('convertFromJSON:', ex);
-      error = true;
-    }
-  }
-
-  if (!json || typeof json !== 'object') {
-    console.error('convertFromJSON: invalid object', json);
-    error = true;
-  }
-
-  if(error) {
-    // [FS] IRAD-1455 2021-06-16
-    // Use the effectivePlugins, editor hangs, b'coz of missing default core plugins
-    return createEmptyEditorState(
-      schema,
-      defaultSchema,
-      effectivePlugins
-    );
-  }
-
-  // [FS] IRAD-1067 2020-09-19
-  // Handle gracefully when error thrown on invalid json
-  let doc = null;
-
-  try {
-    doc = editorSchema.nodeFromJSON(json);
-  } catch (error) {
-    return null;
-  }
-
-  return EditorState.create({
-    doc: doc,
-    schema: editorSchema,
-    plugins: effectivePlugins,
-  });
-}

package/src/convertToCSSPTValue.js

@@ -1,22 +0,0 @@
-// @flow
-
-const SIZE_PATTERN = /([\d\.]+)(px|pt)/i;
-
-export const PX_TO_PT_RATIO = 0.75292857;
-export const PT_TO_PX_RATIO = 1 / PX_TO_PT_RATIO;
-
-export default function convertToCSSPTValue(styleValue: string): number {
-  const matches = styleValue.match(SIZE_PATTERN);
-  if (!matches) {
-    return 0;
-  }
-  let value = parseFloat(matches[1]);
-  const unit = matches[2];
-  if (!value || !unit) {
-    return 0;
-  }
-  if (unit === 'px') {
-    value = PX_TO_PT_RATIO * value;
-  }
-  return value;
-}

package/src/convertToJSON.js

@@ -1,7 +0,0 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-
-export default function convertToJSON(editorState: EditorState): Object {
-  return editorState.doc.toJSON();
-}

package/src/createCommand.js

@@ -1,40 +0,0 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-
-type ExecuteCall = (
-  state: EditorState,
-  dispatch?: ?(tr: Transform) => void,
-  view?: ?EditorView
-) => boolean;
-
-export default function createCommand(execute: ExecuteCall): UICommand {
-  class CustomCommand extends UICommand {
-    isEnabled = (state: EditorState): boolean => {
-      return this.execute(state);
-    };
-
-    execute = (
-      state: EditorState,
-      dispatch: ?(tr: Transform) => void,
-      view: ?EditorView
-    ): boolean => {
-      const tr = state.tr;
-      let endTr = tr;
-      execute(
-        state,
-        (nextTr) => {
-          endTr = nextTr;
-          dispatch && dispatch(endTr);
-        },
-        view
-      );
-      return endTr.docChanged || tr !== endTr;
-    };
-  }
-  return new CustomCommand();
-}

package/src/createEditorKeyMap.js

@@ -1,94 +0,0 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { EditorView } from 'prosemirror-view';
-
-import * as EditorCommands from './EditorCommands';
-import * as EditorKeyMap from './EditorKeyMap';
-import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
-import type {
-  UserKeyCommand,
-  UserKeyMap,
-} from '@modusoperandi/licit-doc-attrs-step';
-
-const {
-  KEY_BACK_DELETE,
-  KEY_FORWARD_DELETE,
-  // [FS][07-MAY-2020][IRAD-956]
-  // KEY_INSERT_NEW_LINE_IN_BLOCKQUOTE,
-  KEY_INSERT_NEW_LINE_IN_LIST_ITEM,
-  KEY_REDO,
-  KEY_SPLIT_LIST_ITEM,
-  KEY_TAB_SHIFT,
-  KEY_TAB,
-  KEY_TOGGLE_BOLD,
-  KEY_TOGGLE_ITALIC,
-  KEY_TOGGLE_UNDERLINE,
-  KEY_UNDO,
-} = EditorKeyMap;
-
-const {
-  // [FS][07-MAY-2020][IRAD-956]
-  // BLOCKQUOTE_INSERT_NEW_LINE,
-  EM,
-  HISTORY_REDO,
-  HISTORY_UNDO,
-  INDENT_LESS,
-  INDENT_MORE,
-  LIST_ITEM_INSERT_NEW_LINE,
-  LIST_ITEM_MERGE_DOWN,
-  LIST_ITEM_MERGE_UP,
-  LIST_SPLIT,
-  TABLE_MOVE_TO_NEXT_CELL,
-  TABLE_MOVE_TO_PREV_CELL,
-  TEXT_INSERT_TAB_SPACE,
-  STRONG,
-  UNDERLINE,
-} = EditorCommands;
-
-function bindCommands(...commands: Array<UICommand>): UserKeyCommand {
-  return function (
-    state: EditorState,
-    dispatch: ?(tr: Transform) => void,
-    view: ?EditorView
-  ): boolean {
-    return commands.some((cmd) => {
-      if (cmd.isEnabled(state, view, '')) {
-        cmd.execute(state, dispatch, view);
-        return true;
-      }
-      return false;
-    });
-  };
-}
-
-export default function createEditorKeyMap(): UserKeyMap {
-  const result = {
-    [KEY_BACK_DELETE.common]: LIST_ITEM_MERGE_UP.execute,
-    [KEY_FORWARD_DELETE.common]: LIST_ITEM_MERGE_DOWN.execute,
-    [KEY_REDO.common]: HISTORY_REDO.execute,
-    [KEY_SPLIT_LIST_ITEM.common]: LIST_SPLIT.execute,
-    [KEY_TAB.common]: bindCommands(
-      TABLE_MOVE_TO_NEXT_CELL,
-      TEXT_INSERT_TAB_SPACE,
-      INDENT_MORE
-    ),
-    [KEY_TAB_SHIFT.common]: bindCommands(
-      TABLE_MOVE_TO_PREV_CELL,
-      TEXT_INSERT_TAB_SPACE,
-      INDENT_LESS
-    ),
-    [KEY_TOGGLE_BOLD.common]: STRONG.execute,
-    [KEY_TOGGLE_ITALIC.common]: EM.execute,
-    [KEY_TOGGLE_UNDERLINE.common]: UNDERLINE.execute,
-    [KEY_UNDO.common]: HISTORY_UNDO.execute,
-    // [FS][07-MAY-2020][IRAD-956]
-    // [KEY_INSERT_NEW_LINE_IN_BLOCKQUOTE.common]:
-    //   BLOCKQUOTE_INSERT_NEW_LINE.execute,
-    [KEY_INSERT_NEW_LINE_IN_LIST_ITEM.common]:
-      LIST_ITEM_INSERT_NEW_LINE.execute,
-  };
-
-  return result;
-}

package/src/createEmptyEditorState.js

@@ -1,31 +0,0 @@
-// @flow
-
-import { Schema } from 'prosemirror-model';
-import { EditorState } from 'prosemirror-state';
-import { Plugin } from 'prosemirror-state';
-
-import convertFromJSON from './convertFromJSON';
-import EditorSchema from './EditorSchema';
-
-export const EMPTY_DOC_JSON = {
-  type: 'doc',
-  content: [
-    {
-      type: 'paragraph',
-    }, // [FS] IRAD-1710 2022-03-04 - No text content needed
-  ],
-};
-
-export default function createEmptyEditorState(
-  schema: ?Schema,
-  defaultSchema: ?Schema,
-  plugins: Array<Plugin>
-): EditorState {
-  // TODO: Check if schema support doc and paragraph nodes.
-  return convertFromJSON(
-    EMPTY_DOC_JSON,
-    schema,
-    defaultSchema ? defaultSchema : EditorSchema,
-    plugins
-  );
-}