asma-ui-richeditor 0.2.16 → 0.3.0

package/dist/src/rich-input/helpers/EditorExtensions.d.ts

@@ -1,4 +1,2 @@
-export declare const defaultExtensions: (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Mark<import('node_modules/@tiptap/extension-text-style/dist').TextStyleOptions, any>)[];
-export declare const editModeExtensions: (import('@tiptap/core').Node<import('node_modules/@tiptap/extension-heading/dist').HeadingOptions, any> | import('@tiptap/core').Node<import('node_modules/@tiptap/extension-list-item/dist').ListItemOptions, any> | import('@tiptap/core').Node<import('node_modules/@tiptap/extension-bullet-list/dist').BulletListOptions, any> | import('@tiptap/core').Mark<import('node_modules/@tiptap/extension-bold/dist').BoldOptions, any> | import('@tiptap/core').Extension<{
-    types: string[];
-}, any>)[];
+import { Extensions } from '@tiptap/core';
+export declare function resolveDefaultExtensions(): Extensions;

package/dist/src/rich-input/interfaces/types.d.ts

@@ -37,4 +37,37 @@ export interface IRichInput extends UseEditorOptions {
         key: string;
         dataTest: string;
     })[];
+    enableImageUpload?: boolean;
+    /**
+     * Function to handle the actual file upload to the storage microservice.
+     * Receives the raw File object, returns a Promise that resolves to the final URL.
+     * @param file - The image file selected by the user.
+     * @returns Promise<string> - The absolute URL to the uploaded image.
+     *
+     * @example
+     * const handleImageUpload = async (file: File): Promise<string> => {
+     *   const formData = new FormData();
+     *   formData.append('file', file);
+     *   const response = await axios.post('/api/upload', formData);
+     *   return response.data.url; // e.g., "https://cdn.example.com/uploads/abc.png"
+     * }
+     */
+    onImageUpload?: (file: File) => Promise<string>;
+    /**
+     * Callback function triggered when an image upload fails.
+     * Use this to display user-facing error messages (toasts, snackbars, etc.)
+     *
+     * @param error - The error that occurred during upload
+     * @param file - The file that failed to upload (optional)
+     *
+     * @example
+     * const handleImageUploadError = (error: Error, file?: File) => {
+     *   processServerError(`Failed to upload ${file?.name || 'image'}: ${error.message}`);
+     * };
+     */
+    onImageUploadError?: (error: Error, file?: File) => void;
+    /**
+     * @description Enables YouTube extension for handling YouTube links
+     */
+    enableYoutube?: boolean;
 }

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "0.2.16",
+    "version": "0.3.0",
     "type": "module",
     "files": [
         "dist/**/*",
@@ -55,20 +55,13 @@
         "@emotion/styled": "^11.11.0",
         "@iconify/react": "^5.0.2",
         "@mui/material": "^5.13.7",
-        "@tiptap/core": "^2.11.7",
-        "@tiptap/extension-bold": "^2.11.7",
-        "@tiptap/extension-bullet-list": "^2.11.7",
-        "@tiptap/extension-document": "^2.11.7",
-        "@tiptap/extension-heading": "^2.11.7",
-        "@tiptap/extension-italic": "^2.11.7",
-        "@tiptap/extension-link": "^2.11.7",
-        "@tiptap/extension-list-item": "^2.11.7",
-        "@tiptap/extension-ordered-list": "^2.11.7",
-        "@tiptap/extension-paragraph": "^2.11.7",
-        "@tiptap/extension-placeholder": "^2.11.7",
-        "@tiptap/extension-text": "^2.27.2",
-        "@tiptap/extension-text-style": "^2.11.7",
-        "@tiptap/react": "^2.11.7",
+        "@tiptap/core": "^3.27.2",
+        "@tiptap/extension-image": "^3.27.1",
+        "@tiptap/extension-text-style": "^3.27.2",
+        "@tiptap/extension-youtube": "^3.27.1",
+        "@tiptap/extensions": "^3.27.2",
+        "@tiptap/react": "^3.27.2",
+        "@tiptap/starter-kit": "^3.27.2",
         "clsx": "^2.1.1",
         "emoji-picker-react": "^4.13.2",
         "tiptap-extension-font-size": "^1.2.0"