@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=
|
|
207087
|
+
//# debugId=E998A8E80C0F65EC64756E2164756E21
|
|
207152
207088
|
//# sourceMappingURL=index.js.map
|