@kopexa/tiptap 17.6.18 → 17.7.2

package/dist/chunk-DQK6PA4U.mjs

@@ -1,276 +0,0 @@
-"use client";
-import {
-  TrailingNode
-} from "./chunk-H6LC4LDQ.mjs";
-import {
-  VariableNode
-} from "./chunk-4HO7BWDC.mjs";
-import {
-  MathBlock
-} from "./chunk-2U5CQUZH.mjs";
-import {
-  InlineMath
-} from "./chunk-7VW67NVL.mjs";
-import {
-  Selection
-} from "./chunk-U5XAL46P.mjs";
-import {
-  TocNode
-} from "./chunk-IFXRPGIJ.mjs";
-import {
-  ImageNode
-} from "./chunk-HTJ2RXOG.mjs";
-import {
-  ImageUploadNode
-} from "./chunk-N3JE67CS.mjs";
-import {
-  Link
-} from "./chunk-EIIWU5FR.mjs";
-import {
-  UiState
-} from "./chunk-KR42JAVB.mjs";
-import {
-  safeParseContent
-} from "./chunk-3VRQUYYW.mjs";
-import {
-  CalloutNode
-} from "./chunk-32SUXCAQ.mjs";
-import {
-  useEditorFile
-} from "./chunk-VRQ6OSAZ.mjs";
-
-// src/hooks/use-create-editor.ts
-import { CodeKit } from "@kopexa/extension-code";
-import { ControlKit } from "@kopexa/extension-controlref";
-import { TableKit } from "@kopexa/extension-table";
-import { FileHandler } from "@tiptap/extension-file-handler";
-import { Highlight } from "@tiptap/extension-highlight";
-import InvisibleCharacters from "@tiptap/extension-invisible-characters";
-import { TaskItem, TaskList } from "@tiptap/extension-list";
-import { Subscript } from "@tiptap/extension-subscript";
-import { Superscript } from "@tiptap/extension-superscript";
-import {
-  getHierarchicalIndexes,
-  TableOfContents
-} from "@tiptap/extension-table-of-contents";
-import { TextAlign } from "@tiptap/extension-text-align";
-import { TextStyleKit } from "@tiptap/extension-text-style";
-import { Typography } from "@tiptap/extension-typography";
-import { UniqueID } from "@tiptap/extension-unique-id";
-import { CharacterCount, Placeholder } from "@tiptap/extensions";
-import {
-  useEditor
-} from "@tiptap/react";
-import { StarterKit } from "@tiptap/starter-kit";
-import { useEffect, useState } from "react";
-var useCreateEditor = ({
-  content,
-  editable = true,
-  placeholder = "Write, type '/' for commands\u2026",
-  onChange,
-  enableControls = false,
-  controlResolver,
-  fileHandler: fileHandlerProp,
-  enableVariables = false,
-  ...options
-}) => {
-  const fileHandlerFromContext = useEditorFile();
-  const fileHandler = fileHandlerProp != null ? fileHandlerProp : fileHandlerFromContext;
-  const [extensions] = useState(
-    () => getExtensions({
-      editable,
-      placeholder,
-      enableControls,
-      controlResolver,
-      fileHandler,
-      enableVariables
-    })
-  );
-  const editor = useEditor({
-    editorProps: {
-      attributes: {
-        autocomplete: "off",
-        autocorrect: "off",
-        autocapitalize: "off",
-        "aria-label": "Main content area, start typing to enter text."
-      }
-    },
-    immediatelyRender: false,
-    shouldRerenderOnTransaction: false,
-    extensions,
-    editable,
-    onUpdate: ({ editor: editor2 }) => {
-      onChange == null ? void 0 : onChange(editor2.getJSON());
-    },
-    content: safeParseContent(content),
-    ...options
-  });
-  useEffect(() => {
-    if (editor && editor.isEditable !== editable) {
-      editor.setEditable(editable);
-    }
-  }, [editor, editable]);
-  return editor;
-};
-function getExtensions({
-  editable,
-  placeholder,
-  enableControls = false,
-  controlResolver,
-  fileHandler,
-  enableVariables = false
-}) {
-  const extensions = [
-    StarterKit.configure({
-      trailingNode: false,
-      // we use our custom trailing node extension
-      link: false,
-      // we use our custom link extension
-      code: false,
-      // we use our own
-      codeBlock: false
-      // we use our own
-      // undoRedo should be dynamic based on collaboration, later.^
-    }),
-    TextAlign.configure({ types: ["heading", "paragraph"] }),
-    TaskList,
-    TaskItem.configure({ nested: true }),
-    InvisibleCharacters.configure({
-      visible: false
-    }),
-    TableOfContents.configure({
-      getIndex: getHierarchicalIndexes
-    }),
-    Selection,
-    Link.configure({ openOnClick: !editable }),
-    // disable link click when editing
-    TextStyleKit,
-    Highlight.configure({ multicolor: true }),
-    CharacterCount,
-    Typography,
-    Superscript,
-    Subscript,
-    CodeKit,
-    TrailingNode,
-    UniqueID.configure({
-      types: [
-        "paragraph",
-        "bulletList",
-        "orderedList",
-        "taskList",
-        "heading",
-        "blockquote",
-        "codeBlock"
-      ]
-      //	filterTransaction: (transaction) => !isChangeOrigin(transaction),
-    }),
-    UiState,
-    TableKit,
-    TocNode,
-    CalloutNode,
-    MathBlock,
-    InlineMath,
-    // Image support - extended with file reference resolution
-    ImageNode.configure({
-      allowBase64: true
-    }),
-    // Image upload placeholder
-    ImageUploadNode,
-    Placeholder.configure({
-      placeholder,
-      emptyNodeClass: "is-empty with-slash"
-    })
-  ];
-  if (enableControls) {
-    extensions.push(ControlKit.configure({ resolver: controlResolver }));
-  }
-  if (enableVariables) {
-    extensions.push(VariableNode);
-  }
-  if (fileHandler) {
-    extensions.push(
-      FileHandler.configure({
-        allowedMimeTypes: [
-          "image/jpeg",
-          "image/png",
-          "image/gif",
-          "image/webp",
-          "image/svg+xml"
-        ],
-        onDrop: (editor, files, pos) => {
-          for (const file of files) {
-            handleFileUpload(editor, file, fileHandler, pos);
-          }
-        },
-        onPaste: (editor, files) => {
-          for (const file of files) {
-            handleFileUpload(editor, file, fileHandler);
-          }
-        }
-      })
-    );
-  }
-  return extensions;
-}
-async function handleFileUpload(editor, file, fileHandler, pos) {
-  if (!editor) return;
-  const tempId = `uploading-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-  const insertPos = pos != null ? pos : editor.state.selection.anchor;
-  editor.chain().focus().insertContentAt(insertPos, {
-    type: "image",
-    attrs: {
-      src: tempId,
-      uploadState: "uploading",
-      uploadProgress: 0
-    }
-  }).run();
-  try {
-    const ref = await fileHandler.upload(file, (percent) => {
-      editor.state.doc.descendants((node, nodePos) => {
-        if (node.type.name === "image" && node.attrs.src === tempId) {
-          editor.view.dispatch(
-            editor.state.tr.setNodeMarkup(nodePos, void 0, {
-              ...node.attrs,
-              uploadProgress: percent
-            })
-          );
-          return false;
-        }
-        return true;
-      });
-    });
-    editor.state.doc.descendants((node, nodePos) => {
-      if (node.type.name === "image" && node.attrs.src === tempId) {
-        editor.view.dispatch(
-          editor.state.tr.setNodeMarkup(nodePos, void 0, {
-            src: ref,
-            uploadState: null,
-            uploadProgress: null
-          })
-        );
-        return false;
-      }
-      return true;
-    });
-  } catch (error) {
-    editor.state.doc.descendants((node, nodePos) => {
-      if (node.type.name === "image" && node.attrs.src === tempId) {
-        editor.view.dispatch(
-          editor.state.tr.setNodeMarkup(nodePos, void 0, {
-            ...node.attrs,
-            uploadState: "error",
-            uploadProgress: null
-          })
-        );
-        return false;
-      }
-      return true;
-    });
-    console.error("[FileHandler] Upload failed:", error);
-  }
-}
-
-export {
-  useCreateEditor,
-  getExtensions
-};

package/dist/chunk-DSBJFMHK.mjs

@@ -1,38 +0,0 @@
-"use client";
-
-// src/extensions/image-upload/messages.ts
-import { defineMessages } from "react-intl";
-var messages = defineMessages({
-  upload_error: {
-    id: "editor.image.upload_error",
-    defaultMessage: "Failed to upload image"
-  },
-  uploading: {
-    id: "editor.image.uploading",
-    defaultMessage: "Uploading..."
-  },
-  upload_placeholder: {
-    id: "editor.image.upload_placeholder",
-    defaultMessage: "Click to upload or drag & drop"
-  },
-  upload_hint: {
-    id: "editor.image.upload_hint",
-    defaultMessage: "PNG, JPG, GIF, WebP, SVG"
-  },
-  click_to_retry: {
-    id: "editor.image.click_to_retry",
-    defaultMessage: "Click to try again"
-  },
-  files_not_supported: {
-    id: "editor.image.files_not_supported",
-    defaultMessage: "File upload is not configured"
-  },
-  remove: {
-    id: "editor.image.remove",
-    defaultMessage: "Remove"
-  }
-});
-
-export {
-  messages
-};

package/dist/chunk-DT7ML2P4.mjs

@@ -1,42 +0,0 @@
-"use client";
-
-// src/hooks/use-window-size.ts
-import * as React from "react";
-function useWindowSize() {
-  const [windowSize, setWindowSize] = React.useState({
-    width: 0,
-    height: 0,
-    offsetTop: 0
-  });
-  React.useEffect(() => {
-    handleResize();
-    function handleResize() {
-      if (typeof window === "undefined") return;
-      const vp = window.visualViewport;
-      if (!vp) return;
-      const { width = 0, height = 0, offsetTop = 0 } = vp;
-      setWindowSize((state) => {
-        if (width === state.width && height === state.height && offsetTop === state.offsetTop) {
-          return state;
-        }
-        return { width, height, offsetTop };
-      });
-    }
-    const visualViewport = window.visualViewport;
-    if (visualViewport) {
-      visualViewport.addEventListener("resize", handleResize);
-      visualViewport.addEventListener("scroll", handleResize);
-    }
-    return () => {
-      if (visualViewport) {
-        visualViewport.removeEventListener("resize", handleResize);
-        visualViewport.removeEventListener("scroll", handleResize);
-      }
-    };
-  }, []);
-  return windowSize;
-}
-
-export {
-  useWindowSize
-};

package/dist/chunk-DZLGLP7R.mjs

@@ -1,99 +0,0 @@
-"use client";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-import {
-  selectNodeAndHideFloating
-} from "./chunk-TDFS3DCZ.mjs";
-
-// src/ui/copy-anchor-link-button/use-scroll-to-hash.ts
-import { getEditorExtension } from "@kopexa/editor-utils";
-import * as React from "react";
-function useScrollToHash(config = {}) {
-  const {
-    editor: providedEditor,
-    onTargetFound = () => {
-    },
-    onTargetNotFound = () => {
-    }
-  } = config;
-  const { editor } = useTiptapEditor(providedEditor);
-  const scrollToNode = React.useCallback(
-    (id) => {
-      var _a, _b, _c;
-      if (!editor) return false;
-      const attributeName = (_c = (_b = (_a = getEditorExtension(editor, "uniqueID")) == null ? void 0 : _a.options) == null ? void 0 : _b.attributeName) != null ? _c : "data-id";
-      let position = null;
-      editor.state.doc.descendants((node, pos) => {
-        var _a2;
-        if (((_a2 = node.attrs) == null ? void 0 : _a2[attributeName]) === id) {
-          position = pos;
-          return false;
-        }
-        return true;
-      });
-      if (position === null) return false;
-      selectNodeAndHideFloating(editor, position);
-      setTimeout(() => {
-        let dom = null;
-        if (typeof position === "number") {
-          dom = editor.view.nodeDOM(position);
-        }
-        if (dom) {
-          dom.scrollIntoView({ behavior: "smooth", block: "center" });
-        }
-      }, 0);
-      return true;
-    },
-    [editor]
-  );
-  const handleScroll = React.useCallback(
-    (delay = 0) => {
-      var _a;
-      const hash = (_a = window.location.hash) == null ? void 0 : _a.substring(1);
-      if (!hash) return;
-      setTimeout(() => {
-        if (scrollToNode(hash)) {
-          onTargetFound(hash);
-        } else {
-          onTargetNotFound(hash);
-        }
-      }, delay);
-    },
-    [scrollToNode, onTargetFound, onTargetNotFound]
-  );
-  React.useEffect(() => {
-    var _a, _b;
-    if (!editor) return;
-    const provider = (_b = (_a = editor.extensionManager.extensions.find(
-      (ext) => ext.name === "collaborationCaret"
-    )) == null ? void 0 : _a.options) == null ? void 0 : _b.provider;
-    if (provider == null ? void 0 : provider.on) {
-      const syncHandler = () => handleScroll(500);
-      provider.on("synced", syncHandler);
-      return () => {
-        var _a2;
-        (_a2 = provider.off) == null ? void 0 : _a2.call(provider, "synced", syncHandler);
-      };
-    } else {
-      handleScroll(500);
-    }
-  }, [editor, handleScroll]);
-  React.useEffect(() => {
-    const immediateScroll = () => handleScroll();
-    const delayedScroll = () => handleScroll(500);
-    window.addEventListener("hashchange", immediateScroll);
-    window.addEventListener("pageshow", delayedScroll);
-    window.addEventListener("popstate", immediateScroll);
-    return () => {
-      window.removeEventListener("hashchange", immediateScroll);
-      window.removeEventListener("pageshow", delayedScroll);
-      window.removeEventListener("popstate", immediateScroll);
-    };
-  }, [handleScroll]);
-  return { scrollToHash: scrollToNode };
-}
-
-export {
-  useScrollToHash
-};