txb-cloudinary-image-uploader 1.0.2 → 1.0.4

package/dist/index.d.ts

@@ -13,5 +13,5 @@ export interface CloudinaryResponse {
  * @returns A promise that resolves to a CloudinaryResponse object.
  * @throws Error if the upload fails.
  */
-declare const uploadToCloudinary: (file: File, uploadPreset: string, cloudinaryUrl: string) => Promise<CloudinaryResponse>;
+declare const uploadToCloudinary: (file: File, uploadPreset: string, cloudname: string) => Promise<CloudinaryResponse>;
 export default uploadToCloudinary;

package/dist/index.js

@@ -6,15 +6,15 @@
  * @returns A promise that resolves to a CloudinaryResponse object.
  * @throws Error if the upload fails.
  */
-const uploadToCloudinary = async (file, uploadPreset, cloudinaryUrl) => {
-    if (!file || !uploadPreset || !cloudinaryUrl) {
-        throw new Error("Missing required parameters: file, uploadPreset, or cloudinaryUrl");
+const uploadToCloudinary = async (file, uploadPreset, cloudname) => {
+    if (!file || !uploadPreset || !cloudname) {
+        throw new Error("Missing required parameters: file, uploadPreset, or cloudname");
     }
     const formData = new FormData();
     formData.append("file", file);
     formData.append("upload_preset", uploadPreset);
     try {
-        const response = await fetch(`${cloudinaryUrl}/image/upload`, {
+        const response = await fetch(`https://api.cloudinary.com/v1_1/${cloudname}/image/upload`, {
             method: "POST",
             body: formData,
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "txb-cloudinary-image-uploader",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "A lightweight, promise-based utility to handle seamless image uploads to Cloudinary directly from the browser.",
   "license": "ISC",
   "author": "Saleh Ahmed Mahin",

package/readme.md

@@ -20,3 +20,23 @@ Before using this function, gather the following details from your [Cloudinary D
 1. **Cloud Name**: Your unique Cloudinary identifier.
 2. **Upload Preset**: Create an **'Unsigned'** upload preset in Cloudinary Settings (Settings > Upload).
 3. **API URL**: Typically formatted as: `https://api.cloudinary.com/v1_1/YOUR_CLOUD_NAME/image/upload`
+
+## Simple implementation
+```import uploadToCloudinary from 'txb-cloudinary-image-uploader';
+
+const handleUpload = async (file: File) => {
+  try {
+    // Call the function with 3 simple parameters
+    const { url, public_id } = await uploadToCloudinary(
+      file, 
+      "your_upload_preset", // cloudinary upload preset
+      "your_cloud_name" // cloudinary cloud name
+    );
+
+    console.log("Uploaded Image URL:", url);
+    console.log("Cloudinary Public ID:", public_id);
+  } catch (error) {
+    console.error("Upload failed:", error);
+  }
+};
+```