@atlaskit/editor-core 171.0.0 → 172.0.1

package/dist/esm/plugins/code-block/nodeviews/highlighting-code-block.js

@@ -1,178 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import ReactDOM from 'react-dom';
-import { DOMSerializer } from 'prosemirror-model';
-import { CodeBlock } from '@atlaskit/code';
-import { codeBlockClassNames } from '../ui/class-names';
-import React from 'react';
-import { percentile } from '../../../utils/performance/percentile';
-var GUTTER = ".".concat(codeBlockClassNames.gutter);
-var HIGHLIGHT = ".".concat(codeBlockClassNames.highlighting);
-var CONTENT = ".".concat(codeBlockClassNames.content);
-var NOOP_LANGUAGES = [null, undefined, 'none', 'plaintext'];
-
-var toDOM = function toDOM(node) {
-  return ['div', {
-    class: 'code-block'
-  }, ['div', {
-    class: codeBlockClassNames.gutter,
-    contenteditable: 'false'
-  }], ['div', {
-    class: codeBlockClassNames.content,
-    'data-debounce': 'false'
-  }, ['code', {
-    'data-language': node.attrs.language || '',
-    spellcheck: 'false',
-    contenteditable: 'true'
-  }, 0], ['div', {
-    class: codeBlockClassNames.highlighting,
-    contenteditable: 'false'
-  }]]];
-};
-
-export var CodeBlockView = /*#__PURE__*/function () {
-  function CodeBlockView(_node, view, getPos, codeBidiWarningOptions) {
-    var _this = this;
-
-    _classCallCheck(this, CodeBlockView);
-
-    _defineProperty(this, "highlighting", null);
-
-    _defineProperty(this, "highlighter", null);
-
-    _defineProperty(this, "measurements", []);
-
-    _defineProperty(this, "count", 0);
-
-    _defineProperty(this, "shouldDebounce", false);
-
-    _defineProperty(this, "timer", null);
-
-    _defineProperty(this, "ensureLineNumbers", function () {
-      var node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.node;
-      var lines = node.textContent.split('\n').length;
-
-      while (_this.lineNumberGutter.childElementCount < lines) {
-        _this.lineNumberGutter.appendChild(document.createElement('span'));
-      }
-
-      while (_this.lineNumberGutter.childElementCount > lines) {
-        _this.lineNumberGutter.removeChild(_this.lineNumberGutter.lastChild);
-      }
-    });
-
-    var _DOMSerializer$render = DOMSerializer.renderSpec(document, toDOM(_node)),
-        dom = _DOMSerializer$render.dom,
-        contentDOM = _DOMSerializer$render.contentDOM;
-
-    this.codeBidiWarningOptions = codeBidiWarningOptions;
-    this.getPos = getPos;
-    this.view = view;
-    this.node = _node;
-    this.dom = dom;
-    this.contentDOM = contentDOM;
-    this.lineNumberGutter = this.dom.querySelector(GUTTER);
-    this.ensureLineNumbers();
-    this.highlight(_node);
-  }
-
-  _createClass(CodeBlockView, [{
-    key: "measure",
-    value: function measure(measurement) {
-      var index = this.count % 10;
-      this.count++;
-      this.measurements[index] = measurement;
-    }
-  }, {
-    key: "highlight",
-    value: function highlight() {
-      var _this2 = this,
-          _percentile2,
-          _percentile3;
-
-      var node = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.node;
-      var forced = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-      if (NOOP_LANGUAGES.includes(node.attrs.language)) {
-        return;
-      }
-
-      var highlighting = this.dom.querySelector(HIGHLIGHT);
-      var content = this.dom.querySelector(CONTENT);
-
-      if (this.timer) {
-        clearTimeout(this.timer);
-      }
-
-      if (this.shouldDebounce && !forced && content) {
-        var _percentile;
-
-        content.setAttribute('data-debounce', 'true');
-        this.timer = setTimeout(function () {
-          return _this2.highlight(node, true);
-        }, ((_percentile = percentile(this.measurements, 0.99)) !== null && _percentile !== void 0 ? _percentile : 100) * 10);
-        return;
-      }
-
-      var start = performance.now();
-      ReactDOM.render( /*#__PURE__*/React.createElement(CodeBlock, {
-        text: node.textContent,
-        language: node.attrs.language,
-        showLineNumbers: false,
-        codeBidiWarnings: this.codeBidiWarningOptions.enabled,
-        codeBidiWarningLabel: this.codeBidiWarningOptions.label,
-        codeBidiWarningTooltipEnabled: this.codeBidiWarningOptions.tooltipEnabled
-      }), highlighting);
-      this.measure(performance.now() - start);
-      content === null || content === void 0 ? void 0 : content.setAttribute('data-debounce', 'false');
-      this.shouldDebounce = ((_percentile2 = percentile(this.measurements, 0.99)) !== null && _percentile2 !== void 0 ? _percentile2 : 0) >= 100 || ((_percentile3 = percentile(this.measurements, 0.95)) !== null && _percentile3 !== void 0 ? _percentile3 : 0) >= 30;
-    }
-  }, {
-    key: "update",
-    value: function update(node) {
-      if (node.type !== this.node.type) {
-        return false;
-      }
-
-      if (node.textContent !== this.node.textContent) {
-        this.ensureLineNumbers(node);
-      }
-
-      if (node.attrs.language !== this.node.attrs.language) {
-        this.contentDOM.setAttribute('data-language', node.attrs.language || '');
-      }
-
-      if (node.textContent !== this.node.textContent || node.attrs.language !== this.node.attrs.language) {
-        this.highlight(node);
-      }
-
-      this.node = node;
-      return true;
-    }
-  }, {
-    key: "ignoreMutation",
-    value: function ignoreMutation(record) {
-      var _this$highlighting$co, _this$highlighting;
-
-      var lineNumberChanges = record.target === this.lineNumberGutter || record.target.parentNode === this.lineNumberGutter;
-      var outsideTheCodeBlockChanges = (_this$highlighting$co = (_this$highlighting = this.highlighting) === null || _this$highlighting === void 0 ? void 0 : _this$highlighting.contains(record.target)) !== null && _this$highlighting$co !== void 0 ? _this$highlighting$co : false;
-      var codeBidiWarningDecorationChanges = record.type === 'attributes' && record.attributeName === 'aria-describedby';
-      return lineNumberChanges || outsideTheCodeBlockChanges || codeBidiWarningDecorationChanges;
-    }
-  }]);
-
-  return CodeBlockView;
-}();
-export var highlightingCodeBlockNodeView = function highlightingCodeBlockNodeView(_ref) {
-  var codeBidiWarnings = _ref.codeBidiWarnings,
-      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
-      codeBidiWarningTooltipEnabled = _ref.codeBidiWarningTooltipEnabled;
-  return function (node, view, getPos) {
-    return new CodeBlockView(node, view, getPos, {
-      label: codeBidiWarningLabel,
-      enabled: codeBidiWarnings,
-      tooltipEnabled: codeBidiWarningTooltipEnabled
-    });
-  };
-};

package/dist/esm/utils/check-if-mobile-bridge.js

@@ -1,12 +0,0 @@
-export function checkIfMobileBridge() {
-  /**
-   * This variable is setup on mobile prior to the editor being
-   * rendered.
-   *
-   * -- packages/editor/editor-mobile-bridge/src/editor/native-to-web/bridge-initialiser.ts
-   * - packages/editor/editor-mobile-bridge/src/__tests__/integration-webview/_mocks/editor-component.tsx
-   */
-  var isMobileBridge = typeof window !== 'undefined' && 'bridge' in window && // @ts-ignore
-  'mediaMap' in window.bridge;
-  return isMobileBridge;
-}

package/dist/types/plugins/code-block/nodeviews/highlighting-code-block.d.ts

@@ -1,48 +0,0 @@
-import { EditorView } from 'prosemirror-view';
-import { Node } from 'prosemirror-model';
-import { getPosHandlerNode, getPosHandler } from '../../../nodeviews/';
-import React from 'react';
-declare type CodeBidiWarningOptions = {
-    label: string;
-    /**
-     * Intended to be disabled when used in a mobile view, such as in the editor
-     * via mobile bridge, where the tooltip could end up being cut off of otherwise
-     * not work as expected.
-     */
-    tooltipEnabled: boolean;
-    /**
-     * Indicates if code bidi warning should be used, was created to allow
-     * disabling code bidi warnings via a feature flag in products.
-     */
-    enabled?: boolean;
-};
-export declare class CodeBlockView {
-    node: Node;
-    dom: HTMLElement;
-    contentDOM: HTMLElement;
-    lineNumberGutter: HTMLElement;
-    highlighting: HTMLElement | null;
-    highlighter: React.ReactElement | null;
-    getPos: getPosHandlerNode;
-    view: EditorView;
-    codeBidiWarningOptions: CodeBidiWarningOptions;
-    measurements: number[];
-    count: number;
-    shouldDebounce: boolean;
-    timer: number | null;
-    constructor(node: Node, view: EditorView, getPos: getPosHandlerNode, codeBidiWarningOptions: CodeBidiWarningOptions);
-    private measure;
-    private highlight;
-    private ensureLineNumbers;
-    update(node: Node): boolean;
-    ignoreMutation(record: MutationRecord | {
-        type: 'selection';
-        target: Element;
-    }): boolean;
-}
-export declare const highlightingCodeBlockNodeView: ({ codeBidiWarnings, codeBidiWarningLabel, codeBidiWarningTooltipEnabled, }: {
-    codeBidiWarnings?: boolean | undefined;
-    codeBidiWarningLabel: string;
-    codeBidiWarningTooltipEnabled: boolean;
-}) => (node: Node, view: EditorView, getPos: getPosHandler) => CodeBlockView;
-export {};

package/dist/types/utils/check-if-mobile-bridge.d.ts

@@ -1 +0,0 @@
-export declare function checkIfMobileBridge(): boolean;