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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,66 @@
1
+ // src/utils/imageClient.ts
2
+ var DEFAULT_DEVICE_SIZES = [
3
+ 640,
4
+ 750,
5
+ 828,
6
+ 1080,
7
+ 1200,
8
+ 1920,
9
+ 2048,
10
+ 3840
11
+ ];
12
+ var DEFAULT_IMAGE_SIZES = [
13
+ 16,
14
+ 32,
15
+ 48,
16
+ 64,
17
+ 96,
18
+ 128,
19
+ 256,
20
+ 384
21
+ ];
22
+ var DEFAULT_QUALITY = 75;
23
+ var OPTIMIZATION_ENDPOINT = "/_absolute/image";
24
+ var buildOptimizedUrl = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
25
+ var getAllSizes = (deviceSizes, imageSizes) => {
26
+ const device = deviceSizes ?? DEFAULT_DEVICE_SIZES;
27
+ const image = imageSizes ?? DEFAULT_IMAGE_SIZES;
28
+ return [...device, ...image].sort((left, right) => left - right);
29
+ };
30
+ var snapToSize = (target, sizes) => {
31
+ for (const size of sizes) {
32
+ if (size >= target)
33
+ return size;
34
+ }
35
+ return sizes[sizes.length - 1] ?? target;
36
+ };
37
+ var generateSrcSet = (src, width, sizes, deviceSizes, imageSizes) => {
38
+ const quality = DEFAULT_QUALITY;
39
+ if (sizes) {
40
+ const allSizes = getAllSizes(deviceSizes, imageSizes);
41
+ return allSizes.map((sizeWidth) => `${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
42
+ }
43
+ if (width) {
44
+ const allSizes = getAllSizes(deviceSizes, imageSizes);
45
+ const w1x = snapToSize(width, allSizes);
46
+ const w2x = snapToSize(width * 2, allSizes);
47
+ return `${buildOptimizedUrl(src, w1x, quality)} 1x, ${buildOptimizedUrl(src, w2x, quality)} 2x`;
48
+ }
49
+ const devSizes = deviceSizes ?? DEFAULT_DEVICE_SIZES;
50
+ return devSizes.map((sizeWidth) => `${buildOptimizedUrl(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
51
+ };
52
+ var generateBlurSvg = (base64Thumbnail) => {
53
+ 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>`;
54
+ const encoded = encodeURIComponent(svg);
55
+ return `url("data:image/svg+xml,${encoded}")`;
56
+ };
57
+ export {
58
+ getAllSizes,
59
+ generateSrcSet,
60
+ generateBlurSvg,
61
+ buildOptimizedUrl,
62
+ OPTIMIZATION_ENDPOINT,
63
+ DEFAULT_QUALITY,
64
+ DEFAULT_IMAGE_SIZES,
65
+ DEFAULT_DEVICE_SIZES
66
+ };
package/dist/src/index.js CHANGED
@@ -206993,62 +206993,6 @@ var generateHeadElement = ({
206993
206993
  `)}
206994
206994
  </head>`;
206995
206995
  };
206996
- // src/utils/imageClient.ts
206997
- var DEFAULT_DEVICE_SIZES2 = [
206998
- 640,
206999
- 750,
207000
- 828,
207001
- 1080,
207002
- 1200,
207003
- 1920,
207004
- 2048,
207005
- 3840
207006
- ];
207007
- var DEFAULT_IMAGE_SIZES2 = [
207008
- 16,
207009
- 32,
207010
- 48,
207011
- 64,
207012
- 96,
207013
- 128,
207014
- 256,
207015
- 384
207016
- ];
207017
- var DEFAULT_QUALITY2 = 75;
207018
- var OPTIMIZATION_ENDPOINT2 = "/_absolute/image";
207019
- var buildOptimizedUrl2 = (src, width, quality, basePath = OPTIMIZATION_ENDPOINT2) => `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${quality}`;
207020
- var getAllSizes2 = (deviceSizes, imageSizes) => {
207021
- const device = deviceSizes ?? DEFAULT_DEVICE_SIZES2;
207022
- const image2 = imageSizes ?? DEFAULT_IMAGE_SIZES2;
207023
- return [...device, ...image2].sort((left, right) => left - right);
207024
- };
207025
- var snapToSize2 = (target, sizes) => {
207026
- for (const size of sizes) {
207027
- if (size >= target)
207028
- return size;
207029
- }
207030
- return sizes[sizes.length - 1] ?? target;
207031
- };
207032
- var generateSrcSet2 = (src, width, sizes, deviceSizes, imageSizes) => {
207033
- const quality = DEFAULT_QUALITY2;
207034
- if (sizes) {
207035
- const allSizes = getAllSizes2(deviceSizes, imageSizes);
207036
- return allSizes.map((sizeWidth) => `${buildOptimizedUrl2(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
207037
- }
207038
- if (width) {
207039
- const allSizes = getAllSizes2(deviceSizes, imageSizes);
207040
- const w1x = snapToSize2(width, allSizes);
207041
- const w2x = snapToSize2(width * 2, allSizes);
207042
- return `${buildOptimizedUrl2(src, w1x, quality)} 1x, ${buildOptimizedUrl2(src, w2x, quality)} 2x`;
207043
- }
207044
- const devSizes = deviceSizes ?? DEFAULT_DEVICE_SIZES2;
207045
- return devSizes.map((sizeWidth) => `${buildOptimizedUrl2(src, sizeWidth, quality)} ${sizeWidth}w`).join(", ");
207046
- };
207047
- var generateBlurSvg2 = (base64Thumbnail) => {
207048
- 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>`;
207049
- const encoded = encodeURIComponent(svg);
207050
- return `url("data:image/svg+xml,${encoded}")`;
207051
- };
207052
206996
  // src/utils/jsonLd.ts
207053
206997
  var jsonLd2 = (schema) => {
207054
206998
  const data = Array.isArray(schema) ? schema.map((s) => ({
@@ -207084,15 +207028,11 @@ export {
207084
207028
  getLocalIPAddress,
207085
207029
  getEnv,
207086
207030
  getAndClearClientScripts,
207087
- getAllSizes2 as getAllSizes,
207088
207031
  getAllNetworkIPs,
207089
- generateSrcSet2 as generateSrcSet,
207090
207032
  generateHeadElement,
207091
207033
  generateClientScriptCode,
207092
- generateBlurSvg2 as generateBlurSvg,
207093
207034
  defineConfig,
207094
207035
  clearAllClientScripts,
207095
- buildOptimizedUrl2 as buildOptimizedUrl,
207096
207036
  asset,
207097
207037
  WS_READY_STATE_OPEN,
207098
207038
  WEBSOCKET_NORMAL_CLOSURE,
@@ -207111,7 +207051,6 @@ export {
207111
207051
  RAF_BATCH_COUNT,
207112
207052
  PING_INTERVAL_MS,
207113
207053
  OVERLAY_FADE_DURATION_MS,
207114
- OPTIMIZATION_ENDPOINT2 as OPTIMIZATION_ENDPOINT,
207115
207054
  MINUTES_IN_AN_HOUR,
207116
207055
  MILLISECONDS_IN_A_SECOND,
207117
207056
  MILLISECONDS_IN_A_MINUTE,
@@ -207128,10 +207067,7 @@ export {
207128
207067
  FILE_PROTOCOL_PREFIX_LENGTH,
207129
207068
  DOM_UPDATE_DELAY_MS,
207130
207069
  DEV_SERVER_RESTART_DEBOUNCE_MS,
207131
- DEFAULT_QUALITY2 as DEFAULT_QUALITY,
207132
207070
  DEFAULT_PORT,
207133
- DEFAULT_IMAGE_SIZES2 as DEFAULT_IMAGE_SIZES,
207134
- DEFAULT_DEVICE_SIZES2 as DEFAULT_DEVICE_SIZES,
207135
207071
  DEFAULT_DEBOUNCE_MS,
207136
207072
  DEFAULT_CHUNK_SIZE,
207137
207073
  CSS_SHEET_READY_TIMEOUT_MS,
@@ -207148,5 +207084,5 @@ export {
207148
207084
  ANGULAR_INIT_TIMEOUT_MS
207149
207085
  };
207150
207086
 
207151
- //# debugId=92F98C2AC29B5BF764756E2164756E21
207087
+ //# debugId=E998A8E80C0F65EC64756E2164756E21
207152
207088
  //# sourceMappingURL=index.js.map