@lobehub/editor 1.0.0

package/es/plugins/hr/plugin/index.js

@@ -0,0 +1,70 @@
+var _class;
+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 _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); }
+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); }
+import { KernelPlugin } from "../../../editor-kernel/plugin";
+import { IMarkdownShortCutService } from "../../markdown";
+import { registerHorizontalRuleCommand } from "../command";
+import { $createHorizontalRuleNode, $isHorizontalRuleNode, HorizontalRuleNode } from "../node/HorizontalRuleNode";
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+export var HRPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
+  _inherits(HRPlugin, _KernelPlugin);
+  var _super = _createSuper(HRPlugin);
+  function HRPlugin(kernel, config) {
+    var _kernel$requireServic, _kernel$requireServic2;
+    var _this;
+    _classCallCheck(this, HRPlugin);
+    _this = _super.call(this);
+    // Register the horizontal rule node
+    _this.kernel = kernel;
+    kernel.registerNodes([HorizontalRuleNode]);
+    kernel.registerThemes({
+      hr: (config === null || config === void 0 ? void 0 : config.theme) || ''
+    });
+    kernel.registerDecorator('horizontalrule', function (node, editor) {
+      return config !== null && config !== void 0 && config.decorator ? config.decorator(node, editor) : null;
+    });
+    (_kernel$requireServic = kernel.requireService(IMarkdownShortCutService)) === null || _kernel$requireServic === void 0 || _kernel$requireServic.registerMarkdownShortCut({
+      regExp: /^(---|\*\*\*|___)$/,
+      replace: function replace(parentNode, _1, _2, isImport) {
+        var line = $createHorizontalRuleNode();
+
+        // TODO: Get rid of isImport flag
+        if (isImport || parentNode.getNextSibling()) {
+          parentNode.replace(line);
+        } else {
+          parentNode.insertBefore(line);
+        }
+        line.selectNext();
+      },
+      trigger: 'enter',
+      type: 'element'
+    });
+    (_kernel$requireServic2 = kernel.requireService(IMarkdownShortCutService)) === null || _kernel$requireServic2 === void 0 || _kernel$requireServic2.registerMarkdownWriter(HorizontalRuleNode.getType(), function (ctx, node) {
+      if ($isHorizontalRuleNode(node)) {
+        ctx.appendLine('---\n\n');
+      }
+    });
+    return _this;
+  }
+  _createClass(HRPlugin, [{
+    key: "onInit",
+    value: function onInit(editor) {
+      this.register(registerHorizontalRuleCommand(editor));
+    }
+  }]);
+  return HRPlugin;
+}(KernelPlugin), _defineProperty(_class, "pluginName", 'HRPlugin'), _class);

package/es/plugins/hr/react/ReactHRPlugin.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { ReactHRPluginProps } from './type';
+declare const ReactHRPlugin: FC<ReactHRPluginProps>;
+export default ReactHRPlugin;

package/es/plugins/hr/react/ReactHRPlugin.js

@@ -0,0 +1,36 @@
+'use client';
+
+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 { useLayoutEffect } from 'react';
+import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context";
+import { MarkdownPlugin } from "../../markdown";
+import { HRPlugin } from "../plugin";
+import HRNode from "./components/HRNode";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ReactHRPlugin = function ReactHRPlugin(_ref) {
+  var className = _ref.className;
+  var _useLexicalComposerCo = useLexicalComposerContext(),
+    _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  useLayoutEffect(function () {
+    editor.registerPlugin(MarkdownPlugin);
+    editor.registerPlugin(HRPlugin, {
+      decorator: function decorator(node, editor) {
+        return /*#__PURE__*/_jsx(HRNode, {
+          className: className,
+          editor: editor,
+          node: node
+        });
+      },
+      theme: className
+    });
+  }, []);
+  return null;
+};
+ReactHRPlugin.displayName = 'ReactHRPlugin';
+export default ReactHRPlugin;

package/es/plugins/hr/react/components/HRNode.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { LexicalEditor } from 'lexical';
+import { HorizontalRuleNode } from '../../node/HorizontalRuleNode';
+interface HRNodeProps {
+    className?: string;
+    editor: LexicalEditor;
+    node: HorizontalRuleNode;
+}
+declare const HRNode: import("react").NamedExoticComponent<HRNodeProps>;
+export default HRNode;

package/es/plugins/hr/react/components/HRNode.js

@@ -0,0 +1,45 @@
+'use client';
+
+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 { mergeRegister } from '@lexical/utils';
+import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from 'lexical';
+import { memo, useEffect } from 'react';
+import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection";
+import { useStyles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HRNode = /*#__PURE__*/memo(function (_ref) {
+  var node = _ref.node,
+    className = _ref.className,
+    editor = _ref.editor;
+  var _useLexicalNodeSelect = useLexicalNodeSelection(node.getKey()),
+    _useLexicalNodeSelect2 = _slicedToArray(_useLexicalNodeSelect, 3),
+    isSelected = _useLexicalNodeSelect2[0],
+    setSelected = _useLexicalNodeSelect2[1],
+    clearSelection = _useLexicalNodeSelect2[2];
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  useEffect(function () {
+    return mergeRegister(editor.registerCommand(CLICK_COMMAND, function (event) {
+      var hrElem = editor.getElementByKey(node.getKey());
+      if (hrElem !== null && hrElem !== void 0 && hrElem.contains(event.target) || event.target === hrElem) {
+        if (!event.shiftKey) {
+          clearSelection();
+        }
+        setSelected(!isSelected);
+        return true;
+      }
+      return false;
+    }, COMMAND_PRIORITY_LOW));
+  }, [clearSelection, editor, isSelected, node, setSelected]);
+  return /*#__PURE__*/_jsx("hr", {
+    className: cx(styles, isSelected && 'selected', className)
+  });
+});
+HRNode.displayName = 'HRNode';
+export default HRNode;

package/es/plugins/hr/react/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactHRPlugin } from './ReactHRPlugin';
+export type * from './type';

package/es/plugins/hr/react/index.js

@@ -0,0 +1 @@
+export { default as ReactHRPlugin } from "./ReactHRPlugin";

package/es/plugins/hr/react/style.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<import("antd-style").SerializedStyles>;

package/es/plugins/hr/react/style.js

@@ -0,0 +1,8 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: pointer;\n\n    width: 100%;\n    height: 4px;\n    margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n    border-color: ", ";\n    border-style: dashed;\n    border-width: 1px;\n    border-block-start: none;\n    border-inline-start: none;\n    border-inline-end: none;\n\n    &.selected {\n      border-color: ", ";\n    }\n  "])), token.colorBorder, token.yellow);
+});

package/es/plugins/hr/react/type.d.ts

@@ -0,0 +1,3 @@
+export interface ReactHRPluginProps {
+    className?: string;
+}

package/es/plugins/hr/react/type.js

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

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

@@ -0,0 +1,8 @@
+import { LexicalEditor } from 'lexical';
+export declare const INSERT_IMAGE_COMMAND: import("lexical").LexicalCommand<{
+    file: File;
+    range?: Range | null | undefined;
+}>;
+export declare function registerImageCommand(editor: LexicalEditor, handleUpload: (file: File) => Promise<{
+    url: string;
+}>): () => void;

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

@@ -0,0 +1,46 @@
+import { $wrapNodeInElement } from '@lexical/utils';
+import { $createParagraphNode, $createRangeSelection, $insertNodes, $isRootOrShadowRoot, $setSelection, COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import { $createImageNode } from "../node/image-node";
+export var INSERT_IMAGE_COMMAND = createCommand('INSERT_IMAGE_COMMAND');
+function isImageFile(file) {
+  return file.type.startsWith('image/');
+}
+export function registerImageCommand(editor, handleUpload) {
+  return editor.registerCommand(INSERT_IMAGE_COMMAND, function (payload) {
+    var file = payload.file,
+      range = payload.range;
+    if (!isImageFile(file)) {
+      return false; // Not an image file
+    }
+    var placeholderURL = URL.createObjectURL(file); // Create a local URL for the image
+    editor.update(function () {
+      if (range) {
+        var rangeSelection = $createRangeSelection();
+        if (range !== null && range !== undefined) {
+          rangeSelection.applyDOMRange(range);
+        }
+        $setSelection(rangeSelection);
+      }
+      var imageNode = $createImageNode({
+        altText: file.name,
+        src: placeholderURL
+      });
+      $insertNodes([imageNode]); // Insert a zero-width space to ensure the image is not the last child
+      if ($isRootOrShadowRoot(imageNode.getParentOrThrow())) {
+        $wrapNodeInElement(imageNode, $createParagraphNode).selectEnd();
+      }
+      handleUpload(file).then(function (res) {
+        editor.update(function () {
+          imageNode.setUploaded(res.url);
+        });
+      }).catch(function (error) {
+        console.error('Image upload failed:', error);
+        editor.update(function () {
+          imageNode.setError('Image upload failed : ' + error.message);
+        });
+      });
+    });
+    return true;
+  }, COMMAND_PRIORITY_EDITOR // Priority
+  );
+}

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

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

package/es/plugins/image/index.js

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

package/es/plugins/image/node/basie-image-node.d.ts

@@ -0,0 +1,44 @@
+import { DOMExportOutput, DecoratorNode, EditorConfig, LexicalEditor, LexicalUpdateJSON, NodeKey, SerializedEditor, SerializedLexicalNode, Spread } from 'lexical';
+export interface ImagePayload {
+    altText: string;
+    caption?: LexicalEditor;
+    captionsEnabled?: boolean;
+    height?: number;
+    key?: NodeKey;
+    maxWidth?: number;
+    showCaption?: boolean;
+    src: string;
+    width?: number;
+}
+export type SerializedImageNode = Spread<{
+    altText: string;
+    caption: SerializedEditor;
+    height?: number;
+    maxWidth: number;
+    showCaption: boolean;
+    src: string;
+    width?: number;
+}, SerializedLexicalNode>;
+export declare class BaseImageNode extends DecoratorNode<any> {
+    __src: string;
+    __altText: string;
+    __width: 'inherit' | number;
+    __height: 'inherit' | number;
+    __maxWidth: number;
+    __showCaption: boolean;
+    __caption: LexicalEditor;
+    __captionsEnabled: boolean;
+    static clone(node: BaseImageNode): BaseImageNode;
+    static importJSON(serializedNode: SerializedImageNode): BaseImageNode;
+    static getType(): string;
+    updateFromJSON(serializedNode: LexicalUpdateJSON<SerializedImageNode>): this;
+    exportDOM(): DOMExportOutput;
+    constructor(src: string, altText: string, maxWidth: number, width?: 'inherit' | number, height?: 'inherit' | number, showCaption?: boolean, caption?: LexicalEditor, captionsEnabled?: boolean, key?: NodeKey);
+    exportJSON(): SerializedImageNode;
+    setWidthAndHeight(width: 'inherit' | number, height: 'inherit' | number): void;
+    setShowCaption(showCaption: boolean): void;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): false;
+    getSrc(): string;
+    getAltText(): string;
+}

package/es/plugins/image/node/basie-image-node.js

@@ -0,0 +1,151 @@
+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 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) { _defineProperty(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; }
+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 _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 _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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); }
+import { DecoratorNode, ParagraphNode, RootNode, TextNode, createEditor } from 'lexical';
+export var BaseImageNode = /*#__PURE__*/function (_DecoratorNode) {
+  _inherits(BaseImageNode, _DecoratorNode);
+  var _super = _createSuper(BaseImageNode);
+  function BaseImageNode(src, altText, maxWidth, width, height, showCaption, caption, captionsEnabled, key) {
+    var _this;
+    _classCallCheck(this, BaseImageNode);
+    _this = _super.call(this, key);
+    _defineProperty(_assertThisInitialized(_this), "__src", void 0);
+    _defineProperty(_assertThisInitialized(_this), "__altText", void 0);
+    _defineProperty(_assertThisInitialized(_this), "__width", void 0);
+    _defineProperty(_assertThisInitialized(_this), "__height", void 0);
+    _defineProperty(_assertThisInitialized(_this), "__maxWidth", void 0);
+    _defineProperty(_assertThisInitialized(_this), "__showCaption", void 0);
+    _defineProperty(_assertThisInitialized(_this), "__caption", void 0);
+    // Captions cannot yet be used within editor cells
+    _defineProperty(_assertThisInitialized(_this), "__captionsEnabled", void 0);
+    _this.__src = src;
+    _this.__altText = altText;
+    _this.__maxWidth = maxWidth;
+    _this.__width = width || 'inherit';
+    _this.__height = height || 'inherit';
+    _this.__showCaption = showCaption || false;
+    _this.__caption = caption || createEditor({
+      namespace: 'Playground/ImageNodeCaption',
+      nodes: [RootNode, TextNode, ParagraphNode]
+    });
+    _this.__captionsEnabled = captionsEnabled || captionsEnabled === undefined;
+    return _this;
+  }
+  _createClass(BaseImageNode, [{
+    key: "updateFromJSON",
+    value: function updateFromJSON(serializedNode) {
+      var node = _get(_getPrototypeOf(BaseImageNode.prototype), "updateFromJSON", this).call(this, serializedNode);
+      var caption = serializedNode.caption;
+      var nestedEditor = node.__caption;
+      var editorState = nestedEditor.parseEditorState(caption.editorState);
+      if (!editorState.isEmpty()) {
+        nestedEditor.setEditorState(editorState);
+      }
+      return node;
+    }
+  }, {
+    key: "exportDOM",
+    value: function exportDOM() {
+      var element = document.createElement('img');
+      element.setAttribute('src', this.__src);
+      element.setAttribute('alt', this.__altText);
+      element.setAttribute('width', this.__width.toString());
+      element.setAttribute('height', this.__height.toString());
+      return {
+        element: element
+      };
+    }
+  }, {
+    key: "exportJSON",
+    value: function exportJSON() {
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(BaseImageNode.prototype), "exportJSON", this).call(this)), {}, {
+        altText: this.getAltText(),
+        caption: this.__caption.toJSON(),
+        height: this.__height === 'inherit' ? 0 : this.__height,
+        maxWidth: this.__maxWidth,
+        showCaption: this.__showCaption,
+        src: this.getSrc(),
+        width: this.__width === 'inherit' ? 0 : this.__width
+      });
+    }
+  }, {
+    key: "setWidthAndHeight",
+    value: function setWidthAndHeight(width, height) {
+      var writable = this.getWritable();
+      writable.__width = width;
+      writable.__height = height;
+    }
+  }, {
+    key: "setShowCaption",
+    value: function setShowCaption(showCaption) {
+      var writable = this.getWritable();
+      writable.__showCaption = showCaption;
+    }
+
+    // View
+  }, {
+    key: "createDOM",
+    value: function createDOM(config) {
+      var span = document.createElement('span');
+      var theme = config.theme;
+      var className = theme.image;
+      if (className !== undefined) {
+        span.className = className;
+      }
+      return span;
+    }
+  }, {
+    key: "updateDOM",
+    value: function updateDOM() {
+      return false;
+    }
+  }, {
+    key: "getSrc",
+    value: function getSrc() {
+      return this.__src;
+    }
+  }, {
+    key: "getAltText",
+    value: function getAltText() {
+      return this.__altText;
+    }
+  }], [{
+    key: "clone",
+    value: function clone(node) {
+      return new BaseImageNode(node.__src, node.__altText, node.__maxWidth, node.__width, node.__height, node.__showCaption, node.__caption, node.__captionsEnabled, node.__key);
+    }
+  }, {
+    key: "importJSON",
+    value: function importJSON(serializedNode) {
+      var altText = serializedNode.altText,
+        height = serializedNode.height,
+        width = serializedNode.width,
+        maxWidth = serializedNode.maxWidth,
+        src = serializedNode.src,
+        showCaption = serializedNode.showCaption;
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      return new BaseImageNode(src, altText, maxWidth, width, height, showCaption);
+    }
+  }, {
+    key: "getType",
+    value: function getType() {
+      return 'image';
+    }
+  }]);
+  return BaseImageNode;
+}(DecoratorNode);

package/es/plugins/image/node/image-node.d.ts

@@ -0,0 +1,26 @@
+import { DOMConversionMap, LexicalNode } from 'lexical';
+import { BaseImageNode, ImagePayload, SerializedImageNode } from './basie-image-node';
+export declare class ImageNode extends BaseImageNode {
+    private static _decorate;
+    static setDecorate(decorate: (node: ImageNode) => any): void;
+    static getType(): string;
+    private __loading;
+    private __status;
+    private __message;
+    private __extra;
+    get isLoading(): boolean;
+    get status(): 'uploaded' | 'loading' | 'error';
+    get message(): string | null;
+    get src(): string;
+    get altText(): string;
+    get maxWidth(): number;
+    get width(): number | string;
+    setUploaded(url: string): void;
+    setError(message: string): void;
+    static clone(node: ImageNode): ImageNode;
+    static importJSON(serializedNode: SerializedImageNode): ImageNode;
+    static importDOM(): DOMConversionMap | null;
+    decorate(): any;
+}
+export declare function $createImageNode({ altText, height, maxWidth, captionsEnabled, src, width, showCaption, caption, key, }: ImagePayload): ImageNode;
+export declare function $isImageNode(node: LexicalNode): node is ImageNode;