@difizen/libro-codemirror 0.0.2-alpha.0

package/es/factory.d.ts

@@ -0,0 +1,3 @@
+import type { CodeEditorFactory } from '@difizen/libro-code-editor';
+export declare const codeMirrorEditorFactory: CodeEditorFactory;
+//# sourceMappingURL=factory.d.ts.map

package/es/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../src/factory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAkB,MAAM,4BAA4B,CAAC;AAIpF,eAAO,MAAM,uBAAuB,EAAE,iBAKrC,CAAC"}

package/es/factory.js

@@ -0,0 +1,12 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { codeMirrorDefaultConfig, CodeMirrorEditor } from "./editor.js";
+export var codeMirrorEditorFactory = function codeMirrorEditorFactory(options) {
+  return new CodeMirrorEditor(_objectSpread(_objectSpread({}, options), {}, {
+    config: _objectSpread(_objectSpread({}, codeMirrorDefaultConfig), options.config)
+  }));
+};

package/es/hyperlink.d.ts

@@ -0,0 +1,15 @@
+import type { Extension } from '@codemirror/state';
+import type { DecorationSet, ViewUpdate } from '@codemirror/view';
+import { ViewPlugin } from '@codemirror/view';
+export interface HyperLinkState {
+    from: number;
+    to: number;
+    url: string;
+}
+export declare function hyperLinkExtension(): ViewPlugin<{
+    decorations: DecorationSet;
+    update(update: ViewUpdate): void;
+}>;
+export declare const hyperLinkStyle: Extension;
+export declare const hyperLink: Extension;
+//# sourceMappingURL=hyperlink.d.ts.map

package/es/hyperlink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyperlink.d.ts","sourceRoot":"","sources":["../src/hyperlink.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAS,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAsC,MAAM,kBAAkB,CAAC;AAIlF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;CACb;AAqDD,wBAAgB,kBAAkB;;mBAOb,UAAU;GAU9B;AAED,eAAO,MAAM,cAAc,WASzB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,SAAkD,CAAC"}

package/es/hyperlink.js

@@ -0,0 +1,120 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { syntaxTree } from '@codemirror/language';
+import { ViewPlugin, EditorView, Decoration, WidgetType } from '@codemirror/view';
+var pathStr = "<svg viewBox=\"0 0 1024 1024\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M607.934444 417.856853c-6.179746-6.1777-12.766768-11.746532-19.554358-16.910135l-0.01228 0.011256c-6.986111-6.719028-16.47216-10.857279-26.930349-10.857279-21.464871 0-38.864146 17.400299-38.864146 38.864146 0 9.497305 3.411703 18.196431 9.071609 24.947182l-0.001023 0c0.001023 0.001023 0.00307 0.00307 0.005117 0.004093 2.718925 3.242857 5.953595 6.03853 9.585309 8.251941 3.664459 3.021823 7.261381 5.997598 10.624988 9.361205l3.203972 3.204995c40.279379 40.229237 28.254507 109.539812-12.024871 149.820214L371.157763 796.383956c-40.278355 40.229237-105.761766 40.229237-146.042167 0l-3.229554-3.231601c-40.281425-40.278355-40.281425-105.809861 0-145.991002l75.93546-75.909877c9.742898-7.733125 15.997346-19.668968 15.997346-33.072233 0-23.312962-18.898419-42.211381-42.211381-42.211381-8.797363 0-16.963347 2.693342-23.725354 7.297197-0.021489-0.045025-0.044002-0.088004-0.066515-0.134053l-0.809435 0.757247c-2.989077 2.148943-5.691629 4.669346-8.025791 7.510044l-78.913281 73.841775c-74.178443 74.229608-74.178443 195.632609 0 269.758863l3.203972 3.202948c74.178443 74.127278 195.529255 74.127278 269.707698 0l171.829484-171.880649c74.076112-74.17435 80.357166-191.184297 6.282077-265.311575L607.934444 417.856853z\"></path><path d=\"M855.61957 165.804257l-3.203972-3.203972c-74.17742-74.178443-195.528232-74.178443-269.706675 0L410.87944 334.479911c-74.178443 74.178443-78.263481 181.296089-4.085038 255.522628l3.152806 3.104711c3.368724 3.367701 6.865361 6.54302 10.434653 9.588379 2.583848 2.885723 5.618974 5.355985 8.992815 7.309476 0.025583 0.020466 0.052189 0.041956 0.077771 0.062422l0.011256-0.010233c5.377474 3.092431 11.608386 4.870938 18.257829 4.870938 20.263509 0 36.68962-16.428158 36.68962-36.68962 0-5.719258-1.309832-11.132548-3.645017-15.95846l0 0c-4.850471-10.891048-13.930267-17.521049-20.210297-23.802102l-3.15383-3.102664c-40.278355-40.278355-24.982998-98.79612 15.295358-139.074476l171.930791-171.830507c40.179095-40.280402 105.685018-40.280402 145.965419 0l3.206018 3.152806c40.279379 40.281425 40.279379 105.838513 0 146.06775l-75.686796 75.737962c-10.296507 7.628748-16.97358 19.865443-16.97358 33.662681 0 23.12365 18.745946 41.87062 41.87062 41.87062 8.048303 0 15.563464-2.275833 21.944801-6.211469 0.048095 0.081864 0.093121 0.157589 0.141216 0.240477l1.173732-1.083681c3.616364-2.421142 6.828522-5.393847 9.529027-8.792247l79.766718-73.603345C929.798013 361.334535 929.798013 239.981676 855.61957 165.804257z\"></path></svg>";
+var HyperLink = /*#__PURE__*/function (_WidgetType) {
+  _inherits(HyperLink, _WidgetType);
+  var _super = _createSuper(HyperLink);
+  function HyperLink(state) {
+    var _this;
+    _classCallCheck(this, HyperLink);
+    _this = _super.call(this);
+    _this.state = state;
+    return _this;
+  }
+  _createClass(HyperLink, [{
+    key: "eq",
+    value: function eq(other) {
+      return this.state.url === other.state.url && this.state.to === other.state.to && this.state.from === other.state.from;
+    }
+  }, {
+    key: "toDOM",
+    value: function toDOM() {
+      var wrapper = document.createElement('a');
+      wrapper.href = this.state.url;
+      wrapper.target = '__blank';
+      wrapper.innerHTML = pathStr;
+      wrapper.className = 'cm-hyper-link-icon';
+      return wrapper;
+    }
+  }, {
+    key: "ignoreEvent",
+    value: function ignoreEvent() {
+      return false;
+    }
+  }]);
+  return HyperLink;
+}(WidgetType);
+function hyperLinkDecorations(view) {
+  var widgets = [];
+  var _iterator = _createForOfIteratorHelper(view.visibleRanges),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var range = _step.value;
+      syntaxTree(view.state).iterate({
+        from: range.from,
+        to: range.to,
+        enter: function enter(_ref) {
+          var type = _ref.type,
+            from = _ref.from,
+            to = _ref.to;
+          var callExp = view.state.doc.sliceString(from, to);
+          if (type.name === 'URL') {
+            var widget = Decoration.widget({
+              widget: new HyperLink({
+                from: from,
+                to: to,
+                url: callExp
+              }),
+              side: 1
+            });
+            widgets.push(widget.range(to));
+          }
+        }
+      });
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return Decoration.set(widgets);
+}
+export function hyperLinkExtension() {
+  return ViewPlugin.fromClass( /*#__PURE__*/function () {
+    function HyperLinkView(view) {
+      _classCallCheck(this, HyperLinkView);
+      this.decorations = hyperLinkDecorations(view);
+    }
+    _createClass(HyperLinkView, [{
+      key: "update",
+      value: function update(_update) {
+        if (_update.docChanged || _update.viewportChanged) {
+          this.decorations = hyperLinkDecorations(_update.view);
+        }
+      }
+    }]);
+    return HyperLinkView;
+  }(), {
+    decorations: function decorations(v) {
+      return v.decorations;
+    }
+  });
+}
+export var hyperLinkStyle = EditorView.baseTheme({
+  '.cm-hyper-link-icon': {
+    display: 'inline-block',
+    verticalAlign: 'middle',
+    marginLeft: '0.2ch'
+  },
+  '.cm-hyper-link-icon svg': {
+    display: 'block'
+  }
+});
+export var hyperLink = [hyperLinkExtension(), hyperLinkStyle];

package/es/indent.d.ts

@@ -0,0 +1,8 @@
+import type { Command } from '@codemirror/view';
+/**
+ * Indent or insert a tab as appropriate.
+ */
+export declare const indentMoreOrInsertTab: Command;
+export declare const indentOrCompletion: Command;
+export declare const indentOrTooltip: Command;
+//# sourceMappingURL=indent.d.ts.map

package/es/indent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indent.d.ts","sourceRoot":"","sources":["../src/indent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAc,MAAM,kBAAkB,CAAC;AAK5D;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,OAanC,CAAC;AAMF,eAAO,MAAM,kBAAkB,EAAE,OA0BhC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAY7B,CAAC"}

package/es/indent.js

@@ -0,0 +1,58 @@
+import { indentLess, indentMore, insertTab } from '@codemirror/commands';
+import { completionState, startCompletionEffect } from "./auto-complete/state.js";
+import { startTooltip } from "./tooltip.js";
+
+/**
+ * Indent or insert a tab as appropriate.
+ */
+export var indentMoreOrInsertTab = function indentMoreOrInsertTab(view) {
+  var from = view.state.selection.main.from;
+  var to = view.state.selection.main.to;
+  if (from !== to) {
+    return indentMore(view);
+  }
+  var line = view.state.doc.lineAt(from);
+  var before = view.state.doc.slice(line.from, from).toString();
+  if (/^\s*$/.test(before)) {
+    return indentMore(view);
+  } else {
+    return insertTab(view);
+  }
+};
+
+/**
+ * RegExp to test for leading whitespace
+ */
+var leadingWhitespaceRe = /^\s+$/;
+export var indentOrCompletion = function indentOrCompletion(view) {
+  var from = view.state.selection.main.from;
+  var line = view.state.doc.lineAt(from);
+  var shouldIndent = false;
+  if (line.from === from) {
+    shouldIndent = true;
+  } else {
+    shouldIndent = view.state.doc.slice(from - 1, from).toString().match(leadingWhitespaceRe) !== null;
+  }
+  if (shouldIndent) {
+    return indentMoreOrInsertTab(view);
+  } else {
+    var cState = view.state.field(completionState, false);
+    if (!cState) {
+      return false;
+    }
+    view.dispatch({
+      effects: startCompletionEffect.of(true)
+    });
+    return true;
+  }
+};
+export var indentOrTooltip = function indentOrTooltip(view) {
+  var from = view.state.selection.main.from;
+  var line = view.state.doc.lineAt(from);
+  var shouldIndentLess = view.state.doc.slice(line.from, from).toString().match(leadingWhitespaceRe) !== null;
+  if (shouldIndentLess) {
+    return indentLess(view);
+  } else {
+    return startTooltip(view);
+  }
+};

package/es/indentation-markers/config.d.ts

@@ -0,0 +1,17 @@
+import { Facet } from '@codemirror/state';
+export interface IndentationMarkerConfiguration {
+    /**
+     * Determines whether active block marker is styled differently.
+     */
+    highlightActiveBlock?: boolean;
+    /**
+     * Determines whether markers in the first column are omitted.
+     */
+    hideFirstIndent?: boolean;
+    /**
+     * Determines the type of indentation marker.
+     */
+    markerType?: 'fullScope' | 'codeOnly';
+}
+export declare const indentationMarkerConfig: Facet<IndentationMarkerConfiguration, Required<IndentationMarkerConfiguration>>;
+//# sourceMappingURL=config.d.ts.map

package/es/indentation-markers/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/indentation-markers/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;CACvC;AAED,eAAO,MAAM,uBAAuB,iFAWlC,CAAC"}

package/es/indentation-markers/config.js

@@ -0,0 +1,10 @@
+import { combineConfig, Facet } from '@codemirror/state';
+export var indentationMarkerConfig = Facet.define({
+  combine: function combine(configs) {
+    return combineConfig(configs, {
+      highlightActiveBlock: true,
+      hideFirstIndent: false,
+      markerType: 'codeOnly'
+    });
+  }
+});

package/es/indentation-markers/index.d.ts

@@ -0,0 +1,3 @@
+import type { IndentationMarkerConfiguration } from './config.js';
+export declare function indentationMarkers(config?: IndentationMarkerConfiguration): import("@codemirror/state").Extension[];
+//# sourceMappingURL=index.d.ts.map

package/es/indentation-markers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/indentation-markers/index.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAgLlE,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,8BAAmC,2CAQ7E"}

package/es/indentation-markers/index.js

@@ -0,0 +1,160 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { getIndentUnit } from '@codemirror/language';
+import { RangeSetBuilder } from '@codemirror/state';
+import { Decoration, ViewPlugin, EditorView } from '@codemirror/view';
+import { indentationMarkerConfig } from "./config.js";
+import { IndentationMap } from "./map.js";
+import { getCurrentLine, getVisibleLines } from "./utils.js";
+
+// CSS classes:
+// - .cm-indent-markers
+
+// CSS variables:
+// - --indent-marker-bg-part
+// - --indent-marker-active-bg-part
+
+/** Color of inactive indent markers. Based on RUI's var(--background-higher) */
+var MARKER_COLOR_LIGHT = '#5f6064';
+var MARKER_COLOR_DARK = '#5f6064';
+
+/** Color of active indent markers. Based on RUI's var(--background-highest) */
+var MARKER_COLOR_ACTIVE_LIGHT = '#A4AECB';
+var MARKER_COLOR_ACTIVE_DARK = '#565C6D';
+
+/** Thickness of indent markers. Probably should be integer pixel values. */
+var MARKER_THICKNESS = '1px';
+var indentTheme = EditorView.baseTheme({
+  '&light': {
+    '--indent-marker-bg-color': MARKER_COLOR_LIGHT,
+    '--indent-marker-active-bg-color': MARKER_COLOR_ACTIVE_LIGHT
+  },
+  '&dark': {
+    '--indent-marker-bg-color': MARKER_COLOR_DARK,
+    '--indent-marker-active-bg-color': MARKER_COLOR_ACTIVE_DARK
+  },
+  '.cm-line': {
+    position: 'relative'
+  },
+  // this pseudo-element is used to draw the indent markers,
+  // while still allowing the line to have its own background.
+  '.cm-indent-markers::before': {
+    content: '""',
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    background: 'var(--indent-markers)',
+    pointerEvents: 'none',
+    zIndex: '-1'
+  }
+});
+function createGradient(markerCssProperty, indentWidth, startOffset, columns) {
+  var gradient = "repeating-linear-gradient(to right, var(".concat(markerCssProperty, ") 0 ").concat(MARKER_THICKNESS, ", transparent ").concat(MARKER_THICKNESS, " ").concat(indentWidth, "ch)");
+  // Subtract one pixel from the background width to get rid of artifacts of pixel rounding
+  return "".concat(gradient, " ").concat(startOffset * indentWidth, "ch/calc(").concat(indentWidth * columns, "ch - 1px) no-repeat");
+}
+
+// libro 没有使用codemirror的dark theme机制
+// const indentMarkerBgColor = '--indent-marker-bg-color';
+// const indentMarkerActiveBgColor = '--indent-marker-active-bg-color';
+var indentMarkerBgColor = '--mana-libro-editor-indent-marker-bg-color';
+var indentMarkerActiveBgColor = '--mana-libro-editor-indent-marker-active-bg-color';
+function makeBackgroundCSS(entry, indentWidth, hideFirstIndent) {
+  var level = entry.level,
+    active = entry.active;
+  if (hideFirstIndent && level === 0) {
+    return [];
+  }
+  var startAt = hideFirstIndent ? 1 : 0;
+  var backgrounds = [];
+  if (active !== undefined) {
+    var markersBeforeActive = active - startAt - 1;
+    if (markersBeforeActive > 0) {
+      backgrounds.push(createGradient(indentMarkerBgColor, indentWidth, startAt, markersBeforeActive));
+    }
+    backgrounds.push(createGradient(indentMarkerActiveBgColor, indentWidth, active - 1, 1));
+    if (active !== level) {
+      backgrounds.push(createGradient(indentMarkerBgColor, indentWidth, active, level - active));
+    }
+  } else {
+    backgrounds.push(createGradient(indentMarkerBgColor, indentWidth, startAt, level - startAt));
+  }
+  return backgrounds.join(',');
+}
+var IndentMarkersClass = /*#__PURE__*/function () {
+  function IndentMarkersClass(view) {
+    _classCallCheck(this, IndentMarkersClass);
+    this.view = view;
+    this.unitWidth = getIndentUnit(view.state);
+    this.currentLineNumber = getCurrentLine(view.state).number;
+    this.generate(view.state);
+  }
+  _createClass(IndentMarkersClass, [{
+    key: "update",
+    value: function update(_update) {
+      var unitWidth = getIndentUnit(_update.state);
+      var unitWidthChanged = unitWidth !== this.unitWidth;
+      if (unitWidthChanged) {
+        this.unitWidth = unitWidth;
+      }
+      var lineNumber = getCurrentLine(_update.state).number;
+      var lineNumberChanged = lineNumber !== this.currentLineNumber;
+      this.currentLineNumber = lineNumber;
+      var activeBlockUpdateRequired = _update.state.facet(indentationMarkerConfig).highlightActiveBlock && lineNumberChanged;
+      if (_update.docChanged || _update.viewportChanged || unitWidthChanged || activeBlockUpdateRequired) {
+        this.generate(_update.state);
+      }
+    }
+  }, {
+    key: "generate",
+    value: function generate(state) {
+      var builder = new RangeSetBuilder();
+      var lines = getVisibleLines(this.view, state);
+      var _state$facet = state.facet(indentationMarkerConfig),
+        hideFirstIndent = _state$facet.hideFirstIndent,
+        markerType = _state$facet.markerType;
+      var map = new IndentationMap(lines, state, this.unitWidth, markerType);
+      var _iterator = _createForOfIteratorHelper(lines),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var line = _step.value;
+          var entry = map.get(line.number);
+          if (!(entry !== null && entry !== void 0 && entry.level)) {
+            continue;
+          }
+          var backgrounds = makeBackgroundCSS(entry, this.unitWidth, hideFirstIndent);
+          builder.add(line.from, line.from, Decoration.line({
+            class: 'cm-indent-markers',
+            attributes: {
+              style: "--indent-markers: ".concat(backgrounds)
+            }
+          }));
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      this.decorations = builder.finish();
+    }
+  }]);
+  return IndentMarkersClass;
+}();
+export function indentationMarkers() {
+  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return [indentationMarkerConfig.of(config), indentTheme, ViewPlugin.fromClass(IndentMarkersClass, {
+    decorations: function decorations(v) {
+      return v.decorations;
+    }
+  })];
+}

package/es/indentation-markers/map.d.ts

@@ -0,0 +1,77 @@
+import type { EditorState, Line } from '@codemirror/state';
+export interface IndentEntry {
+    line: Line;
+    col: number;
+    level: number;
+    empty: boolean;
+    active?: number;
+}
+/**
+ * Indentation map for a set of lines.
+ *
+ * This map will contain the indentation for lines that are not a part of the given set,
+ * but this is because calculating the indentation for those lines was necessary to
+ * calculate the indentation for the lines provided to the constructor.
+ *
+ * @see {@link IndentEntry}
+ */
+export declare class IndentationMap {
+    /** The {@link EditorState} indentation is derived from. */
+    private state;
+    /** The set of lines that are used as an entrypoint. */
+    private lines;
+    /** The internal mapping of line numbers to {@link IndentEntry} objects. */
+    private map;
+    /** The width of the editor's indent unit. */
+    private unitWidth;
+    /** The type of indentation to use (terminate at end of scope vs last non-empty line in scope) */
+    private markerType;
+    /**
+     * @param lines - The set of lines to get the indentation map for.
+     * @param state - The {@link EditorState} to derive the indentation map from.
+     * @param unitWidth - The width of the editor's indent unit.
+     * @param markerType - The type of indentation to use (terminate at end of scope vs last line of code in scope)
+     */
+    constructor(lines: Set<Line>, state: EditorState, unitWidth: number, markerType: 'fullScope' | 'codeOnly');
+    /**
+     * Checks if the indentation map has an entry for the given line.
+     *
+     * @param line - The {@link Line} or line number to check for.
+     */
+    has(line: Line | number): boolean;
+    /**
+     * Returns the {@link IndentEntry} for the given line.
+     *
+     * Note that this function will throw an error if the line does not exist in the map.
+     *
+     * @param line - The {@link Line} or line number to get the entry for.
+     */
+    get(line: Line | number): IndentEntry;
+    /**
+     * Sets the {@link IndentEntry} for the given line.
+     *
+     * @param line - The {@link Line} to set the entry for.
+     * @param col - The visual beginning whitespace width of the line.
+     * @param level - The indentation level of the line.
+     */
+    private set;
+    /**
+     * Adds a line to the indentation map.
+     *
+     * @param line - The {@link Line} to add to the map.
+     */
+    private add;
+    /**
+     * Finds the closest non-empty line, starting from the given line.
+     *
+     * @param from - The {@link Line} to start from.
+     * @param dir - The direction to search in. Either `1` or `-1`.
+     */
+    private closestNonEmpty;
+    /**
+     * Finds the state's active block (via the current selection) and sets all
+     * the active indent level for the lines in the block.
+     */
+    private findAndSetActiveLines;
+}
+//# sourceMappingURL=map.d.ts.map

package/es/indentation-markers/map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"map.d.ts","sourceRoot":"","sources":["../../src/indentation-markers/map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAK3D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,qBAAa,cAAc;IACzB,2DAA2D;IAC3D,OAAO,CAAC,KAAK,CAAc;IAE3B,uDAAuD;IACvD,OAAO,CAAC,KAAK,CAAY;IAEzB,2EAA2E;IAC3E,OAAO,CAAC,GAAG,CAA2B;IAEtC,6CAA6C;IAC7C,OAAO,CAAC,SAAS,CAAS;IAE1B,iGAAiG;IACjG,OAAO,CAAC,UAAU,CAA2B;IAE7C;;;;;OAKG;gBAED,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,EAChB,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,WAAW,GAAG,UAAU;IAiBtC;;;;OAIG;IACH,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAIvB;;;;;;OAMG;IACH,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAUvB;;;;;;OAMG;IACH,OAAO,CAAC,GAAG;IAQX;;;;OAIG;IACH,OAAO,CAAC,GAAG;IAkDX;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAoCvB;;;OAGG;IACH,OAAO,CAAC,qBAAqB;CAiE9B"}