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

package/dist/src/index.js

@@ -866,7 +866,7 @@ var init_scanCssEntryPoints = () => {};
 // src/utils/imageProcessing.ts
 import { existsSync as existsSync4, mkdirSync as mkdirSync2, readFileSync, writeFileSync } from "fs";
 import { join as join2 } from "path";
-var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATION_ENDPOINT = "/_absolute/image", BLUR_SIZE = 8, BLUR_QUALITY = 70, BLUR_DEVIATION = 20, sharpModule = undefined, sharpLoaded = false, sharpWarned = false, snapToSize = (target, sizes) => {
+var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATION_ENDPOINT = "/_absolute/image", BLUR_DEVIATION = 20, sharpModule = undefined, sharpLoaded = false, sharpWarned = false, snapToSize = (target, sizes) => {
   for (const size of sizes) {
     if (size >= target)
       return size;
@@ -893,13 +893,7 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATIO
   if (Buffer.isBuffer(input))
     return input;
   return Buffer.from(input);
-}, buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`, formatToMime = (format) => MIME_MAP[format], generateBlurDataURL = async (buffer) => {
-  const sharp = await tryLoadSharp();
-  if (!sharp)
-    return "";
-  const tiny = await callSharp(sharp, toBuffer(buffer)).resize(BLUR_SIZE, BLUR_SIZE, { fit: "inside" }).webp({ quality: BLUR_QUALITY }).toBuffer();
-  return `data:image/webp;base64,${tiny.toString("base64")}`;
-}, generateBlurSvg = (base64Thumbnail) => {
+}, buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`, formatToMime = (format) => MIME_MAP[format], generateBlurSvg = (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="${BLUR_DEVIATION}"/><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}")`;
@@ -206999,10 +206993,62 @@ var generateHeadElement = ({
   `)}
 </head>`;
 };
-
-// src/utils/index.ts
-init_imageProcessing();
-
+// 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) => ({
@@ -207024,40 +207070,29 @@ var getEnv = (key) => {
 // src/utils/index.ts
 init_registerClientScript();
 export {
-  writeToCache,
-  tryLoadSharp,
   setSsrContextGetter,
   registerClientScript,
-  readFromCache,
   prepare,
   pageRouterPlugin,
-  optimizeImage,
   networking,
-  negotiateFormat,
-  matchRemotePattern,
   jsonLd2 as jsonLd,
   isValidHMRClientMessage,
-  isCacheStale,
   hmrState,
   handleReactPageRequest,
   handleHTMXPageRequest,
   handleHTMLPageRequest,
   getLocalIPAddress,
   getEnv,
-  getCacheKey,
-  getCacheDir,
   getAndClearClientScripts,
-  getAllSizes,
+  getAllSizes2 as getAllSizes,
   getAllNetworkIPs,
-  generateSrcSet,
+  generateSrcSet2 as generateSrcSet,
   generateHeadElement,
   generateClientScriptCode,
-  generateBlurSvg,
-  generateBlurDataURL,
-  formatToMime,
+  generateBlurSvg2 as generateBlurSvg,
   defineConfig,
   clearAllClientScripts,
-  buildOptimizedUrl,
+  buildOptimizedUrl2 as buildOptimizedUrl,
   asset,
   WS_READY_STATE_OPEN,
   WEBSOCKET_NORMAL_CLOSURE,
@@ -207076,7 +207111,7 @@ export {
   RAF_BATCH_COUNT,
   PING_INTERVAL_MS,
   OVERLAY_FADE_DURATION_MS,
-  OPTIMIZATION_ENDPOINT,
+  OPTIMIZATION_ENDPOINT2 as OPTIMIZATION_ENDPOINT,
   MINUTES_IN_AN_HOUR,
   MILLISECONDS_IN_A_SECOND,
   MILLISECONDS_IN_A_MINUTE,
@@ -207093,10 +207128,10 @@ export {
   FILE_PROTOCOL_PREFIX_LENGTH,
   DOM_UPDATE_DELAY_MS,
   DEV_SERVER_RESTART_DEBOUNCE_MS,
-  DEFAULT_QUALITY,
+  DEFAULT_QUALITY2 as DEFAULT_QUALITY,
   DEFAULT_PORT,
-  DEFAULT_IMAGE_SIZES,
-  DEFAULT_DEVICE_SIZES,
+  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,
@@ -207113,5 +207148,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=743B1A649EFE886F64756E2164756E21
+//# debugId=92F98C2AC29B5BF764756E2164756E21
 //# sourceMappingURL=index.js.map