txb-cloudinary-image-uploader 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/readme.md +0 -47
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "txb-cloudinary-image-uploader",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "A lightweight, promise-based utility to handle seamless image uploads to Cloudinary directly from the browser.",
5
5
  "license": "ISC",
6
6
  "author": "Saleh Ahmed Mahin",
package/readme.md CHANGED
@@ -20,50 +20,3 @@ Before using this function, gather the following details from your [Cloudinary D
20
20
  1. **Cloud Name**: Your unique Cloudinary identifier.
21
21
  2. **Upload Preset**: Create an **'Unsigned'** upload preset in Cloudinary Settings (Settings > Upload).
22
22
  3. **API URL**: Typically formatted as: `https://api.cloudinary.com/v1_1/YOUR_CLOUD_NAME/image/upload`
23
-
24
- ---
25
-
26
- ## The Utility Function
27
-
28
- Create a file named `cloudinary.ts` inside your project's `utils` or `lib` folder.
29
-
30
- ```typescript
31
- export interface CloudinaryResponse {
32
- public_id: string;
33
- version: number;
34
- width: number;
35
- height: number;
36
- format: string;
37
- resource_type: string;
38
- created_at: string;
39
- bytes: number;
40
- type: string;
41
- url: string;
42
- secure_url: string;
43
- [key: string]: any; // Catch-all for additional metadata
44
- }
45
-
46
- /**
47
- * Uploads a file to Cloudinary using Unsigned Uploads.
48
- */
49
- export const uploadToCloudinary = async (
50
- file: File,
51
- uploadPreset: string,
52
- cloudinaryUrl: string
53
- ): Promise<CloudinaryResponse> => {
54
- const formData = new FormData();
55
- formData.append("file", file);
56
- formData.append("upload_preset", uploadPreset);
57
-
58
- const response = await fetch(cloudinaryUrl, {
59
- method: "POST",
60
- body: formData,
61
- });
62
-
63
- if (!response.ok) {
64
- const errorData = await response.json();
65
- throw new Error(errorData.error?.message || "Failed to upload image");
66
- }
67
-
68
- return response.json();
69
- };