@atlaskit/editor-plugin-code-block-advanced 1.0.0

package/dist/cjs/nodeviews/extensions/keymap/index.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.keymapExtension = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _commands = require("@codemirror/commands");
+var _view = require("@codemirror/view");
+var _commands2 = require("@atlaskit/editor-prosemirror/commands");
+var _history = require("@atlaskit/editor-prosemirror/history");
+var _backspace = require("./backspace");
+var _maybeEscape = require("./maybeEscape");
+var keymapExtension = exports.keymapExtension = function keymapExtension(_ref) {
+  var view = _ref.view,
+    getNode = _ref.getNode,
+    getPos = _ref.getPos,
+    selectCodeBlockNode = _ref.selectCodeBlockNode,
+    onMaybeNodeSelection = _ref.onMaybeNodeSelection;
+  return _view.keymap.of(codeBlockKeymap({
+    view: view,
+    getNode: getNode,
+    getPos: getPos,
+    selectCodeBlockNode: selectCodeBlockNode,
+    onMaybeNodeSelection: onMaybeNodeSelection
+  }));
+};
+var codeBlockKeymap = function codeBlockKeymap(_ref2) {
+  var view = _ref2.view,
+    getNode = _ref2.getNode,
+    getPos = _ref2.getPos,
+    selectCodeBlockNode = _ref2.selectCodeBlockNode,
+    onMaybeNodeSelection = _ref2.onMaybeNodeSelection;
+  return [{
+    key: 'ArrowUp',
+    run: function run(cm) {
+      return (0, _maybeEscape.maybeEscapeKeymap)({
+        unit: 'line',
+        dir: -1,
+        cm: cm,
+        view: view,
+        getNode: getNode,
+        getPos: getPos,
+        selectCodeBlockNode: selectCodeBlockNode,
+        onMaybeNodeSelection: onMaybeNodeSelection
+      });
+    }
+  }, {
+    key: 'ArrowLeft',
+    run: function run(cm) {
+      return (0, _maybeEscape.maybeEscapeKeymap)({
+        unit: 'char',
+        dir: -1,
+        cm: cm,
+        view: view,
+        getNode: getNode,
+        getPos: getPos,
+        selectCodeBlockNode: selectCodeBlockNode,
+        onMaybeNodeSelection: onMaybeNodeSelection
+      });
+    }
+  }, {
+    key: 'ArrowDown',
+    run: function run(cm) {
+      return (0, _maybeEscape.maybeEscapeKeymap)({
+        unit: 'line',
+        dir: 1,
+        cm: cm,
+        view: view,
+        getNode: getNode,
+        getPos: getPos,
+        selectCodeBlockNode: selectCodeBlockNode,
+        onMaybeNodeSelection: onMaybeNodeSelection
+      });
+    }
+  }, {
+    key: 'ArrowRight',
+    run: function run(cm) {
+      return (0, _maybeEscape.maybeEscapeKeymap)({
+        unit: 'char',
+        dir: 1,
+        cm: cm,
+        view: view,
+        getNode: getNode,
+        getPos: getPos,
+        selectCodeBlockNode: selectCodeBlockNode,
+        onMaybeNodeSelection: onMaybeNodeSelection
+      });
+    }
+  }, {
+    key: 'Ctrl-Enter',
+    run: function run() {
+      if (!(0, _commands2.exitCode)(view.state, view.dispatch)) {
+        return false;
+      }
+      view.focus();
+      return true;
+    }
+  }, {
+    key: 'Ctrl-z',
+    mac: 'Cmd-z',
+    run: function run() {
+      return (0, _history.undo)(view.state, view.dispatch);
+    }
+  }, {
+    key: 'Shift-Ctrl-z',
+    mac: 'Shift-Cmd-z',
+    run: function run() {
+      return (0, _history.redo)(view.state, view.dispatch);
+    }
+  }, {
+    key: 'Ctrl-y',
+    mac: 'Cmd-y',
+    run: function run() {
+      return (0, _history.redo)(view.state, view.dispatch);
+    }
+  }, {
+    key: 'Backspace',
+    run: function run(cm) {
+      return (0, _backspace.backspaceKeymap)({
+        cm: cm,
+        view: view,
+        getNode: getNode,
+        getPos: getPos
+      });
+    }
+  }].concat((0, _toConsumableArray2.default)(_commands.defaultKeymap.concat(_commands.indentWithTab)));
+};

package/dist/cjs/nodeviews/extensions/keymap/maybeEscape.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.maybeEscapeKeymap = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _selection = require("@atlaskit/editor-common/selection");
+var _state = require("@atlaskit/editor-prosemirror/state");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var maybeEscapeKeymap = exports.maybeEscapeKeymap = function maybeEscapeKeymap(_ref) {
+  var _getPos;
+  var unit = _ref.unit,
+    dir = _ref.dir,
+    view = _ref.view,
+    cm = _ref.cm,
+    getPos = _ref.getPos,
+    getNode = _ref.getNode,
+    onMaybeNodeSelection = _ref.onMaybeNodeSelection,
+    selectCodeBlockNode = _ref.selectCodeBlockNode;
+  if (unit === 'char') {
+    onMaybeNodeSelection();
+  }
+  var node = getNode();
+  var state = cm.state;
+  var main = state.selection.main;
+  if (!main.empty) {
+    return false;
+  }
+  if (unit === 'line') {
+    main = _objectSpread(_objectSpread({}, state.doc.lineAt(main.head)), {}, {
+      head: 0,
+      empty: false
+    });
+  }
+  if (dir < 0 ? main.from > 0 : main.to < state.doc.length) {
+    return false;
+  }
+  var targetPos = ((_getPos = getPos === null || getPos === void 0 ? void 0 : getPos()) !== null && _getPos !== void 0 ? _getPos : 0) + (dir < 0 ? 0 : node.nodeSize);
+  if (unit === 'char') {
+    view.focus();
+    selectCodeBlockNode(dir === -1 ? _selection.RelativeSelectionPos.Start : _selection.RelativeSelectionPos.End);
+    return true;
+  } else {
+    createParagraphIfEndOfDoc(view, targetPos);
+    var tr = view.state.tr;
+    var selection = _state.Selection.near(tr.doc.resolve(targetPos), dir);
+    tr.setSelection(selection).scrollIntoView();
+    view.dispatch(tr);
+    view.focus();
+    return true;
+  }
+};
+var createParagraphIfEndOfDoc = function createParagraphIfEndOfDoc(view, targetPos) {
+  if (targetPos === view.state.doc.content.size) {
+    var paragraph = view.state.schema.nodes.paragraph.createChecked({});
+    var tr = view.state.tr.insert(targetPos, paragraph);
+    // Note: we purposefully do a multi-dispatch here, otherwise we get stuck in codemirror
+    view.dispatch(tr);
+  }
+};

package/dist/cjs/nodeviews/languages/languageMap.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapLanguageToCodeMirror = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _language = require("@codemirror/language");
+var _languageData = require("@codemirror/language-data");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// getLanguageIdentifier defines `language.alias[0]`
+var mapLanguageToCodeMirror = exports.mapLanguageToCodeMirror = function mapLanguageToCodeMirror(language) {
+  if (!language || language === 'none') {
+    return undefined;
+  }
+  switch (language) {
+    case 'coldfusion':
+      return _languageData.languages.find(function (l) {
+        return l.name.toLowerCase() === 'xml';
+      });
+    case 'matlab':
+      return _languageData.languages.find(function (l) {
+        return l.name.toLowerCase() === 'octave';
+      });
+    case 'javafx':
+      return _languageData.languages.find(function (l) {
+        return l.name.toLowerCase() === 'java';
+      });
+    case 'vbnet':
+      return _languageData.languages.find(function (l) {
+        return l.name === 'VB.NET';
+      });
+    case 'pas':
+      return _languageData.languages.find(function (l) {
+        return l.name.toLowerCase() === 'pascal';
+      });
+    case 'cuda':
+      return _languageData.languages.find(function (l) {
+        return l.name.toLowerCase() === 'c++';
+      });
+    case 'racket':
+      return _languageData.languages.find(function (l) {
+        return l.name === 'Common Lisp';
+      });
+    case 'abap':
+      return _languageData.languages.find(function (l) {
+        return l.name === 'SQL';
+      });
+    case 'standardmL':
+      return _languageData.languages.find(function (l) {
+        return l.name === 'SML';
+      });
+    case 'objective-j':
+      return _languageData.languages.find(function (l) {
+        return l.name === 'Objective-C';
+      });
+    case 'docker':
+      return _languageData.languages.find(function (l) {
+        return l.name === 'Dockerfile';
+      });
+    case 'arduino':
+      return _languageData.languages.find(function (l) {
+        return l.name === 'C++';
+      });
+    case 'visualbasic':
+      return _languageData.languages.find(function (l) {
+        return l.name === 'VB.NET';
+      });
+    case 'elixir':
+      return _language.LanguageDescription.of({
+        name: 'Elixir',
+        load: function load() {
+          return Promise.resolve().then(function () {
+            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_@atlaskit/editor-plugin-code-block-advanced-lang-elixir" */
+            'codemirror-lang-elixir'));
+          }).then(function (m) {
+            return m.elixir();
+          });
+        }
+      });
+    case 'graphql':
+      return _language.LanguageDescription.of({
+        name: 'GraphQL',
+        load: function load() {
+          return Promise.resolve().then(function () {
+            return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_@atlaskit/editor-plugin-code-block-advanced-lang-graphql" */
+            'cm6-graphql'));
+          }).then(function (m) {
+            return m.graphqlLanguageSupport();
+          });
+        }
+      });
+    default:
+      return _languageData.languages.find(function (l) {
+        return l.alias.includes(language) || l.name.toLowerCase() === (language === null || language === void 0 ? void 0 : language.toLowerCase());
+      });
+  }
+};

package/dist/cjs/nodeviews/languages/loader.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LanguageLoader = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _languageMap = require("./languageMap");
+/**
+ * Manages loading the languages (for syntax highlighting, etc.)
+ * from CodeMirror and updating the language in the CodeMirror view
+ */
+var LanguageLoader = exports.LanguageLoader = /*#__PURE__*/function () {
+  function LanguageLoader(updateLanguageCompartment) {
+    (0, _classCallCheck2.default)(this, LanguageLoader);
+    (0, _defineProperty2.default)(this, "languageName", '');
+    this.updateLanguageCompartment = updateLanguageCompartment;
+  }
+  return (0, _createClass2.default)(LanguageLoader, [{
+    key: "updateLanguage",
+    value: function updateLanguage(languageName) {
+      var _this = this;
+      if (languageName === this.languageName) {
+        return;
+      }
+      var language = (0, _languageMap.mapLanguageToCodeMirror)(languageName);
+      var configureEmpty = function configureEmpty() {
+        _this.updateLanguageCompartment([]);
+        _this.languageName = '';
+      };
+      if (!language) {
+        configureEmpty();
+        return;
+      }
+      language.load().then(function (lang) {
+        if (lang) {
+          _this.updateLanguageCompartment(lang);
+          _this.languageName = languageName;
+        } else {
+          configureEmpty();
+        }
+      }).catch(function () {
+        configureEmpty();
+      });
+    }
+  }]);
+}();

package/dist/cjs/nodeviews/lazyCodeBlockAdvanced.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lazyCodeBlockView = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var lazyCodeBlockView = exports.lazyCodeBlockView = function lazyCodeBlockView(props) {
+  return (0, _lazyNodeView.withLazyLoading)({
+    nodeName: 'codeBlock',
+    getNodeViewOptions: function getNodeViewOptions() {},
+    loader: function loader() {
+      var result = Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-code-block-advanced-nodeview" */
+        './codeBlockAdvanced'));
+      }).then(function (_ref) {
+        var getCodeBlockAdvancedNodeView = _ref.getCodeBlockAdvancedNodeView;
+        return function (node, view, getPos) {
+          return getCodeBlockAdvancedNodeView(props)(node, view, getPos);
+        };
+      });
+      return result;
+    }
+  });
+};

package/dist/cjs/pm-plugins/main.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlugin = void 0;
+var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _lazyCodeBlockAdvanced = require("../nodeviews/lazyCodeBlockAdvanced");
+var createPlugin = exports.createPlugin = function createPlugin(props) {
+  return new _safePlugin.SafePlugin({
+    props: {
+      nodeViews: {
+        codeBlock: (0, _lazyCodeBlockAdvanced.lazyCodeBlockView)(props)
+      }
+    }
+  });
+};

package/dist/cjs/ui/syntaxHighlightingTheme.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.highlightStyle = void 0;
+var _language = require("@codemirror/language");
+var _highlight = require("@lezer/highlight");
+// Based on `platform/packages/design-system/code/src/internal/theme/styles.tsx`
+var highlightStyle = exports.highlightStyle = _language.HighlightStyle.define([{
+  tag: _highlight.tags.meta,
+  color: "var(--ds-text, #172B4D)"
+}, {
+  tag: _highlight.tags.link,
+  textDecoration: 'underline'
+}, {
+  tag: _highlight.tags.heading,
+  textDecoration: 'underline',
+  // Custom syntax styling to match existing styling
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  fontWeight: "var(--ds-font-weight-bold, 700)"
+}, {
+  tag: _highlight.tags.emphasis,
+  fontStyle: 'italic'
+}, {
+  tag: _highlight.tags.strong,
+  // Custom syntax styling to match existing styling
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  fontWeight: "var(--ds-font-weight-bold, 700)"
+}, {
+  tag: _highlight.tags.strikethrough,
+  textDecoration: 'line-through'
+}, {
+  tag: _highlight.tags.keyword,
+  color: "var(--ds-text-accent-blue, #0055CC)",
+  // Custom syntax styling to match existing styling
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  fontWeight: "var(--ds-font-weight-bold, 700)"
+}, {
+  tag: [_highlight.tags.atom, _highlight.tags.bool, _highlight.tags.url, _highlight.tags.contentSeparator, _highlight.tags.labelName],
+  color: "var(--ds-text-accent-blue, #0055CC)"
+}, {
+  tag: [_highlight.tags.literal, _highlight.tags.inserted],
+  color: "var(--ds-text-accent-blue, #0055CC)"
+}, {
+  tag: [_highlight.tags.string, _highlight.tags.deleted],
+  color: "var(--ds-text-accent-green, #216E4E)"
+}, {
+  tag: [_highlight.tags.regexp, _highlight.tags.escape, _highlight.tags.special(_highlight.tags.string)],
+  color: "var(--ds-text, #172B4D)"
+}, {
+  tag: _highlight.tags.definition(_highlight.tags.variableName),
+  color: "var(--ds-text, #172B4D)"
+}, {
+  tag: _highlight.tags.local(_highlight.tags.variableName),
+  color: "var(--ds-text, #172B4D)"
+}, {
+  tag: [_highlight.tags.typeName, _highlight.tags.namespace],
+  color: "var(--ds-text-accent-blue, #0055CC)"
+}, {
+  tag: _highlight.tags.className,
+  color: "var(--ds-text-accent-purple, #5E4DB2)"
+}, {
+  tag: [_highlight.tags.special(_highlight.tags.variableName), _highlight.tags.macroName],
+  color: "var(--ds-text, #172B4D)"
+}, {
+  tag: _highlight.tags.definition(_highlight.tags.propertyName),
+  color: "var(--ds-text, #172B4D)"
+}, {
+  tag: _highlight.tags.comment,
+  color: "var(--ds-text-subtlest, #626F86)",
+  fontStyle: 'italic'
+}, {
+  tag: _highlight.tags.invalid,
+  color: "var(--ds-text, #172B4D)"
+}]);

package/dist/cjs/ui/theme.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cmTheme = void 0;
+var _view = require("@codemirror/view");
+var cmTheme = exports.cmTheme = _view.EditorView.theme({
+  '&': {
+    backgroundColor: "var(--ds-background-neutral, #091E420F)",
+    padding: '0',
+    marginTop: "var(--ds-space-100, 8px)",
+    marginBottom: "var(--ds-space-100, 8px)",
+    borderRadius: "var(--ds-border-radius, 4px)",
+    fontSize: '0.875rem',
+    // Custom syntax styling to match existing styling
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    lineHeight: '1.5rem'
+  },
+  '&.cm-focused': {
+    outline: 'none'
+  },
+  '.cm-line': {
+    padding: '0'
+  },
+  '&.cm-editor.code-block.danger': {
+    backgroundColor: "var(--ds-background-danger, #FFECEB)"
+  },
+  '.cm-content': {
+    cursor: 'text',
+    caretColor: "var(--ds-text, #172B4D)",
+    margin: "var(--ds-space-100, 8px)",
+    padding: "var(--ds-space-0, 0px)"
+  },
+  '.cm-scroller': {
+    backgroundColor: "var(--ds-background-neutral, #091E420F)",
+    // Custom syntax styling to match existing styling
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    lineHeight: 'unset',
+    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
+  },
+  '&.cm-focused .cm-cursor': {
+    borderLeftColor: "var(--ds-text, #172B4D)"
+  },
+  '.cm-gutters': {
+    backgroundColor: "var(--ds-background-neutral, #091E420F)",
+    border: 'none',
+    padding: "var(--ds-space-100, 8px)"
+  },
+  '.cm-lineNumbers .cm-gutterElement': {
+    paddingLeft: "var(--ds-space-0, 0px)",
+    paddingRight: "var(--ds-space-0, 0px)",
+    minWidth: 'unset'
+  }
+});

package/dist/es2019/codeBlockAdvancedPlugin.js

@@ -0,0 +1,26 @@
+import { codeBlockNodeWithFixedToDOM } from './nodeviews/codeBlockNodeWithToDOMFixed';
+import { createPlugin } from './pm-plugins/main';
+export const codeBlockAdvancedPlugin = ({
+  api,
+  config
+}) => ({
+  name: 'codeBlockAdvanced',
+  nodes() {
+    return [{
+      name: 'codeBlock',
+      node: codeBlockNodeWithFixedToDOM()
+    }];
+  },
+  pmPlugins() {
+    return [{
+      name: 'codeBlockAdvancedPlugin',
+      plugin: () => {
+        var _config$extensions;
+        return createPlugin({
+          api,
+          extensions: (_config$extensions = config === null || config === void 0 ? void 0 : config.extensions) !== null && _config$extensions !== void 0 ? _config$extensions : []
+        });
+      }
+    }];
+  }
+});

package/dist/es2019/codeBlockAdvancedPluginType.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/index.js

@@ -0,0 +1,4 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+// Entry file in package.json
+
+export { codeBlockAdvancedPlugin } from './codeBlockAdvancedPlugin';