dragon-editor 2.1.2 → 3.0.0

package/dist/runtime/core/utils/keyboard.mjs

@@ -1,565 +0,0 @@
-import { getCursor, setCursor } from "./cursor.mjs";
-import { findEditableElement, findChildNumber, findLiElement } from "./element.mjs";
-import { getTagName } from "./style.mjs";
-let enterCount = 0;
-function enterEvent(type, event, action, update) {
-  if (event.code === "Enter") {
-    event.preventDefault();
-    const useShift = event.shiftKey;
-    switch (type) {
-      case "list":
-        if (useShift === false) {
-          if (enterCount == 0) {
-            listEnterEvent(action, update);
-          }
-        } else {
-          addBrEvent();
-        }
-        break;
-      case "image":
-        action("addBlock", {
-          name: "text"
-        });
-        break;
-      case "comment":
-        addBrEvent();
-        break;
-      default:
-        if (useShift === false) {
-          if (enterCount == 0) {
-            textEnterEvent(action);
-          }
-        } else {
-          addBrEvent();
-        }
-    }
-    enterCount += 1;
-    setTimeout(() => {
-      enterCount = 0;
-    }, 150);
-  }
-}
-function listEnterEvent(action, update) {
-  const cursorData = getCursor();
-  if (cursorData.startNode) {
-    const editableElement = findEditableElement(cursorData.startNode);
-    const editableElementClassList = [...editableElement.classList].slice(0, 1);
-    const startNode = cursorData.startNode;
-    const endNode = cursorData.endNode;
-    let startChild = startNode;
-    let endChild = endNode;
-    if (startNode.parentNode !== editableElement) {
-      startChild = startNode.parentNode;
-    }
-    if (endNode.parentNode !== editableElement) {
-      endChild = endNode.parentNode;
-    }
-    const startChildIdx = findChildNumber(editableElement, startChild);
-    const endChildIdx = findChildNumber(editableElement, endChild);
-    let startIdx = 0;
-    let endIdx = 0;
-    let startOffset = 0;
-    let endOffset = 0;
-    let preHTMLStructor = "";
-    let nextHTMLStructor = "";
-    if (startChildIdx > endChildIdx) {
-      startIdx = endChildIdx;
-      endIdx = startChildIdx;
-      startOffset = cursorData.endOffset;
-      endOffset = cursorData.startOffset;
-    } else {
-      startIdx = startChildIdx;
-      endIdx = endChildIdx;
-      startOffset = cursorData.startOffset;
-      endOffset = cursorData.endOffset;
-    }
-    if (editableElement.childNodes.length === 0 || endChildIdx === editableElement.childNodes.length - 1 && editableElement.childNodes[endChildIdx].textContent.length === endOffset) {
-      if (editableElement.childNodes.length === 0) {
-        editableElement.remove();
-        action("addBlock", {
-          name: "text"
-        });
-      } else {
-        editableElement.insertAdjacentHTML("afterend", `<li class="d-li-item"  contenteditable></li>`);
-        setCursor(editableElement.nextSibling, 0);
-        update();
-      }
-    } else {
-      editableElement.childNodes.forEach((child, count) => {
-        const text = child.textContent;
-        if (count < startChildIdx) {
-          if (child.constructor.name === "Text") {
-            preHTMLStructor += child.textContent;
-          } else {
-            preHTMLStructor += child.outerHTML;
-          }
-        } else if (count > endChildIdx) {
-          if (child.constructor.name === "Text") {
-            nextHTMLStructor += child.textContent;
-          } else {
-            nextHTMLStructor += child.outerHTML;
-          }
-        } else {
-          if (startChildIdx === endChildIdx) {
-            if (child.constructor.name === "Text") {
-              preHTMLStructor += text.substring(0, startOffset);
-              nextHTMLStructor += text.substring(endOffset, text.length);
-            } else {
-              const childClassList = [...child.classList];
-              const originTag = getTagName(child);
-              preHTMLStructor += `<${originTag.name} ${originTag.href ? `href="${originTag.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(0, startOffset)}</${originTag.name}>`;
-              nextHTMLStructor += `<${originTag.name} ${originTag.href ? `href="${originTag.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(endOffset, text.length)}</${originTag.name}>`;
-            }
-          } else {
-            if (count === startChildIdx) {
-              if (child.constructor.name === "Text") {
-                preHTMLStructor += text.substring(0, startOffset);
-              } else {
-                const childClassList = [...child.classList];
-                const originTag = getTagName(child);
-                preHTMLStructor += `<${originTag.name} ${originTag.href ? `href="${originTag.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(0, startOffset)}</${originTag.name}>`;
-              }
-            } else if (count === endChildIdx) {
-              if (child.constructor.name === "Text") {
-                nextHTMLStructor += text.substring(endOffset, text.length);
-              } else {
-                const childClassList = [...child.classList];
-                const originTag = getTagName(child);
-                nextHTMLStructor += `<${originTag.name} ${originTag.href ? `href="${originTag.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(endOffset, text.length)}</${originTag.name}>`;
-              }
-            }
-          }
-        }
-      });
-      editableElement.innerHTML = preHTMLStructor;
-      editableElement.insertAdjacentHTML("afterend", `<li class="d-li-item ${editableElementClassList.join(" ")}">${nextHTMLStructor}</li>`);
-      setTimeout(() => {
-        setCursor(editableElement.nextSibling.childNodes[0], 0);
-        update();
-      }, 100);
-    }
-  }
-}
-function textEnterEvent(action) {
-  const cursorData = getCursor();
-  if (cursorData.startNode) {
-    const editableElement = findEditableElement(cursorData.startNode);
-    const editableElementClassList = [...editableElement.classList].slice(0, 1);
-    const startNode = cursorData.startNode;
-    const endNode = cursorData.endNode;
-    let startChild = startNode;
-    let endChild = endNode;
-    if (startNode.parentNode !== editableElement) {
-      startChild = startNode.parentNode;
-    }
-    if (endNode.parentNode !== editableElement) {
-      endChild = endNode.parentNode;
-    }
-    const startChildIdx = findChildNumber(editableElement, startChild);
-    const endChildIdx = findChildNumber(editableElement, endChild);
-    let startIdx = 0;
-    let endIdx = 0;
-    let startOffset = 0;
-    let endOffset = 0;
-    let preHTMLStructor = "";
-    let nextHTMLStructor = "";
-    if (startChildIdx > endChildIdx) {
-      startIdx = endChildIdx;
-      endIdx = startChildIdx;
-      startOffset = cursorData.endOffset;
-      endOffset = cursorData.startOffset;
-    } else {
-      startIdx = startChildIdx;
-      endIdx = endChildIdx;
-      startOffset = cursorData.startOffset;
-      endOffset = cursorData.endOffset;
-    }
-    if (editableElement.childNodes.length === 0 || endChildIdx === editableElement.childNodes.length - 1 && editableElement.childNodes[endChildIdx].textContent.length === endOffset) {
-      action("addBlock", {
-        name: "text"
-      });
-    } else {
-      editableElement.childNodes.forEach((child, count) => {
-        const text = child.textContent;
-        if (count < startChildIdx) {
-          if (child.constructor.name === "Text") {
-            preHTMLStructor += child.textContent;
-          } else {
-            preHTMLStructor += child.outerHTML;
-          }
-        } else if (count > endChildIdx) {
-          if (child.constructor.name === "Text") {
-            nextHTMLStructor += child.textContent;
-          } else {
-            nextHTMLStructor += child.outerHTML;
-          }
-        } else {
-          if (startChildIdx === endChildIdx) {
-            if (child.constructor.name === "Text") {
-              preHTMLStructor += text.substring(0, startOffset);
-              nextHTMLStructor += text.substring(endOffset, text.length);
-            } else {
-              const childClassList = [...child.classList];
-              const originTag = getTagName(child);
-              preHTMLStructor += `<${originTag.name} ${originTag.href ? `href="${originTag.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(0, startOffset)}</${originTag.name}>`;
-              nextHTMLStructor += `<${originTag.name} ${originTag.href ? `href="${originTag.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(endOffset, text.length)}</${originTag.name}>`;
-            }
-          } else {
-            if (count === startChildIdx) {
-              if (child.constructor.name === "Text") {
-                preHTMLStructor += text.substring(0, startOffset);
-              } else {
-                const childClassList = [...child.classList];
-                const originTag = getTagName(child);
-                preHTMLStructor += `<${originTag.name} ${originTag.href ? `href="${originTag.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(0, startOffset)}</${originTag.name}>`;
-              }
-            } else if (count === endChildIdx) {
-              if (child.constructor.name === "Text") {
-                nextHTMLStructor += text.substring(endOffset, text.length);
-              } else {
-                const childClassList = [...child.classList];
-                const originTag = getTagName(child);
-                nextHTMLStructor += `<${originTag.name} ${originTag.href ? `href="${originTag.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(endOffset, text.length)}</${originTag.name}>`;
-              }
-            }
-          }
-        }
-      });
-      editableElement.innerHTML = preHTMLStructor;
-      action("addBlock", {
-        name: "text",
-        value: { classList: editableElementClassList, content: nextHTMLStructor }
-      });
-    }
-  }
-}
-function backspaceEvent(type, event, action, update) {
-  if (event.code === "Backspace") {
-    if (type === "text") {
-      const cursorData = getCursor();
-      if (cursorData.type === "Caret" && cursorData.startOffset === 0) {
-        const editableElement = findEditableElement(cursorData.startNode);
-        let $target = cursorData.startNode;
-        if ($target.constructor.name === "Text") {
-          $target = $target.parentNode;
-        }
-        if ($target === editableElement) {
-          update();
-          event.preventDefault();
-          action("deleteBlockLocal");
-        }
-      }
-    }
-  }
-}
-export function keyboardEvent(type, event, action, update) {
-  enterEvent(type, event, action, update);
-  backspaceEvent(type, event, action, update);
-}
-export function getClipboardData(data) {
-  let type, clipboardData;
-  if (!data) {
-    type = null;
-  }
-  const items = data.items;
-  if (items === void 0) {
-    type = null;
-  }
-  const count = items.length;
-  for (let i = 0; i < count; i += 1) {
-    if (items[i].type.indexOf("image") === 0) {
-      type = "image";
-      clipboardData = items[i].getAsFile();
-      break;
-    }
-    type = "text";
-  }
-  if (type === "text") {
-    clipboardData = data.getData("text");
-  }
-  return {
-    type,
-    value: clipboardData
-  };
-}
-export function pasteText(type, value) {
-  const selection = window.getSelection();
-  const range = document.createRange();
-  let textNode;
-  if (type !== "codeBlock") {
-    textNode = document.createTextNode(value.replace("\n", "").replace(/  +/g, " "));
-  } else {
-    textNode = document.createTextNode(value);
-  }
-  selection.deleteFromDocument();
-  selection.getRangeAt(0).insertNode(textNode);
-  range.setStart(textNode, textNode.length);
-  range.collapse(true);
-  selection.removeAllRanges();
-  selection.addRange(range);
-}
-function addBrEvent() {
-  const cursorData = getCursor();
-  if (cursorData.startNode) {
-    let $target = cursorData.startNode;
-    const preEditableElement = findEditableElement($target);
-    if ($target.constructor.name === "Text") {
-      $target = $target.parentNode;
-    }
-    if (preEditableElement !== $target && $target.constructor.name !== "HTMLBRElement") {
-      let startNode = cursorData.startNode;
-      let endNode = cursorData.endNode;
-      let startChild = startNode;
-      let endChild = endNode;
-      if (startNode.parentNode !== preEditableElement) {
-        startChild = startNode.parentNode;
-      }
-      if (endNode.parentNode !== preEditableElement) {
-        endChild = endNode.parentNode;
-      }
-      const startChildIdx = findChildNumber(preEditableElement, startChild);
-      const endChildIdx = findChildNumber(preEditableElement, endChild);
-      let startIdx = 0;
-      let endIdx = 0;
-      let startOffset = 0;
-      let endOffset = 0;
-      let htmlStructure = "";
-      if (startChildIdx > endChildIdx) {
-        startIdx = endChildIdx;
-        endIdx = startChildIdx;
-        startOffset = cursorData.endOffset;
-        endOffset = cursorData.startOffset;
-      } else {
-        startIdx = startChildIdx;
-        endIdx = endChildIdx;
-        startOffset = cursorData.startOffset;
-        endOffset = cursorData.endOffset;
-      }
-      if (enterCount === 1) {
-        const text = startChild.textContent;
-        startChild.textContent = text.substring(1, text.length);
-        setCursor(startChild, 0);
-      } else {
-        if (startNode === endNode) {
-          const text = startChild.textContent;
-          const childClassList = [...startChild.classList];
-          const tagData = getTagName(startChild);
-          htmlStructure += `<${tagData.name} ${tagData.href ? `href="${tagData.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(0, startOffset)}</${tagData.name}>`;
-          htmlStructure += `<br>`;
-          htmlStructure += `<${tagData.name} ${tagData.href ? `href="${tagData.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(endOffset, text.length)}</${tagData.name}>`;
-          startChild.insertAdjacentHTML("beforebegin", htmlStructure);
-          setCursor(preEditableElement.childNodes[startChildIdx + 2], 0);
-          startChild.remove();
-        } else {
-          preEditableElement.childNodes.forEach((child, count) => {
-            const type = child.constructor.name;
-            const text = child.textContent;
-            if (count > startIdx && count < endIdx) {
-            } else if (count === startIdx) {
-              if (type === "Text") {
-                htmlStructure += text.substring(0, startOffset);
-              } else {
-                const childClassList = [...child.classList];
-                const tagData = getTagName(child);
-                htmlStructure += `<${tagData.name} ${tagData.href ? `href="${tagData.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(0, startOffset)}</${tagData.name}><br>`;
-              }
-            } else if (count === endIdx) {
-              if (type === "Text") {
-                htmlStructure += text.substring(endOffset, text.length);
-              } else {
-                const childClassList = [...child.classList];
-                const tagData = getTagName(child);
-                htmlStructure += `<${tagData.name} ${tagData.href ? `href="${tagData.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(endOffset, text.length)}</${tagData.name}><br>`;
-              }
-            } else {
-              if (type === "Text") {
-                htmlStructure += child.textContent;
-              } else {
-                htmlStructure += child.outerHTML;
-              }
-            }
-          });
-          preEditableElement.innerHTML = htmlStructure;
-        }
-      }
-    } else {
-      const brTag = document.createElement("br");
-      const selection = window.getSelection();
-      const range = document.createRange();
-      if (enterCount === 1) {
-        const nextCursorData = getCursor();
-        const editableElement = findEditableElement(nextCursorData.startNode);
-        const childList = editableElement.childNodes;
-        const childIdx = findChildNumber(editableElement, nextCursorData.startNode);
-        setCursor(childList[childIdx + 2], 0);
-      } else {
-        selection.deleteFromDocument();
-        selection.getRangeAt(0).insertNode(brTag);
-        range.setStart(brTag, 0);
-        range.collapse(true);
-        selection.removeAllRanges();
-        selection.addRange(range);
-        const nextCursorData = getCursor();
-        const editableElement = findEditableElement(nextCursorData.startNode);
-        const childList = editableElement.childNodes;
-        const childIdx = findChildNumber(editableElement, nextCursorData.startNode);
-        let hasText = false;
-        childList.forEach((row) => {
-          if (row.constructor.name === "Text") {
-            hasText = true;
-          }
-        });
-        if (hasText) {
-          if (childList[childIdx + 1].textContent?.length === 0) {
-            if (childList[childIdx + 2]) {
-              if (childList[childIdx + 2].constructor.name == "HTMLBRElement") {
-                setCursor(childList[childIdx + 1], 0);
-              } else {
-                childList[childIdx].insertAdjacentHTML("beforebegin", "<br>");
-              }
-            } else {
-              childList[childIdx].insertAdjacentHTML("beforebegin", "<br>");
-            }
-          } else {
-            setCursor(childList[childIdx + 1], 0);
-          }
-        } else {
-          childList[childIdx].insertAdjacentHTML("beforebegin", "<br>");
-        }
-      }
-    }
-  }
-}
-function addBrEventWithList() {
-  const cursorData = getCursor();
-  if (cursorData.startNode) {
-    let $target = cursorData.startNode;
-    const preEditableElement = findLiElement($target);
-    if ($target.constructor.name === "Text") {
-      $target = $target.parentNode;
-    }
-    if (preEditableElement !== $target && $target.constructor.name !== "HTMLBRElement") {
-      let startNode = cursorData.startNode;
-      let endNode = cursorData.endNode;
-      let startChild = startNode;
-      let endChild = endNode;
-      if (startNode.parentNode !== preEditableElement) {
-        startChild = startNode.parentNode;
-      }
-      if (endNode.parentNode !== preEditableElement) {
-        endChild = endNode.parentNode;
-      }
-      const startChildIdx = findChildNumber(preEditableElement, startChild);
-      const endChildIdx = findChildNumber(preEditableElement, endChild);
-      let startIdx = 0;
-      let endIdx = 0;
-      let startOffset = 0;
-      let endOffset = 0;
-      let htmlStructure = "";
-      if (startChildIdx > endChildIdx) {
-        startIdx = endChildIdx;
-        endIdx = startChildIdx;
-        startOffset = cursorData.endOffset;
-        endOffset = cursorData.startOffset;
-      } else {
-        startIdx = startChildIdx;
-        endIdx = endChildIdx;
-        startOffset = cursorData.startOffset;
-        endOffset = cursorData.endOffset;
-      }
-      if (enterCount === 1) {
-        const text = startChild.textContent;
-        startChild.textContent = text.substring(1, text.length);
-        setCursor(startChild, 0);
-      } else {
-        if (startNode === endNode) {
-          const text = startChild.textContent;
-          const childClassList = [...startChild.classList];
-          const tagData = getTagName(startChild);
-          htmlStructure += `<${tagData.name} ${tagData.href ? `href="${tagData.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(0, startOffset)}</${tagData.name}>`;
-          htmlStructure += `<br>`;
-          htmlStructure += `<${tagData.name} ${tagData.href ? `href="${tagData.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(endOffset, text.length)}</${tagData.name}>`;
-          startChild.insertAdjacentHTML("beforebegin", htmlStructure);
-          setCursor(preEditableElement.childNodes[startChildIdx + 2], 0);
-          startChild.remove();
-        } else {
-          preEditableElement.childNodes.forEach((child, count) => {
-            const type = child.constructor.name;
-            const text = child.textContent;
-            if (count > startIdx && count < endIdx) {
-            } else if (count === startIdx) {
-              if (type === "Text") {
-                htmlStructure += text.substring(0, startOffset);
-              } else {
-                const childClassList = [...child.classList];
-                const tagData = getTagName(child);
-                htmlStructure += `<${tagData.name} ${tagData.href ? `href="${tagData.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(0, startOffset)}</${tagData.name}><br>`;
-              }
-            } else if (count === endIdx) {
-              if (type === "Text") {
-                htmlStructure += text.substring(endOffset, text.length);
-              } else {
-                const childClassList = [...child.classList];
-                const tagData = getTagName(child);
-                htmlStructure += `<${tagData.name} ${tagData.href ? `href="${tagData.href}" rel="nofollow"` : ""} class="${childClassList.join(" ")}">${text.substring(endOffset, text.length)}</${tagData.name}><br>`;
-              }
-            } else {
-              if (type === "Text") {
-                htmlStructure += child.textContent;
-              } else {
-                htmlStructure += child.outerHTML;
-              }
-            }
-          });
-          preEditableElement.innerHTML = htmlStructure;
-        }
-      }
-    } else {
-      const brTag = document.createElement("br");
-      const selection = window.getSelection();
-      const range = document.createRange();
-      console.log("br");
-      if (enterCount === 1) {
-        const nextCursorData = getCursor();
-        const editableElement = findEditableElement(nextCursorData.startNode);
-        const childList = editableElement.childNodes;
-        const childIdx = findChildNumber(editableElement, nextCursorData.startNode);
-        setCursor(childList[childIdx + 2], 0);
-      } else {
-        selection.deleteFromDocument();
-        selection.getRangeAt(0).insertNode(brTag);
-        range.setStart(brTag, 0);
-        range.collapse(true);
-        selection.removeAllRanges();
-        selection.addRange(range);
-        const nextCursorData = getCursor();
-        const editableElement = findEditableElement(nextCursorData.startNode);
-        const childList = editableElement.childNodes;
-        const childIdx = findChildNumber(editableElement, nextCursorData.startNode);
-        let hasText = false;
-        childList.forEach((row) => {
-          if (row.constructor.name === "Text") {
-            hasText = true;
-          }
-        });
-        if (hasText) {
-          if (childList[childIdx + 1].textContent?.length === 0) {
-            if (childList[childIdx + 2]) {
-              if (childList[childIdx + 2].constructor.name == "HTMLBRElement") {
-                setCursor(childList[childIdx + 1], 0);
-              } else {
-                childList[childIdx].insertAdjacentHTML("beforebegin", "<br>");
-              }
-            } else {
-              childList[childIdx].insertAdjacentHTML("beforebegin", "<br>");
-            }
-          } else {
-            setCursor(childList[childIdx + 1], 0);
-          }
-        } else {
-          childList[childIdx].insertAdjacentHTML("beforebegin", "<br>");
-        }
-      }
-    }
-  }
-}

package/dist/runtime/core/utils/style.d.ts

@@ -1,6 +0,0 @@
-import type { allBlock, styleUtilArgument } from "../../../types";
-export declare function styleSettings({ kind, blockData, $target, url, cursorData }: styleUtilArgument): allBlock;
-export declare function getTagName(node: HTMLElement): {
-    name: string;
-    href: string | null;
-};