@fewangsit/wangsvue-fats 1.0.1-alpha.36 → 1.0.1-alpha.37

package/image/index.d.ts

@@ -271,21 +271,24 @@ export interface ImageProps {
   unstyled?: boolean;
 
   /**
-   * Returns the full image URL or a Data URI for an image resource, based on the provided path and dimensions.
+   * Returns the full image URL or a ObjetctURL from Blob for an image resource, based on the provided path and dimensions.
    *
    * If the image is publicly accessible, this typically returns a fully qualified URL.
-   * If the image requires authentication or protected access, this may return a Data URI (e.g., Base64-encoded).
+   * If the image requires authentication or protected access, this may return a ObjetctURL from Blob (e.g., Base64-encoded).
    *
    * @param path - The image path as provided in the API response JSON. Can be null or undefined.
    * @param width - Optional width of the image in pixels.
    * @param height - Optional height of the image in pixels.
    *
-   * @returns A string representing either the full image URL or a Data URI. Returns `undefined` if the path is invalid.
+   * @returns A string representing either the full image URL or a ObjetctURL from Blob. Returns `undefined` if the path is invalid.
+   * @example res.blob().then((blob) => resolve(URL.createObjectURL(blob)))
+   *
    */
   getImageURL?: (
     path?: string | null,
     width?: number,
     height?: number,
+    returnURLOnly?: boolean, // Default is undefined or will return Promise when using Auth, when it manually sets to true, return the url only
   ) => string | undefined | Promise<string | undefined>;
 
   /**

package/image/index.es.js

@@ -54,7 +54,7 @@ const ee = ["src"], te = ["src"], ae = ["src"], re = ["src", "onClick"], me = /*
     }, R = I(() => a.width != null ? a.width : a.size === "small" ? 30 : a.size === "medium" ? 80 : 125), m = J(
       async () => {
         var e, t;
-        return !a.src || f.value ? i.value.placeholder : typeof a.src == "string" ? (a.src.includes("http") || // From public image
+        return !a.src || f.value ? i.value.placeholder : typeof a.src == "string" ? (a.src.includes("http") || // From public image or ObjectURL from Blob e.g 'blob:http://localhost:5173/ca48705d-1fc1-4a74-af38-353ffce7e02a'
         /^data:image\/[a-zA-Z0-9.+-]+;base64,/.test(a.src) ? a.src : await ((t = (e = i.value).getImageURL) == null ? void 0 : t.call(e, a.src, R.value))) || i.value.placeholder : a.src;
       },
       i.value.placeholder
@@ -64,7 +64,13 @@ const ee = ["src"], te = ["src"], ae = ["src"], re = ["src", "onClick"], me = /*
       if (y.value != null) return;
       let e = m.value;
       if (typeof e == "string") {
-        const l = (r = (t = i.value).getImageURL) == null ? void 0 : r.call(t, "preview"), n = typeof l == "string" && !(l != null && l.includes("undefined")) ? new URL(l).origin : "", B = n && e.includes(n) || // For getImageURL that return the image full url
+        const l = (r = (t = i.value).getImageURL) == null ? void 0 : r.call(
+          t,
+          "preview",
+          void 0,
+          void 0,
+          !0
+        ), n = typeof l == "string" && !(l != null && l.includes("undefined")) ? new URL(l).origin : "", B = n && e.includes(n) || // For getImageURL that return the image full url
         l instanceof Promise;
         e = e.includes("http") && !B || // From public resource
         e.includes("data:image/svg+xml") ? e : await ((c = (o = i.value).getImageURL) == null ? void 0 : c.call(o, a.src));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.1-alpha.36",
+  "version": "1.0.1-alpha.37",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",