@lobehub/editor 4.5.0 → 4.6.0

package/es/plugins/slash/service/i-slash-service.d.ts

@@ -1,61 +0,0 @@
-import { DropdownMenuItemType } from '@lobehub/ui';
-import Fuse, { type IFuseOptions } from 'fuse.js';
-import type { IEditor, IEditorKernel, IServiceID } from "../../../types";
-import { getBasicTypeaheadTriggerMatch } from '../utils/utils';
-export type ISlashDividerOption = {
-    type: 'divider';
-};
-export interface ISlashMenuOption extends DropdownMenuItemType {
-    metadata?: Record<string, any>;
-    onSelect?: (editor: IEditor, matchingString: string) => void;
-}
-export type ISlashOption = ISlashMenuOption | ISlashDividerOption;
-export interface SlashOptions {
-    allowWhitespace?: boolean;
-    /**
-     * Complete Fuse.js configuration options
-     * @example
-     * {
-     *   keys: ['key', 'label', 'description'],
-     *   threshold: 0.3,
-     *   includeScore: true,
-     *   includeMatches: true
-     * }
-     */
-    fuseOptions?: IFuseOptions<ISlashMenuOption>;
-    items: Array<ISlashOption> | ((search: {
-        leadOffset: number;
-        matchingString: string;
-        replaceableString: string;
-    } | null) => Promise<Array<ISlashOption>>);
-    maxLength?: number;
-    minLength?: number;
-    punctuation?: string;
-    /**
-     * Fuse.js search keys for fuzzy matching
-     * Default is ['key']
-     * @example ['key', 'label', 'description']
-     * @deprecated Use fuseOptions instead
-     */
-    searchKeys?: string[];
-    trigger: string;
-}
-export interface ISlashService {
-    registerSlash(options: SlashOptions): void;
-    updateOptions(options: SlashOptions[]): void;
-}
-export declare const ISlashService: IServiceID<ISlashService>;
-export declare class SlashService implements ISlashService {
-    private kernel;
-    private triggerMap;
-    private triggerFnMap;
-    private triggerFuseMap;
-    private logger;
-    constructor(kernel: IEditorKernel);
-    registerSlash(options: SlashOptions, update?: boolean): void;
-    removeAllOptions(): void;
-    updateOptions(options: SlashOptions[]): void;
-    getSlashOptions(trigger: string): SlashOptions | undefined;
-    getSlashTriggerFn(trigger: string): ReturnType<typeof getBasicTypeaheadTriggerMatch> | undefined;
-    getSlashFuse(trigger: string): Fuse<ISlashOption> | undefined;
-}

package/es/plugins/slash/service/i-slash-service.js

@@ -1,91 +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(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 _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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
-/* eslint-disable no-redeclare */
-/* eslint-disable @typescript-eslint/no-redeclare */
-
-import Fuse from 'fuse.js';
-import { genServiceId } from "../../../editor-kernel";
-import { createDebugLogger } from "../../../utils/debug";
-import { getBasicTypeaheadTriggerMatch } from "../utils/utils";
-export var ISlashService = genServiceId('SlashService');
-export var SlashService = /*#__PURE__*/function () {
-  function SlashService(kernel) {
-    _classCallCheck(this, SlashService);
-    _defineProperty(this, "triggerMap", new Map());
-    _defineProperty(this, "triggerFnMap", new Map());
-    _defineProperty(this, "triggerFuseMap", new Map());
-    _defineProperty(this, "logger", createDebugLogger('service', 'slash'));
-    this.kernel = kernel;
-  }
-  // Specific service methods can be added here
-  _createClass(SlashService, [{
-    key: "registerSlash",
-    value: function registerSlash(options) {
-      var update = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      if (this.triggerMap.has(options.trigger) && !update) {
-        if (this.kernel.isHotReloadMode()) {
-          this.logger.warn("\uD83D\uDD04 Overriding slash trigger \"".concat(options.trigger, "\""));
-        } else {
-          throw new Error("Slash trigger \"".concat(options.trigger, "\" is already registered."));
-        }
-      }
-      this.triggerMap.set(options.trigger, options);
-      this.triggerFnMap.set(options.trigger, getBasicTypeaheadTriggerMatch(options.trigger, {
-        allowWhitespace: options.allowWhitespace,
-        maxLength: options.maxLength,
-        minLength: options.minLength,
-        punctuation: options.punctuation
-      }));
-      this.logger.debug("\u26A1 Slash trigger: ".concat(options.trigger));
-      if (Array.isArray(options.items)) {
-        // Filter out divider items for search functionality
-        var searchableItems = options.items.filter(function (item) {
-          return !('type' in item) || item.type !== 'divider';
-        });
-
-        // Use fuseOptions if provided, otherwise fallback to searchKeys or default
-        var fuseConfig = options.fuseOptions || {
-          keys: options.searchKeys || ['key']
-        };
-        this.triggerFuseMap.set(options.trigger, new Fuse(searchableItems, fuseConfig));
-      }
-    }
-  }, {
-    key: "removeAllOptions",
-    value: function removeAllOptions() {
-      this.triggerMap.clear();
-      this.triggerFnMap.clear();
-      this.triggerFuseMap.clear();
-    }
-  }, {
-    key: "updateOptions",
-    value: function updateOptions(options) {
-      var _this = this;
-      this.removeAllOptions();
-      options.forEach(function (option) {
-        _this.registerSlash(option);
-      });
-    }
-  }, {
-    key: "getSlashOptions",
-    value: function getSlashOptions(trigger) {
-      return this.triggerMap.get(trigger);
-    }
-  }, {
-    key: "getSlashTriggerFn",
-    value: function getSlashTriggerFn(trigger) {
-      return this.triggerFnMap.get(trigger);
-    }
-  }, {
-    key: "getSlashFuse",
-    value: function getSlashFuse(trigger) {
-      return this.triggerFuseMap.get(trigger);
-    }
-  }]);
-  return SlashService;
-}();

package/es/plugins/slash/utils/utils.d.ts

@@ -1,38 +0,0 @@
-import { LexicalEditor, RangeSelection, TextNode } from 'lexical';
-/**
- * Get the text content of the editor up to the anchor point of the selection.
- * Get the text content before the anchor point of the selection
- * @param selection Selection object from Lexical editor
- * @returns
- */
-export declare function getTextUpToAnchor(selection: RangeSelection): string | null;
-/**
- *
- * @param editor Lexical editor instance
- * Get the text content before the selection anchor point in the editor
- * @returns
- */
-export declare function getQueryTextForSearch(editor: LexicalEditor): string | null;
-export declare function tryToPositionRange(leadOffset: number, range: Range, editorWindow: Window): boolean;
-export declare function getScrollParent(element: HTMLElement, includeHidden: boolean): HTMLElement | HTMLBodyElement;
-export declare const scrollIntoViewIfNeeded: (target: HTMLElement) => void;
-export declare const PUNCTUATION = "\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;";
-export declare function getBasicTypeaheadTriggerMatch(trigger: string, { minLength, maxLength, punctuation, allowWhitespace, }: {
-    allowWhitespace?: boolean;
-    maxLength?: number;
-    minLength?: number;
-    punctuation?: string;
-}): (text: string) => {
-    leadOffset: number;
-    matchingString: string;
-    replaceableString: string;
-} | null;
-/**
- * Split Lexical TextNode and return a new TextNode only containing matched text.
- * Common use cases include: removing the node, replacing with a new node.
- */
-export declare function $splitNodeContainingQuery(match: {
-    leadOffset: number;
-    matchingString: string;
-    replaceableString: string;
-}): TextNode | null;

package/es/plugins/slash/utils/utils.js

@@ -1,198 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { $getSelection, $isRangeSelection, getDOMSelection } from 'lexical';
-
-/**
- * Get the text content of the editor up to the anchor point of the selection.
- * Get the text content before the anchor point of the selection
- * @param selection Selection object from Lexical editor
- * @returns
- */
-export function getTextUpToAnchor(selection) {
-  var anchor = selection.anchor;
-  if (anchor.type !== 'text') {
-    return null;
-  }
-  var anchorNode = anchor.getNode();
-  if (!anchorNode.isSimpleText()) {
-    return null;
-  }
-  var anchorOffset = anchor.offset;
-  return anchorNode.getTextContent().slice(0, anchorOffset);
-}
-
-/**
- *
- * @param editor Lexical editor instance
- * Get the text content before the selection anchor point in the editor
- * @returns
- */
-export function getQueryTextForSearch(editor) {
-  var text = null;
-  editor.getEditorState().read(function () {
-    var selection = $getSelection();
-    if (!$isRangeSelection(selection)) {
-      return;
-    }
-    text = getTextUpToAnchor(selection);
-  });
-  return text;
-}
-export function tryToPositionRange(leadOffset, range, editorWindow) {
-  var domSelection = getDOMSelection(editorWindow);
-  if (domSelection === null || !domSelection.isCollapsed) {
-    return false;
-  }
-  var anchorNode = domSelection.anchorNode;
-  var startOffset = leadOffset;
-  var endOffset = domSelection.anchorOffset;
-  if (anchorNode === null || endOffset === null) {
-    return false;
-  }
-  try {
-    range.setStart(anchorNode, startOffset);
-    range.setEnd(anchorNode, endOffset);
-  } catch (_unused) {
-    return false;
-  }
-  return true;
-}
-
-// Got from https://stackoverflow.com/a/42543908/2013580
-export function getScrollParent(element, includeHidden) {
-  // Return element itself on server side as fallback
-  if (typeof document === 'undefined') {
-    return element;
-  }
-  var style = getComputedStyle(element);
-  var excludeStaticParent = style.position === 'absolute';
-  var overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/;
-  if (style.position === 'fixed') {
-    return document.body;
-  }
-  for (var parent = element; parent = parent.parentElement;) {
-    style = getComputedStyle(parent);
-    if (excludeStaticParent && style.position === 'static') {
-      continue;
-    }
-    if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) {
-      return parent;
-    }
-  }
-  return document.body;
-}
-export var scrollIntoViewIfNeeded = function scrollIntoViewIfNeeded(target) {
-  // Skip on server side
-  if (typeof window === 'undefined' || typeof document === 'undefined') {
-    return;
-  }
-  var typeaheadContainerNode = document.getElementById('typeahead-menu');
-  if (!typeaheadContainerNode) {
-    return;
-  }
-  var typeaheadRect = typeaheadContainerNode.getBoundingClientRect();
-  if (typeaheadRect.top + typeaheadRect.height > window.innerHeight) {
-    typeaheadContainerNode.scrollIntoView({
-      block: 'center'
-    });
-  }
-  if (typeaheadRect.top < 0) {
-    typeaheadContainerNode.scrollIntoView({
-      block: 'center'
-    });
-  }
-  target.scrollIntoView({
-    block: 'nearest'
-  });
-};
-export var PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
-export function getBasicTypeaheadTriggerMatch(trigger, _ref) {
-  var _ref$minLength = _ref.minLength,
-    minLength = _ref$minLength === void 0 ? 0 : _ref$minLength,
-    _ref$maxLength = _ref.maxLength,
-    maxLength = _ref$maxLength === void 0 ? 75 : _ref$maxLength,
-    _ref$punctuation = _ref.punctuation,
-    punctuation = _ref$punctuation === void 0 ? PUNCTUATION : _ref$punctuation,
-    _ref$allowWhitespace = _ref.allowWhitespace,
-    allowWhitespace = _ref$allowWhitespace === void 0 ? false : _ref$allowWhitespace;
-  return function (text) {
-    // When whitespace is not allowed, we need to ensure the regex stops at whitespace
-    var validCharsSuffix = allowWhitespace ? '' : '\\s';
-    var validChars = '[^' + trigger + punctuation + validCharsSuffix + ']';
-
-    // Create regex that matches from trigger to either end of string OR whitespace (when not allowed)
-    var regexPattern = allowWhitespace ? '(^|\\s|\\()(' + '[' + trigger + ']' + '((?:' + validChars + '){0,' + maxLength + '})' + ')$' : '(^|\\s|\\()(' + '[' + trigger + ']' + '((?:' + validChars + ')*?)' + ')(?=\\s|$)';
-    var TypeaheadTriggerRegex = new RegExp(regexPattern);
-    var match = TypeaheadTriggerRegex.exec(text);
-    if (match !== null) {
-      var maybeLeadingWhitespace = match[1];
-      var matchingString = match[3];
-
-      // Check length constraints
-      if (matchingString.length >= minLength && matchingString.length <= maxLength) {
-        return {
-          leadOffset: match.index + maybeLeadingWhitespace.length,
-          matchingString: matchingString,
-          replaceableString: match[2]
-        };
-      }
-    }
-    return null;
-  };
-}
-
-/**
- * Walk backwards along user input and forward through entity title to try
- * and replace more of the user's text with entity.
- */
-function getFullMatchOffset(documentText, entryText, offset) {
-  var triggerOffset = offset;
-  for (var i = triggerOffset; i <= entryText.length; i++) {
-    if (documentText.slice(-i) === entryText.slice(0, Math.max(0, i))) {
-      triggerOffset = i;
-    }
-  }
-  return triggerOffset;
-}
-
-/**
- * Split Lexical TextNode and return a new TextNode only containing matched text.
- * Common use cases include: removing the node, replacing with a new node.
- */
-export function $splitNodeContainingQuery(match) {
-  var selection = $getSelection();
-  if (!$isRangeSelection(selection) || !selection.isCollapsed()) {
-    return null;
-  }
-  var anchor = selection.anchor;
-  if (anchor.type !== 'text') {
-    return null;
-  }
-  var anchorNode = anchor.getNode();
-  if (!anchorNode.isSimpleText()) {
-    return null;
-  }
-  var selectionOffset = anchor.offset;
-  var textContent = anchorNode.getTextContent().slice(0, selectionOffset);
-  var characterOffset = match.replaceableString.length;
-  var queryOffset = getFullMatchOffset(textContent, match.matchingString, characterOffset);
-  var startOffset = selectionOffset - queryOffset;
-  if (startOffset < 0) {
-    return null;
-  }
-  var newNode;
-  if (startOffset === 0) {
-    var _anchorNode$splitText = anchorNode.splitText(selectionOffset);
-    var _anchorNode$splitText2 = _slicedToArray(_anchorNode$splitText, 1);
-    newNode = _anchorNode$splitText2[0];
-  } else {
-    var _anchorNode$splitText3 = anchorNode.splitText(startOffset, selectionOffset);
-    var _anchorNode$splitText4 = _slicedToArray(_anchorNode$splitText3, 2);
-    newNode = _anchorNode$splitText4[1];
-  }
-  return newNode;
-}

package/es/plugins/table/command/index.d.ts

@@ -1,13 +0,0 @@
-import { InsertTableCommandPayloadHeaders } from '@lexical/table';
-import { LexicalEditor } from 'lexical';
-export declare const INSERT_TABLE_COMMAND: import("lexical").LexicalCommand<{
-    columns: string;
-    includeHeaders?: InsertTableCommandPayloadHeaders | undefined;
-    rows: string;
-}>;
-export declare const SELECT_TABLE_COMMAND: import("lexical").LexicalCommand<{
-    columnIndex?: number | undefined;
-    rowIndex?: number | undefined;
-    table: string;
-}>;
-export declare function registerTableCommand(editor: LexicalEditor): () => void;

package/es/plugins/table/command/index.js

@@ -1,73 +0,0 @@
-import { $createTableNodeWithDimensions, $createTableSelection, $findTableNode, $isTableNode, $isTableSelection } from '@lexical/table';
-import { $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils';
-import { $getNodeByKey, $getPreviousSelection, $getSelection, $isElementNode, $isRangeSelection, $isTextNode, $setSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
-export var INSERT_TABLE_COMMAND = createCommand();
-export var SELECT_TABLE_COMMAND = createCommand();
-export function registerTableCommand(editor) {
-  return mergeRegister(editor.registerCommand(INSERT_TABLE_COMMAND, function (_ref) {
-    var rows = _ref.rows,
-      columns = _ref.columns,
-      includeHeaders = _ref.includeHeaders;
-    var selection = $getSelection() || $getPreviousSelection();
-    if (!selection || !$isRangeSelection(selection)) {
-      return false;
-    }
-
-    // Prevent nested tables by checking if we're already inside a table
-    if ($findTableNode(selection.anchor.getNode())) {
-      return false;
-    }
-    var anchorNode = selection.anchor.getNode();
-    var tableNode = $createTableNodeWithDimensions(Number(rows), Number(columns), includeHeaders);
-    if ($isElementNode(anchorNode) && anchorNode.isEmpty()) {
-      anchorNode.replace(tableNode);
-    } else {
-      $insertNodeToNearestRoot(tableNode);
-    }
-    var firstDescendant = tableNode.getFirstDescendant();
-    if ($isTextNode(firstDescendant)) {
-      firstDescendant.select();
-    }
-    return true;
-  }, COMMAND_PRIORITY_EDITOR), editor.registerCommand(SELECT_TABLE_COMMAND, function (_ref2) {
-    var table = _ref2.table,
-      columnIndex = _ref2.columnIndex,
-      rowIndex = _ref2.rowIndex;
-    editor.update(function () {
-      var prevSelection = $getSelection();
-      var tableNode = $getNodeByKey(table);
-      if (!tableNode || !$isTableNode(tableNode)) {
-        return;
-      }
-      var tableSelection = $isTableSelection(prevSelection) ? prevSelection : $createTableSelection();
-      if (rowIndex !== undefined) {
-        var firstRow = tableNode.getChildren()[rowIndex];
-        if (!firstRow) return;
-        var firstCell = firstRow.getFirstChild();
-        var lastCell = firstRow.getLastChild();
-        if (!firstCell || !lastCell) return;
-        tableSelection.set(table, firstCell.getKey(), lastCell.getKey());
-        $setSelection(tableSelection);
-      } else if (columnIndex !== undefined) {
-        var _firstRow = tableNode.getFirstChild();
-        var lastRow = tableNode.getLastChild();
-        if (!_firstRow || !lastRow) return;
-        var _firstCell = _firstRow.getChildren()[columnIndex];
-        var _lastCell = lastRow.getChildren()[columnIndex];
-        if (!_firstCell || !_lastCell) return;
-        tableSelection.set(table, _firstCell.getKey(), _lastCell.getKey());
-        $setSelection(tableSelection);
-      } else {
-        var _firstRow2 = tableNode.getFirstChild();
-        var _lastRow = tableNode.getLastChild();
-        if (!_firstRow2 || !_lastRow) return;
-        var _firstCell2 = _firstRow2.getFirstChild();
-        var _lastCell2 = _lastRow.getLastChild();
-        if (!_firstCell2 || !_lastCell2) return;
-        tableSelection.set(table, _firstCell2.getKey(), _lastCell2.getKey());
-        $setSelection(tableSelection);
-      }
-    });
-    return false;
-  }, COMMAND_PRIORITY_EDITOR));
-}

package/es/plugins/table/index.d.ts

@@ -1,3 +0,0 @@
-export { INSERT_TABLE_COMMAND, SELECT_TABLE_COMMAND } from './command';
-export * from './plugin';
-export * from './react';

package/es/plugins/table/index.js

@@ -1,3 +0,0 @@
-export { INSERT_TABLE_COMMAND, SELECT_TABLE_COMMAND } from "./command";
-export * from "./plugin";
-export * from "./react";

package/es/plugins/table/node/index.d.ts

@@ -1,2 +0,0 @@
-export declare function patchTableNode(): void;
-export { TableNode } from '@lexical/table';

package/es/plugins/table/node/index.js

@@ -1,16 +0,0 @@
-import { TableNode } from '@lexical/table';
-var OriginalCreateDOM = TableNode.prototype.createDOM;
-export function patchTableNode() {
-  Object.defineProperty(TableNode.prototype, 'createDOM', {
-    configurable: true,
-    enumerable: false,
-    value: function value(config, editor) {
-      var table = OriginalCreateDOM.call(this, config, editor);
-      var controller = document.createElement('div');
-      table.append(controller);
-      return table;
-    },
-    writable: true
-  });
-}
-export { TableNode } from '@lexical/table';

package/es/plugins/table/plugin/index.d.ts

@@ -1,5 +0,0 @@
-import type { IEditorPluginConstructor } from "../../../types";
-export interface TablePluginOptions {
-    theme?: string;
-}
-export declare const TablePlugin: IEditorPluginConstructor<TablePluginOptions>;