neuphlo-editor 2.0.1 → 2.1.0

package/dist/react/index.d.cts

@@ -28,6 +28,7 @@ type NeuphloEditorProps = {
     onUpdate?: EditorContentProps["onUpdate"];
     onCreate?: EditorContentProps["onCreate"];
     uploadImage?: (file: File) => Promise<string>;
+    browseAssets?: (onSelect: (url: string) => void) => void;
     collaboration?: {
         doc: any;
         field: string;
@@ -38,7 +39,7 @@ type NeuphloEditorProps = {
     slashCommand?: boolean;
     placeholder?: string;
 };
-declare function Editor({ content, className, editable, immediatelyRender, showTextMenu, showSlashMenu, showImageMenu, showDragHandle, extensions, bubbleMenuExtras, onUpdate, onCreate, uploadImage, collaboration, mentionOptions, referenceOptions, slashCommand, placeholder, }: NeuphloEditorProps): react_jsx_runtime.JSX.Element;
+declare function Editor({ content, className, editable, immediatelyRender, showTextMenu, showSlashMenu, showImageMenu, showDragHandle, extensions, bubbleMenuExtras, onUpdate, onCreate, uploadImage, browseAssets, collaboration, mentionOptions, referenceOptions, slashCommand, placeholder, }: NeuphloEditorProps): react_jsx_runtime.JSX.Element;
 
 type ExtraRenderer = (editor: Editor$1) => ReactNode;
 type TextMenuProps = {

package/dist/react/index.d.ts

@@ -28,6 +28,7 @@ type NeuphloEditorProps = {
     onUpdate?: EditorContentProps["onUpdate"];
     onCreate?: EditorContentProps["onCreate"];
     uploadImage?: (file: File) => Promise<string>;
+    browseAssets?: (onSelect: (url: string) => void) => void;
     collaboration?: {
         doc: any;
         field: string;
@@ -38,7 +39,7 @@ type NeuphloEditorProps = {
     slashCommand?: boolean;
     placeholder?: string;
 };
-declare function Editor({ content, className, editable, immediatelyRender, showTextMenu, showSlashMenu, showImageMenu, showDragHandle, extensions, bubbleMenuExtras, onUpdate, onCreate, uploadImage, collaboration, mentionOptions, referenceOptions, slashCommand, placeholder, }: NeuphloEditorProps): react_jsx_runtime.JSX.Element;
+declare function Editor({ content, className, editable, immediatelyRender, showTextMenu, showSlashMenu, showImageMenu, showDragHandle, extensions, bubbleMenuExtras, onUpdate, onCreate, uploadImage, browseAssets, collaboration, mentionOptions, referenceOptions, slashCommand, placeholder, }: NeuphloEditorProps): react_jsx_runtime.JSX.Element;
 
 type ExtraRenderer = (editor: Editor$1) => ReactNode;
 type TextMenuProps = {

package/dist/react/index.js

@@ -19,7 +19,7 @@ import {
   queryAtom,
   setDragHandleCallbacks,
   store_exports
-} from "../chunk-457ETWB6.js";
+} from "../chunk-P3YFYEUB.js";
 
 // src/headless/extensions/extension-kit.ts
 import Collaboration from "@tiptap/extension-collaboration";
@@ -110,6 +110,7 @@ var ExtensionKit = (options) => {
     Underline,
     ImageBlock.configure({
       uploadImage: options?.uploadImage,
+      browseAssets: options?.browseAssets,
       nodeView: options?.imageBlockView
     }),
     VideoBlock.configure({
@@ -1483,13 +1484,14 @@ var ImageUploader = ({ onUpload, editor }) => {
   const [loading, setLoading] = useState6(false);
   const [draggedInside, setDraggedInside] = useState6(false);
   const fileInputRef = useRef5(null);
+  const imageExtension = editor.extensionManager.extensions.find(
+    (ext) => ext.name === "imageBlock"
+  );
+  const browseAssets = imageExtension?.options?.browseAssets;
   const uploadFile = useCallback5(
     async (file) => {
       setLoading(true);
       try {
-        const imageExtension = editor.extensionManager.extensions.find(
-          (ext) => ext.name === "imageBlock"
-        );
         const uploadImage = imageExtension?.options?.uploadImage;
         if (uploadImage) {
           const url = await uploadImage(file);
@@ -1503,7 +1505,7 @@ var ImageUploader = ({ onUpload, editor }) => {
         setLoading(false);
       }
     },
-    [editor, onUpload]
+    [imageExtension, onUpload]
   );
   const handleUploadClick = useCallback5(() => {
     fileInputRef.current?.click();
@@ -1554,19 +1556,34 @@ var ImageUploader = ({ onUpload, editor }) => {
         /* @__PURE__ */ jsx9(IconPhoto2, { size: 48, className: "nph-image-uploader__icon" }),
         /* @__PURE__ */ jsxs9("div", { className: "nph-image-uploader__content", children: [
           /* @__PURE__ */ jsx9("div", { className: "nph-image-uploader__text", children: draggedInside ? "Drop image here" : "Drag and drop or" }),
-          /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsxs9(
-            "button",
-            {
-              type: "button",
-              disabled: draggedInside,
-              onClick: handleUploadClick,
-              className: "nph-btn nph-btn-ghost nph-btn-sm nph-image-uploader__button",
-              children: [
-                /* @__PURE__ */ jsx9(IconUpload2, { size: 16 }),
-                "Upload an image"
-              ]
-            }
-          ) })
+          /* @__PURE__ */ jsxs9("div", { className: "nph-image-uploader__actions", children: [
+            /* @__PURE__ */ jsxs9(
+              "button",
+              {
+                type: "button",
+                disabled: draggedInside,
+                onClick: handleUploadClick,
+                className: "nph-btn nph-btn-ghost nph-btn-sm nph-image-uploader__button",
+                children: [
+                  /* @__PURE__ */ jsx9(IconUpload2, { size: 16 }),
+                  "Upload an image"
+                ]
+              }
+            ),
+            browseAssets && /* @__PURE__ */ jsxs9(
+              "button",
+              {
+                type: "button",
+                disabled: draggedInside,
+                onClick: () => browseAssets(onUpload),
+                className: "nph-btn nph-btn-ghost nph-btn-sm nph-image-uploader__button",
+                children: [
+                  /* @__PURE__ */ jsx9(IconPhoto2, { size: 16 }),
+                  "Browse assets"
+                ]
+              }
+            )
+          ] })
         ] }),
         /* @__PURE__ */ jsx9(
           "input",
@@ -2690,6 +2707,7 @@ function Editor5({
   onUpdate,
   onCreate,
   uploadImage,
+  browseAssets,
   collaboration,
   mentionOptions,
   referenceOptions,
@@ -2762,6 +2780,7 @@ function Editor5({
         extensions: [
           ...extension_kit_default({
             uploadImage,
+            browseAssets,
             collaboration,
             imageBlockView: ImageBlockView,
             videoBlockView: VideoBlockView,