@absolutejs/absolute 0.19.0-beta.180 → 0.19.0-beta.182

package/dist/src/index.js

@@ -206993,6 +206993,62 @@ var generateHeadElement = ({
   `)}
 </head>`;
 };
+// src/utils/imageClient.ts
+var DEFAULT_DEVICE_SIZES2 = [
+  640,
+  750,
+  828,
+  1080,
+  1200,
+  1920,
+  2048,
+  3840
+];
+var DEFAULT_IMAGE_SIZES2 = [
+  16,
+  32,
+  48,
+  64,
+  96,
+  128,
+  256,
+  384
+];
+var DEFAULT_QUALITY2 = 75;
+var OPTIMIZATION_ENDPOINT2 = "/_absolute/image";
+var buildOptimizedUrl2 = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT2) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
+var getAllSizes2 = (deviceSizes, imageSizes) => {
+  const device = deviceSizes ?? DEFAULT_DEVICE_SIZES2;
+  const image2 = imageSizes ?? DEFAULT_IMAGE_SIZES2;
+  return [...device, ...image2].sort((left, right) => left - right);
+};
+var snapToSize2 = (target, sizes) => {
+  for (const size of sizes) {
+    if (size >= target)
+      return size;
+  }
+  return sizes[sizes.length - 1] ?? target;
+};
+var generateSrcSet2 = (src, width, sizes, deviceSizes, imageSizes) => {
+  const quality = DEFAULT_QUALITY2;
+  if (sizes) {
+    const allSizes = getAllSizes2(deviceSizes, imageSizes);
+    return allSizes.map((sizeWidth) => `${buildOptimizedUrl2(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
+  }
+  if (width) {
+    const allSizes = getAllSizes2(deviceSizes, imageSizes);
+    const w1x = snapToSize2(width, allSizes);
+    const w2x = snapToSize2(width * 2, allSizes);
+    return `${buildOptimizedUrl2(src, w1x, quality)} 1x, ${buildOptimizedUrl2(src, w2x, quality)} 2x`;
+  }
+  const devSizes = deviceSizes ?? DEFAULT_DEVICE_SIZES2;
+  return devSizes.map((sizeWidth) => `${buildOptimizedUrl2(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
+};
+var generateBlurSvg2 = (base64Thumbnail) => {
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320"><filter id="b" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="20"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1"/></filter><image filter="url(#b)" x="0" y="0" width="100%" height="100%" href="${base64Thumbnail}"/></svg>`;
+  const encoded = encodeURIComponent(svg);
+  return `url("data:image/svg+xml,${encoded}")`;
+};
 // src/utils/jsonLd.ts
 var jsonLd2 = (schema) => {
   const data = Array.isArray(schema) ? schema.map((s) => ({
@@ -207028,11 +207084,15 @@ export {
   getLocalIPAddress,
   getEnv,
   getAndClearClientScripts,
+  getAllSizes2 as getAllSizes,
   getAllNetworkIPs,
+  generateSrcSet2 as generateSrcSet,
   generateHeadElement,
   generateClientScriptCode,
+  generateBlurSvg2 as generateBlurSvg,
   defineConfig,
   clearAllClientScripts,
+  buildOptimizedUrl2 as buildOptimizedUrl,
   asset,
   WS_READY_STATE_OPEN,
   WEBSOCKET_NORMAL_CLOSURE,
@@ -207051,6 +207111,7 @@ export {
   RAF_BATCH_COUNT,
   PING_INTERVAL_MS,
   OVERLAY_FADE_DURATION_MS,
+  OPTIMIZATION_ENDPOINT2 as OPTIMIZATION_ENDPOINT,
   MINUTES_IN_AN_HOUR,
   MILLISECONDS_IN_A_SECOND,
   MILLISECONDS_IN_A_MINUTE,
@@ -207067,7 +207128,10 @@ export {
   FILE_PROTOCOL_PREFIX_LENGTH,
   DOM_UPDATE_DELAY_MS,
   DEV_SERVER_RESTART_DEBOUNCE_MS,
+  DEFAULT_QUALITY2 as DEFAULT_QUALITY,
   DEFAULT_PORT,
+  DEFAULT_IMAGE_SIZES2 as DEFAULT_IMAGE_SIZES,
+  DEFAULT_DEVICE_SIZES2 as DEFAULT_DEVICE_SIZES,
   DEFAULT_DEBOUNCE_MS,
   DEFAULT_CHUNK_SIZE,
   CSS_SHEET_READY_TIMEOUT_MS,
@@ -207084,5 +207148,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=E998A8E80C0F65EC64756E2164756E21
+//# debugId=92F98C2AC29B5BF764756E2164756E21
 //# sourceMappingURL=index.js.map