@kopexa/tiptap 17.6.17 → 17.7.0

package/dist/chunk-XGAABDMW.mjs

@@ -1,159 +0,0 @@
-"use client";
-
-// src/ui/link-bubble/index.tsx
-import { IconButton } from "@kopexa/button";
-import { EditIcon, ExternalLinkIcon, TrashIcon } from "@kopexa/icons";
-import { Input } from "@kopexa/input";
-import { BubbleMenu as TiptapBubbleMenu } from "@tiptap/react/menus";
-import { useCallback, useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function LinkBubble({ editor }) {
-  const [isEditing, setIsEditing] = useState(false);
-  const [url, setUrl] = useState("");
-  const getCurrentUrl = useCallback(() => {
-    if (!editor) return "";
-    const attrs = editor.getAttributes("link");
-    return attrs.href || "";
-  }, [editor]);
-  useEffect(() => {
-    const isLinkActive = editor == null ? void 0 : editor.isActive("link");
-    if (isLinkActive) {
-      setUrl(getCurrentUrl());
-      setIsEditing(false);
-    }
-  }, [editor, getCurrentUrl]);
-  const handleOpenLink = useCallback(() => {
-    const href = getCurrentUrl();
-    if (href) {
-      window.open(href, "_blank", "noopener,noreferrer");
-    }
-  }, [getCurrentUrl]);
-  const handleRemoveLink = useCallback(() => {
-    editor == null ? void 0 : editor.chain().focus().unsetLink().run();
-  }, [editor]);
-  const handleEdit = useCallback(() => {
-    setUrl(getCurrentUrl());
-    setIsEditing(true);
-  }, [getCurrentUrl]);
-  const handleSave = useCallback(() => {
-    if (url) {
-      editor == null ? void 0 : editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
-    } else {
-      editor == null ? void 0 : editor.chain().focus().unsetLink().run();
-    }
-    setIsEditing(false);
-  }, [editor, url]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === "Enter") {
-        e.preventDefault();
-        handleSave();
-      } else if (e.key === "Escape") {
-        e.preventDefault();
-        setIsEditing(false);
-        setUrl(getCurrentUrl());
-      }
-    },
-    [handleSave, getCurrentUrl]
-  );
-  if (!editor) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    TiptapBubbleMenu,
-    {
-      editor,
-      pluginKey: "linkBubbleMenu",
-      shouldShow: ({ editor: e, view }) => {
-        if (!view.hasFocus()) return false;
-        return e.isActive("link") && e.isEditable;
-      },
-      options: {
-        placement: "bottom-start",
-        offset: 8
-      },
-      className: "rounded-lg border bg-background shadow-md",
-      children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 p-1.5 min-w-[280px]", children: isEditing ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "url",
-            value: url,
-            onChange: (e) => setUrl(e.target.value),
-            onKeyDown: handleKeyDown,
-            placeholder: "Enter URL...",
-            className: "flex-1 h-8 text-sm",
-            autoFocus: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            type: "button",
-            size: "sm",
-            variant: "ghost",
-            onClick: handleSave,
-            "aria-label": "Save link",
-            children: /* @__PURE__ */ jsx(EditIcon, { className: "size-4" })
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: getCurrentUrl(),
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "flex-1 text-sm text-primary truncate max-w-[200px] hover:underline px-2",
-            onClick: (e) => {
-              e.preventDefault();
-              handleOpenLink();
-            },
-            children: getCurrentUrl()
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 border-l pl-1 ml-1", children: [
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              type: "button",
-              size: "sm",
-              variant: "ghost",
-              onClick: handleOpenLink,
-              "aria-label": "Open link in new tab",
-              children: /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              type: "button",
-              size: "sm",
-              variant: "ghost",
-              onClick: handleEdit,
-              "aria-label": "Edit link",
-              children: /* @__PURE__ */ jsx(EditIcon, { className: "size-4" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              type: "button",
-              size: "sm",
-              variant: "ghost",
-              onClick: handleRemoveLink,
-              "aria-label": "Remove link",
-              children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-4" })
-            }
-          )
-        ] })
-      ] }) })
-    }
-  );
-}
-var link_bubble_default = LinkBubble;
-
-export {
-  LinkBubble,
-  link_bubble_default
-};

package/dist/chunk-Y2KSWMG5.mjs

@@ -1 +0,0 @@
-"use client";

package/dist/chunk-YJAHZXLG.mjs

@@ -1,92 +0,0 @@
-"use client";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/table-button/use-table.ts
-import { isNodeInSchema, isNodeTypeSelected } from "@kopexa/editor-utils";
-import { TableIcon } from "@kopexa/icons";
-import { isNodeSelection } from "@tiptap/react";
-import { useCallback, useEffect, useState } from "react";
-function canToggle(editor) {
-  if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("table", editor) || isNodeTypeSelected(editor, ["image"])) {
-    return false;
-  }
-  try {
-    return editor.can().insertTable({ rows: 3, cols: 3, withHeaderRow: true });
-  } catch {
-    return false;
-  }
-}
-function toggleTable(editor, config) {
-  var _a;
-  if (!editor || !editor.isEditable) return false;
-  if (!canToggle(editor)) return false;
-  try {
-    return editor.chain().focus().insertTable({
-      rows: (config == null ? void 0 : config.rows) || 3,
-      cols: (config == null ? void 0 : config.cols) || 3,
-      withHeaderRow: (_a = config == null ? void 0 : config.withHeaderRow) != null ? _a : true
-    }).run();
-  } catch {
-    return false;
-  }
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("table", editor)) return false;
-  if (hideWhenUnavailable) {
-    if (isNodeSelection(editor.state.selection) || !canToggle) {
-      return false;
-    }
-  }
-  return true;
-}
-function useTableBlock(config) {
-  const {
-    editor: providedEditor,
-    hideWhenUnavailable = false,
-    onToggled
-  } = config || {};
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = useState(true);
-  const canToggleState = canToggle(editor);
-  const isActive = (editor == null ? void 0 : editor.isActive("table")) || false;
-  useEffect(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable }));
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable]);
-  const handleToggle = useCallback(() => {
-    if (!editor) return false;
-    const success = toggleTable(editor);
-    if (success) {
-      onToggled == null ? void 0 : onToggled();
-    }
-    return success;
-  }, [editor, onToggled]);
-  return {
-    isVisible,
-    isActive,
-    handleToggle,
-    canToggle: canToggleState,
-    label: "Table",
-    // shortcutKeys: CODE_BLOCK_SHORTCUT_KEY,
-    Icon: TableIcon
-  };
-}
-
-export {
-  canToggle,
-  toggleTable,
-  shouldShowButton,
-  useTableBlock
-};

package/dist/chunk-Z365KVQY.mjs

@@ -1,34 +0,0 @@
-"use client";
-
-// src/extensions/image/messages.ts
-import { defineMessages } from "react-intl";
-var messages = defineMessages({
-  loading: {
-    id: "editor.image.loading",
-    defaultMessage: "Loading image..."
-  },
-  uploading: {
-    id: "editor.image.uploading",
-    defaultMessage: "Uploading..."
-  },
-  error: {
-    id: "editor.image.error",
-    defaultMessage: "Failed to load image"
-  },
-  upload_error: {
-    id: "editor.image.upload_error",
-    defaultMessage: "Failed to upload image"
-  },
-  retry: {
-    id: "editor.image.retry",
-    defaultMessage: "Retry"
-  },
-  remove: {
-    id: "editor.image.remove",
-    defaultMessage: "Remove"
-  }
-});
-
-export {
-  messages
-};

package/dist/chunk-ZVTJ6XD7.mjs

@@ -1,88 +0,0 @@
-"use client";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/undo-redo-button/use-undo-redo.ts
-import { isNodeTypeSelected } from "@kopexa/editor-utils";
-import { RedoIcon, UndoIcon } from "@kopexa/icons";
-import { useCallback, useEffect, useState } from "react";
-var UNDO_REDO_SHORTCUT_KEYS = {
-  undo: "mod+z",
-  redo: "mod+shift+z"
-};
-var historyActionLabels = {
-  undo: "Undo",
-  redo: "Redo"
-};
-var historyIcons = {
-  undo: UndoIcon,
-  redo: RedoIcon
-};
-function canExecuteUndoRedoAction(editor, action) {
-  if (!editor || !editor.isEditable) return false;
-  if (isNodeTypeSelected(editor, ["image"])) return false;
-  return action === "undo" ? editor.can().undo() : editor.can().redo();
-}
-function executeUndoRedoAction(editor, action) {
-  if (!editor || !editor.isEditable) return false;
-  if (!canExecuteUndoRedoAction(editor, action)) return false;
-  const chain = editor.chain().focus();
-  return action === "undo" ? chain.undo().run() : chain.redo().run();
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable, action } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canExecuteUndoRedoAction(editor, action);
-  }
-  return true;
-}
-function useUndoRedo(config) {
-  const {
-    editor: providedEditor,
-    action,
-    hideWhenUnavailable = false,
-    onExecuted
-  } = config;
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = useState(true);
-  const canExecute = canExecuteUndoRedoAction(editor, action);
-  useEffect(() => {
-    if (!editor) return;
-    const handleUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable, action }));
-    };
-    handleUpdate();
-    editor.on("transaction", handleUpdate);
-    return () => {
-      editor.off("transaction", handleUpdate);
-    };
-  }, [editor, hideWhenUnavailable, action]);
-  const handleAction = useCallback(() => {
-    if (!editor) return false;
-    const success = executeUndoRedoAction(editor, action);
-    if (success) {
-      onExecuted == null ? void 0 : onExecuted();
-    }
-    return success;
-  }, [editor, action, onExecuted]);
-  return {
-    isVisible,
-    handleAction,
-    canExecute,
-    label: historyActionLabels[action],
-    shortcutKeys: UNDO_REDO_SHORTCUT_KEYS[action],
-    Icon: historyIcons[action]
-  };
-}
-
-export {
-  UNDO_REDO_SHORTCUT_KEYS,
-  historyActionLabels,
-  historyIcons,
-  canExecuteUndoRedoAction,
-  executeUndoRedoAction,
-  shouldShowButton,
-  useUndoRedo
-};

package/dist/chunk-ZZ4OU46C.mjs

@@ -1,131 +0,0 @@
-"use client";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/blockquote-button/use-blockquote.ts
-import {
-  findNodePosition,
-  isNodeInSchema,
-  isNodeTypeSelected,
-  isValidPosition
-} from "@kopexa/editor-utils";
-import { BlockquoteIcon } from "@kopexa/icons";
-import { NodeSelection, TextSelection } from "@tiptap/pm/state";
-import * as React from "react";
-var BLOCKQUOTE_SHORTCUT_KEY = "mod+shift+b";
-function canToggleBlockquote(editor, turnInto = true) {
-  var _a;
-  if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("blockquote", editor) || isNodeTypeSelected(editor, ["image"]))
-    return false;
-  if (!turnInto) {
-    return editor.can().toggleWrap("blockquote");
-  }
-  try {
-    const view = editor.view;
-    const state = view.state;
-    const selection = state.selection;
-    if (selection.empty || selection instanceof TextSelection) {
-      const pos = (_a = findNodePosition({
-        editor,
-        node: state.selection.$anchor.node(1)
-      })) == null ? void 0 : _a.pos;
-      if (!isValidPosition(pos)) return false;
-    }
-    return true;
-  } catch {
-    return false;
-  }
-}
-function toggleBlockquote(editor) {
-  var _a, _b, _c;
-  if (!editor || !editor.isEditable) return false;
-  if (!canToggleBlockquote(editor)) return false;
-  try {
-    const view = editor.view;
-    let state = view.state;
-    let tr = state.tr;
-    if (state.selection.empty || state.selection instanceof TextSelection) {
-      const pos = (_a = findNodePosition({
-        editor,
-        node: state.selection.$anchor.node(1)
-      })) == null ? void 0 : _a.pos;
-      if (!isValidPosition(pos)) return false;
-      tr = tr.setSelection(NodeSelection.create(state.doc, pos));
-      view.dispatch(tr);
-      state = view.state;
-    }
-    const selection = state.selection;
-    let chain = editor.chain().focus();
-    if (selection instanceof NodeSelection) {
-      const firstChild = (_b = selection.node.firstChild) == null ? void 0 : _b.firstChild;
-      const lastChild = (_c = selection.node.lastChild) == null ? void 0 : _c.lastChild;
-      const from = firstChild ? selection.from + firstChild.nodeSize : selection.from + 1;
-      const to = lastChild ? selection.to - lastChild.nodeSize : selection.to - 1;
-      chain = chain.setTextSelection({ from, to }).clearNodes();
-    }
-    const toggle = editor.isActive("blockquote") ? chain.lift("blockquote") : chain.wrapIn("blockquote");
-    toggle.run();
-    editor.chain().focus().selectTextblockEnd().run();
-    return true;
-  } catch {
-    return false;
-  }
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("blockquote", editor)) return false;
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canToggleBlockquote(editor);
-  }
-  return true;
-}
-function useBlockquote(config) {
-  const {
-    editor: providedEditor,
-    hideWhenUnavailable = false,
-    onToggled
-  } = config || {};
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = React.useState(true);
-  const canToggle = canToggleBlockquote(editor);
-  const isActive = (editor == null ? void 0 : editor.isActive("blockquote")) || false;
-  React.useEffect(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, hideWhenUnavailable }));
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable]);
-  const handleToggle = React.useCallback(() => {
-    if (!editor) return false;
-    const success = toggleBlockquote(editor);
-    if (success) {
-      onToggled == null ? void 0 : onToggled();
-    }
-    return success;
-  }, [editor, onToggled]);
-  return {
-    isVisible,
-    isActive,
-    handleToggle,
-    canToggle,
-    label: "Blockquote",
-    shortcutKeys: BLOCKQUOTE_SHORTCUT_KEY,
-    Icon: BlockquoteIcon
-  };
-}
-
-export {
-  BLOCKQUOTE_SHORTCUT_KEY,
-  canToggleBlockquote,
-  toggleBlockquote,
-  shouldShowButton,
-  useBlockquote
-};

package/dist/context/editor-context.d.mts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { editorBasic } from '@kopexa/theme';
-
-type EditorUIContextType = {
-    styles: ReturnType<typeof editorBasic>;
-};
-declare const EditorUIProvider: React.Provider<EditorUIContextType>;
-declare const useEditorUIContext: () => EditorUIContextType;
-
-export { EditorUIProvider, useEditorUIContext };

package/dist/context/editor-context.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { editorBasic } from '@kopexa/theme';
-
-type EditorUIContextType = {
-    styles: ReturnType<typeof editorBasic>;
-};
-declare const EditorUIProvider: React.Provider<EditorUIContextType>;
-declare const useEditorUIContext: () => EditorUIContextType;
-
-export { EditorUIProvider, useEditorUIContext };

package/dist/context/editor-context.js

@@ -1,34 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/context/editor-context.ts
-var editor_context_exports = {};
-__export(editor_context_exports, {
-  EditorUIProvider: () => EditorUIProvider,
-  useEditorUIContext: () => useEditorUIContext
-});
-module.exports = __toCommonJS(editor_context_exports);
-var import_react_utils = require("@kopexa/react-utils");
-var [EditorUIProvider, useEditorUIContext] = (0, import_react_utils.createContext)();
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  EditorUIProvider,
-  useEditorUIContext
-});

package/dist/context/editor-context.mjs

@@ -1,9 +0,0 @@
-"use client";
-import {
-  EditorUIProvider,
-  useEditorUIContext
-} from "../chunk-REJEJXOZ.mjs";
-export {
-  EditorUIProvider,
-  useEditorUIContext
-};

package/dist/context/editor-file-context.d.mts

@@ -1,70 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-interface EditorFileHandler {
-    /**
-     * Upload a file and return a reference string.
-     * The reference format is determined by the backend (e.g., UUID, custom scheme).
-     * @param file The file to upload
-     * @param onProgress Optional progress callback (0-100)
-     * @returns Promise resolving to a reference string
-     */
-    upload: (file: File, onProgress?: (percent: number) => void) => Promise<string>;
-    /**
-     * Resolve a reference to a displayable URL.
-     * Typically returns a signed URL from your storage backend.
-     * @param ref The reference string from upload
-     * @returns Promise resolving to a displayable URL
-     */
-    resolve: (ref: string) => Promise<string>;
-    /**
-     * Check if a src string is a reference that needs resolving.
-     * Returns false for already-valid URLs (https://, data:, etc.)
-     * @param src The src attribute value
-     * @returns true if this needs to be resolved
-     */
-    isReference: (src: string) => boolean;
-}
-interface EditorFileContextValue extends EditorFileHandler {
-    /**
-     * Whether file handling is available
-     */
-    isAvailable: true;
-}
-interface EditorFileProviderProps {
-    children: ReactNode;
-    /**
-     * Upload handler - called when user pastes/drops a file
-     */
-    onUpload: EditorFileHandler["upload"];
-    /**
-     * Resolve handler - called to get displayable URL from reference
-     */
-    onResolve: EditorFileHandler["resolve"];
-    /**
-     * Check if src needs resolving (default: not starting with http/https/data)
-     */
-    isReference?: EditorFileHandler["isReference"];
-    /**
-     * Cache TTL buffer in ms (default: 2 minutes)
-     * URLs are refreshed this much before actual expiry
-     */
-    cacheBuffer?: number;
-    /**
-     * Default cache TTL in ms if not determined from response (default: 10 minutes)
-     */
-    defaultCacheTtl?: number;
-}
-declare function EditorFileProvider({ children, onUpload, onResolve, isReference, cacheBuffer, defaultCacheTtl, }: EditorFileProviderProps): react_jsx_runtime.JSX.Element;
-/**
- * Hook to access file handling capabilities.
- * Returns null if no EditorFileProvider is present (files not supported).
- */
-declare function useEditorFile(): EditorFileContextValue | null;
-/**
- * Hook that throws if file handling is not available.
- * Use this in components that require file support.
- */
-declare function useEditorFileRequired(): EditorFileContextValue;
-
-export { type EditorFileHandler, EditorFileProvider, type EditorFileProviderProps, useEditorFile, useEditorFileRequired };