@kopexa/tiptap 17.6.17 → 17.7.0

package/dist/extensions/image/image-view.js

@@ -1,255 +0,0 @@
-"use client";
-"use strict";
-"use client";
-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/extensions/image/image-view.tsx
-var image_view_exports = {};
-__export(image_view_exports, {
-  ImageNodeView: () => ImageNodeView,
-  default: () => image_view_default
-});
-module.exports = __toCommonJS(image_view_exports);
-var import_button = require("@kopexa/button");
-var import_icons = require("@kopexa/icons");
-var import_theme = require("@kopexa/theme");
-var import_react2 = require("@tiptap/react");
-var import_react3 = require("react");
-var import_react_intl2 = require("react-intl");
-
-// src/context/editor-file-context.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var EditorFileContext = (0, import_react.createContext)(null);
-var DEFAULT_CACHE_BUFFER = 2 * 60 * 1e3;
-var DEFAULT_CACHE_TTL = 10 * 60 * 1e3;
-function useEditorFile() {
-  return (0, import_react.useContext)(EditorFileContext);
-}
-
-// src/extensions/image/messages.ts
-var import_react_intl = require("react-intl");
-var messages = (0, import_react_intl.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"
-  }
-});
-
-// src/extensions/image/image-view.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function ImageNodeView({ editor, node, getPos }) {
-  var _a;
-  const intl = (0, import_react_intl2.useIntl)();
-  const fileHandler = useEditorFile();
-  const { src, alt, title, uploadState, uploadProgress } = node.attrs;
-  const isEditable = (0, import_react2.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a2;
-      return (_a2 = e == null ? void 0 : e.isEditable) != null ? _a2 : false;
-    }
-  });
-  const [resolvedUrl, setResolvedUrl] = (0, import_react3.useState)(null);
-  const [resolveState, setResolveState] = (0, import_react3.useState)("idle");
-  const needsResolve = (_a = fileHandler == null ? void 0 : fileHandler.isReference(src)) != null ? _a : false;
-  const resolveImage = (0, import_react3.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]);
-  (0, import_react3.useEffect)(() => {
-    resolveImage();
-  }, [resolveImage]);
-  const handleRetry = (0, import_react3.useCallback)(() => {
-    resolveImage();
-  }, [resolveImage]);
-  const handleRemove = (0, import_react3.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.commands.deleteRange({
-      from: pos,
-      to: pos + node.nodeSize
-    });
-  }, [editor, getPos, node.nodeSize]);
-  const errorStyles = (0, import_react3.useMemo)(
-    () => (0, import_theme.imagePlaceholder)({ size: "md", variant: "error" }),
-    []
-  );
-  const loadingStyles = (0, import_react3.useMemo)(
-    () => (0, import_theme.imagePlaceholder)({ size: "md", variant: "uploading" }),
-    []
-  );
-  if (uploadState === "uploading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: loadingStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: loadingStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "relative size-12", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "svg",
-          {
-            className: "size-12 -rotate-90",
-            viewBox: "0 0 36 36",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-muted",
-                  strokeWidth: "2"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "absolute inset-0 flex items-center justify-center text-xs font-medium", children: [
-          uploadProgress != null ? uploadProgress : 0,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: loadingStyles.text(), children: intl.formatMessage(messages.uploading) })
-    ] }) }) });
-  }
-  if (uploadState === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: errorStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: errorStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.AlertCircleIcon, { className: errorStyles.icon() }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: errorStyles.text(), children: intl.formatMessage(messages.upload_error) }),
-      isEditable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_button.IconButton,
-        {
-          size: "sm",
-          variant: "ghost",
-          onClick: handleRemove,
-          "aria-label": intl.formatMessage(messages.remove),
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.TrashIcon, { className: "size-4" })
-        }
-      )
-    ] }) }) });
-  }
-  if (resolveState === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${loadingStyles.root()} animate-pulse`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: loadingStyles.text(), children: intl.formatMessage(messages.loading) }) }) });
-  }
-  if (resolveState === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: errorStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: errorStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.AlertCircleIcon, { className: errorStyles.icon() }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: errorStyles.text(), children: intl.formatMessage(messages.error) }),
-      isEditable && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_button.IconButton,
-          {
-            size: "sm",
-            variant: "outline",
-            onClick: handleRetry,
-            "aria-label": intl.formatMessage(messages.retry),
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.ArrowCounterClockwiseIcon, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_button.IconButton,
-          {
-            size: "sm",
-            variant: "ghost",
-            onClick: handleRemove,
-            "aria-label": intl.formatMessage(messages.remove),
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.TrashIcon, { className: "size-4" })
-          }
-        )
-      ] })
-    ] }) }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.NodeViewWrapper, { className: "my-4 relative group", "data-type": "image", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_button.IconButton,
-      {
-        size: "sm",
-        variant: "outline",
-        onClick: handleRemove,
-        "aria-label": intl.formatMessage(messages.remove),
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.TrashIcon, { className: "size-3.5" })
-      }
-    ) })
-  ] });
-}
-var image_view_default = ImageNodeView;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ImageNodeView
-});

package/dist/extensions/image/image-view.mjs

@@ -1,12 +0,0 @@
-"use client";
-"use client";
-import {
-  ImageNodeView,
-  image_view_default
-} from "../../chunk-KYLBKQ2E.mjs";
-import "../../chunk-Z365KVQY.mjs";
-import "../../chunk-VRQ6OSAZ.mjs";
-export {
-  ImageNodeView,
-  image_view_default as default
-};

package/dist/extensions/image/index.d.mts

@@ -1,29 +0,0 @@
-import * as _tiptap_core from '@tiptap/core';
-export { default as ImageNodeView } from './image-view.mjs';
-export { messages as imageMessages } from './messages.mjs';
-import 'react/jsx-runtime';
-import '@tiptap/react';
-
-interface ImageNodeOptions {
-    /**
-     * Whether to allow base64 images
-     * @default true
-     */
-    allowBase64: boolean;
-    /**
-     * HTML attributes to add to the image element
-     */
-    HTMLAttributes: Record<string, unknown>;
-}
-/**
- * Extended Image extension with file reference resolution support
- *
- * This extension wraps @tiptap/extension-image and adds:
- * - File reference resolution via EditorFileProvider
- * - Loading states while resolving URLs
- * - Error handling for failed resolution
- * - Upload state tracking for drag & drop uploads
- */
-declare const ImageNode: _tiptap_core.Node<ImageNodeOptions, any>;
-
-export { ImageNode, type ImageNodeOptions };

package/dist/extensions/image/index.d.ts

@@ -1,29 +0,0 @@
-import * as _tiptap_core from '@tiptap/core';
-export { default as ImageNodeView } from './image-view.js';
-export { messages as imageMessages } from './messages.js';
-import 'react/jsx-runtime';
-import '@tiptap/react';
-
-interface ImageNodeOptions {
-    /**
-     * Whether to allow base64 images
-     * @default true
-     */
-    allowBase64: boolean;
-    /**
-     * HTML attributes to add to the image element
-     */
-    HTMLAttributes: Record<string, unknown>;
-}
-/**
- * Extended Image extension with file reference resolution support
- *
- * This extension wraps @tiptap/extension-image and adds:
- * - File reference resolution via EditorFileProvider
- * - Loading states while resolving URLs
- * - Error handling for failed resolution
- * - Upload state tracking for drag & drop uploads
- */
-declare const ImageNode: _tiptap_core.Node<ImageNodeOptions, any>;
-
-export { ImageNode, type ImageNodeOptions };

package/dist/extensions/image/index.js

@@ -1,282 +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/extensions/image/index.ts
-var image_exports = {};
-__export(image_exports, {
-  ImageNode: () => ImageNode,
-  ImageNodeView: () => ImageNodeView,
-  imageMessages: () => messages
-});
-module.exports = __toCommonJS(image_exports);
-var import_extension_image = require("@tiptap/extension-image");
-var import_react4 = require("@tiptap/react");
-
-// src/extensions/image/image-view.tsx
-var import_button = require("@kopexa/button");
-var import_icons = require("@kopexa/icons");
-var import_theme = require("@kopexa/theme");
-var import_react2 = require("@tiptap/react");
-var import_react3 = require("react");
-var import_react_intl2 = require("react-intl");
-
-// src/context/editor-file-context.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var EditorFileContext = (0, import_react.createContext)(null);
-var DEFAULT_CACHE_BUFFER = 2 * 60 * 1e3;
-var DEFAULT_CACHE_TTL = 10 * 60 * 1e3;
-function useEditorFile() {
-  return (0, import_react.useContext)(EditorFileContext);
-}
-
-// src/extensions/image/messages.ts
-var import_react_intl = require("react-intl");
-var messages = (0, import_react_intl.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"
-  }
-});
-
-// src/extensions/image/image-view.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function ImageNodeView({ editor, node, getPos }) {
-  var _a;
-  const intl = (0, import_react_intl2.useIntl)();
-  const fileHandler = useEditorFile();
-  const { src, alt, title, uploadState, uploadProgress } = node.attrs;
-  const isEditable = (0, import_react2.useEditorState)({
-    editor,
-    selector: ({ editor: e }) => {
-      var _a2;
-      return (_a2 = e == null ? void 0 : e.isEditable) != null ? _a2 : false;
-    }
-  });
-  const [resolvedUrl, setResolvedUrl] = (0, import_react3.useState)(null);
-  const [resolveState, setResolveState] = (0, import_react3.useState)("idle");
-  const needsResolve = (_a = fileHandler == null ? void 0 : fileHandler.isReference(src)) != null ? _a : false;
-  const resolveImage = (0, import_react3.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]);
-  (0, import_react3.useEffect)(() => {
-    resolveImage();
-  }, [resolveImage]);
-  const handleRetry = (0, import_react3.useCallback)(() => {
-    resolveImage();
-  }, [resolveImage]);
-  const handleRemove = (0, import_react3.useCallback)(() => {
-    const pos = getPos();
-    if (pos === void 0) return;
-    editor.commands.deleteRange({
-      from: pos,
-      to: pos + node.nodeSize
-    });
-  }, [editor, getPos, node.nodeSize]);
-  const errorStyles = (0, import_react3.useMemo)(
-    () => (0, import_theme.imagePlaceholder)({ size: "md", variant: "error" }),
-    []
-  );
-  const loadingStyles = (0, import_react3.useMemo)(
-    () => (0, import_theme.imagePlaceholder)({ size: "md", variant: "uploading" }),
-    []
-  );
-  if (uploadState === "uploading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: loadingStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: loadingStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "relative size-12", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "svg",
-          {
-            className: "size-12 -rotate-90",
-            viewBox: "0 0 36 36",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "circle",
-                {
-                  cx: "18",
-                  cy: "18",
-                  r: "16",
-                  fill: "none",
-                  className: "stroke-muted",
-                  strokeWidth: "2"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "absolute inset-0 flex items-center justify-center text-xs font-medium", children: [
-          uploadProgress != null ? uploadProgress : 0,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: loadingStyles.text(), children: intl.formatMessage(messages.uploading) })
-    ] }) }) });
-  }
-  if (uploadState === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: errorStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: errorStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.AlertCircleIcon, { className: errorStyles.icon() }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: errorStyles.text(), children: intl.formatMessage(messages.upload_error) }),
-      isEditable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_button.IconButton,
-        {
-          size: "sm",
-          variant: "ghost",
-          onClick: handleRemove,
-          "aria-label": intl.formatMessage(messages.remove),
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.TrashIcon, { className: "size-4" })
-        }
-      )
-    ] }) }) });
-  }
-  if (resolveState === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${loadingStyles.root()} animate-pulse`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: loadingStyles.text(), children: intl.formatMessage(messages.loading) }) }) });
-  }
-  if (resolveState === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: errorStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: errorStyles.content(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.AlertCircleIcon, { className: errorStyles.icon() }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: errorStyles.text(), children: intl.formatMessage(messages.error) }),
-      isEditable && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_button.IconButton,
-          {
-            size: "sm",
-            variant: "outline",
-            onClick: handleRetry,
-            "aria-label": intl.formatMessage(messages.retry),
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.ArrowCounterClockwiseIcon, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_button.IconButton,
-          {
-            size: "sm",
-            variant: "ghost",
-            onClick: handleRemove,
-            "aria-label": intl.formatMessage(messages.remove),
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.TrashIcon, { className: "size-4" })
-          }
-        )
-      ] })
-    ] }) }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.NodeViewWrapper, { className: "my-4 relative group", "data-type": "image", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_button.IconButton,
-      {
-        size: "sm",
-        variant: "outline",
-        onClick: handleRemove,
-        "aria-label": intl.formatMessage(messages.remove),
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.TrashIcon, { className: "size-3.5" })
-      }
-    ) })
-  ] });
-}
-
-// src/extensions/image/index.ts
-var ImageNode = import_extension_image.Image.extend({
-  addAttributes() {
-    var _a;
-    return {
-      ...(_a = this.parent) == null ? void 0 : _a.call(this),
-      // Upload state for drag & drop / paste uploads
-      uploadState: {
-        default: null,
-        rendered: false
-      },
-      uploadProgress: {
-        default: null,
-        rendered: false
-      }
-    };
-  },
-  addNodeView() {
-    return (0, import_react4.ReactNodeViewRenderer)(ImageNodeView);
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ImageNode,
-  ImageNodeView,
-  imageMessages
-});

package/dist/extensions/image/index.mjs

@@ -1,16 +0,0 @@
-"use client";
-import {
-  ImageNode
-} from "../../chunk-HTJ2RXOG.mjs";
-import {
-  ImageNodeView
-} from "../../chunk-KYLBKQ2E.mjs";
-import {
-  messages
-} from "../../chunk-Z365KVQY.mjs";
-import "../../chunk-VRQ6OSAZ.mjs";
-export {
-  ImageNode,
-  ImageNodeView,
-  messages as imageMessages
-};

package/dist/extensions/image/messages.d.mts

@@ -1,28 +0,0 @@
-declare const messages: {
-    loading: {
-        id: string;
-        defaultMessage: string;
-    };
-    uploading: {
-        id: string;
-        defaultMessage: string;
-    };
-    error: {
-        id: string;
-        defaultMessage: string;
-    };
-    upload_error: {
-        id: string;
-        defaultMessage: string;
-    };
-    retry: {
-        id: string;
-        defaultMessage: string;
-    };
-    remove: {
-        id: string;
-        defaultMessage: string;
-    };
-};
-
-export { messages };

package/dist/extensions/image/messages.d.ts

@@ -1,28 +0,0 @@
-declare const messages: {
-    loading: {
-        id: string;
-        defaultMessage: string;
-    };
-    uploading: {
-        id: string;
-        defaultMessage: string;
-    };
-    error: {
-        id: string;
-        defaultMessage: string;
-    };
-    upload_error: {
-        id: string;
-        defaultMessage: string;
-    };
-    retry: {
-        id: string;
-        defaultMessage: string;
-    };
-    remove: {
-        id: string;
-        defaultMessage: string;
-    };
-};
-
-export { messages };