@sparrowengg/twigs-editor-react 0.0.1

package/dist/es/nodes/image.js

@@ -0,0 +1,211 @@
+import { jsx } from 'react/jsx-runtime';
+import { DecoratorNode, createEditor, $applyNodeReplacement } from 'lexical';
+import { Suspense } from 'react';
+import { Box } from '../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__ */ jsx(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 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 || 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__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ 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 $applyNodeReplacement(
+    new ImageNode(
+      src,
+      altText,
+      maxWidth,
+      width,
+      height,
+      showCaption,
+      caption,
+      captionsEnabled,
+      key
+    )
+  );
+}
+function $isImageNode(node) {
+  return node instanceof ImageNode;
+}
+
+export { $createImageNode, $isImageNode, ImageNode };
+//# sourceMappingURL=image.js.map

package/dist/es/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":[],"mappings":"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"}

package/dist/es/nodes/kudos.js

@@ -0,0 +1,106 @@
+import { TextNode, $applyNodeReplacement } from '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 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 $applyNodeReplacement(kudosNode);
+}
+function $isKudosNode(node) {
+  return node instanceof KudosNode;
+}
+
+export { $createKudosNode, $isKudosNode, KudosNode };
+//# sourceMappingURL=kudos.js.map

package/dist/es/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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,QAAW,GAAA,OAAA;AAEjB,SAAS,oBAAoB,OAAkD,EAAA;AAC7E,EAAM,MAAA,EAAE,aAAgB,GAAA,OAAA;AAExB,EAAA,IAAI,gBAAgB,IAAM,EAAA;AACxB,IAAM,MAAA,IAAA,GAAO,iBAAiB,WAAW,CAAA;AACzC,IAAO,OAAA;AAAA,MACL;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,IAAA;AACT;AAEO,MAAM,kBAAkB,QAAS,CAAA;AAAA,EAqBtC,WAAA,CAAY,SAAmB,EAAA,IAAA,EAAe,GAAe,EAAA;AAC3D,IAAM,KAAA,CAAA,IAAA,IAAA,IAAA,GAAA,IAAA,GAAQ,WAAW,GAAG,CAAA;AArB9B,IAAA,aAAA,CAAA,IAAA,EAAA,SAAA,CAAA;AAsBE,IAAA,IAAA,CAAK,OAAU,GAAA,SAAA;AAAA;AACjB,EArBA,OAAO,OAAkB,GAAA;AACvB,IAAO,OAAA,QAAA;AAAA;AACT,EAEA,OAAO,MAAM,IAA4B,EAAA;AACvC,IAAA,OAAO,IAAI,SAAU,CAAA,IAAA,CAAK,SAAS,IAAK,CAAA,MAAA,EAAQ,KAAK,KAAK,CAAA;AAAA;AAC5D,EAEA,OAAO,WAAW,cAAgD,EAAA;AAChE,IAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,cAAA,CAAe,KAAK,CAAA;AAClD,IAAK,IAAA,CAAA,cAAA,CAAe,eAAe,IAAI,CAAA;AACvC,IAAK,IAAA,CAAA,SAAA,CAAU,eAAe,MAAM,CAAA;AACpC,IAAK,IAAA,CAAA,SAAA,CAAU,eAAe,MAAM,CAAA;AACpC,IAAK,IAAA,CAAA,OAAA,CAAQ,eAAe,IAAI,CAAA;AAChC,IAAK,IAAA,CAAA,QAAA,CAAS,eAAe,KAAK,CAAA;AAClC,IAAO,OAAA,IAAA;AAAA;AACT,EAOA,UAAkC,GAAA;AAChC,IAAO,OAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACF,KAAM,CAAA,UAAA,EADJ,CAAA,EAAA;AAAA,MAEL,OAAO,IAAK,CAAA,OAAA;AAAA,MACZ,IAAM,EAAA,QAAA;AAAA,MACN,OAAS,EAAA;AAAA,KACX,CAAA;AAAA;AACF,EAEA,UAAU,MAAmC,EAAA;AAC3C,IAAM,MAAA,GAAA,GAAM,KAAM,CAAA,SAAA,CAAU,MAAM,CAAA;AAClC,IAAI,GAAA,CAAA,SAAA,GAAY,SAAS,QAAQ,CAAA,CAAA;AACjC,IAAO,OAAA,GAAA;AAAA;AACT,EAEA,SAA6B,GAAA;AAC3B,IAAM,MAAA,OAAA,GAAU,QAAS,CAAA,aAAA,CAAc,MAAM,CAAA;AAC7C,IAAQ,OAAA,CAAA,YAAA,CAAa,oBAAoB,MAAM,CAAA;AAC/C,IAAA,OAAA,CAAQ,cAAc,IAAK,CAAA,MAAA;AAC3B,IAAA,OAAO,EAAE,OAAQ,EAAA;AAAA;AACnB,EAEA,OAAO,SAAqC,GAAA;AAC1C,IAAO,OAAA;AAAA,MACL,IAAA,EAAM,CAAC,OAAyB,KAAA;AAC9B,QAAA,IAAI,CAAC,OAAA,CAAQ,YAAa,CAAA,kBAAkB,CAAG,EAAA;AAC7C,UAAO,OAAA,IAAA;AAAA;AAET,QAAO,OAAA;AAAA,UACL,UAAY,EAAA,mBAAA;AAAA,UACZ,QAAU,EAAA;AAAA,SACZ;AAAA;AACF,KACF;AAAA;AACF,EAEA,YAAqB,GAAA;AACnB,IAAO,OAAA,IAAA;AAAA;AACT,EAEA,mBAA+B,GAAA;AAC7B,IAAO,OAAA,KAAA;AAAA;AACT,EAEA,kBAA8B,GAAA;AAC5B,IAAO,OAAA,KAAA;AAAA;AAEX;AAEO,SAAS,iBAAiB,SAA8B,EAAA;AAC7D,EAAM,MAAA,SAAA,GAAY,IAAI,SAAA,CAAU,SAAS,CAAA;AACzC,EAAU,SAAA,CAAA,OAAA,CAAQ,WAAW,CAAA,CAAE,mBAAoB,EAAA;AACnD,EAAA,OAAO,sBAAsB,SAAS,CAAA;AACxC;AAEO,SAAS,aACd,IACmB,EAAA;AACnB,EAAA,OAAO,IAAgB,YAAA,SAAA;AACzB;;;;"}

package/dist/es/nodes/mention.js

@@ -0,0 +1,105 @@
+import { TextNode, $applyNodeReplacement } from '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 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 $applyNodeReplacement(mentionNode);
+}
+function $isMentionNode(node) {
+  return node instanceof MentionNode;
+}
+
+export { $createMentionNode, $isMentionNode, MentionNode };
+//# sourceMappingURL=mention.js.map

package/dist/es/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":[],"mappings":"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"}

package/dist/es/nodes/variables.js

@@ -0,0 +1,105 @@
+import { TextNode, $applyNodeReplacement } from '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 convertVariableElement(domNode) {
+  const { textContent } = domNode;
+  if (textContent !== null) {
+    const node = $createVariableNode(textContent);
+    return {
+      node
+    };
+  }
+  return null;
+}
+class VariableNode extends TextNode {
+  constructor(variableName, text, key) {
+    super(text != null ? text : variableName, key);
+    __publicField(this, "__variable");
+    this.__variable = variableName;
+  }
+  static getType() {
+    return "variable";
+  }
+  static clone(node) {
+    return new VariableNode(node.__variable, node.__text, node.__key);
+  }
+  static importJSON(serializedNode) {
+    const node = $createVariableNode(serializedNode.variableName);
+    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()), {
+      variableName: this.__variable,
+      type: "variable",
+      version: 1
+    });
+  }
+  createDOM(config) {
+    const dom = super.createDOM(config);
+    dom.className = "twigs-variable";
+    return dom;
+  }
+  exportDOM() {
+    const element = document.createElement("span");
+    element.setAttribute("data-twigs-variable", "true");
+    element.textContent = this.__text;
+    return { element };
+  }
+  static importDOM() {
+    return {
+      span: (domNode) => {
+        if (!domNode.hasAttribute("data-twigs-variable")) {
+          return null;
+        }
+        return {
+          conversion: convertVariableElement,
+          priority: 1
+        };
+      }
+    };
+  }
+  isTextEntity() {
+    return true;
+  }
+  canInsertTextBefore() {
+    return false;
+  }
+  canInsertTextAfter() {
+    return false;
+  }
+}
+function $createVariableNode(variableName) {
+  const variableNode = new VariableNode(variableName);
+  variableNode.setMode("token").toggleDirectionless();
+  return $applyNodeReplacement(variableNode);
+}
+function $isVariableNode(node) {
+  return node instanceof VariableNode;
+}
+
+export { $createVariableNode, $isVariableNode, VariableNode };
+//# sourceMappingURL=variables.js.map

package/dist/es/nodes/variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.js","sources":["../../../src/nodes/variables.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 SerializedVariableNode = Spread<\n  {\n    variableName: string;\n  },\n  SerializedTextNode\n>;\n\nfunction convertVariableElement(\n  domNode: HTMLElement\n): DOMConversionOutput | null {\n  const { textContent } = domNode;\n\n  if (textContent !== null) {\n    const node = $createVariableNode(textContent);\n    return {\n      node\n    };\n  }\n\n  return null;\n}\n\nexport class VariableNode extends TextNode {\n  __variable: string;\n\n  static getType(): string {\n    return 'variable';\n  }\n\n  static clone(node: VariableNode): VariableNode {\n    return new VariableNode(node.__variable, node.__text, node.__key);\n  }\n\n  static importJSON(serializedNode: SerializedVariableNode): VariableNode {\n    const node = $createVariableNode(serializedNode.variableName);\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(variableName: string, text?: string, key?: NodeKey) {\n    super(text ?? variableName, key);\n    this.__variable = variableName;\n  }\n\n  exportJSON(): SerializedVariableNode {\n    return {\n      ...super.exportJSON(),\n      variableName: this.__variable,\n      type: 'variable',\n      version: 1\n    };\n  }\n\n  createDOM(config: EditorConfig): HTMLElement {\n    const dom = super.createDOM(config);\n    dom.className = 'twigs-variable';\n    return dom;\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('span');\n    element.setAttribute('data-twigs-variable', '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-variable')) {\n          return null;\n        }\n        return {\n          conversion: convertVariableElement,\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 $createVariableNode(variableName: string): VariableNode {\n  const variableNode = new VariableNode(variableName);\n  variableNode.setMode('token').toggleDirectionless();\n  return $applyNodeReplacement(variableNode);\n}\n\nexport function $isVariableNode(\n  node: LexicalNode | null | undefined\n): node is VariableNode {\n  return node instanceof VariableNode;\n}\n"],"names":[],"mappings":"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"}

package/dist/es/plugins/data-management-plugin/index.js

@@ -0,0 +1,38 @@
+import { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $getRoot, $insertNodes } from 'lexical';
+import { forwardRef, useImperativeHandle } from 'react';
+
+const DataManagementPlugin = forwardRef((_props, ref) => {
+  const [editor] = useLexicalComposerContext();
+  useImperativeHandle(ref, () => ({
+    getDataAsync,
+    setHtml
+  }));
+  function getDataAsync() {
+    return new Promise((resolve, reject) => {
+      try {
+        editor.update(() => {
+          const html = $generateHtmlFromNodes(editor, null);
+          const json = editor.getEditorState().toJSON();
+          resolve({ html, json });
+        });
+      } catch (error) {
+        reject(error);
+      }
+    });
+  }
+  function setHtml(html) {
+    editor.update(() => {
+      const parser = new DOMParser();
+      const dom = parser.parseFromString(html, "text/html");
+      const nodes = $generateNodesFromDOM(editor, dom);
+      $getRoot().clear();
+      $insertNodes(nodes);
+    });
+  }
+  return null;
+});
+
+export { DataManagementPlugin };
+//# sourceMappingURL=index.js.map

package/dist/es/plugins/data-management-plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/plugins/data-management-plugin/index.tsx"],"sourcesContent":["import { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html';\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { $getRoot, $insertNodes } from 'lexical';\nimport { forwardRef, useImperativeHandle } from 'react';\n\nexport interface DataManagementPluginHandle {\n  getDataAsync: () => Promise<{ html: string; json: Object }>;\n  setHtml: (html: string) => void;\n}\n\ninterface DataManagementPluginProps {}\n\nexport const DataManagementPlugin = forwardRef<\n  DataManagementPluginHandle,\n  DataManagementPluginProps\n>((_props, ref) => {\n  const [editor] = useLexicalComposerContext();\n\n  useImperativeHandle(ref, () => ({\n    getDataAsync,\n    setHtml\n  }));\n\n  function getDataAsync(): Promise<{ html: string; json: Object }> {\n    return new Promise((resolve, reject) => {\n      try {\n        editor.update(() => {\n          const html = $generateHtmlFromNodes(editor, null);\n          const json = editor.getEditorState().toJSON();\n          resolve({ html, json });\n        });\n      } catch (error) {\n        reject(error);\n      }\n    });\n  }\n\n  function setHtml(html: string) {\n    editor.update(() => {\n      const parser = new DOMParser();\n      const dom = parser.parseFromString(html, 'text/html');\n      const nodes = $generateNodesFromDOM(editor, dom);\n      $getRoot().clear();\n      $insertNodes(nodes);\n    });\n  }\n\n  return null;\n});\n"],"names":[],"mappings":";;;;;AAYO,MAAM,oBAAuB,GAAA,UAAA,CAGlC,CAAC,MAAA,EAAQ,GAAQ,KAAA;AACjB,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,yBAA0B,EAAA;AAE3C,EAAA,mBAAA,CAAoB,KAAK,OAAO;AAAA,IAC9B,YAAA;AAAA,IACA;AAAA,GACA,CAAA,CAAA;AAEF,EAAA,SAAS,YAAwD,GAAA;AAC/D,IAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,MAAI,IAAA;AACF,QAAA,MAAA,CAAO,OAAO,MAAM;AAClB,UAAM,MAAA,IAAA,GAAO,sBAAuB,CAAA,MAAA,EAAQ,IAAI,CAAA;AAChD,UAAA,MAAM,IAAO,GAAA,MAAA,CAAO,cAAe,EAAA,CAAE,MAAO,EAAA;AAC5C,UAAQ,OAAA,CAAA,EAAE,IAAM,EAAA,IAAA,EAAM,CAAA;AAAA,SACvB,CAAA;AAAA,eACM,KAAO,EAAA;AACd,QAAA,MAAA,CAAO,KAAK,CAAA;AAAA;AACd,KACD,CAAA;AAAA;AAGH,EAAA,SAAS,QAAQ,IAAc,EAAA;AAC7B,IAAA,MAAA,CAAO,OAAO,MAAM;AAClB,MAAM,MAAA,MAAA,GAAS,IAAI,SAAU,EAAA;AAC7B,MAAA,MAAM,GAAM,GAAA,MAAA,CAAO,eAAgB,CAAA,IAAA,EAAM,WAAW,CAAA;AACpD,MAAM,MAAA,KAAA,GAAQ,qBAAsB,CAAA,MAAA,EAAQ,GAAG,CAAA;AAC/C,MAAA,QAAA,GAAW,KAAM,EAAA;AACjB,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,KACnB,CAAA;AAAA;AAGH,EAAO,OAAA,IAAA;AACT,CAAC;;;;"}