@sparrowengg/twigs-editor-react 0.0.1

package/dist/cjs/nodes/variables.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 convertVariableElement(domNode) {
+  const { textContent } = domNode;
+  if (textContent !== null) {
+    const node = $createVariableNode(textContent);
+    return {
+      node
+    };
+  }
+  return null;
+}
+class VariableNode extends lexical.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 lexical.$applyNodeReplacement(variableNode);
+}
+function $isVariableNode(node) {
+  return node instanceof VariableNode;
+}
+
+exports.$createVariableNode = $createVariableNode;
+exports.$isVariableNode = $isVariableNode;
+exports.VariableNode = VariableNode;
+//# sourceMappingURL=variables.js.map

package/dist/cjs/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":["TextNode","$applyNodeReplacement"],"mappings":"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"}

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

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

package/dist/cjs/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":["forwardRef","useLexicalComposerContext","useImperativeHandle","html","$generateHtmlFromNodes","$generateNodesFromDOM","$getRoot","$insertNodes"],"mappings":";;;;;;;AAYO,MAAM,oBAAuB,GAAAA,gBAAA,CAGlC,CAAC,MAAA,EAAQ,GAAQ,KAAA;AACjB,EAAM,MAAA,CAAC,MAAM,CAAA,GAAIC,gDAA0B,EAAA;AAE3C,EAAAC,yBAAA,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,MAAAC,MAAA,GAAOC,2BAAuB,CAAA,MAAA,EAAQ,IAAI,CAAA;AAChD,UAAA,MAAM,IAAO,GAAA,MAAA,CAAO,cAAe,EAAA,CAAE,MAAO,EAAA;AAC5C,UAAQ,OAAA,CAAA,QAAED,MAAM,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,QAAQA,MAAc,EAAA;AAC7B,IAAA,MAAA,CAAO,OAAO,MAAM;AAClB,MAAM,MAAA,MAAA,GAAS,IAAI,SAAU,EAAA;AAC7B,MAAA,MAAM,GAAM,GAAA,MAAA,CAAO,eAAgB,CAAAA,MAAA,EAAM,WAAW,CAAA;AACpD,MAAM,MAAA,KAAA,GAAQE,0BAAsB,CAAA,MAAA,EAAQ,GAAG,CAAA;AAC/C,MAAAC,gBAAA,GAAW,KAAM,EAAA;AACjB,MAAAC,oBAAA,CAAa,KAAK,CAAA;AAAA,KACnB,CAAA;AAAA;AAGH,EAAO,OAAA,IAAA;AACT,CAAC;;;;"}