txb-cloudinary-image-uploader 1.0.1 → 1.0.3

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.1",
+  "version": "1.0.3",
   "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,50 +20,3 @@ 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`
-
----
-
-## The Utility Function
-
-Create a file named `cloudinary.ts` inside your project's `utils` or `lib` folder.
-
-```typescript
-export interface CloudinaryResponse {
-  public_id: string;
-  version: number;
-  width: number;
-  height: number;
-  format: string;
-  resource_type: string;
-  created_at: string;
-  bytes: number;
-  type: string;
-  url: string;
-  secure_url: string;
-  [key: string]: any; // Catch-all for additional metadata
-}
-
-/**
- * Uploads a file to Cloudinary using Unsigned Uploads.
- */
-export const uploadToCloudinary = async (
-  file: File,
-  uploadPreset: string,
-  cloudinaryUrl: string
-): Promise<CloudinaryResponse> => {
-  const formData = new FormData();
-  formData.append("file", file);
-  formData.append("upload_preset", uploadPreset);
-
-  const response = await fetch(cloudinaryUrl, {
-    method: "POST",
-    body: formData,
-  });
-
-  if (!response.ok) {
-    const errorData = await response.json();
-    throw new Error(errorData.error?.message || "Failed to upload image");
-  }
-
-  return response.json();
-};