@kopexa/tiptap 17.6.18 → 17.7.0

package/dist/chunk-IQERE7KP.mjs

@@ -1,115 +0,0 @@
-"use client";
-import {
-  useTiptapEditor
-} from "./chunk-P55PLOHR.mjs";
-
-// src/ui/text-align-button/use-text-align.ts
-import { isExtensionAvailable, isNodeTypeSelected } from "@kopexa/editor-utils";
-import {
-  AlignCenterIcon,
-  AlignJustifyIcon,
-  AlignLeftIcon,
-  AlignRightIcon
-} from "@kopexa/icons";
-import { useCallback, useEffect, useState } from "react";
-var TEXT_ALIGN_SHORTCUT_KEYS = {
-  left: "mod+shift+l",
-  center: "mod+shift+e",
-  right: "mod+shift+r",
-  justify: "mod+shift+j"
-};
-var textAlignIcons = {
-  left: AlignLeftIcon,
-  center: AlignCenterIcon,
-  right: AlignRightIcon,
-  justify: AlignJustifyIcon
-};
-var textAlignLabels = {
-  left: "Align left",
-  center: "Align center",
-  right: "Align right",
-  justify: "Align justify"
-};
-function canSetTextAlign(editor, align) {
-  if (!editor || !editor.isEditable) return false;
-  if (!isExtensionAvailable(editor, "textAlign") || isNodeTypeSelected(editor, ["image"]))
-    return false;
-  return editor.can().setTextAlign(align);
-}
-function hasSetTextAlign(commands) {
-  return "setTextAlign" in commands;
-}
-function isTextAlignActive(editor, align) {
-  if (!editor || !editor.isEditable) return false;
-  return editor.isActive({ textAlign: align });
-}
-function setTextAlign(editor, align) {
-  if (!editor || !editor.isEditable) return false;
-  if (!canSetTextAlign(editor, align)) return false;
-  const chain = editor.chain().focus();
-  if (hasSetTextAlign(chain)) {
-    return chain.setTextAlign(align).run();
-  }
-  return false;
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable, align } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (!isExtensionAvailable(editor, "textAlign")) return false;
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canSetTextAlign(editor, align);
-  }
-  return true;
-}
-function useTextAlign(config) {
-  const {
-    editor: providedEditor,
-    align,
-    hideWhenUnavailable = false,
-    onAligned
-  } = config;
-  const { editor } = useTiptapEditor(providedEditor);
-  const [isVisible, setIsVisible] = useState(true);
-  const canAlign = canSetTextAlign(editor, align);
-  const isActive = isTextAlignActive(editor, align);
-  useEffect(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(shouldShowButton({ editor, align, hideWhenUnavailable }));
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable, align]);
-  const handleTextAlign = useCallback(() => {
-    if (!editor) return false;
-    const success = setTextAlign(editor, align);
-    if (success) {
-      onAligned == null ? void 0 : onAligned();
-    }
-    return success;
-  }, [editor, align, onAligned]);
-  return {
-    isVisible,
-    isActive,
-    handleTextAlign,
-    canAlign,
-    label: textAlignLabels[align],
-    shortcutKeys: TEXT_ALIGN_SHORTCUT_KEYS[align],
-    Icon: textAlignIcons[align]
-  };
-}
-
-export {
-  TEXT_ALIGN_SHORTCUT_KEYS,
-  textAlignIcons,
-  textAlignLabels,
-  canSetTextAlign,
-  hasSetTextAlign,
-  isTextAlignActive,
-  setTextAlign,
-  shouldShowButton,
-  useTextAlign
-};

package/dist/chunk-JCV5SEKN.mjs

@@ -1,65 +0,0 @@
-"use client";
-
-// src/extensions/callout/messages.ts
-import { defineMessages } from "react-intl";
-var messages = defineMessages({
-  settings: {
-    id: "editor.callout.settings",
-    defaultMessage: "Settings",
-    description: "Settings button label"
-  },
-  variant: {
-    id: "editor.callout.variant",
-    defaultMessage: "Variant",
-    description: "Variant setting label"
-  },
-  variant_default: {
-    id: "editor.callout.variant_default",
-    defaultMessage: "Default",
-    description: "Default variant option"
-  },
-  variant_info: {
-    id: "editor.callout.variant_info",
-    defaultMessage: "Info",
-    description: "Info variant option"
-  },
-  variant_success: {
-    id: "editor.callout.variant_success",
-    defaultMessage: "Success",
-    description: "Success variant option"
-  },
-  variant_warning: {
-    id: "editor.callout.variant_warning",
-    defaultMessage: "Warning",
-    description: "Warning variant option"
-  },
-  variant_destructive: {
-    id: "editor.callout.variant_destructive",
-    defaultMessage: "Error",
-    description: "Destructive/Error variant option"
-  },
-  title: {
-    id: "editor.callout.title",
-    defaultMessage: "Title",
-    description: "Title input label"
-  },
-  title_placeholder: {
-    id: "editor.callout.title_placeholder",
-    defaultMessage: "Optional title...",
-    description: "Title input placeholder"
-  },
-  save: {
-    id: "editor.callout.save",
-    defaultMessage: "Save",
-    description: "Save button label"
-  },
-  cancel: {
-    id: "editor.callout.cancel",
-    defaultMessage: "Cancel",
-    description: "Cancel button label"
-  }
-});
-
-export {
-  messages
-};

package/dist/chunk-JVSH5T4B.mjs

@@ -1,72 +0,0 @@
-"use client";
-import {
-  useVariables
-} from "./chunk-5SMDMQDF.mjs";
-
-// src/extensions/variable/variable-view.tsx
-import { variableNode } from "@kopexa/theme";
-import {
-  NodeViewWrapper,
-  useEditorState
-} from "@tiptap/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function VariableNodeView({ node, editor }) {
-  var _a;
-  const attrs = node.attrs;
-  const { name, fallback, category } = attrs;
-  const context = useVariables();
-  const isEditable = useEditorState({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a2;
-      return (_a2 = e == null ? void 0 : e.isEditable) != null ? _a2 : true;
-    }
-  });
-  const resolvedValue = (_a = context == null ? void 0 : context.resolveVariable) == null ? void 0 : _a.call(context, name);
-  const hasValue = resolvedValue !== void 0 && resolvedValue !== "";
-  const displayValue = resolvedValue || fallback;
-  const styles = variableNode({ resolved: hasValue });
-  if (!isEditable && hasValue) {
-    return /* @__PURE__ */ jsx(
-      NodeViewWrapper,
-      {
-        as: "span",
-        "data-type": "variable",
-        "data-name": name,
-        style: { userSelect: "text" },
-        children: displayValue
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    NodeViewWrapper,
-    {
-      as: "span",
-      className: styles.wrapper(),
-      "data-type": "variable",
-      "data-name": name,
-      "data-category": category,
-      "data-resolved": hasValue ? "true" : "false",
-      children: hasValue ? /* @__PURE__ */ jsx("span", { className: styles.chip(), title: `{{${name}}}`, children: /* @__PURE__ */ jsx("span", { className: styles.value(), children: displayValue }) }) : /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: styles.chip(),
-          title: fallback ? `Fallback: ${fallback}` : void 0,
-          children: [
-            /* @__PURE__ */ jsx("span", { className: styles.bracket(), children: "{" }),
-            /* @__PURE__ */ jsx("span", { className: styles.bracket(), children: "{" }),
-            /* @__PURE__ */ jsx("span", { className: styles.name(), children: name }),
-            /* @__PURE__ */ jsx("span", { className: styles.bracket(), children: "}" }),
-            /* @__PURE__ */ jsx("span", { className: styles.bracket(), children: "}" })
-          ]
-        }
-      )
-    }
-  );
-}
-var variable_view_default = VariableNodeView;
-
-export {
-  VariableNodeView,
-  variable_view_default
-};

package/dist/chunk-KK4K43WM.mjs

@@ -1,59 +0,0 @@
-"use client";
-
-// src/hooks/use-floating-element.ts
-import {
-  useDismiss,
-  useFloating,
-  useInteractions,
-  useTransitionStyles
-} from "@floating-ui/react";
-import * as React from "react";
-function useFloatingElement(show, referencePos, zIndex, options) {
-  const { dismissOptions, ...floatingOptions } = options || {};
-  const { refs, update, context, floatingStyles } = useFloating({
-    open: show,
-    ...floatingOptions
-  });
-  const { isMounted, styles } = useTransitionStyles(context);
-  const dismiss = useDismiss(context, dismissOptions);
-  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);
-  React.useEffect(() => {
-    update();
-  }, [referencePos, update]);
-  React.useEffect(() => {
-    if (referencePos === null) {
-      return;
-    }
-    refs.setReference({
-      getBoundingClientRect: () => referencePos
-    });
-  }, [referencePos, refs]);
-  return React.useMemo(
-    () => ({
-      isMounted,
-      ref: refs.setFloating,
-      style: {
-        ...styles,
-        ...floatingStyles,
-        zIndex
-      },
-      update,
-      getFloatingProps,
-      getReferenceProps
-    }),
-    [
-      floatingStyles,
-      isMounted,
-      refs.setFloating,
-      styles,
-      update,
-      zIndex,
-      getFloatingProps,
-      getReferenceProps
-    ]
-  );
-}
-
-export {
-  useFloatingElement
-};

package/dist/chunk-KR42JAVB.mjs

@@ -1,60 +0,0 @@
-"use client";
-
-// src/extensions/ui-state/index.ts
-import { Extension } from "@tiptap/core";
-var defaultUiState = {
-  aiGenerationIsSelection: false,
-  aiGenerationIsLoading: false,
-  aiGenerationActive: false,
-  aiGenerationHasMessage: false,
-  commentInputVisible: false,
-  lockDragHandle: false,
-  isDragging: false
-};
-var UiState = Extension.create({
-  name: "uiState",
-  addStorage() {
-    return {
-      uiState: { ...defaultUiState }
-    };
-  },
-  addCommands() {
-    const createBooleanSetter = (key) => (value) => () => {
-      this.storage[key] = value;
-      return true;
-    };
-    const createToggle = (key, value) => () => () => {
-      this.storage[key] = value;
-      return true;
-    };
-    return {
-      // AI Generation commands
-      aiGenerationSetIsSelection: createBooleanSetter(
-        "aiGenerationIsSelection"
-      ),
-      aiGenerationSetIsLoading: createBooleanSetter("aiGenerationIsLoading"),
-      aiGenerationHasMessage: createBooleanSetter("aiGenerationHasMessage"),
-      aiGenerationShow: createToggle("aiGenerationActive", true),
-      aiGenerationHide: createToggle("aiGenerationActive", false),
-      // Comment input commands
-      commentInputShow: createToggle("commentInputVisible", true),
-      commentInputHide: createToggle("commentInputVisible", false),
-      // Drag handle commands
-      setLockDragHandle: createBooleanSetter("lockDragHandle"),
-      setIsDragging: createBooleanSetter("isDragging"),
-      // Reset command
-      resetUiState: () => () => {
-        Object.assign(this.storage, { ...defaultUiState });
-        return true;
-      }
-    };
-  },
-  onCreate() {
-    this.storage = { ...defaultUiState };
-  }
-});
-
-export {
-  defaultUiState,
-  UiState
-};

package/dist/chunk-KYLBKQ2E.mjs

@@ -1,203 +0,0 @@
-"use client";
-import {
-  messages
-} from "./chunk-Z365KVQY.mjs";
-import {
-  useEditorFile
-} from "./chunk-VRQ6OSAZ.mjs";
-
-// src/extensions/image/image-view.tsx
-import { IconButton } from "@kopexa/button";
-import {
-  AlertCircleIcon,
-  ArrowCounterClockwiseIcon,
-  TrashIcon
-} from "@kopexa/icons";
-import { imagePlaceholder } from "@kopexa/theme";
-import {
-  NodeViewWrapper,
-  useEditorState
-} from "@tiptap/react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { useIntl } from "react-intl";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ImageNodeView({ editor, node, getPos }) {
-  var _a;
-  const intl = useIntl();
-  const fileHandler = useEditorFile();
-  const { src, alt, title, uploadState, uploadProgress } = node.attrs;
-  const isEditable = useEditorState({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a2;
-      return (_a2 = e == null ? void 0 : e.isEditable) != null ? _a2 : false;
-    }
-  });
-  const [resolvedUrl, setResolvedUrl] = useState(null);
-  const [resolveState, setResolveState] = useState("idle");
-  const needsResolve = (_a = fileHandler == null ? void 0 : fileHandler.isReference(src)) != null ? _a : false;
-  const resolveImage = useCallback(async () => {
-    if (!src) return;
-    if (!needsResolve) {
-      setResolvedUrl(src);
-      setResolveState("resolved");
-      return;
-    }
-    if (!fileHandler) {
-      setResolvedUrl(src);
-      setResolveState("resolved");
-      return;
-    }
-    setResolveState("loading");
-    try {
-      const url = await fileHandler.resolve(src);
-      setResolvedUrl(url);
-      setResolveState("resolved");
-    } catch {
-      setResolveState("error");
-    }
-  }, [src, needsResolve, fileHandler]);
-  useEffect(() => {
-    resolveImage();
-  }, [resolveImage]);
-  const handleRetry = useCallback(() => {
-    resolveImage();
-  }, [resolveImage]);
-  const handleRemove = useCallback(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.commands.deleteRange({
-      from: pos,
-      to: pos + node.nodeSize
-    });
-  }, [editor, getPos, node.nodeSize]);
-  const errorStyles = useMemo(
-    () => imagePlaceholder({ size: "md", variant: "error" }),
-    []
-  );
-  const loadingStyles = useMemo(
-    () => imagePlaceholder({ size: "md", variant: "uploading" }),
-    []
-  );
-  if (uploadState === "uploading") {
-    return /* @__PURE__ */ jsx(NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ jsx("div", { className: loadingStyles.root(), children: /* @__PURE__ */ jsxs("div", { className: loadingStyles.content(), children: [
-      /* @__PURE__ */ jsxs("div", { className: "relative size-12", children: [
-        /* @__PURE__ */ jsxs(
-          "svg",
-          {
-            className: "size-12 -rotate-90",
-            viewBox: "0 0 36 36",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-muted",
-                  strokeWidth: "2"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-primary",
-                  strokeWidth: "2",
-                  strokeDasharray: 100,
-                  strokeDashoffset: 100 - (uploadProgress != null ? uploadProgress : 0),
-                  strokeLinecap: "round"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "absolute inset-0 flex items-center justify-center text-xs font-medium", children: [
-          uploadProgress != null ? uploadProgress : 0,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: loadingStyles.text(), children: intl.formatMessage(messages.uploading) })
-    ] }) }) });
-  }
-  if (uploadState === "error") {
-    return /* @__PURE__ */ jsx(NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ jsx("div", { className: errorStyles.root(), children: /* @__PURE__ */ jsxs("div", { className: errorStyles.content(), children: [
-      /* @__PURE__ */ jsx(AlertCircleIcon, { className: errorStyles.icon() }),
-      /* @__PURE__ */ jsx("span", { className: errorStyles.text(), children: intl.formatMessage(messages.upload_error) }),
-      isEditable && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          size: "sm",
-          variant: "ghost",
-          onClick: handleRemove,
-          "aria-label": intl.formatMessage(messages.remove),
-          children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-4" })
-        }
-      )
-    ] }) }) });
-  }
-  if (resolveState === "loading") {
-    return /* @__PURE__ */ jsx(NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ jsx("div", { className: `${loadingStyles.root()} animate-pulse`, children: /* @__PURE__ */ jsx("span", { className: loadingStyles.text(), children: intl.formatMessage(messages.loading) }) }) });
-  }
-  if (resolveState === "error") {
-    return /* @__PURE__ */ jsx(NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ jsx("div", { className: errorStyles.root(), children: /* @__PURE__ */ jsxs("div", { className: errorStyles.content(), children: [
-      /* @__PURE__ */ jsx(AlertCircleIcon, { className: errorStyles.icon() }),
-      /* @__PURE__ */ jsx("span", { className: errorStyles.text(), children: intl.formatMessage(messages.error) }),
-      isEditable && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "sm",
-            variant: "outline",
-            onClick: handleRetry,
-            "aria-label": intl.formatMessage(messages.retry),
-            children: /* @__PURE__ */ jsx(ArrowCounterClockwiseIcon, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "sm",
-            variant: "ghost",
-            onClick: handleRemove,
-            "aria-label": intl.formatMessage(messages.remove),
-            children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-4" })
-          }
-        )
-      ] })
-    ] }) }) });
-  }
-  return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: "my-4 relative group", "data-type": "image", children: [
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: resolvedUrl != null ? resolvedUrl : src,
-        alt: alt != null ? alt : "",
-        title: title != null ? title : void 0,
-        className: "max-w-full h-auto rounded-lg",
-        draggable: false
-      }
-    ),
-    isEditable && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex gap-1", children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "sm",
-        variant: "outline",
-        onClick: handleRemove,
-        "aria-label": intl.formatMessage(messages.remove),
-        children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-3.5" })
-      }
-    ) })
-  ] });
-}
-var image_view_default = ImageNodeView;
-
-export {
-  ImageNodeView,
-  image_view_default
-};