@lonik/oh-image 2.5.0 → 2.7.0

package/README.md

@@ -31,7 +31,7 @@ export default defineConfig({
 
 ```tsx
 import { Image } from "@lonik/oh-image/react";
-import heroImg from "./hero.jpg?oh";
+import heroImg from "./hero.jpg?$oh";
 
 function App() {
   return <Image src={heroImg} alt="Hero" />;

package/dist/README.md

@@ -31,7 +31,7 @@ export default defineConfig({
 
 ```tsx
 import { Image } from "@lonik/oh-image/react";
-import heroImg from "./hero.jpg?oh";
+import heroImg from "./hero.jpg?$oh";
 
 function App() {
   return <Image src={heroImg} alt="Hero" />;

package/dist/cloudflare.d.ts

@@ -1,6 +1,7 @@
-import { s as ImageLoaderOptions } from "./index-DObZcazO.js";
-import { n as BaseLoaderOptions, t as BaseGlobalLoaderOptions } from "./base-loader-options-CVQjMJcC.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { n as ImageLoaderOptions } from "./types-BEgZ3W30.js";
+import "./index-C-1t5-gk.js";
+import { n as BaseLoaderOptions, t as BaseGlobalLoaderOptions } from "./base-loader-options-DCLkYppY.js";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/loaders/cloudflare/cloudflare-options.d.ts
 type CloudflareTransforms = Partial<{
@@ -39,6 +40,6 @@ declare const useCloudflareContext: () => CloudflareGlobalOptions, CloudflareLoa
     ...props
   }: {
     children: React.ReactNode;
-  } & Partial<CloudflareGlobalOptions>) => react_jsx_runtime0.JSX.Element, useCloudflareLoader: (options?: CloudflareGlobalOptions | undefined) => (() => undefined) | ((imageOptions: ImageLoaderOptions) => string);
+  } & Partial<CloudflareGlobalOptions>) => react_jsx_runtime3.JSX.Element, useCloudflareLoader: (options?: CloudflareGlobalOptions | undefined) => (() => undefined) | ((imageOptions: ImageLoaderOptions) => string);
 //#endregion
 export { CloudflareGlobalOptions, CloudflareLoaderProvider, CloudflareOptions, CloudflareTransforms, useCloudflareContext, useCloudflareLoader };

package/dist/cloudflare.js

@@ -1,4 +1,4 @@
-import { t as loaderFactory } from "./loader-factory-C6GaON4i.js";
+import { t as loaderFactory } from "./loader-factory-6EOKnqj1.js";
 
 //#region src/loaders/cloudflare/cloudflare-loader.tsx
 const { useLoaderContext: useCloudflareContext, LoaderProvider: CloudflareLoaderProvider, useLoader: useCloudflareLoader } = loaderFactory({

package/dist/cloudinary.d.ts

@@ -1,111 +1,41 @@
-import { s as ImageLoaderOptions } from "./index-DObZcazO.js";
-import { n as BaseLoaderOptions, t as BaseGlobalLoaderOptions } from "./base-loader-options-CVQjMJcC.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import { n as ImageLoaderOptions } from "./types-BEgZ3W30.js";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { Cloudinary, CloudinaryImage } from "@cloudinary/url-gen";
 
 //#region src/loaders/cloudinary/cloudinary-options.d.ts
-type BACKGROUND_MODE = "border" | "predominant" | "border_contrast" | "predominant_contrast" | "predominant_gradient" | "predominant_gradient_contrast" | "border_gradient" | "border_gradient_contrast";
-type ANGLE_MODE = "vflip" | "hflip" | "ignore" | "auto_right" | "auto_left";
-type CROP_MODE = "auto" | "auto_pad" | "crop" | "fill" | "fill_pad" | "fit" | "imagga_crop" | "imagga_scale" | "lfill" | "limit" | "lpad" | "mfit" | "mpad" | "pad" | "scale" | "thumb";
-type COLOR_SPACE = "sRGB" | "tinysrgb" | "cmyk" | "no_cmyk" | "keep_cmyk" | "truecolor";
-type ART_FILTER = "al_dente" | "athena" | "audrey" | "aurora" | "daguerre" | "eucalyptus" | "fes" | "frost" | "hairspray" | "hokusai" | "incognito" | "linen" | "peacock" | "primavera" | "quartz" | "red_rock" | "refresh" | "sizzle" | "sonnet" | "ukulele" | "zorro";
-type FORMAT_TYPE = "3ds" | "ai" | "avif" | "bmp" | "bw" | "djvu" | "dng" | "eps" | "fbx" | "flif" | "gif" | "glb" | "gltf" | "heif" | "heic" | "ico" | "indd" | "jp2" | "jpg" | "jpeg" | "jxl" | "obj" | "pdf" | "ply" | "png" | "psd" | "raw" | "svg" | "tga" | "tif" | "tiff" | "u3ma" | "usdz" | "wdp" | "webp";
-type CloudinaryTransforms = Partial<{
-  a?: number | ANGLE_MODE | string;
-  mode?: string;
-  ar?: string | number;
-  b?: string;
-  b_auto?: {
-    mode: BACKGROUND_MODE;
-    number: number;
-    direction: string;
-    color: string;
-  };
-  b_gen_fill?: {
-    prompt: string;
-    seed: number;
-  };
-  bl?: string;
-  bo?: string;
-  c?: CROP_MODE;
-  co?: string;
-  cs?: COLOR_SPACE;
-  d?: string;
-  dl?: number | string;
-  dn?: number;
-  dpr?: number | "auto";
-  du?: number | string;
-  e?: string;
-  e_accelerate?: number | boolean;
-  e_adv_redeye?: boolean;
-  anti_removal?: number | boolean;
-  art?: ART_FILTER;
-  e_art?: ART_FILTER;
-  e_auto_brightness?: boolean | number;
-  e_auto_color?: boolean | number;
-  e_auto_contrast?: boolean | number;
-  e_auto_enhance?: boolean | number;
-  e_background_removal?: boolean | string;
-  e_blur?: number | boolean;
-  e_blur_faces?: number | boolean;
-  e_blur_region?: number | boolean;
-  e_brightness?: number | boolean;
-  e_cartoonify?: number | string;
-  e_colorize?: number | boolean;
-  e_contrast?: number | boolean;
-  e_distort?: string;
-  e_drop_shadow?: number | string;
-  e_gamma?: number | boolean;
-  e_gradient_fade?: number | boolean;
-  e_grayscale?: boolean;
-  e_hue?: number | boolean;
-  e_improve?: boolean | string;
-  e_make_transparent?: number | string;
-  e_negate?: boolean;
-  e_oil_paint?: number | boolean;
-  e_pixelate?: number | boolean;
-  e_pixelate_faces?: number | boolean;
-  e_pixelate_region?: number | boolean;
-  e_redeye?: boolean;
-  e_saturation?: number | boolean;
-  e_screen?: boolean;
-  e_sepia?: number | boolean;
-  e_shadow?: number | string;
-  e_sharpen?: number | boolean;
-  e_shear?: string;
-  e_simulate_colorblind?: string;
-  e_tint?: string;
-  e_trim?: number | string;
-  e_unsharp_mask?: number | string;
-  e_vectorize?: number | string;
-  e_vignette?: number | boolean;
-  e_volume_mute?: boolean;
-  eo?: number | string;
-  f?: FORMAT_TYPE;
-  fl?: string | string[];
-  g?: string;
-  h?: number;
-  l?: string;
-  o?: number | string;
-  p?: string;
-  pg?: number | string;
-  q?: number | "auto" | string;
-  r?: number | "max" | string;
-  so?: number | string;
-  u?: string;
-  w?: number;
-  x?: number | string;
-  y?: number | string;
-  z?: number;
-}>;
-type CloudinaryOptions = BaseLoaderOptions<CloudinaryTransforms>;
-type CloudinaryGlobalOptions = BaseGlobalLoaderOptions<CloudinaryTransforms>;
+type CloudinaryTransforms = (img: CloudinaryImage) => CloudinaryImage;
+type CloudinaryGlobalOptions = {
+  cld: Cloudinary;
+};
+interface CloudinaryLoaderHookOptions {
+  transforms?: CloudinaryTransforms;
+  placeholder?: CloudinaryTransforms;
+}
+interface CloudinaryLoaderProviderProps {
+  client: Cloudinary;
+  children: React.ReactNode;
+  transforms?: CloudinaryTransforms;
+  placeholder?: CloudinaryTransforms;
+}
 //#endregion
 //#region src/loaders/cloudinary/cloudinary-loader.d.ts
-declare const useCloudinaryContext: () => CloudinaryGlobalOptions, CloudinaryLoaderProvider: ({
-    children,
-    ...props
-  }: {
-    children: React.ReactNode;
-  } & Partial<CloudinaryGlobalOptions>) => react_jsx_runtime1.JSX.Element, useCloudinaryLoader: (options?: CloudinaryGlobalOptions | undefined) => (() => undefined) | ((imageOptions: ImageLoaderOptions) => string);
+interface CloudinaryLoaderContext {
+  cld?: Cloudinary;
+  transforms?: CloudinaryTransforms | undefined;
+  placeholder?: CloudinaryTransforms | undefined;
+}
+declare function CloudinaryLoaderProvider({
+  client,
+  children,
+  transforms,
+  placeholder
+}: {
+  client: Cloudinary;
+  children: React.ReactNode;
+  transforms?: CloudinaryTransforms;
+  placeholder?: CloudinaryTransforms;
+}): react_jsx_runtime2.JSX.Element;
+declare function useCloudinaryLoader(options?: CloudinaryLoaderHookOptions | CloudinaryTransforms): (imageOptions: ImageLoaderOptions) => string;
+declare const useCloudinaryContext: () => CloudinaryLoaderContext;
 //#endregion
-export { CloudinaryGlobalOptions, CloudinaryLoaderProvider, CloudinaryOptions, CloudinaryTransforms, useCloudinaryContext, useCloudinaryLoader };
+export { CloudinaryGlobalOptions, CloudinaryLoaderHookOptions, CloudinaryLoaderProvider, CloudinaryLoaderProviderProps, CloudinaryTransforms, useCloudinaryContext, useCloudinaryLoader };