@dropins/tools 1.3.0-beta4 → 1.3.0-beta5

package/chunks/Image.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as o}from"../preact-jsx-runtime.js";import{G as w,T as c,k as x,h as y}from"./icons/Add.js";import{IntlProvider as f}from"../i18n.js";import{d as n}from"./cjs.js";import{R as T,c as S,g as I}from"./vcomponent.js";const P={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},r={Dropin:P},d={default:r,en_US:r},k=e=>n(d.default,d[e]||{}),v=w({locale:"en-US"}),C=({lang:e="en_US",langDefinitions:t={},children:a})=>{const l=c(()=>{const i=n(t.default,t[e]??{});return n(k(e),i)},[e,t]),s=e.replace("_","-");return o(v.Provider,{value:{locale:s},children:o(f,{definition:l,children:o(x,{children:a})})})},B=new T(o(C,{})),D=({className:e,src:t,params:a,loading:l="lazy",srcSet:s,onLoad:i,...u})=>{const[m,p]=y(!1),b=c(()=>{if(s)return s;if(!(!t||!a))return I(t,{...a})},[a,t,s]),h=g=>{p(!0),i==null||i(g)};return o("img",{...u,className:S(["dropin-image",["dropin-image--loaded",m],e]),loading:l,onLoad:h,src:t,srcSet:b})};export{D as I,v as U,C as a,B as p};
+import{jsx as o}from"../preact-jsx-runtime.js";import{G as w,T as c,k as x,h as y}from"./icons/Add.js";import{IntlProvider as f}from"../i18n.js";import{d as n}from"./cjs.js";import{R as T,g as S,c as I}from"./vcomponent.js";const P={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},r={Dropin:P},d={default:r,en_US:r},k=e=>n(d.default,d[e]||{}),v=w({locale:"en-US"}),C=({lang:e="en_US",langDefinitions:t={},children:a})=>{const l=c(()=>{const i=n(t.default,t[e]??{});return n(k(e),i)},[e,t]),s=e.replace("_","-");return o(v.Provider,{value:{locale:s},children:o(f,{definition:l,children:o(x,{children:a})})})},B=new T(o(C,{})),D=({className:e,src:t,params:a,loading:l="lazy",srcSet:s,onLoad:i,...u})=>{const[m,p]=y(!1),b=c(()=>{if(s)return s;if(!(!t||!a))return S(t,{...a})},[a,t,s]),h=g=>{p(!0),i==null||i(g)};return o("img",{...u,className:I(["dropin-image",["dropin-image--loaded",m],e]),loading:l,onLoad:h,src:t,srcSet:b})};export{D as I,v as U,C as a,B as p};
 //# sourceMappingURL=Image.js.map

package/lib/aem/assets.js

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{getConfigValue as b}from"./configs.js";import{p as l,I as u}from"../../chunks/Image.js";import"../../chunks/cjs.js";import"../../chunks/get-path-value.js";import"../../preact-jsx-runtime.js";import"../../chunks/icons/Add.js";import"../../i18n.js";import"../../chunks/vcomponent.js";import"../../chunks/image-params-keymap.js";import"../../signals.js";function d(){const t=b("commerce-assets-enabled");return t&&(typeof t=="string"&&t.toLowerCase()==="true"||typeof t=="boolean"&&t===!0)}function $(){return{quality:80,format:"webp"}}function p(t){let e=t;if(e.startsWith("//")){const{protocol:s}=window.location;console.log("protocol",s),e=s+e}return e}function f(t){return!!(typeof t=="string"?new URL(p(t)):t).pathname.startsWith("/adobe/assets/urn:aaid:aem")}function g(t,e,s={}){const r={...$(),...s},{format:i,crop:a,size:n,...o}=r,m=new URLSearchParams(o);if(a){const[h,w]=[a.xOrigin||0,a.yOrigin||0],[A,U]=[a.width||100,a.height||100],P=`${h}p,${w}p,${A}p,${U}p`;m.set("crop",P)}return n&&n.width&&n.height&&m.set("size",`${n.width},${n.height}`),`${t}/as/${e}.${i}?${m.toString()}`}function x(t,e,s={}){if(!d())return t;const r=new URL(p(t));if(!f(r))return t;const i=r.origin+r.pathname;return g(i,e,s)}function y(t){return e=>{const{wrapper:s,alias:c,params:r,imageProps:i,src:a}=t,n=s??document.createElement("div"),o=g(a||i.src,c,r);l.render(u,{...i,src:o,params:{width:r.width,crop:null,fit:null,auto:null}})(n),e.replaceWith(n)}}function D(t,e){function s(){const o=e.wrapper??document.createElement("div"),{imageProps:m}=e;l.render(u,m)(o),t.replaceWith(o)}if(!d()){s();return}const{imageProps:r,src:i,...a}=e,n=new URL(p(i??r.src));if(!f(n)){s();return}y({src:n.toString(),params:{width:r.width,height:r.height,...a.params},imageProps:r,alias:a.alias,wrapper:a.wrapper})(t)}export{g as generateAemAssetsOptimizedUrl,$ as getDefaultAemAssetsOptimizationParams,d as isAemAssetsEnabled,f as isAemAssetsUrl,y as makeAemAssetsImageSlot,x as tryGenerateAemAssetsOptimizedUrl,D as tryRenderAemAssetsImage};
+import{getConfigValue as O}from"./configs.js";import{p as f,I as g}from"../../chunks/Image.js";import"../../chunks/cjs.js";import"../../chunks/get-path-value.js";import"../../preact-jsx-runtime.js";import"../../chunks/icons/Add.js";import"../../i18n.js";import"../../chunks/vcomponent.js";import"../../chunks/image-params-keymap.js";import"../../signals.js";const b=["gif","jpg","jpeg","png","webp"],v=[90,180,270],U=["h","v","hv"];function l(e){let t=e;if(t.startsWith("//")){const{protocol:s}=window.location;t=s+t}return t}function I(e){return U.includes(e)}function L(e){return v.includes(e)}function y(e){return b.includes(e)}function u(e,t,s){if(e!==void 0&&!t(e))throw new Error(s)}function h(){const e=O("commerce-assets-enabled");return e&&(typeof e=="string"&&e.toLowerCase()==="true"||typeof e=="boolean"&&e===!0)}function R(){return{quality:80,format:"webp"}}function A(e){return!!(typeof e=="string"?new URL(l(e)):e).pathname.startsWith("/adobe/assets/urn:aaid:aem")}function w(e,t,s={}){const r={...R(),...s},{format:i,crop:n,...o}=r;u(i,y,"Invalid format"),u(o.flip,I,"Invalid flip"),u(o.rotate,L,"Invalid rotation");const a=Object.fromEntries(Object.entries(o).map(([p,d])=>[p,String(d)])),c=new URLSearchParams(a);if(n){const[p,d]=[n.xOrigin||0,n.yOrigin||0],[P,E]=[n.width||100,n.height||100],S=`${p}p,${d}p,${P}p,${E}p`;c.set("crop",S)}return`${e}/as/${t}.${i}?${c.toString()}`}function q(e,t,s={}){if(!h())return e;const r=new URL(l(e));if(!A(r))return e;const i=r.origin+r.pathname;return w(i,t,s)}function _(e){return t=>{const{wrapper:s,alias:m,params:r,imageProps:i}=e;if(!i.src)throw new Error("An image source is required. Please provide a `src` or `imageProps.src`.");const n=s??document.createElement("div"),o=w(i.src,m,r),a={width:r.width,height:r.height,crop:void 0,fit:void 0,auto:void 0},c={...i,width:r.width,height:r.height,src:o,params:a};f.render(g,c)(n),t.replaceWith(n)}}function x(e,t){function s(){const i=t.wrapper??document.createElement("div"),{imageProps:n,params:o}=t,a={...n,width:o.width,height:o.height};f.render(g,a)(i),e.replaceWith(i)}if(!h()){s();return}if(!t.imageProps.src)throw new Error("An image source is required. Please provide a `src` or `imageProps.src`.");const r=new URL(l(t.imageProps.src));if(!A(r)){s();return}_(t)(e)}export{w as generateAemAssetsOptimizedUrl,R as getDefaultAemAssetsOptimizationParams,h as isAemAssetsEnabled,A as isAemAssetsUrl,_ as makeAemAssetsImageSlot,q as tryGenerateAemAssetsOptimizedUrl,x as tryRenderAemAssetsImage};
 //# sourceMappingURL=assets.js.map

package/lib/aem/assets.js.map

@@ -1 +1 @@
-{"version":3,"file":"assets.js","sources":["/@dropins/tools/src/lib/aem/assets.ts"],"sourcesContent":["import { provider as UI, Image } from '@adobe-commerce/elsie/components';\nimport { getConfigValue } from '@adobe-commerce/elsie/lib/aem/configs';\n\ninterface AemAssetsParams {\n  quality?: number;\n  format?: string;\n  crop?: {\n    xOrigin?: number;\n    yOrigin?: number;\n    width?: number;\n    height?: number;\n  };\n  size?: {\n    width?: number;\n    height?: number;\n  };\n  width?: number;\n  height?: number;\n  [key: string]: any;\n}\n\ninterface AemAssetsImageConfig {\n  wrapper?: HTMLElement;\n  alias: string;\n  params: AemAssetsParams;\n  imageProps: {\n    src: string;\n    width?: number;\n    height?: number;\n    [key: string]: any;\n  };\n  src?: string;\n}\n\ninterface RenderContext {\n  replaceWith: (element: HTMLElement) => void;\n}\n\nexport function isAemAssetsEnabled(): boolean {\n  const config = getConfigValue('commerce-assets-enabled');\n\n  return config && (\n    (typeof config === 'string' && config.toLowerCase() === 'true')\n    || (typeof config === 'boolean' && config === true)\n  );\n}\n\nexport function getDefaultAemAssetsOptimizationParams(): { quality: number; format: string } {\n  // See: https://adobe-aem-assets-delivery-experimental.redoc.ly/\n  return {\n    quality: 80,\n    format: 'webp',\n  };\n}\n\n/**\n * Normalizes the given URL to ensure it is a valid URL.\n * @param {string} url - The URL to normalize.\n * @returns {string} The normalized URL.\n */\nfunction normalizeUrl(url: string): string {\n  let imageUrl = url;\n\n  if (imageUrl.startsWith('//')) {\n    // Use current window's protocol.\n    const { protocol } = window.location;\n    console.log('protocol', protocol);\n    imageUrl = protocol + imageUrl;\n  }\n\n  return imageUrl;\n}\n\nexport function isAemAssetsUrl(url: string | URL): boolean {\n  const assetsUrl = typeof url === 'string' ? new URL(normalizeUrl(url)) : url;\n\n  if (!assetsUrl.pathname.startsWith('/adobe/assets/urn:aaid:aem')) {\n    return false;\n  }\n\n  return true;\n}\n\nexport function generateAemAssetsOptimizedUrl(url: string, alias: string, params: AemAssetsParams = {}): string {\n  const defaultParams = getDefaultAemAssetsOptimizationParams();\n  const mergedParams: AemAssetsParams = { ...defaultParams, ...params };\n\n  // Destructure the ones that need special handling\n  const {\n    format,\n    crop,\n    size,\n    ...optimizedParams\n  } = mergedParams;\n\n  const searchParams = new URLSearchParams(optimizedParams);\n\n  if (crop) {\n    const [xOrigin, yOrigin] = [crop.xOrigin || 0, crop.yOrigin || 0];\n    const [width, height] = [crop.width || 100, crop.height || 100];\n\n    const cropTransform = `${xOrigin}p,${yOrigin}p,${width}p,${height}p`;\n    searchParams.set('crop', cropTransform);\n  }\n\n  // Both values must be present\n  if (size && size.width && size.height) {\n    searchParams.set('size', `${size.width},${size.height}`);\n  }\n\n  return `${url}/as/${alias}.${format}?${searchParams.toString()}`;\n}\n\nexport function tryGenerateAemAssetsOptimizedUrl(url: string, alias: string, params: AemAssetsParams = {}): string {\n  const assetsEnabled = isAemAssetsEnabled();\n\n  if (!(assetsEnabled)) {\n    // No-op, doesn't do anything.\n    return url;\n  }\n\n  const assetsUrl = new URL(normalizeUrl(url));\n\n  if (!isAemAssetsUrl(assetsUrl)) {\n    // Not an AEM Assets URL, so no-op.\n    return url;\n  }\n\n  const base = assetsUrl.origin + assetsUrl.pathname;\n  return generateAemAssetsOptimizedUrl(base, alias, params);\n}\n\nexport function makeAemAssetsImageSlot(\n  config: AemAssetsImageConfig,\n) {\n  return (ctx: RenderContext) => {\n    const {\n      wrapper,\n      alias,\n      params,\n      imageProps,\n      src,\n    } = config;\n\n    const container = wrapper ?? document.createElement('div');\n    const imageSrc = generateAemAssetsOptimizedUrl(src || imageProps.src, alias, params);\n\n    UI.render(Image as any, {\n      ...imageProps,\n\n      src: imageSrc,\n      params: {\n        width: params.width,\n\n        // If not null, they will be applied by default.\n        // And they are not compatible with the AEM Assets API.\n        crop: null,\n        fit: null,\n        auto: null,\n      },\n    })(container);\n\n    ctx.replaceWith(container);\n  };\n}\n\nexport function tryRenderAemAssetsImage(ctx: RenderContext, config: AemAssetsImageConfig): void {\n  // Renders an equivalent of the default image.\n  function renderDefaultImage(): void {\n    const container = config.wrapper ?? document.createElement('div');\n    const { imageProps } = config;\n\n    (UI.render as any)(Image, imageProps)(container);\n    ctx.replaceWith(container);\n  }\n\n  const assetsEnabled = isAemAssetsEnabled();\n\n  if (!(assetsEnabled)) {\n    // No-op, render the default image.\n    renderDefaultImage();\n    return;\n  }\n\n  const { imageProps, src, ...slotConfig } = config;\n  const assetsUrl = new URL(normalizeUrl(src ?? imageProps.src));\n\n  if (!isAemAssetsUrl(assetsUrl)) {\n    // Not an AEM Assets URL, so render the default image.\n    renderDefaultImage();\n    return;\n  }\n\n  makeAemAssetsImageSlot({\n    // Use the default image props for params and src.\n    // Unless overriden by the slot config.\n    src: assetsUrl.toString(),\n    params: {\n      width: imageProps.width,\n      height: imageProps.height,\n      ...slotConfig.params,\n    },\n    imageProps,\n    alias: slotConfig.alias,\n    wrapper: slotConfig.wrapper,\n  })(ctx);\n}\n"],"names":["isAemAssetsEnabled","config","getConfigValue","getDefaultAemAssetsOptimizationParams","normalizeUrl","url","imageUrl","protocol","isAemAssetsUrl","generateAemAssetsOptimizedUrl","alias","params","mergedParams","format","crop","size","optimizedParams","searchParams","xOrigin","yOrigin","width","height","cropTransform","tryGenerateAemAssetsOptimizedUrl","assetsUrl","base","makeAemAssetsImageSlot","ctx","wrapper","imageProps","src","container","imageSrc","UI","Image","tryRenderAemAssetsImage","renderDefaultImage","slotConfig"],"mappings":"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"}
+{"version":3,"file":"assets.js","sources":["/@dropins/tools/src/lib/aem/assets.ts"],"sourcesContent":["import {\n  provider as UI,\n  Image,\n  type ImageProps,\n} from '@adobe-commerce/elsie/components';\n\nimport { getConfigValue } from '@adobe-commerce/elsie/lib/aem/configs';\nimport type { ResolveImageUrlOptions } from '../resolve-image';\n\nconst AEM_ASSETS_FORMATS = ['gif', 'jpg', 'jpeg', 'png', 'webp'] as const;\nconst AEM_ASSETS_ALLOWED_ROTATIONS = [90, 180, 270] as const;\nconst AEM_ASSETS_ALLOWED_FLIPS = ['h', 'v', 'hv'] as const;\n\n/** The allowed formats for the `AEM Assets` image optimization API. */\nexport type AemAssetsFormat = (typeof AEM_ASSETS_FORMATS)[number];\n\n/** The allowed rotations for the `AEM Assets` image optimization API. */\nexport type AemAssetsRotation = (typeof AEM_ASSETS_ALLOWED_ROTATIONS)[number];\n\n/** The allowed flips for the `AEM Assets` image optimization API. */\nexport type AemAssetsFlip = (typeof AEM_ASSETS_ALLOWED_FLIPS)[number];\n\n/**\n * Defines a crop region of an image.\n * @example\n * ```ts\n * // Crop the image to a 80% width and height, starting at 10% from the top and left.\n * const cropSettings: AemAssetsCropSettings = {\n *   xOrigin: 10,\n *   yOrigin: 10,\n *   width: 80,\n *   height: 80,\n * };\n */\nexport interface AemAssetsCropSettings {\n  /** The (relative) x origin of the crop (between 0 and 100) */\n  xOrigin?: number;\n\n  /** The (relative) y origin of the crop (between 0 and 100) */\n  yOrigin?: number;\n\n  /** The width of the crop (between 0 and 100) */\n  width?: number;\n\n  /** The height of the crop (between 0 and 100) */\n  height?: number;\n}\n\n/**\n * The parameters accepted by the `AEM Assets` image optimization API.\n * @see https://adobe-aem-assets-delivery-experimental.redoc.ly/\n */\nexport interface AemAssetsParams {\n  format: AemAssetsFormat;\n  rotate?: AemAssetsRotation;\n  flip?: AemAssetsFlip;\n  crop?: AemAssetsCropSettings;\n\n  width?: number;\n  height?: number;\n  quality?: number;\n\n  attachment?: boolean;\n  sharpen?: boolean;\n  blur?: number;\n  dpr?: number;\n  smartCrop?: string;\n\n  // For future updates we may miss.\n  [key: string]: unknown;\n}\n\ntype WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };\n\n/** The parameters to be applied to the asset (known width required when using a slot) */\nexport type AemAssetsImageSlotConfigParams = WithRequired<\n  Partial<AemAssetsParams>,\n  'width'\n>;\n\n/** The configuration for an image slot. */\nexport interface AemAssetsImageSlotConfig {\n  /** The alias (i.e. seoName) of the image */\n  alias: string;\n\n  /** The props to be applied to the underlying {@link Image} component */\n  imageProps: Partial<Omit<ImageProps, 'params' | 'width' | 'height'>> & {\n    src: string;\n  };\n\n  /** The parameters to be applied to the asset (known width required when using a slot) */\n  params: AemAssetsImageSlotConfigParams;\n\n  /** The element that will contain the image in the slot */\n  wrapper?: HTMLElement;\n}\n\ninterface RenderContext {\n  replaceWith: (element: HTMLElement) => void;\n}\n\n/**\n * Normalizes the given URL to ensure it is a valid URL.\n * @param {string} url - The URL to normalize.\n * @returns {string} The normalized URL.\n */\nfunction normalizeUrl(url: string): string {\n  let imageUrl = url;\n\n  if (imageUrl.startsWith('//')) {\n    // Use current window's protocol.\n    const { protocol } = window.location;\n    imageUrl = protocol + imageUrl;\n  }\n\n  return imageUrl;\n}\n\n/** Returns whether the given value is a valid flip. */\nfunction isValidFlip(flip: unknown): flip is AemAssetsFlip {\n  return AEM_ASSETS_ALLOWED_FLIPS.includes(flip as AemAssetsFlip);\n}\n\n/** Returns whether the given value is a valid rotation. */\nfunction isValidRotation(rotation: unknown): rotation is AemAssetsRotation {\n  return AEM_ASSETS_ALLOWED_ROTATIONS.includes(rotation as AemAssetsRotation);\n}\n\n/** Returns whether the given value is a valid format. */\nfunction isValidFormat(format: unknown): format is AemAssetsFormat {\n  return AEM_ASSETS_FORMATS.includes(format as AemAssetsFormat);\n}\n\n/** Asserts that the given value is valid. */\nfunction assertUnionParameter(\n  value: unknown,\n  validator: (value: unknown) => boolean,\n  errorMessage: string\n): void {\n  if (value !== undefined && !validator(value)) {\n    throw new Error(errorMessage);\n  }\n}\n\n/** Returns whether AEM Assets is enabled in the Storefront. */\nexport function isAemAssetsEnabled(): boolean {\n  const config = getConfigValue('commerce-assets-enabled');\n\n  return (\n    config &&\n    ((typeof config === 'string' && config.toLowerCase() === 'true') ||\n      (typeof config === 'boolean' && config === true))\n  );\n}\n\n/** The default optimization parameters used globally, unless overriden (per use). */\nexport function getDefaultAemAssetsOptimizationParams(): AemAssetsParams {\n  // See: https://adobe-aem-assets-delivery-experimental.redoc.ly/\n  return {\n    quality: 80,\n    format: 'webp',\n  };\n}\n\n/** Returns true if the given URL is an AEM Assets URL. */\nexport function isAemAssetsUrl(url: string | URL): boolean {\n  const assetsUrl = typeof url === 'string' ? new URL(normalizeUrl(url)) : url;\n\n  if (!assetsUrl.pathname.startsWith('/adobe/assets/urn:aaid:aem')) {\n    return false;\n  }\n\n  return true;\n}\n\n/** Generates an optimized URL for AEM Assets. */\nexport function generateAemAssetsOptimizedUrl(\n  assetUrl: string,\n  alias: string,\n  params: Partial<AemAssetsParams> = {}\n): string {\n  const defaultParams = getDefaultAemAssetsOptimizationParams();\n  const mergedParams: AemAssetsParams = { ...defaultParams, ...params };\n\n  // Destructure the ones that need special handling/validation.\n  const { format, crop, ...optimizedParams } = mergedParams;\n  assertUnionParameter(format, isValidFormat, 'Invalid format');\n  assertUnionParameter(optimizedParams.flip, isValidFlip, 'Invalid flip');\n  assertUnionParameter(\n    optimizedParams.rotate,\n    isValidRotation,\n    'Invalid rotation'\n  );\n\n  const stringifiedParams = Object.fromEntries(\n    Object.entries(optimizedParams).map(([key, value]) => [key, String(value)])\n  );\n\n  const searchParams = new URLSearchParams(stringifiedParams);\n\n  if (crop) {\n    const [xOrigin, yOrigin] = [crop.xOrigin || 0, crop.yOrigin || 0];\n    const [width, height] = [crop.width || 100, crop.height || 100];\n\n    const cropTransform = `${xOrigin}p,${yOrigin}p,${width}p,${height}p`;\n    searchParams.set('crop', cropTransform);\n  }\n\n  return `${assetUrl}/as/${alias}.${format}?${searchParams.toString()}`;\n}\n\n/**\n * Tries to generate an optimized URL for AEM Assets. Returns the given\n * url if AEM Assets is not enabled or is not an AEM Assets URL.\n */\nexport function tryGenerateAemAssetsOptimizedUrl(\n  assetUrl: string,\n  alias: string,\n  params: Partial<AemAssetsParams> = {}\n): string {\n  const assetsEnabled = isAemAssetsEnabled();\n\n  if (!assetsEnabled) {\n    // No-op, doesn't do anything.\n    return assetUrl;\n  }\n\n  const assetsUrl = new URL(normalizeUrl(assetUrl));\n\n  if (!isAemAssetsUrl(assetsUrl)) {\n    // Not an AEM Assets URL, so no-op.\n    return assetUrl;\n  }\n\n  const base = assetsUrl.origin + assetsUrl.pathname;\n  return generateAemAssetsOptimizedUrl(base, alias, params);\n}\n\n/** Creates a slot that renders an AEM Assets image. */\nexport function makeAemAssetsImageSlot(config: AemAssetsImageSlotConfig) {\n  return (ctx: RenderContext) => {\n    const { wrapper, alias, params, imageProps } = config;\n\n    if (!imageProps.src) {\n      throw new Error(\n        'An image source is required. Please provide a `src` or `imageProps.src`.'\n      );\n    }\n\n    const container = wrapper ?? document.createElement('div');\n    const imageSrc = generateAemAssetsOptimizedUrl(\n      imageProps.src,\n      alias,\n      params\n    );\n\n    const imageComponentParams: ResolveImageUrlOptions = {\n      width: params.width,\n      height: params.height,\n\n      // If this is not done, they will be applied by default.\n      // And they are not compatible with the AEM Assets API.\n      crop: undefined,\n      fit: undefined,\n      auto: undefined,\n    };\n\n    const imageComponentProps: ImageProps = {\n      ...imageProps,\n      width: params.width,\n      height: params.height,\n\n      src: imageSrc,\n      params: imageComponentParams,\n    };\n\n    UI.render(Image, imageComponentProps)(container);\n    ctx.replaceWith(container);\n  };\n}\n\nexport function tryRenderAemAssetsImage(\n  ctx: RenderContext,\n  config: AemAssetsImageSlotConfig\n): void {\n  // Renders an equivalent of the default image.\n  function renderDefaultImage(): void {\n    const container = config.wrapper ?? document.createElement('div');\n    const { imageProps, params } = config;\n    const imageComponentProps: ImageProps = {\n      ...imageProps,\n      width: params.width,\n      height: params.height,\n    };\n\n    UI.render(Image, imageComponentProps)(container);\n    ctx.replaceWith(container);\n  }\n\n  const assetsEnabled = isAemAssetsEnabled();\n\n  if (!assetsEnabled) {\n    // No-op, render the default image.\n    renderDefaultImage();\n    return;\n  }\n\n  if (!config.imageProps.src) {\n    throw new Error(\n      'An image source is required. Please provide a `src` or `imageProps.src`.'\n    );\n  }\n\n  const assetsUrl = new URL(normalizeUrl(config.imageProps.src));\n\n  if (!isAemAssetsUrl(assetsUrl)) {\n    // Not an AEM Assets URL, so render the default image.\n    renderDefaultImage();\n    return;\n  }\n\n  makeAemAssetsImageSlot(config)(ctx);\n}\n"],"names":["AEM_ASSETS_FORMATS","AEM_ASSETS_ALLOWED_ROTATIONS","AEM_ASSETS_ALLOWED_FLIPS","normalizeUrl","url","imageUrl","protocol","isValidFlip","flip","isValidRotation","rotation","isValidFormat","format","assertUnionParameter","value","validator","errorMessage","isAemAssetsEnabled","config","getConfigValue","getDefaultAemAssetsOptimizationParams","isAemAssetsUrl","generateAemAssetsOptimizedUrl","assetUrl","alias","params","mergedParams","crop","optimizedParams","stringifiedParams","key","searchParams","xOrigin","yOrigin","width","height","cropTransform","tryGenerateAemAssetsOptimizedUrl","assetsUrl","base","makeAemAssetsImageSlot","ctx","wrapper","imageProps","container","imageSrc","imageComponentParams","imageComponentProps","UI","Image","tryRenderAemAssetsImage","renderDefaultImage"],"mappings":"sWASA,MAAMA,EAAqB,CAAC,MAAO,MAAO,OAAQ,MAAO,MAAM,EACzDC,EAA+B,CAAC,GAAI,IAAK,GAAG,EAC5CC,EAA2B,CAAC,IAAK,IAAK,IAAI,EA+FhD,SAASC,EAAaC,EAAqB,CACzC,IAAIC,EAAWD,EAEX,GAAAC,EAAS,WAAW,IAAI,EAAG,CAEvB,KAAA,CAAE,SAAAC,GAAa,OAAO,SAC5BD,EAAWC,EAAWD,CAAA,CAGjB,OAAAA,CACT,CAGA,SAASE,EAAYC,EAAsC,CAClD,OAAAN,EAAyB,SAASM,CAAqB,CAChE,CAGA,SAASC,EAAgBC,EAAkD,CAClE,OAAAT,EAA6B,SAASS,CAA6B,CAC5E,CAGA,SAASC,EAAcC,EAA4C,CAC1D,OAAAZ,EAAmB,SAASY,CAAyB,CAC9D,CAGA,SAASC,EACPC,EACAC,EACAC,EACM,CACN,GAAIF,IAAU,QAAa,CAACC,EAAUD,CAAK,EACnC,MAAA,IAAI,MAAME,CAAY,CAEhC,CAGO,SAASC,GAA8B,CACtC,MAAAC,EAASC,EAAe,yBAAyB,EAGrD,OAAAD,IACE,OAAOA,GAAW,UAAYA,EAAO,gBAAkB,QACtD,OAAOA,GAAW,WAAaA,IAAW,GAEjD,CAGO,SAASE,GAAyD,CAEhE,MAAA,CACL,QAAS,GACT,OAAQ,MACV,CACF,CAGO,SAASC,EAAejB,EAA4B,CAGzD,MAAK,GAFa,OAAOA,GAAQ,SAAW,IAAI,IAAID,EAAaC,CAAG,CAAC,EAAIA,GAE1D,SAAS,WAAW,4BAA4B,CAKjE,CAGO,SAASkB,EACdC,EACAC,EACAC,EAAmC,CAAA,EAC3B,CAER,MAAMC,EAAgC,CAAE,GADlBN,EAAsC,EACF,GAAGK,CAAO,EAG9D,CAAE,OAAAb,EAAQ,KAAAe,EAAM,GAAGC,CAAoB,EAAAF,EACxBb,EAAAD,EAAQD,EAAe,gBAAgB,EACvCE,EAAAe,EAAgB,KAAMrB,EAAa,cAAc,EACtEM,EACEe,EAAgB,OAChBnB,EACA,kBACF,EAEA,MAAMoB,EAAoB,OAAO,YAC/B,OAAO,QAAQD,CAAe,EAAE,IAAI,CAAC,CAACE,EAAKhB,CAAK,IAAM,CAACgB,EAAK,OAAOhB,CAAK,CAAC,CAAC,CAC5E,EAEMiB,EAAe,IAAI,gBAAgBF,CAAiB,EAE1D,GAAIF,EAAM,CACF,KAAA,CAACK,EAASC,CAAO,EAAI,CAACN,EAAK,SAAW,EAAGA,EAAK,SAAW,CAAC,EAC1D,CAACO,EAAOC,CAAM,EAAI,CAACR,EAAK,OAAS,IAAKA,EAAK,QAAU,GAAG,EAExDS,EAAgB,GAAGJ,CAAO,KAAKC,CAAO,KAAKC,CAAK,KAAKC,CAAM,IACpDJ,EAAA,IAAI,OAAQK,CAAa,CAAA,CAGjC,MAAA,GAAGb,CAAQ,OAAOC,CAAK,IAAIZ,CAAM,IAAImB,EAAa,SAAA,CAAU,EACrE,CAMO,SAASM,EACdd,EACAC,EACAC,EAAmC,CAAA,EAC3B,CAGR,GAAI,CAFkBR,EAAmB,EAIhC,OAAAM,EAGT,MAAMe,EAAY,IAAI,IAAInC,EAAaoB,CAAQ,CAAC,EAE5C,GAAA,CAACF,EAAeiB,CAAS,EAEpB,OAAAf,EAGH,MAAAgB,EAAOD,EAAU,OAASA,EAAU,SACnC,OAAAhB,EAA8BiB,EAAMf,EAAOC,CAAM,CAC1D,CAGO,SAASe,EAAuBtB,EAAkC,CACvE,OAAQuB,GAAuB,CAC7B,KAAM,CAAE,QAAAC,EAAS,MAAAlB,EAAO,OAAAC,EAAQ,WAAAkB,CAAe,EAAAzB,EAE3C,GAAA,CAACyB,EAAW,IACd,MAAM,IAAI,MACR,0EACF,EAGF,MAAMC,EAAYF,GAAW,SAAS,cAAc,KAAK,EACnDG,EAAWvB,EACfqB,EAAW,IACXnB,EACAC,CACF,EAEMqB,EAA+C,CACnD,MAAOrB,EAAO,MACd,OAAQA,EAAO,OAIf,KAAM,OACN,IAAK,OACL,KAAM,MACR,EAEMsB,EAAkC,CACtC,GAAGJ,EACH,MAAOlB,EAAO,MACd,OAAQA,EAAO,OAEf,IAAKoB,EACL,OAAQC,CACV,EAEAE,EAAG,OAAOC,EAAOF,CAAmB,EAAEH,CAAS,EAC/CH,EAAI,YAAYG,CAAS,CAC3B,CACF,CAEgB,SAAAM,EACdT,EACAvB,EACM,CAEN,SAASiC,GAA2B,CAClC,MAAMP,EAAY1B,EAAO,SAAW,SAAS,cAAc,KAAK,EAC1D,CAAE,WAAAyB,EAAY,OAAAlB,CAAA,EAAWP,EACzB6B,EAAkC,CACtC,GAAGJ,EACH,MAAOlB,EAAO,MACd,OAAQA,EAAO,MACjB,EAEAuB,EAAG,OAAOC,EAAOF,CAAmB,EAAEH,CAAS,EAC/CH,EAAI,YAAYG,CAAS,CAAA,CAK3B,GAAI,CAFkB3B,EAAmB,EAErB,CAECkC,EAAA,EACnB,MAAA,CAGE,GAAA,CAACjC,EAAO,WAAW,IACrB,MAAM,IAAI,MACR,0EACF,EAGF,MAAMoB,EAAY,IAAI,IAAInC,EAAae,EAAO,WAAW,GAAG,CAAC,EAEzD,GAAA,CAACG,EAAeiB,CAAS,EAAG,CAEXa,EAAA,EACnB,MAAA,CAGqBX,EAAAtB,CAAM,EAAEuB,CAAG,CACpC"}

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/tools", "version": "1.3.0-beta4", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/tools", "version": "1.3.0-beta5", "license": "SEE LICENSE IN LICENSE.md"}

package/types/elsie/src/lib/aem/assets.d.ts

@@ -1,44 +1,91 @@
-interface AemAssetsParams {
-    quality?: number;
-    format?: string;
-    crop?: {
-        xOrigin?: number;
-        yOrigin?: number;
-        width?: number;
-        height?: number;
-    };
-    size?: {
-        width?: number;
-        height?: number;
-    };
+import { ImageProps } from '../../components';
+
+declare const AEM_ASSETS_FORMATS: readonly ["gif", "jpg", "jpeg", "png", "webp"];
+declare const AEM_ASSETS_ALLOWED_ROTATIONS: readonly [90, 180, 270];
+declare const AEM_ASSETS_ALLOWED_FLIPS: readonly ["h", "v", "hv"];
+/** The allowed formats for the `AEM Assets` image optimization API. */
+export type AemAssetsFormat = (typeof AEM_ASSETS_FORMATS)[number];
+/** The allowed rotations for the `AEM Assets` image optimization API. */
+export type AemAssetsRotation = (typeof AEM_ASSETS_ALLOWED_ROTATIONS)[number];
+/** The allowed flips for the `AEM Assets` image optimization API. */
+export type AemAssetsFlip = (typeof AEM_ASSETS_ALLOWED_FLIPS)[number];
+/**
+ * Defines a crop region of an image.
+ * @example
+ * ```ts
+ * // Crop the image to a 80% width and height, starting at 10% from the top and left.
+ * const cropSettings: AemAssetsCropSettings = {
+ *   xOrigin: 10,
+ *   yOrigin: 10,
+ *   width: 80,
+ *   height: 80,
+ * };
+ */
+export interface AemAssetsCropSettings {
+    /** The (relative) x origin of the crop (between 0 and 100) */
+    xOrigin?: number;
+    /** The (relative) y origin of the crop (between 0 and 100) */
+    yOrigin?: number;
+    /** The width of the crop (between 0 and 100) */
     width?: number;
+    /** The height of the crop (between 0 and 100) */
     height?: number;
-    [key: string]: any;
 }
-interface AemAssetsImageConfig {
-    wrapper?: HTMLElement;
+/**
+ * The parameters accepted by the `AEM Assets` image optimization API.
+ * @see https://adobe-aem-assets-delivery-experimental.redoc.ly/
+ */
+export interface AemAssetsParams {
+    format: AemAssetsFormat;
+    rotate?: AemAssetsRotation;
+    flip?: AemAssetsFlip;
+    crop?: AemAssetsCropSettings;
+    width?: number;
+    height?: number;
+    quality?: number;
+    attachment?: boolean;
+    sharpen?: boolean;
+    blur?: number;
+    dpr?: number;
+    smartCrop?: string;
+    [key: string]: unknown;
+}
+type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+/** The parameters to be applied to the asset (known width required when using a slot) */
+export type AemAssetsImageSlotConfigParams = WithRequired<Partial<AemAssetsParams>, 'width'>;
+/** The configuration for an image slot. */
+export interface AemAssetsImageSlotConfig {
+    /** The alias (i.e. seoName) of the image */
     alias: string;
-    params: AemAssetsParams;
-    imageProps: {
+    /** The props to be applied to the underlying {@link Image} component */
+    imageProps: Partial<Omit<ImageProps, 'params' | 'width' | 'height'>> & {
         src: string;
-        width?: number;
-        height?: number;
-        [key: string]: any;
     };
-    src?: string;
+    /** The parameters to be applied to the asset (known width required when using a slot) */
+    params: AemAssetsImageSlotConfigParams;
+    /** The element that will contain the image in the slot */
+    wrapper?: HTMLElement;
 }
 interface RenderContext {
     replaceWith: (element: HTMLElement) => void;
 }
+/** Returns whether AEM Assets is enabled in the Storefront. */
 export declare function isAemAssetsEnabled(): boolean;
-export declare function getDefaultAemAssetsOptimizationParams(): {
-    quality: number;
-    format: string;
-};
+/** The default optimization parameters used globally, unless overriden (per use). */
+export declare function getDefaultAemAssetsOptimizationParams(): AemAssetsParams;
+/** Returns true if the given URL is an AEM Assets URL. */
 export declare function isAemAssetsUrl(url: string | URL): boolean;
-export declare function generateAemAssetsOptimizedUrl(url: string, alias: string, params?: AemAssetsParams): string;
-export declare function tryGenerateAemAssetsOptimizedUrl(url: string, alias: string, params?: AemAssetsParams): string;
-export declare function makeAemAssetsImageSlot(config: AemAssetsImageConfig): (ctx: RenderContext) => void;
-export declare function tryRenderAemAssetsImage(ctx: RenderContext, config: AemAssetsImageConfig): void;
+/** Generates an optimized URL for AEM Assets. */
+export declare function generateAemAssetsOptimizedUrl(assetUrl: string, alias: string, params?: Partial<AemAssetsParams>): string;
+/**
+ * Tries to generate an optimized URL for AEM Assets. Returns the given
+ * url if AEM Assets is not enabled or is not an AEM Assets URL.
+ */
+export declare function tryGenerateAemAssetsOptimizedUrl(assetUrl: string, alias: string, params?: Partial<AemAssetsParams>): string;
+/** Creates a slot that renders an AEM Assets image. */
+export declare function makeAemAssetsImageSlot(config: AemAssetsImageSlotConfig): (ctx: RenderContext) => void;
+export declare function tryRenderAemAssetsImage(ctx: RenderContext, config: AemAssetsImageSlotConfig): void;
 export {};
 //# sourceMappingURL=assets.d.ts.map

package/lib/aem/assets.test.d.ts

@@ -1 +0,0 @@
-export * from '../../types/elsie/src/lib/aem/assets.test'

package/lib/aem/assets.test.js

@@ -1,4 +0,0 @@
-/*! Copyright 2025 Adobe
-All Rights Reserved. */
-import{isAemAssetsEnabled as m,getDefaultAemAssetsOptimizationParams as n,isAemAssetsUrl as l,generateAemAssetsOptimizedUrl as o,tryGenerateAemAssetsOptimizedUrl as i,makeAemAssetsImageSlot as c,tryRenderAemAssetsImage as p}from"./assets.js";import{getConfigValue as r}from"./configs.js";import"../../chunks/Image.js";import"../../preact-jsx-runtime.js";import"../../chunks/icons/Add.js";import"../../i18n.js";import"../../chunks/cjs.js";import"../../chunks/vcomponent.js";import"../../chunks/image-params-keymap.js";import"../../signals.js";import"../../chunks/get-path-value.js";jest.mock("./configs",()=>({getConfigValue:jest.fn().mockImplementation(e=>{if(e==="commerce-assets-enabled")return!0})}));Object.defineProperty(window,"location",{value:{pathname:"/",origin:"https://example.com",protocol:"https:"}});describe("AEM Assets",()=>{beforeEach(()=>{jest.clearAllMocks()}),test("should be enabled",()=>{expect(m()).toBe(!0),r.mockReturnValueOnce("true"),expect(m()).toBe(!0)}),test("should be disabled",()=>{r.mockReturnValueOnce(!1),expect(m()).toBe(!1)}),test("should return default optimization params",()=>{const e=n();expect(e).toEqual({quality:80,format:"webp"})}),test("should return true if url is aem assets url",()=>{expect(l("https://example.com/adobe/assets/urn:aaid:aem:1234567890")).toBe(!0)}),test("should return false if url is not aem assets url",()=>{expect(l("https://example.com/image.jpg")).toBe(!1)}),test("should return true if url is aem assets url with protocol relative path",()=>{expect(l("//example.com/adobe/assets/urn:aaid:aem:1234567890")).toBe(!0)}),test("should generate aem assets optimized url",()=>{const t=o("https://example.com/adobe/assets/urn:aaid:aem:1234567890","test",{quality:80,format:"webp"});expect(t).toBe("https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80")}),test("should generate aem assets optimized url with default params",()=>{const a=o("https://example.com/adobe/assets/urn:aaid:aem:1234567890","test");expect(a).toBe("https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80")}),test("should generate aem assets optimized url with crop",()=>{const t=o("https://example.com/adobe/assets/urn:aaid:aem:1234567890","test",{quality:80,format:"webp",crop:{xOrigin:0,yOrigin:0}});expect(t).toBe("https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&crop=0p%2C0p%2C100p%2C100p")}),test("should generate aem assets optimized url with size",()=>{const t=o("https://example.com/adobe/assets/urn:aaid:aem:1234567890","test",{quality:80,format:"webp",size:{width:100,height:100}});expect(t).toBe("https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&size=100%2C100")}),test("should generate aem assets optimized url with width and height",()=>{const t=o("https://example.com/adobe/assets/urn:aaid:aem:1234567890","test",{quality:80,format:"webp",width:100,height:100});expect(t).toBe("https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&width=100&height=100")}),test("should try generate aem assets optimized url",()=>{const t=i("https://example.com/adobe/assets/urn:aaid:aem:1234567890","test",{quality:80,format:"webp",width:100,height:100});expect(t).toBe("https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&width=100&height=100")}),test("should try generate aem assets optimized url with default params",()=>{const a=i("https://example.com/adobe/assets/urn:aaid:aem:1234567890","test");expect(a).toBe("https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80")}),test("should try generate aem assets optimized url with crop",()=>{const t=i("https://example.com/adobe/assets/urn:aaid:aem:1234567890","test",{quality:80,format:"webp",crop:{xOrigin:0,yOrigin:0,width:100,height:100}});expect(t).toBe("https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&crop=0p%2C0p%2C100p%2C100p")}),test("should return original url if aem assets is disabled",()=>{r.mockReturnValueOnce(!1);const e="https://example.com/adobe/assets/urn:aaid:aem:1234567890",t=i(e,"test",{quality:80,format:"webp"});expect(t).toBe(e)}),test("should return original url if url is not aem assets url",()=>{const e="https://example.com/image.jpg",t=i(e,"test",{quality:80,format:"webp"});expect(t).toBe(e)}),test("should make aem assets image slot",()=>{const e=c({alias:"test",params:{},imageProps:{src:"https://example.com/adobe/assets/urn:aaid:aem:1234567890"}}),s=document.createElement("div");e({replaceWith:a=>{s.appendChild(a)}})}),test("should try render aem assets image",()=>{const e=document.createElement("div");p({replaceWith:t=>{e.appendChild(t)}},{alias:"test",params:{},imageProps:{src:"https://example.com/adobe/assets/urn:aaid:aem:1234567890"}})}),test("should render default image if aem assets is disabled",()=>{r.mockReturnValueOnce(!1);const e=document.createElement("div");p({replaceWith:t=>{e.appendChild(t)}},{alias:"test",params:{},imageProps:{src:"https://example.com/adobe/assets/urn:aaid:aem:1234567890"}})}),test("should render default image if url is not aem assets url",()=>{const e=document.createElement("div");p({replaceWith:t=>{e.appendChild(t)}},{alias:"test",params:{},imageProps:{src:"https://example.com/image.jpg"}})})});
-//# sourceMappingURL=assets.test.js.map

package/lib/aem/assets.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"assets.test.js","sources":["/@dropins/tools/src/lib/aem/assets.test.ts"],"sourcesContent":["import {\n  isAemAssetsEnabled,\n  getDefaultAemAssetsOptimizationParams,\n  isAemAssetsUrl,\n  generateAemAssetsOptimizedUrl,\n  tryGenerateAemAssetsOptimizedUrl,\n  makeAemAssetsImageSlot,\n  tryRenderAemAssetsImage,\n} from './assets';\n\nimport { getConfigValue } from './configs';\n\n// Mock the config\njest.mock('./configs', () => ({\n  getConfigValue: jest.fn().mockImplementation((key: string) => {\n    if (key === 'commerce-assets-enabled') {\n      return true;\n    }\n    return undefined;\n  }),\n}));\n\n// Mock window.location\nObject.defineProperty(window, 'location', {\nvalue: {\n    pathname: '/',\n    origin: 'https://example.com',\n    protocol: 'https:',\n},\n});\n\ndescribe('AEM Assets', () => {\n  beforeEach(() => {\n    jest.clearAllMocks();\n  });\n\n  test('should be enabled', () => {\n    expect(isAemAssetsEnabled()).toBe(true);\n\n    (getConfigValue as jest.Mock).mockReturnValueOnce('true');\n    expect(isAemAssetsEnabled()).toBe(true);\n  });\n\n  test('should be disabled', () => {\n    (getConfigValue as jest.Mock).mockReturnValueOnce(false);\n    expect(isAemAssetsEnabled()).toBe(false);\n  });\n\n  test('should return default optimization params', () => {\n    const params = getDefaultAemAssetsOptimizationParams();\n    expect(params).toEqual({\n      quality: 80,\n      format: 'webp',\n    });\n  });\n\n  test('should return true if url is aem assets url', () => {\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    expect(isAemAssetsUrl(url)).toBe(true);\n  });\n\n  test('should return false if url is not aem assets url', () => {\n    const url = 'https://example.com/image.jpg';\n    expect(isAemAssetsUrl(url)).toBe(false);\n  });\n\n  test('should return true if url is aem assets url with protocol relative path', () => {\n    const url = '//example.com/adobe/assets/urn:aaid:aem:1234567890';\n    expect(isAemAssetsUrl(url)).toBe(true);\n  });\n\n  test('should generate aem assets optimized url', () => {\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    const alias = 'test';\n    const params = {\n      quality: 80,\n      format: 'webp',\n    };\n    const optimizedUrl = generateAemAssetsOptimizedUrl(url, alias, params);\n    expect(optimizedUrl).toBe('https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80');\n  });\n\n  test('should generate aem assets optimized url with default params', () => {\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    const alias = 'test';\n    const optimizedUrl = generateAemAssetsOptimizedUrl(url, alias);\n    expect(optimizedUrl).toBe('https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80');\n  });\n\n  test('should generate aem assets optimized url with crop', () => {\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    const alias = 'test';\n    const params = {\n      quality: 80,\n      format: 'webp',\n      crop: {\n        xOrigin: 0,\n        yOrigin: 0,\n      },\n    };\n    const optimizedUrl = generateAemAssetsOptimizedUrl(url, alias, params);\n    expect(optimizedUrl).toBe('https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&crop=0p%2C0p%2C100p%2C100p');\n  });\n\n  test('should generate aem assets optimized url with size', () => {\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    const alias = 'test';\n    const params = {\n      quality: 80,\n      format: 'webp',\n      size: {\n        width: 100,\n        height: 100,\n      },\n    };\n    const optimizedUrl = generateAemAssetsOptimizedUrl(url, alias, params);\n    expect(optimizedUrl).toBe('https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&size=100%2C100');\n  });\n\n  test('should generate aem assets optimized url with width and height', () => {\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    const alias = 'test';\n    const params = {\n      quality: 80,\n      format: 'webp',\n      width: 100,\n      height: 100,\n    };\n    const optimizedUrl = generateAemAssetsOptimizedUrl(url, alias, params);\n    expect(optimizedUrl).toBe('https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&width=100&height=100');\n  });\n\n  test('should try generate aem assets optimized url', () => {\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    const alias = 'test';\n    const params = {\n      quality: 80,\n      format: 'webp',\n      width: 100,\n      height: 100,\n    };\n    const optimizedUrl = tryGenerateAemAssetsOptimizedUrl(url, alias, params);\n    expect(optimizedUrl).toBe('https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&width=100&height=100');\n  });\n\n  test('should try generate aem assets optimized url with default params', () => {\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    const alias = 'test';\n    const optimizedUrl = tryGenerateAemAssetsOptimizedUrl(url, alias);\n    expect(optimizedUrl).toBe('https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80');\n  });\n\n  test('should try generate aem assets optimized url with crop', () => {\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    const alias = 'test';\n    const params = {\n      quality: 80,\n      format: 'webp',\n      crop: {\n        xOrigin: 0,\n        yOrigin: 0,\n        width: 100,\n        height: 100,\n      },\n    };\n    const optimizedUrl = tryGenerateAemAssetsOptimizedUrl(url, alias, params);\n    expect(optimizedUrl).toBe('https://example.com/adobe/assets/urn:aaid:aem:1234567890/as/test.webp?quality=80&crop=0p%2C0p%2C100p%2C100p');\n  }); \n\n  test('should return original url if aem assets is disabled', () => {\n    (getConfigValue as jest.Mock).mockReturnValueOnce(false);\n    const url = 'https://example.com/adobe/assets/urn:aaid:aem:1234567890';\n    const alias = 'test';\n    const params = {\n      quality: 80,\n      format: 'webp',\n    };\n    const optimizedUrl = tryGenerateAemAssetsOptimizedUrl(url, alias, params); \n    expect(optimizedUrl).toBe(url);\n  });\n\n  test('should return original url if url is not aem assets url', () => {\n    const url = 'https://example.com/image.jpg';\n    const alias = 'test';\n    const params = {\n      quality: 80,\n      format: 'webp',\n    };\n    const optimizedUrl = tryGenerateAemAssetsOptimizedUrl(url, alias, params);\n    expect(optimizedUrl).toBe(url);\n  });\n\n  test('should make aem assets image slot', () => {\n    const slot = makeAemAssetsImageSlot({\n      alias: 'test',\n      params: {},\n      imageProps: {\n        src: 'https://example.com/adobe/assets/urn:aaid:aem:1234567890',\n      },\n    });\n    const container = document.createElement('div');\n    slot({ replaceWith: (element: HTMLElement) => {\n      container.appendChild(element);\n    } });\n  });\n\n  test('should try render aem assets image', () => {\n    const container = document.createElement('div');\n    const ctx = {\n      replaceWith: (element: HTMLElement) => {\n        container.appendChild(element);\n      },\n    };\n    const config = {\n      alias: 'test',\n      params: {},\n      imageProps: {\n        src: 'https://example.com/adobe/assets/urn:aaid:aem:1234567890',\n      },\n    };\n    tryRenderAemAssetsImage(ctx, config);\n  });\n\n  test('should render default image if aem assets is disabled', () => {\n    (getConfigValue as jest.Mock).mockReturnValueOnce(false);\n    const container = document.createElement('div');\n    const ctx = {\n      replaceWith: (element: HTMLElement) => {\n        container.appendChild(element);\n      },\n    };\n    const config = {\n      alias: 'test',\n      params: {},\n      imageProps: {\n        src: 'https://example.com/adobe/assets/urn:aaid:aem:1234567890',\n      },\n    };\n    tryRenderAemAssetsImage(ctx, config);\n  });\n\n  test('should render default image if url is not aem assets url', () => {\n    const container = document.createElement('div');\n    const ctx = {\n      replaceWith: (element: HTMLElement) => {\n        container.appendChild(element);\n      },\n    };\n    const config = {\n      alias: 'test',\n      params: {},\n      imageProps: {\n        src: 'https://example.com/image.jpg',\n      },\n    };\n    tryRenderAemAssetsImage(ctx, config);\n  });\n});"],"names":["key","isAemAssetsEnabled","getConfigValue","params","getDefaultAemAssetsOptimizationParams","isAemAssetsUrl","optimizedUrl","generateAemAssetsOptimizedUrl","tryGenerateAemAssetsOptimizedUrl","url","slot","makeAemAssetsImageSlot","container","element","tryRenderAemAssetsImage"],"mappings":"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"}

package/lib/aem/configs.test.d.ts

@@ -1 +0,0 @@
-export * from '../../types/elsie/src/lib/aem/configs.test'

package/lib/aem/configs.test.js

@@ -1,4 +0,0 @@
-/*! Copyright 2025 Adobe
-All Rights Reserved. */
-import{initializeConfig as o,getConfigValue as s,getRootPath as n,getListOfRootPaths as c,isMultistore as u,getHeaders as a,resetConfig as f}from"./configs.js";import"../../chunks/cjs.js";import"../../chunks/get-path-value.js";describe("AEM Config",()=>{const t={public:{default:{headers:{all:{"x-test":"test"},commerce:{"x-commerce":"commerce"}}}}};beforeEach(()=>{i("/"),f()}),afterEach(()=>{jest.clearAllMocks(),jest.restoreAllMocks()}),test("should initialize config (default)",()=>{const e={public:{default:{foo:"bar"}}},l=o(e);expect(l).toEqual(e.public.default)}),test("should initialize config with default config if root path is not found",()=>{i("/not-found/");const e=o(t);expect(e).toEqual(t.public.default)}),test("should initialize config with default config if root path is empty",()=>{i("/sub-path/");const e=o({...t,public:{...t.public,"/sub-path/":{}}});expect(e).toEqual(t.public.default)}),test("should initialize config with overrides if root path is not empty",()=>{i("/sub-path/");const e=o({...t,public:{...t.public,"/sub-path/":{headers:{all:{"x-test":"test2"}}}}});expect(e).toEqual({headers:{all:{"x-test":"test2"},commerce:{"x-commerce":"commerce"}}})}),test("should throw error if no config is initialized",async()=>{expect(()=>s("foo")).toThrow("Configuration not initialized. Call initializeConfig() first.")}),test("should get config value",async()=>{o({public:{default:{foo:"bar"}}}),expect(s("foo")).toBe("bar")}),test("should get config value from root path",()=>{i("/sub-path/"),o({...t,public:{...t.public,"/sub-path/":{foo:"baz",nested:{foo:"nested"}}}}),expect(s("headers.all.x-test")).toBe("test"),expect(s("foo")).toBe("baz"),expect(s("nested.foo")).toBe("nested")}),test("should warn if value is not found",async()=>{const e=jest.spyOn(console,"warn").mockImplementation(()=>{});o(t),s("foo.bar"),expect(e).toHaveBeenCalledWith("Property foo.bar does not exist in the object")}),test("should warn if the root path has no config",async()=>{const e=jest.spyOn(console,"warn").mockImplementation(()=>{}),l=n(null);expect(l).toBe("/"),expect(e).toHaveBeenCalledWith("No config found. Please call initializeConfig() first.")}),test("should warn if the root path is not found",async()=>{i("/no-found/");const e=n({public:{default:{}}});expect(e).toBe("/")}),test("should get default root path",async()=>{i("/path/"),o(t),expect(n()).toBe("/")}),test("should get root path from public config",async()=>{i("/test/"),o({...t,public:{...t.public,"/test/":{}}}),expect(n()).toBe("/test/")}),test("should get list of root paths",async()=>{o({...t,public:{...t.public,"/test/":{},"/test2/":{}}}),expect(c()).toEqual(["/test/","/test2/"])}),test("should warn if list of root paths has no config",async()=>{const e=jest.spyOn(console,"warn").mockImplementation(()=>{}),l=c();expect(e).toHaveBeenCalledWith("No config found. Please call initializeConfig() first."),expect(l).toEqual([])}),test("should check if multistore",async()=>{o(t),expect(u()).toBe(!1),o({...t,public:{...t.public,"/test/":{}}}),expect(u()).toBe(!0)}),test("should throw error if headers are not initialized",async()=>{expect(()=>a("all")).toThrow("Configuration not initialized. Call initializeConfig() first.")}),test("should get headers",async()=>{o(t),expect(a("all")).toEqual(t.public.default.headers.all),expect(a("commerce")).toEqual({...t.public.default.headers.all,...t.public.default.headers.commerce})}),test('should get "all" headers if no config is found',async()=>{o(t),expect(a("not-found")).toEqual({...t.public.default.headers.all})}),test("should get empty headers if no config is found",async()=>{o({public:{default:{}}}),expect(a("not-found")).toEqual({})})});function i(t){Object.defineProperty(window,"location",{value:{pathname:t,origin:"http://localhost"}})}
-//# sourceMappingURL=configs.test.js.map

package/lib/aem/configs.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"configs.test.js","sources":["/@dropins/tools/src/lib/aem/configs.test.ts"],"sourcesContent":["import {\n  resetConfig,\n  getRootPath,\n  getListOfRootPaths,\n  isMultistore,\n  getConfigValue,\n  getHeaders,\n  initializeConfig,\n} from './configs';\n\ndescribe('AEM Config', () => {\n  const mockConfig = {\n    public: {\n      default: {\n        headers: {\n          all: {\n            'x-test': 'test',\n          },\n          commerce: {\n            'x-commerce': 'commerce',\n          },\n        },\n      },\n    },\n  };\n\n  beforeEach(() => {\n    mockLocation('/');\n    resetConfig();\n  });\n\n  afterEach(() => {\n    jest.clearAllMocks();\n    jest.restoreAllMocks();\n  });\n\n  test('should initialize config (default)', () => {\n    const mockConfig = {\n      public: {\n        default: {\n          foo: 'bar',\n        },\n      },\n    };\n\n    const rootConfig = initializeConfig(mockConfig);\n\n    // Test config value retrieval\n    expect(rootConfig).toEqual(mockConfig.public.default);\n  });\n\n  test('should initialize config with default config if root path is not found', () => {\n    mockLocation('/not-found/');\n\n    const rootConfig = initializeConfig(mockConfig);\n\n    // Test config value retrieval\n    expect(rootConfig).toEqual(mockConfig.public.default);\n  });\n\n  test('should initialize config with default config if root path is empty', () => {\n    mockLocation('/sub-path/');\n\n    const rootConfig = initializeConfig({\n      ...mockConfig,\n      public: {\n        ...mockConfig.public,\n        '/sub-path/': {},\n      },\n    });\n\n    // Test config value retrieval\n    expect(rootConfig).toEqual(mockConfig.public.default);\n  });\n\n  test('should initialize config with overrides if root path is not empty', () => {\n    mockLocation('/sub-path/');\n\n    const rootConfig = initializeConfig({\n      ...mockConfig,\n      public: {\n        ...mockConfig.public,\n        '/sub-path/': {\n          headers: {\n            all: {\n              'x-test': 'test2',\n            },\n          },\n        },\n      },\n    });\n\n    // Test config value retrieval\n    expect(rootConfig).toEqual({\n      headers: {\n        all: {\n          'x-test': 'test2',\n        },\n        commerce: {\n          'x-commerce': 'commerce',\n        },\n      },\n    });\n  });\n\n  test('should throw error if no config is initialized', async () => {\n    expect(() => getConfigValue('foo')).toThrow(\n      'Configuration not initialized. Call initializeConfig() first.'\n    );\n  });\n\n  test('should get config value', async () => {\n    initializeConfig({\n      public: {\n        default: {\n          foo: 'bar',\n        },\n      },\n    });\n\n    expect(getConfigValue('foo')).toBe('bar');\n  });\n\n  test('should get config value from root path', () => {\n    mockLocation('/sub-path/');\n\n    initializeConfig({\n      ...mockConfig,\n      public: {\n        ...mockConfig.public,\n        '/sub-path/': {\n          foo: 'baz',\n          nested: {\n            foo: 'nested',\n          },\n        },\n      },\n    });\n\n    expect(getConfigValue('headers.all.x-test')).toBe('test');\n    expect(getConfigValue('foo')).toBe('baz');\n    expect(getConfigValue('nested.foo')).toBe('nested');\n  });\n\n  test('should warn if value is not found', async () => {\n    const consoleSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});\n    initializeConfig(mockConfig);\n\n    getConfigValue('foo.bar');\n\n    expect(consoleSpy).toHaveBeenCalledWith(\n      'Property foo.bar does not exist in the object'\n    );\n  });\n\n  test('should warn if the root path has no config', async () => {\n    const consoleSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});\n\n    const rootPath = getRootPath(null);\n\n    expect(rootPath).toBe('/');\n\n    expect(consoleSpy).toHaveBeenCalledWith(\n      'No config found. Please call initializeConfig() first.'\n    );\n  });\n\n  test('should warn if the root path is not found', async () => {\n    mockLocation('/no-found/');\n\n    const rootPath = getRootPath({\n      public: {\n        default: {},\n      },\n    });\n\n    expect(rootPath).toBe('/');\n  });\n\n  test('should get default root path', async () => {\n    mockLocation('/path/');\n\n    initializeConfig(mockConfig);\n\n    expect(getRootPath()).toBe('/');\n  });\n\n  test('should get root path from public config', async () => {\n    mockLocation('/test/');\n\n    initializeConfig({\n      ...mockConfig,\n      public: {\n        ...mockConfig.public,\n        '/test/': {},\n      },\n    });\n\n    expect(getRootPath()).toBe('/test/');\n  });\n\n  test('should get list of root paths', async () => {\n    initializeConfig({\n      ...mockConfig,\n      public: {\n        ...mockConfig.public,\n        '/test/': {},\n        '/test2/': {},\n      },\n    });\n\n    expect(getListOfRootPaths()).toEqual(['/test/', '/test2/']);\n  });\n\n  test('should warn if list of root paths has no config', async () => {\n    const consoleSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});\n\n    const rootPaths = getListOfRootPaths();\n\n    expect(consoleSpy).toHaveBeenCalledWith(\n      'No config found. Please call initializeConfig() first.'\n    );\n\n    expect(rootPaths).toEqual([]);\n  });\n\n  test('should check if multistore', async () => {\n    initializeConfig(mockConfig);\n\n    expect(isMultistore()).toBe(false);\n\n    initializeConfig({\n      ...mockConfig,\n      public: {\n        ...mockConfig.public,\n        '/test/': {},\n      },\n    });\n\n    expect(isMultistore()).toBe(true);\n  });\n\n  test('should throw error if headers are not initialized', async () => {\n    expect(() => getHeaders('all')).toThrow(\n      'Configuration not initialized. Call initializeConfig() first.'\n    );\n  });\n\n  test('should get headers', async () => {\n    initializeConfig(mockConfig);\n\n    // All headers\n    expect(getHeaders('all')).toEqual(mockConfig.public.default.headers.all);\n    expect(getHeaders('commerce')).toEqual({\n      ...mockConfig.public.default.headers.all,\n      ...mockConfig.public.default.headers.commerce,\n    });\n  });\n\n  test('should get \"all\" headers if no config is found', async () => {\n    initializeConfig(mockConfig);\n\n    expect(getHeaders('not-found')).toEqual({\n      ...mockConfig.public.default.headers.all,\n    });\n  });\n\n  test('should get empty headers if no config is found', async () => {\n    initializeConfig({\n      public: {\n        default: {},\n      },\n    });\n\n    expect(getHeaders('not-found')).toEqual({});\n  });\n});\n\nfunction mockLocation(pathname: string) {\n  Object.defineProperty(window, 'location', {\n    value: {\n      pathname,\n      origin: 'http://localhost',\n    },\n  });\n}\n"],"names":["mockConfig","mockLocation","resetConfig","rootConfig","initializeConfig","getConfigValue","consoleSpy","rootPath","getRootPath","getListOfRootPaths","rootPaths","isMultistore","getHeaders","pathname"],"mappings":"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"}