@webiny/lexical-nodes 5.38.0-beta.0

package/ImageNode.js

@@ -0,0 +1,217 @@
+"use strict";
+
+var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.$createImageNode = $createImageNode;
+exports.$isImageNode = $isImageNode;
+exports.ImageNode = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
+var _react = _interopRequireWildcard3(require("react"));
+var _lexical = require("lexical");
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+var ImageComponent = /*#__PURE__*/_react.default.lazy(
+// @ts-ignore
+function () {
+  return Promise.resolve().then(function () {
+    return (0, _interopRequireWildcard2.default)(require("./components/ImageNode/ImageComponent"));
+  });
+});
+var ImageNode = /*#__PURE__*/function (_DecoratorNode) {
+  (0, _inherits2.default)(ImageNode, _DecoratorNode);
+  var _super = (0, _createSuper2.default)(ImageNode);
+  function ImageNode(props, key) {
+    var _this;
+    (0, _classCallCheck2.default)(this, ImageNode);
+    _this = _super.call(this, key);
+    _this.__id = props.id;
+    _this.__src = props.src;
+    _this.__altText = props.altText;
+    _this.__maxWidth = props.maxWidth;
+    _this.__width = props.width || "inherit";
+    _this.__height = props.height || "inherit";
+    _this.__showCaption = props.showCaption || false;
+    _this.__caption = props.caption || (0, _lexical.createEditor)();
+    _this.__captionsEnabled = props.captionsEnabled || props.captionsEnabled === undefined;
+    return _this;
+  }
+  (0, _createClass2.default)(ImageNode, [{
+    key: "exportDOM",
+    value: function exportDOM() {
+      var element = document.createElement("img");
+      element.setAttribute("id", this.__id);
+      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
+      };
+    }
+
+    /**
+     * Control how an HTMLElement is represented in Lexical.
+     * DOM data comes from clipboard or parsing HTML to nodes with the available lexical functions.
+     * (@see @lexical/html package: https://github.com/facebook/lexical/blob/main/packages/lexical-html/README.md).
+     */
+  }, {
+    key: "exportJSON",
+    value: function exportJSON() {
+      return {
+        id: this.__id,
+        altText: this.getAltText(),
+        caption: this.__caption.toJSON(),
+        height: this.__height === "inherit" ? 0 : this.__height,
+        maxWidth: this.__maxWidth,
+        showCaption: this.__showCaption,
+        src: this.getSrc(),
+        type: "image",
+        version: 1,
+        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: "decorate",
+    value: function decorate() {
+      return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+        fallback: null
+      }, /*#__PURE__*/_react.default.createElement(ImageComponent, {
+        id: this.__id,
+        src: this.__src,
+        altText: this.__altText,
+        width: this.__width,
+        height: this.__height,
+        maxWidth: this.__maxWidth,
+        nodeKey: this.getKey(),
+        showCaption: this.__showCaption,
+        caption: this.__caption,
+        captionsEnabled: this.__captionsEnabled,
+        resizable: true
+      }));
+    }
+  }], [{
+    key: "getType",
+    value:
+    // Captions cannot yet be used within editor cells
+
+    function getType() {
+      return "image";
+    }
+  }, {
+    key: "clone",
+    value: function clone(node) {
+      return new ImageNode({
+        id: node.__id,
+        src: node.__src,
+        altText: node.__altText,
+        maxWidth: node.__maxWidth,
+        width: node.__width,
+        height: node.__height,
+        showCaption: node.__showCaption,
+        caption: node.__caption,
+        captionsEnabled: node.__captionsEnabled
+      }, node.__key);
+    }
+  }, {
+    key: "importJSON",
+    value: function importJSON(serializedNode) {
+      var id = serializedNode.id,
+        altText = serializedNode.altText,
+        height = serializedNode.height,
+        width = serializedNode.width,
+        maxWidth = serializedNode.maxWidth,
+        caption = serializedNode.caption,
+        src = serializedNode.src,
+        showCaption = serializedNode.showCaption;
+      var node = $createImageNode({
+        id: id,
+        altText: altText,
+        height: height,
+        maxWidth: maxWidth,
+        showCaption: showCaption,
+        src: src,
+        width: width
+      });
+      var nestedEditor = node.__caption;
+      var editorState = nestedEditor.parseEditorState(caption.editorState);
+      if (!editorState.isEmpty()) {
+        nestedEditor.setEditorState(editorState);
+      }
+      return node;
+    }
+  }, {
+    key: "importDOM",
+    value: function importDOM() {
+      /**
+       * By returning 'null' value, we are preventing image node to be created.
+       * Example of how to implement and create the node:
+       * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/nodes/ImageNode.tsx#L94
+       */
+      return null;
+    }
+  }]);
+  return ImageNode;
+}(_lexical.DecoratorNode);
+exports.ImageNode = ImageNode;
+function $createImageNode(props, key) {
+  return (0, _lexical.$applyNodeReplacement)(new ImageNode(props, key));
+}
+function $isImageNode(node) {
+  return node instanceof ImageNode;
+}
+
+//# sourceMappingURL=ImageNode.js.map

package/ImageNode.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard3","require","_lexical","ImageComponent","React","lazy","Promise","resolve","then","_interopRequireWildcard2","default","ImageNode","_DecoratorNode","_inherits2","_super","_createSuper2","props","key","_this","_classCallCheck2","call","__id","id","__src","src","__altText","altText","__maxWidth","maxWidth","__width","width","__height","height","__showCaption","showCaption","__caption","caption","createEditor","__captionsEnabled","captionsEnabled","undefined","_createClass2","value","exportDOM","element","document","createElement","setAttribute","toString","exportJSON","getAltText","toJSON","getSrc","type","version","setWidthAndHeight","writable","getWritable","setShowCaption","createDOM","config","span","theme","className","image","updateDOM","decorate","Suspense","fallback","nodeKey","getKey","resizable","getType","clone","node","__key","importJSON","serializedNode","$createImageNode","nestedEditor","editorState","parseEditorState","isEmpty","setEditorState","importDOM","DecoratorNode","exports","$applyNodeReplacement","$isImageNode"],"sources":["ImageNode.tsx"],"sourcesContent":["/**\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\nimport React, { Suspense } from \"react\";\nimport type {\n    DOMConversionMap,\n    DOMExportOutput,\n    EditorConfig,\n    LexicalEditor,\n    LexicalNode,\n    NodeKey,\n    SerializedEditor,\n    SerializedLexicalNode,\n    Spread\n} from \"lexical\";\nimport { $applyNodeReplacement, createEditor, DecoratorNode } from \"lexical\";\n\nconst ImageComponent = React.lazy(\n    // @ts-ignore\n    () => import(\"./components/ImageNode/ImageComponent\")\n);\n\nexport type SerializedImageNode = Spread<\n    {\n        id: string;\n        altText: string;\n        caption: SerializedEditor;\n        height?: number;\n        maxWidth: number;\n        showCaption: boolean;\n        src: string;\n        width?: number;\n    },\n    SerializedLexicalNode\n>;\n\nexport interface ImageNodeProps {\n    id: string;\n    src: string;\n    altText: string;\n    maxWidth: number;\n    width?: \"inherit\" | number;\n    height?: \"inherit\" | number;\n    showCaption?: boolean;\n    caption?: LexicalEditor;\n    captionsEnabled?: boolean;\n}\n\nexport class ImageNode extends DecoratorNode<JSX.Element> {\n    __id: string;\n    __src: string;\n    __altText: string;\n    __width: \"inherit\" | number;\n    __height: \"inherit\" | number;\n    __maxWidth: number;\n    __showCaption: boolean;\n    __caption: LexicalEditor;\n    // Captions cannot yet be used within editor cells\n    __captionsEnabled: boolean;\n\n    static override getType(): string {\n        return \"image\";\n    }\n\n    static override clone(node: ImageNode): ImageNode {\n        return new ImageNode(\n            {\n                id: node.__id,\n                src: node.__src,\n                altText: node.__altText,\n                maxWidth: node.__maxWidth,\n                width: node.__width,\n                height: node.__height,\n                showCaption: node.__showCaption,\n                caption: node.__caption,\n                captionsEnabled: node.__captionsEnabled\n            },\n            node.__key\n        );\n    }\n\n    static override importJSON(serializedNode: SerializedImageNode): ImageNode {\n        const { id, altText, height, width, maxWidth, caption, src, showCaption } = serializedNode;\n        const node = $createImageNode({\n            id,\n            altText,\n            height,\n            maxWidth,\n            showCaption,\n            src,\n            width\n        });\n        const nestedEditor = node.__caption;\n        const editorState = nestedEditor.parseEditorState(caption.editorState);\n        if (!editorState.isEmpty()) {\n            nestedEditor.setEditorState(editorState);\n        }\n        return node;\n    }\n\n    override exportDOM(): DOMExportOutput {\n        const element = document.createElement(\"img\");\n        element.setAttribute(\"id\", this.__id);\n        element.setAttribute(\"src\", this.__src);\n        element.setAttribute(\"alt\", this.__altText);\n        element.setAttribute(\"width\", this.__width.toString());\n        element.setAttribute(\"height\", this.__height.toString());\n        return { element };\n    }\n\n    /**\n     * Control how an HTMLElement is represented in Lexical.\n     * DOM data comes from clipboard or parsing HTML to nodes with the available lexical functions.\n     * (@see @lexical/html package: https://github.com/facebook/lexical/blob/main/packages/lexical-html/README.md).\n     */\n    static importDOM(): DOMConversionMap | null {\n        /**\n         * By returning 'null' value, we are preventing image node to be created.\n         * Example of how to implement and create the node:\n         * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/nodes/ImageNode.tsx#L94\n         */\n        return null;\n    }\n\n    constructor(props: ImageNodeProps, key?: NodeKey) {\n        super(key);\n        this.__id = props.id;\n        this.__src = props.src;\n        this.__altText = props.altText;\n        this.__maxWidth = props.maxWidth;\n        this.__width = props.width || \"inherit\";\n        this.__height = props.height || \"inherit\";\n        this.__showCaption = props.showCaption || false;\n        this.__caption = props.caption || createEditor();\n        this.__captionsEnabled = props.captionsEnabled || props.captionsEnabled === undefined;\n    }\n\n    override exportJSON(): SerializedImageNode {\n        return {\n            id: this.__id,\n            altText: this.getAltText(),\n            caption: this.__caption.toJSON(),\n            height: this.__height === \"inherit\" ? 0 : this.__height,\n            maxWidth: this.__maxWidth,\n            showCaption: this.__showCaption,\n            src: this.getSrc(),\n            type: \"image\",\n            version: 1,\n            width: this.__width === \"inherit\" ? 0 : this.__width\n        };\n    }\n\n    setWidthAndHeight(width: \"inherit\" | number, height: \"inherit\" | number): void {\n        const writable = this.getWritable();\n        writable.__width = width;\n        writable.__height = height;\n    }\n\n    setShowCaption(showCaption: boolean): void {\n        const writable = this.getWritable();\n        writable.__showCaption = showCaption;\n    }\n\n    // View\n    override createDOM(config: EditorConfig): HTMLElement {\n        const span = document.createElement(\"span\");\n        const theme = config.theme;\n        const className = theme.image;\n        if (className !== undefined) {\n            span.className = className;\n        }\n        return span;\n    }\n\n    override updateDOM(): false {\n        return false;\n    }\n\n    getSrc(): string {\n        return this.__src;\n    }\n\n    getAltText(): string {\n        return this.__altText;\n    }\n\n    override decorate(): JSX.Element {\n        return (\n            <Suspense fallback={null}>\n                <ImageComponent\n                    id={this.__id}\n                    src={this.__src}\n                    altText={this.__altText}\n                    width={this.__width}\n                    height={this.__height}\n                    maxWidth={this.__maxWidth}\n                    nodeKey={this.getKey()}\n                    showCaption={this.__showCaption}\n                    caption={this.__caption}\n                    captionsEnabled={this.__captionsEnabled}\n                    resizable={true}\n                />\n            </Suspense>\n        );\n    }\n}\n\nexport function $createImageNode(props: ImageNodeProps, key?: string): ImageNode {\n    return $applyNodeReplacement(new ImageNode(props, key));\n}\n\nexport function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode {\n    return node instanceof ImageNode;\n}\n"],"mappings":"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"}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/LinkNode.d.ts

@@ -0,0 +1,106 @@
+/** @module @lexical/link */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type { DOMConversionMap, EditorConfig, GridSelection, LexicalCommand, LexicalNode, NodeKey, NodeSelection, RangeSelection, SerializedElementNode } from "lexical";
+import { ElementNode, Spread } from "lexical";
+export declare type LinkAttributes = {
+    rel?: null | string;
+    target?: null | string;
+    title?: null | string;
+    alt?: null | string;
+};
+declare global {
+    interface HTMLAnchorElement {
+        alt?: string;
+    }
+}
+export declare type SerializedLinkNode = Spread<{
+    url: string;
+}, Spread<LinkAttributes, SerializedElementNode>>;
+/** @noInheritDoc */
+export declare class LinkNode extends ElementNode {
+    /** @internal */
+    __url: string;
+    /** @internal */
+    __target: null | string;
+    /** @internal */
+    __rel: null | string;
+    /** @internal */
+    __title: null | string;
+    /** @internal */
+    __alt: null | string;
+    static getType(): string;
+    static clone(node: LinkNode): LinkNode;
+    constructor(url: string, attributes?: LinkAttributes, key?: NodeKey);
+    createDOM(config: EditorConfig): HTMLAnchorElement;
+    updateDOM(prevNode: LinkNode, anchor: HTMLAnchorElement): boolean;
+    static importDOM(): DOMConversionMap | null;
+    static importJSON(serializedNode: SerializedLinkNode | SerializedAutoLinkNode): LinkNode;
+    sanitizeUrl(url: string): string;
+    exportJSON(): SerializedLinkNode | SerializedAutoLinkNode;
+    getURL(): string;
+    setURL(url: string): void;
+    getTarget(): null | string;
+    setTarget(target: null | string): void;
+    getRel(): null | string;
+    setRel(rel: null | string): void;
+    getTitle(): null | string;
+    setTitle(title: null | string): void;
+    insertNewAfter(selection: RangeSelection, restoreSelection?: boolean): null | ElementNode;
+    canInsertTextBefore(): false;
+    canInsertTextAfter(): false;
+    canBeEmpty(): false;
+    isInline(): true;
+    extractWithChild(_: LexicalNode, selection: RangeSelection | NodeSelection | GridSelection): boolean;
+}
+/**
+ * Takes a URL and creates a LinkNode.
+ * @param url - The URL the LinkNode should direct to.
+ * @param attributes - Optional HTML a tag attributes { target, rel, title }
+ * @returns The LinkNode.
+ */
+export declare function $createLinkNode(url: string, attributes?: LinkAttributes): LinkNode;
+/**
+ * Determines if node is a LinkNode.
+ * @param node - The node to be checked.
+ * @returns true if node is a LinkNode, false otherwise.
+ */
+export declare function $isLinkNode(node: LexicalNode | null | undefined): node is LinkNode;
+export declare type SerializedAutoLinkNode = SerializedLinkNode;
+export declare class AutoLinkNode extends LinkNode {
+    static getType(): string;
+    static clone(node: AutoLinkNode): AutoLinkNode;
+    static importJSON(serializedNode: SerializedAutoLinkNode): AutoLinkNode;
+    static importDOM(): null;
+    exportJSON(): SerializedAutoLinkNode;
+    insertNewAfter(selection: RangeSelection, restoreSelection?: boolean): null | ElementNode;
+}
+/**
+ * Takes a URL and creates an AutoLinkNode. AutoLinkNodes are generally automatically generated
+ * during typing, which is especially useful when a button to generate a LinkNode is not practical.
+ * @param url - The URL the LinkNode should direct to.
+ * @param attributes - Optional HTML a tag attributes. { target, rel, title }
+ * @returns The LinkNode.
+ */
+export declare function $createAutoLinkNode(url: string, attributes?: LinkAttributes): AutoLinkNode;
+/**
+ * Determines if node is an AutoLinkNode.
+ * @param node - The node to be checked.
+ * @returns true if node is an AutoLinkNode, false otherwise.
+ */
+export declare function $isAutoLinkNode(node: LexicalNode | null | undefined): node is AutoLinkNode;
+export declare const TOGGLE_LINK_COMMAND: LexicalCommand<string | ({
+    url: string;
+} & LinkAttributes) | null>;
+/**
+ * Generates or updates a LinkNode. It can also delete a LinkNode if the URL is null,
+ * but saves any children and brings them up to the parent node.
+ * @param url - The URL the link directs to.
+ * @param attributes - Optional HTML a tag attributes. { target, rel, title }
+ */
+export declare function toggleLink(url: null | string, attributes?: LinkAttributes): void;