@sparrowengg/twigs-editor-react 0.0.1

package/dist/cjs/nodes/hashtag.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var lexical = require('lexical');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+function convertHashTagElement(domNode) {
+  const { textContent } = domNode;
+  if (textContent !== null) {
+    const node = $createHashTagNode(textContent);
+    return {
+      node
+    };
+  }
+  return null;
+}
+class HashTagNode extends lexical.TextNode {
+  constructor(hashTagName, text, key) {
+    super(text != null ? text : hashTagName, key);
+    __publicField(this, "__hashTag");
+    this.__hashTag = hashTagName;
+  }
+  static getType() {
+    return "hashtag";
+  }
+  static clone(node) {
+    return new HashTagNode(node.__hashTag, node.__text, node.__key);
+  }
+  static importJSON(serializedNode) {
+    const node = $createHashTagNode(serializedNode.hashTagName);
+    node.setTextContent(serializedNode.text);
+    node.setFormat(serializedNode.format);
+    node.setDetail(serializedNode.detail);
+    node.setMode(serializedNode.mode);
+    node.setStyle(serializedNode.style);
+    return node;
+  }
+  exportJSON() {
+    return __spreadProps(__spreadValues({}, super.exportJSON()), {
+      hashTagName: this.__hashTag,
+      type: "hashtag",
+      version: 1
+    });
+  }
+  createDOM(config) {
+    const dom = super.createDOM(config);
+    dom.className = "twigs-hashtag";
+    return dom;
+  }
+  exportDOM() {
+    const element = document.createElement("span");
+    element.setAttribute("data-twigs-hashtag", "true");
+    element.textContent = this.__text;
+    return { element };
+  }
+  static importDOM() {
+    return {
+      span: (domNode) => {
+        if (!domNode.hasAttribute("data-twigs-hashtag")) {
+          return null;
+        }
+        return {
+          conversion: convertHashTagElement,
+          priority: 1
+        };
+      }
+    };
+  }
+  isTextEntity() {
+    return true;
+  }
+  canInsertTextBefore() {
+    return false;
+  }
+  canInsertTextAfter() {
+    return false;
+  }
+}
+function $createHashTagNode(hashTagName) {
+  const hashTagNode = new HashTagNode(hashTagName);
+  hashTagNode.setMode("segmented").toggleDirectionless();
+  return lexical.$applyNodeReplacement(hashTagNode);
+}
+function $isHashTagNode(node) {
+  return node instanceof HashTagNode;
+}
+
+exports.$createHashTagNode = $createHashTagNode;
+exports.$isHashTagNode = $isHashTagNode;
+exports.HashTagNode = HashTagNode;
+//# sourceMappingURL=hashtag.js.map

package/dist/cjs/nodes/hashtag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashtag.js","sources":["../../../src/nodes/hashtag.tsx"],"sourcesContent":["import {\n  $applyNodeReplacement,\n  TextNode,\n  type DOMConversionMap,\n  type DOMConversionOutput,\n  type DOMExportOutput,\n  type EditorConfig,\n  type LexicalNode,\n  type NodeKey,\n  type SerializedTextNode,\n  type Spread\n} from 'lexical';\n\nexport type SerializedHashTagNode = Spread<\n  {\n    hashTagName: string;\n  },\n  SerializedTextNode\n>;\n\nfunction convertHashTagElement(\n  domNode: HTMLElement\n): DOMConversionOutput | null {\n  const { textContent } = domNode;\n\n  if (textContent !== null) {\n    const node = $createHashTagNode(textContent);\n    return {\n      node\n    };\n  }\n\n  return null;\n}\n\nexport class HashTagNode extends TextNode {\n  __hashTag: string;\n\n  static getType(): string {\n    return 'hashtag';\n  }\n\n  static clone(node: HashTagNode): HashTagNode {\n    return new HashTagNode(node.__hashTag, node.__text, node.__key);\n  }\n\n  static importJSON(serializedNode: SerializedHashTagNode): HashTagNode {\n    const node = $createHashTagNode(serializedNode.hashTagName);\n    node.setTextContent(serializedNode.text);\n    node.setFormat(serializedNode.format);\n    node.setDetail(serializedNode.detail);\n    node.setMode(serializedNode.mode);\n    node.setStyle(serializedNode.style);\n    return node;\n  }\n\n  constructor(hashTagName: string, text?: string, key?: NodeKey) {\n    super(text ?? hashTagName, key);\n    this.__hashTag = hashTagName;\n  }\n\n  exportJSON(): SerializedHashTagNode {\n    return {\n      ...super.exportJSON(),\n      hashTagName: this.__hashTag,\n      type: 'hashtag',\n      version: 1\n    };\n  }\n\n  createDOM(config: EditorConfig): HTMLElement {\n    const dom = super.createDOM(config);\n    dom.className = 'twigs-hashtag';\n    return dom;\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('span');\n    element.setAttribute('data-twigs-hashtag', 'true');\n    element.textContent = this.__text;\n    return { element };\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      span: (domNode: HTMLElement) => {\n        if (!domNode.hasAttribute('data-twigs-hashtag')) {\n          return null;\n        }\n        return {\n          conversion: convertHashTagElement,\n          priority: 1\n        };\n      }\n    };\n  }\n\n  isTextEntity(): true {\n    return true;\n  }\n\n  canInsertTextBefore(): boolean {\n    return false;\n  }\n\n  canInsertTextAfter(): boolean {\n    return false;\n  }\n}\n\nexport function $createHashTagNode(hashTagName: string): HashTagNode {\n  const hashTagNode = new HashTagNode(hashTagName);\n  hashTagNode.setMode('segmented').toggleDirectionless();\n  return $applyNodeReplacement(hashTagNode);\n}\n\nexport function $isHashTagNode(\n  node: LexicalNode | null | undefined\n): node is HashTagNode {\n  return node instanceof HashTagNode;\n}\n"],"names":["TextNode","$applyNodeReplacement"],"mappings":"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"}

package/dist/cjs/nodes/image.js

@@ -0,0 +1,215 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var lexical = require('lexical');
+var React = require('react');
+var box = require('../react-components/dist/es/box/box.js');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const ImageComponent = (props) => /* @__PURE__ */ jsxRuntime.jsx(box.Box, __spreadValues({ as: "img" }, props));
+function convertImageElement(domNode) {
+  if (domNode instanceof HTMLImageElement) {
+    const {
+      alt: altText,
+      src,
+      width,
+      height
+    } = domNode;
+    const node = $createImageNode({
+      altText,
+      height,
+      src,
+      width
+    });
+    return { node };
+  }
+  return null;
+}
+class ImageNode extends lexical.DecoratorNode {
+  constructor(src, altText, maxWidth, width, height, showCaption, caption, captionsEnabled, key) {
+    super(key);
+    __publicField(this, "__src");
+    __publicField(this, "__altText");
+    __publicField(this, "__width");
+    __publicField(this, "__height");
+    __publicField(this, "__maxWidth");
+    __publicField(this, "__showCaption");
+    __publicField(this, "__caption");
+    // Captions cannot yet be used within editor cells
+    __publicField(this, "__captionsEnabled");
+    this.__src = src;
+    this.__altText = altText;
+    this.__maxWidth = maxWidth;
+    this.__width = width || "inherit";
+    this.__height = height || "inherit";
+    this.__showCaption = showCaption || false;
+    this.__caption = caption || lexical.createEditor();
+    this.__captionsEnabled = captionsEnabled || captionsEnabled === void 0;
+  }
+  static getType() {
+    return "image";
+  }
+  static clone(node) {
+    return new ImageNode(
+      node.__src,
+      node.__altText,
+      node.__maxWidth,
+      node.__width,
+      node.__height,
+      node.__showCaption,
+      node.__caption,
+      node.__captionsEnabled,
+      node.__key
+    );
+  }
+  static importJSON(serializedNode) {
+    const {
+      altText,
+      height,
+      width,
+      maxWidth,
+      caption,
+      src,
+      showCaption
+    } = serializedNode;
+    const node = $createImageNode({
+      altText,
+      height,
+      maxWidth,
+      showCaption,
+      src,
+      width
+    });
+    const nestedEditor = node.__caption;
+    const editorState = nestedEditor.parseEditorState(caption.editorState);
+    if (!editorState.isEmpty()) {
+      nestedEditor.setEditorState(editorState);
+    }
+    return node;
+  }
+  exportDOM() {
+    const 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 };
+  }
+  static importDOM() {
+    return {
+      img: () => ({
+        conversion: convertImageElement,
+        priority: 0
+      })
+    };
+  }
+  exportJSON() {
+    return {
+      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
+    };
+  }
+  setWidthAndHeight(width, height) {
+    const writable = this.getWritable();
+    writable.__width = width;
+    writable.__height = height;
+  }
+  setShowCaption(showCaption) {
+    const writable = this.getWritable();
+    writable.__showCaption = showCaption;
+  }
+  // View
+  createDOM(config) {
+    const span = document.createElement("span");
+    const { theme } = config;
+    const className = theme.image;
+    if (className !== void 0) {
+      span.className = className;
+    }
+    return span;
+  }
+  updateDOM() {
+    return false;
+  }
+  getSrc() {
+    return this.__src;
+  }
+  getAltText() {
+    return this.__altText;
+  }
+  decorate() {
+    return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ImageComponent,
+      {
+        src: this.__src,
+        altText: this.__altText,
+        style: {
+          width: this.__width,
+          height: this.__height,
+          maxWidth: this.__maxWidth
+        },
+        nodeKey: this.getKey(),
+        showCaption: this.__showCaption,
+        caption: this.__caption,
+        captionsEnabled: this.__captionsEnabled,
+        resizable: true
+      }
+    ) });
+  }
+}
+function $createImageNode({
+  altText,
+  height,
+  maxWidth = 500,
+  captionsEnabled,
+  src,
+  width,
+  showCaption,
+  caption,
+  key
+}) {
+  return lexical.$applyNodeReplacement(
+    new ImageNode(
+      src,
+      altText,
+      maxWidth,
+      width,
+      height,
+      showCaption,
+      caption,
+      captionsEnabled,
+      key
+    )
+  );
+}
+function $isImageNode(node) {
+  return node instanceof ImageNode;
+}
+
+exports.$createImageNode = $createImageNode;
+exports.$isImageNode = $isImageNode;
+exports.ImageNode = ImageNode;
+//# sourceMappingURL=image.js.map

package/dist/cjs/nodes/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sources":["../../../src/nodes/image.tsx"],"sourcesContent":["import type {\n  DOMConversionMap,\n  DOMConversionOutput,\n  DOMExportOutput,\n  EditorConfig,\n  LexicalEditor,\n  LexicalNode,\n  NodeKey,\n  SerializedEditor,\n  SerializedLexicalNode,\n  Spread\n} from 'lexical';\n\nimport { $applyNodeReplacement, createEditor, DecoratorNode } from 'lexical';\nimport React, { Suspense } from 'react';\nimport { Box } from '@sparrowengg/twigs-react';\n\nconst ImageComponent = (props) => <Box as=\"img\" {...props} />;\n\nexport interface ImagePayload {\n  altText: string;\n  caption?: LexicalEditor;\n  height?: number;\n  key?: NodeKey;\n  maxWidth?: number;\n  showCaption?: boolean;\n  src: string;\n  width?: number;\n  captionsEnabled?: boolean;\n}\n\nfunction convertImageElement(domNode: Node): null | DOMConversionOutput {\n  if (domNode instanceof HTMLImageElement) {\n    const {\n      alt: altText, src, width, height\n    } = domNode;\n    const node = $createImageNode({\n      altText,\n      height,\n      src,\n      width\n    });\n    return { node };\n  }\n  return null;\n}\n\nexport type SerializedImageNode = Spread<\n  {\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 class ImageNode extends DecoratorNode<React.JSX.Element> {\n  __src: string;\n\n  __altText: string;\n\n  __width: 'inherit' | number;\n\n  __height: 'inherit' | number;\n\n  __maxWidth: number;\n\n  __showCaption: boolean;\n\n  __caption: LexicalEditor;\n\n  // Captions cannot yet be used within editor cells\n  __captionsEnabled: boolean;\n\n  static getType(): string {\n    return 'image';\n  }\n\n  static clone(node: ImageNode): ImageNode {\n    return new ImageNode(\n      node.__src,\n      node.__altText,\n      node.__maxWidth,\n      node.__width,\n      node.__height,\n      node.__showCaption,\n      node.__caption,\n      node.__captionsEnabled,\n      node.__key\n    );\n  }\n\n  static importJSON(serializedNode: SerializedImageNode): ImageNode {\n    const {\n      altText, height, width, maxWidth, caption, src, showCaption\n    } = serializedNode;\n    const node = $createImageNode({\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  exportDOM(): DOMExportOutput {\n    const element = document.createElement('img');\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  static importDOM(): DOMConversionMap | null {\n    return {\n      img: () => ({\n        conversion: convertImageElement,\n        priority: 0\n      })\n    };\n  }\n\n  constructor(\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    key?: NodeKey\n  ) {\n    super(key);\n    this.__src = src;\n    this.__altText = altText;\n    this.__maxWidth = maxWidth;\n    this.__width = width || 'inherit';\n    this.__height = height || 'inherit';\n    this.__showCaption = showCaption || false;\n    this.__caption = caption || createEditor();\n    this.__captionsEnabled = captionsEnabled || captionsEnabled === undefined;\n  }\n\n  exportJSON(): SerializedImageNode {\n    return {\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(\n    width: 'inherit' | number,\n    height: 'inherit' | number\n  ): 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\n  createDOM(config: EditorConfig): HTMLElement {\n    const span = document.createElement('span');\n    const { theme } = config;\n    const className = theme.image;\n    if (className !== undefined) {\n      span.className = className;\n    }\n    return span;\n  }\n\n  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  decorate(): React.JSX.Element {\n    return (\n      <Suspense fallback={null}>\n        <ImageComponent\n          src={this.__src}\n          altText={this.__altText}\n          style={{\n            width: this.__width,\n            height: this.__height,\n            maxWidth: this.__maxWidth\n          }}\n          nodeKey={this.getKey()}\n          showCaption={this.__showCaption}\n          caption={this.__caption}\n          captionsEnabled={this.__captionsEnabled}\n          resizable\n        />\n      </Suspense>\n    );\n  }\n}\n\nexport function $createImageNode({\n  altText,\n  height,\n  maxWidth = 500,\n  captionsEnabled,\n  src,\n  width,\n  showCaption,\n  caption,\n  key\n}: ImagePayload): ImageNode {\n  return $applyNodeReplacement(\n    new ImageNode(\n      src,\n      altText,\n      maxWidth,\n      width,\n      height,\n      showCaption,\n      caption,\n      captionsEnabled,\n      key\n    )\n  );\n}\n\nexport function $isImageNode(\n  node: LexicalNode | null | undefined\n): node is ImageNode {\n  return node instanceof ImageNode;\n}\n"],"names":["Box","DecoratorNode","createEditor","jsx","Suspense","$applyNodeReplacement"],"mappings":"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"}

package/dist/cjs/nodes/kudos.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var lexical = require('lexical');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+const nodeName = "kudos";
+function convertKudosElement(domNode) {
+  const { textContent } = domNode;
+  if (textContent !== null) {
+    const node = $createKudosNode(textContent);
+    return {
+      node
+    };
+  }
+  return null;
+}
+class KudosNode extends lexical.TextNode {
+  constructor(kudosName, text, key) {
+    super(text != null ? text : kudosName, key);
+    __publicField(this, "__kudos");
+    this.__kudos = kudosName;
+  }
+  static getType() {
+    return nodeName;
+  }
+  static clone(node) {
+    return new KudosNode(node.__kudos, node.__text, node.__key);
+  }
+  static importJSON(serializedNode) {
+    const node = $createKudosNode(serializedNode.kudos);
+    node.setTextContent(serializedNode.text);
+    node.setFormat(serializedNode.format);
+    node.setDetail(serializedNode.detail);
+    node.setMode(serializedNode.mode);
+    node.setStyle(serializedNode.style);
+    return node;
+  }
+  exportJSON() {
+    return __spreadProps(__spreadValues({}, super.exportJSON()), {
+      kudos: this.__kudos,
+      type: nodeName,
+      version: 1
+    });
+  }
+  createDOM(config) {
+    const dom = super.createDOM(config);
+    dom.className = `twigs-${nodeName}`;
+    return dom;
+  }
+  exportDOM() {
+    const element = document.createElement("span");
+    element.setAttribute("data-twigs-kudos", "true");
+    element.textContent = this.__text;
+    return { element };
+  }
+  static importDOM() {
+    return {
+      span: (domNode) => {
+        if (!domNode.hasAttribute("data-twigs-kudos")) {
+          return null;
+        }
+        return {
+          conversion: convertKudosElement,
+          priority: 1
+        };
+      }
+    };
+  }
+  isTextEntity() {
+    return true;
+  }
+  canInsertTextBefore() {
+    return false;
+  }
+  canInsertTextAfter() {
+    return false;
+  }
+}
+function $createKudosNode(kudosName) {
+  const kudosNode = new KudosNode(kudosName);
+  kudosNode.setMode("segmented").toggleDirectionless();
+  return lexical.$applyNodeReplacement(kudosNode);
+}
+function $isKudosNode(node) {
+  return node instanceof KudosNode;
+}
+
+exports.$createKudosNode = $createKudosNode;
+exports.$isKudosNode = $isKudosNode;
+exports.KudosNode = KudosNode;
+//# sourceMappingURL=kudos.js.map

package/dist/cjs/nodes/kudos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kudos.js","sources":["../../../src/nodes/kudos.tsx"],"sourcesContent":["import {\n  type DOMConversionMap,\n  type DOMConversionOutput,\n  type DOMExportOutput,\n  type EditorConfig,\n  type LexicalNode,\n  type NodeKey,\n  type SerializedTextNode,\n  type Spread,\n  $applyNodeReplacement,\n  TextNode\n} from 'lexical';\n\nexport type SerializedKudosNode = Spread<\n  {\n    kudos: string;\n  },\n  SerializedTextNode\n>;\n\nconst nodeName = 'kudos';\n\nfunction convertKudosElement(domNode: HTMLElement): DOMConversionOutput | null {\n  const { textContent } = domNode;\n\n  if (textContent !== null) {\n    const node = $createKudosNode(textContent);\n    return {\n      node\n    };\n  }\n\n  return null;\n}\n\nexport class KudosNode extends TextNode {\n  __kudos: string;\n\n  static getType(): string {\n    return nodeName;\n  }\n\n  static clone(node: KudosNode): KudosNode {\n    return new KudosNode(node.__kudos, node.__text, node.__key);\n  }\n\n  static importJSON(serializedNode: SerializedKudosNode): KudosNode {\n    const node = $createKudosNode(serializedNode.kudos);\n    node.setTextContent(serializedNode.text);\n    node.setFormat(serializedNode.format);\n    node.setDetail(serializedNode.detail);\n    node.setMode(serializedNode.mode);\n    node.setStyle(serializedNode.style);\n    return node;\n  }\n\n  constructor(kudosName: string, text?: string, key?: NodeKey) {\n    super(text ?? kudosName, key);\n    this.__kudos = kudosName;\n  }\n\n  exportJSON(): SerializedKudosNode {\n    return {\n      ...super.exportJSON(),\n      kudos: this.__kudos,\n      type: nodeName,\n      version: 1\n    };\n  }\n\n  createDOM(config: EditorConfig): HTMLElement {\n    const dom = super.createDOM(config);\n    dom.className = `twigs-${nodeName}`;\n    return dom;\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('span');\n    element.setAttribute('data-twigs-kudos', 'true');\n    element.textContent = this.__text;\n    return { element };\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      span: (domNode: HTMLElement) => {\n        if (!domNode.hasAttribute('data-twigs-kudos')) {\n          return null;\n        }\n        return {\n          conversion: convertKudosElement,\n          priority: 1\n        };\n      }\n    };\n  }\n\n  isTextEntity(): true {\n    return true;\n  }\n\n  canInsertTextBefore(): boolean {\n    return false;\n  }\n\n  canInsertTextAfter(): boolean {\n    return false;\n  }\n}\n\nexport function $createKudosNode(kudosName: string): KudosNode {\n  const kudosNode = new KudosNode(kudosName);\n  kudosNode.setMode('segmented').toggleDirectionless();\n  return $applyNodeReplacement(kudosNode);\n}\n\nexport function $isKudosNode(\n  node: LexicalNode | null | undefined\n): node is KudosNode {\n  return node instanceof KudosNode;\n}\n"],"names":["TextNode","$applyNodeReplacement"],"mappings":"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"}

package/dist/cjs/nodes/mention.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var lexical = require('lexical');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+function convertMentionElement(domNode) {
+  const { textContent } = domNode;
+  if (textContent !== null) {
+    const node = $createMentionNode(textContent);
+    return {
+      node
+    };
+  }
+  return null;
+}
+class MentionNode extends lexical.TextNode {
+  constructor(mentionName, text, key) {
+    super(text != null ? text : mentionName, key);
+    __publicField(this, "__mention");
+    this.__mention = mentionName;
+  }
+  static getType() {
+    return "mention";
+  }
+  static clone(node) {
+    return new MentionNode(node.__mention, node.__text, node.__key);
+  }
+  static importJSON(serializedNode) {
+    const node = $createMentionNode(serializedNode.mentionName);
+    node.setTextContent(serializedNode.text);
+    node.setFormat(serializedNode.format);
+    node.setDetail(serializedNode.detail);
+    node.setMode(serializedNode.mode);
+    node.setStyle(serializedNode.style);
+    return node;
+  }
+  exportJSON() {
+    return __spreadProps(__spreadValues({}, super.exportJSON()), {
+      mentionName: this.__mention,
+      type: "mention",
+      version: 1
+    });
+  }
+  createDOM(config) {
+    const dom = super.createDOM(config);
+    dom.className = "twigs-mention";
+    return dom;
+  }
+  exportDOM() {
+    const element = document.createElement("span");
+    element.setAttribute("data-twigs-mention", "true");
+    element.textContent = this.__text;
+    return { element };
+  }
+  static importDOM() {
+    return {
+      span: (domNode) => {
+        if (!domNode.hasAttribute("data-twigs-mention")) {
+          return null;
+        }
+        return {
+          conversion: convertMentionElement,
+          priority: 1
+        };
+      }
+    };
+  }
+  isTextEntity() {
+    return true;
+  }
+  canInsertTextBefore() {
+    return false;
+  }
+  canInsertTextAfter() {
+    return false;
+  }
+}
+function $createMentionNode(mentionName) {
+  const mentionNode = new MentionNode(mentionName);
+  mentionNode.setMode("segmented").toggleDirectionless();
+  return lexical.$applyNodeReplacement(mentionNode);
+}
+function $isMentionNode(node) {
+  return node instanceof MentionNode;
+}
+
+exports.$createMentionNode = $createMentionNode;
+exports.$isMentionNode = $isMentionNode;
+exports.MentionNode = MentionNode;
+//# sourceMappingURL=mention.js.map

package/dist/cjs/nodes/mention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention.js","sources":["../../../src/nodes/mention.tsx"],"sourcesContent":["import {\n  type DOMConversionMap,\n  type DOMConversionOutput,\n  type DOMExportOutput,\n  type EditorConfig,\n  type LexicalNode,\n  type NodeKey,\n  type SerializedTextNode,\n  type Spread,\n  $applyNodeReplacement,\n  TextNode\n} from 'lexical';\n\nexport type SerializedMentionNode = Spread<\n  {\n    mentionName: string;\n  },\n  SerializedTextNode\n>;\n\nfunction convertMentionElement(\n  domNode: HTMLElement\n): DOMConversionOutput | null {\n  const { textContent } = domNode;\n\n  if (textContent !== null) {\n    const node = $createMentionNode(textContent);\n    return {\n      node\n    };\n  }\n\n  return null;\n}\n\nexport class MentionNode extends TextNode {\n  __mention: string;\n\n  static getType(): string {\n    return 'mention';\n  }\n\n  static clone(node: MentionNode): MentionNode {\n    return new MentionNode(node.__mention, node.__text, node.__key);\n  }\n\n  static importJSON(serializedNode: SerializedMentionNode): MentionNode {\n    const node = $createMentionNode(serializedNode.mentionName);\n    node.setTextContent(serializedNode.text);\n    node.setFormat(serializedNode.format);\n    node.setDetail(serializedNode.detail);\n    node.setMode(serializedNode.mode);\n    node.setStyle(serializedNode.style);\n    return node;\n  }\n\n  constructor(mentionName: string, text?: string, key?: NodeKey) {\n    super(text ?? mentionName, key);\n    this.__mention = mentionName;\n  }\n\n  exportJSON(): SerializedMentionNode {\n    return {\n      ...super.exportJSON(),\n      mentionName: this.__mention,\n      type: 'mention',\n      version: 1\n    };\n  }\n\n  createDOM(config: EditorConfig): HTMLElement {\n    const dom = super.createDOM(config);\n    dom.className = 'twigs-mention';\n    return dom;\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('span');\n    element.setAttribute('data-twigs-mention', 'true');\n    element.textContent = this.__text;\n    return { element };\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      span: (domNode: HTMLElement) => {\n        if (!domNode.hasAttribute('data-twigs-mention')) {\n          return null;\n        }\n        return {\n          conversion: convertMentionElement,\n          priority: 1\n        };\n      }\n    };\n  }\n\n  isTextEntity(): true {\n    return true;\n  }\n\n  canInsertTextBefore(): boolean {\n    return false;\n  }\n\n  canInsertTextAfter(): boolean {\n    return false;\n  }\n}\n\nexport function $createMentionNode(mentionName: string): MentionNode {\n  const mentionNode = new MentionNode(mentionName);\n  mentionNode.setMode('segmented').toggleDirectionless();\n  return $applyNodeReplacement(mentionNode);\n}\n\nexport function $isMentionNode(\n  node: LexicalNode | null | undefined\n): node is MentionNode {\n  return node instanceof MentionNode;\n}\n"],"names":["TextNode","$applyNodeReplacement"],"mappings":"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"}