@hkdigital/lib-sveltekit 0.1.6 → 0.1.8
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.
- package/README.md +127 -127
- package/dist/classes/data/IterableTree.js +243 -243
- package/dist/classes/data/Selector.js +190 -190
- package/dist/classes/data/index.js +2 -2
- package/dist/classes/index.js +3 -3
- package/dist/classes/promise/HkPromise.js +377 -377
- package/dist/classes/promise/index.js +1 -1
- package/dist/classes/stores/SubscribersCount.js +107 -107
- package/dist/classes/stores/index.js +1 -1
- package/dist/classes/streams/LogTransformStream.js +19 -19
- package/dist/classes/streams/ServerEventsStore.js +110 -110
- package/dist/classes/streams/TimeStampSource.js +26 -26
- package/dist/classes/streams/index.js +3 -3
- package/dist/classes/svelte/audio/AudioLoader.svelte.js +58 -58
- package/dist/classes/svelte/audio/AudioScene.svelte.js +282 -282
- package/dist/classes/svelte/audio/mocks.js +35 -35
- package/dist/classes/svelte/final-state-machine/FiniteStateMachine.svelte.js +133 -133
- package/dist/classes/svelte/final-state-machine/index.js +1 -1
- package/dist/classes/svelte/image/ImageLoader.svelte.js +47 -47
- package/dist/classes/svelte/image/ImageScene.svelte.js +253 -253
- package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +152 -152
- package/dist/classes/svelte/image/index.js +4 -4
- package/dist/classes/svelte/image/mocks.js +35 -35
- package/dist/classes/svelte/image/typedef.js +8 -8
- package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
- package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
- package/dist/classes/svelte/loading-state-machine/index.js +3 -3
- package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +331 -331
- package/dist/classes/svelte/network-loader/constants.js +3 -3
- package/dist/classes/svelte/network-loader/index.js +3 -3
- package/dist/classes/svelte/network-loader/mocks.js +30 -30
- package/dist/classes/svelte/network-loader/typedef.js +8 -8
- package/dist/components/area/HkArea.svelte +49 -49
- package/dist/components/area/HkArea.svelte.d.ts +14 -0
- package/dist/components/area/HkGridArea.svelte +77 -77
- package/dist/components/area/HkGridArea.svelte.d.ts +22 -0
- package/dist/components/area/index.js +2 -2
- package/dist/components/boxes/game-box/GameBox.svelte +112 -112
- package/dist/components/boxes/game-box/GameBox.svelte.d.ts +15 -0
- package/dist/components/boxes/game-box/gamebox.util.js +83 -83
- package/dist/components/boxes/index.js +2 -2
- package/dist/components/boxes/virtual-viewport/VirtualViewport.svelte +196 -199
- package/dist/components/boxes/virtual-viewport/VirtualViewport.svelte.d.ts +24 -2
- package/dist/components/buttons/button/Button.svelte +76 -75
- package/dist/components/buttons/button/Button.svelte.d.ts +21 -0
- package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -0
- package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte.d.ts +16 -0
- package/dist/components/buttons/button-text/TextButton.svelte +21 -21
- package/dist/components/buttons/button-text/TextButton.svelte.d.ts +7 -0
- package/dist/components/buttons/index.d.ts +1 -0
- package/dist/components/buttons/index.js +3 -2
- package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
- package/dist/components/hkdev/blocks/TextBlock.svelte.d.ts +13 -0
- package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
- package/dist/components/hkdev/buttons/CheckButton.svelte.d.ts +18 -0
- package/dist/components/{icon → icons}/HkIcon.svelte +86 -86
- package/dist/components/icons/HkIcon.svelte.d.ts +22 -0
- package/dist/components/{icon → icons}/HkTabIcon.svelte +116 -116
- package/dist/components/icons/HkTabIcon.svelte.d.ts +40 -0
- package/dist/components/icons/SteezeIcon.svelte +96 -0
- package/dist/components/icons/SteezeIcon.svelte.d.ts +22 -0
- package/dist/components/{icon → icons}/index.d.ts +1 -0
- package/dist/components/{icon → icons}/index.js +6 -4
- package/dist/components/{icon → icons}/typedef.js +16 -16
- package/dist/components/image/ImageBox.svelte +208 -208
- package/dist/components/image/ImageBox.svelte.d.ts +19 -0
- package/dist/components/image/index.js +5 -5
- package/dist/components/image/typedef.js +32 -32
- package/dist/components/index.js +2 -2
- package/dist/components/inputs/index.js +1 -1
- package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
- package/dist/components/inputs/text-input/TextInput.svelte +226 -226
- package/dist/components/inputs/text-input/TextInput.svelte.d.ts +28 -0
- package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
- package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
- package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
- package/dist/components/layout/HkAppLayout.state.svelte.js +25 -25
- package/dist/components/layout/HkAppLayout.svelte +251 -251
- package/dist/components/layout/HkAppLayout.svelte.d.ts +11 -0
- package/dist/components/layout/HkGridLayers.svelte +82 -82
- package/dist/components/layout/HkGridLayers.svelte.d.ts +23 -0
- package/dist/components/layout/index.js +9 -9
- package/dist/components/panels/index.js +1 -1
- package/dist/components/panels/plain-panel/PlainPanel.svelte +33 -33
- package/dist/components/panels/plain-panel/PlainPanel.svelte.d.ts +12 -0
- package/dist/components/rows/index.js +3 -3
- package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
- package/dist/components/rows/panel-grid-row/PanelGridRow.svelte.d.ts +14 -0
- package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
- package/dist/components/rows/panel-row-2/PanelRow2.svelte.d.ts +14 -0
- package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
- package/dist/components/tab-bar/HkTabBar.svelte +74 -74
- package/dist/components/tab-bar/HkTabBar.svelte.d.ts +18 -0
- package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
- package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
- package/dist/components/tab-bar/HkTabBarSelector.svelte.d.ts +19 -0
- package/dist/components/tab-bar/index.js +17 -17
- package/dist/components/tab-bar/typedef.d.ts +1 -1
- package/dist/components/tab-bar/typedef.js +8 -8
- package/dist/components/widgets/compare-left-right/CompareLeftRight.svelte +179 -179
- package/dist/components/widgets/compare-left-right/CompareLeftRight.svelte.d.ts +10 -0
- package/dist/components/widgets/compare-left-right/index.js +1 -1
- package/dist/components/widgets/scale-control/index.js +1 -1
- package/dist/config/imagetools-config.js +189 -189
- package/dist/config/imagetools.d.ts +71 -71
- package/dist/config/typedef.js +8 -8
- package/dist/constants/errors/api.js +9 -9
- package/dist/constants/errors/generic.js +5 -5
- package/dist/constants/errors/index.js +3 -3
- package/dist/constants/errors/jwt.js +5 -5
- package/dist/constants/http/headers.js +6 -6
- package/dist/constants/http/index.js +2 -2
- package/dist/constants/http/methods.js +2 -2
- package/dist/constants/index.js +3 -3
- package/dist/constants/mime/application.js +5 -5
- package/dist/constants/mime/audio.js +13 -13
- package/dist/constants/mime/image.js +3 -3
- package/dist/constants/mime/index.js +4 -4
- package/dist/constants/mime/text.js +2 -2
- package/dist/constants/regexp/index.js +31 -31
- package/dist/constants/regexp/inspiratie.js__ +95 -95
- package/dist/constants/regexp/text.js +49 -49
- package/dist/constants/regexp/user.js +32 -32
- package/dist/constants/regexp/web.js +3 -3
- package/dist/constants/state-labels/input-states.js +11 -11
- package/dist/constants/state-labels/submit-states.js +4 -4
- package/dist/constants/time.js +28 -28
- package/dist/css/tw-prose.postcss__ +259 -259
- package/dist/css/utilities.postcss +43 -43
- package/dist/design/design-config.d.ts +7 -6
- package/dist/design/design-config.js +73 -73
- package/dist/design/tailwind-theme-extend.d.ts +4 -4
- package/dist/design/tailwind-theme-extend.js +158 -151
- package/dist/schemas/index.js +1 -1
- package/dist/schemas/validate-url.js +180 -180
- package/dist/server/index.js +1 -1
- package/dist/server/logger.js +94 -94
- package/dist/states/index.js +1 -1
- package/dist/states/navigation.svelte.js +55 -55
- package/dist/stores/index.js +1 -1
- package/dist/stores/theme.js +80 -80
- package/dist/themes/hkdev/components/blocks/text-block.postcss +41 -41
- package/dist/themes/hkdev/components/boxes/game-box.postcss +13 -13
- package/dist/themes/hkdev/components/buttons/button-icon-steeze.postcss +22 -0
- package/dist/themes/hkdev/components/buttons/button-text.postcss +34 -34
- package/dist/themes/hkdev/components/buttons/button.postcss +138 -138
- package/dist/themes/hkdev/components/buttons/button.postcss__ +40 -0
- package/dist/themes/hkdev/components/buttons/button.postcss___ +91 -0
- package/dist/themes/hkdev/components/buttons/skip-button.postcss +8 -8
- package/dist/themes/hkdev/components/icons/icon-steeze.postcss +22 -0
- package/dist/themes/hkdev/components/inputs/text-input.postcss +108 -108
- package/dist/themes/hkdev/components/panels/plain-panel.postcss +46 -46
- package/dist/themes/hkdev/components/panels/speech-bubble.postcss +52 -52
- package/dist/themes/hkdev/components/rows/panel-grid-row.postcss +7 -7
- package/dist/themes/hkdev/components/rows/panel-row-2.postcss +9 -9
- package/dist/themes/hkdev/components.postcss +61 -55
- package/dist/themes/hkdev/debug.postcss +1 -1
- package/dist/themes/hkdev/global/layout.postcss +39 -39
- package/dist/themes/hkdev/global/on-colors.postcss +53 -53
- package/dist/themes/hkdev/global/text.postcss__ +34 -34
- package/dist/themes/hkdev/global/vars.postcss__ +7 -7
- package/dist/themes/hkdev/globals.postcss +11 -11
- package/dist/themes/hkdev/responsive.postcss +12 -12
- package/dist/themes/hkdev/theme-ext.js +15 -15
- package/dist/themes/hkdev/theme.js +227 -227
- package/dist/themes/index.js +1 -1
- package/dist/util/array/index.js +455 -455
- package/dist/util/compare/index.js +247 -247
- package/dist/util/css/css-vars.js +83 -83
- package/dist/util/css/index.js +1 -1
- package/dist/util/design-system/components/states.js +22 -22
- package/dist/util/design-system/css/clamp.d.ts +2 -2
- package/dist/util/design-system/css/clamp.js +66 -66
- package/dist/util/design-system/css/root-design-vars.d.ts +4 -4
- package/dist/util/design-system/css/root-design-vars.js +100 -100
- package/dist/util/design-system/index.js +5 -5
- package/dist/util/design-system/layout/scaling.d.ts +4 -4
- package/dist/util/design-system/layout/scaling.js +97 -97
- package/dist/util/design-system/tailwind.d.ts +20 -20
- package/dist/util/design-system/tailwind.js +289 -289
- package/dist/util/expect/arrays.js +47 -47
- package/dist/util/expect/index.js +259 -259
- package/dist/util/expect/primitives.js +55 -55
- package/dist/util/expect/url.js +60 -60
- package/dist/util/function/index.js +218 -218
- package/dist/util/http/errors.js +97 -97
- package/dist/util/http/headers.js +45 -45
- package/dist/util/http/http-request.js +273 -273
- package/dist/util/http/index.js +22 -22
- package/dist/util/http/json-request.js +143 -143
- package/dist/util/http/mocks.js +65 -65
- package/dist/util/http/response.js +228 -228
- package/dist/util/http/url.js +52 -52
- package/dist/util/image/index.js +86 -86
- package/dist/util/index.js +2 -2
- package/dist/util/is/index.js +140 -140
- package/dist/util/iterate/index.js +234 -234
- package/dist/util/object/index.js +1361 -1361
- package/dist/util/singleton/index.js +97 -97
- package/dist/util/string/index.js +184 -184
- package/dist/util/svelte/index.js +2 -2
- package/dist/util/svelte/observe/index.js +49 -49
- package/dist/util/svelte/state-context/index.js +83 -83
- package/dist/util/svelte/wait/index.js +38 -38
- package/dist/util/sveltekit/index.js +1 -1
- package/dist/util/sveltekit/route-folders/index.js +82 -82
- package/dist/util/time/index.js +339 -339
- package/dist/valibot/date.js__ +10 -10
- package/dist/valibot/index.js +9 -9
- package/dist/valibot/url.js +95 -95
- package/dist/valibot/user.js +23 -23
- package/dist/zod/all.js +33 -33
- package/dist/zod/generic.js +11 -11
- package/dist/zod/javascript.js +32 -32
- package/dist/zod/user.js +16 -16
- package/dist/zod/web.js +52 -52
- package/package.json +99 -99
- package/dist/components/icon/HkIcon.svelte.d.ts +0 -10
- package/dist/components/icon/HkTabIcon.svelte.d.ts +0 -19
- /package/dist/components/{icon → icons}/typedef.d.ts +0 -0
@@ -1,189 +1,189 @@
|
|
1
|
-
const DEFAULT_WIDTHS = [640, 1024, 1536, 1920];
|
2
|
-
|
3
|
-
const DEFAULT_PRESETS = {
|
4
|
-
default: {
|
5
|
-
format: 'avif',
|
6
|
-
quality: '90'
|
7
|
-
},
|
8
|
-
render: {
|
9
|
-
format: 'jpg',
|
10
|
-
quality: '95',
|
11
|
-
as: 'metadata'
|
12
|
-
},
|
13
|
-
photo: {
|
14
|
-
format: 'jpg',
|
15
|
-
quality: '95',
|
16
|
-
as: 'metadata'
|
17
|
-
},
|
18
|
-
gradient: {
|
19
|
-
format: 'jpg',
|
20
|
-
quality: '95',
|
21
|
-
as: 'metadata'
|
22
|
-
},
|
23
|
-
drawing: {
|
24
|
-
format: 'avif',
|
25
|
-
quality: '90',
|
26
|
-
as: 'metadata'
|
27
|
-
},
|
28
|
-
savedata: {
|
29
|
-
format: 'avif',
|
30
|
-
quality: '85',
|
31
|
-
as: 'metadata'
|
32
|
-
},
|
33
|
-
blur: {
|
34
|
-
format: 'avif',
|
35
|
-
quality: '50',
|
36
|
-
blur: '75',
|
37
|
-
as: 'metadata'
|
38
|
-
}
|
39
|
-
};
|
40
|
-
|
41
|
-
/**
|
42
|
-
* Configures and returns a function that can be used as
|
43
|
-
* 'resolveConfigs' parameter in imagetools config
|
44
|
-
*
|
45
|
-
* @param {object} [options]
|
46
|
-
* @param {number[]} [options.widths=DEFAULT_WIDTHS]
|
47
|
-
*
|
48
|
-
* @returns {(
|
49
|
-
* entries: [string, string[]][]
|
50
|
-
* ) => (Record<string, string | string[]>[])}
|
51
|
-
*/
|
52
|
-
export function generateResponseConfigs(options) {
|
53
|
-
//
|
54
|
-
// @see https://github.com/JonasKruckenberg/imagetools
|
55
|
-
// /blob/main/docs/core/src/functions/resolveConfigs.md
|
56
|
-
//
|
57
|
-
return function resolveConfigs(entries /*, outputFormats*/) {
|
58
|
-
// console.log('resolveConfigs:entries', entries);
|
59
|
-
|
60
|
-
/** @type {Record<string, string | string[]>} */
|
61
|
-
const configPairs = {};
|
62
|
-
|
63
|
-
for (const current of entries) {
|
64
|
-
const key = current[0];
|
65
|
-
const value = current[1][0];
|
66
|
-
|
67
|
-
// @ts-ignore
|
68
|
-
configPairs[key] = value;
|
69
|
-
}
|
70
|
-
|
71
|
-
// @ts-ignore
|
72
|
-
const responsiveConfig = entries.find(([key]) => key === 'responsive');
|
73
|
-
|
74
|
-
if (!responsiveConfig) {
|
75
|
-
// Directive 'responsive' was not set => return original config
|
76
|
-
|
77
|
-
return [configPairs];
|
78
|
-
|
79
|
-
// Alternative: by returning undefined, the default resolveConfig is used
|
80
|
-
// return undefined;
|
81
|
-
}
|
82
|
-
|
83
|
-
const widths = options?.widths ?? DEFAULT_WIDTHS;
|
84
|
-
|
85
|
-
return widths.map((w) => {
|
86
|
-
return { ...configPairs, w: String(w) };
|
87
|
-
});
|
88
|
-
};
|
89
|
-
}
|
90
|
-
|
91
|
-
/**
|
92
|
-
* Configures and returns a function that can be used as
|
93
|
-
* 'defaultDirectives' parameter in imagetools config
|
94
|
-
*
|
95
|
-
* - This function runs before 'resolveConfigs'
|
96
|
-
*
|
97
|
-
* @param {object} [options]
|
98
|
-
* @param {number[]} [options.presets=DEFAULT_PRESETS]
|
99
|
-
*/
|
100
|
-
export function generateDefaultDirectives(options) {
|
101
|
-
/**
|
102
|
-
* Function that sets a.o. format and quality directives if
|
103
|
-
* the 'preset' driective is set
|
104
|
-
*
|
105
|
-
* @param {URL} url
|
106
|
-
*/
|
107
|
-
return function defaultDirectives(url) {
|
108
|
-
// Check the directive in the URL to determine which preset to use
|
109
|
-
const params = url.searchParams;
|
110
|
-
|
111
|
-
let presetName = params.get('preset');
|
112
|
-
|
113
|
-
// > Return metadata if directive 'responsive' is set
|
114
|
-
|
115
|
-
if (params.has('responsive')) {
|
116
|
-
params.set('as', 'metadata');
|
117
|
-
}
|
118
|
-
|
119
|
-
// > Process presets
|
120
|
-
|
121
|
-
if (presetName) {
|
122
|
-
params.delete('preset');
|
123
|
-
} else {
|
124
|
-
presetName = 'default';
|
125
|
-
}
|
126
|
-
|
127
|
-
const presets = options?.presets || DEFAULT_PRESETS;
|
128
|
-
|
129
|
-
// @ts-ignore
|
130
|
-
let preset = presets[presetName];
|
131
|
-
|
132
|
-
// console.log(`defaultDirectives [url=${url}]`, preset);
|
133
|
-
|
134
|
-
if (!preset) {
|
135
|
-
preset = DEFAULT_PRESETS.default;
|
136
|
-
}
|
137
|
-
|
138
|
-
for (const key in preset) {
|
139
|
-
params.set(key, preset[key]);
|
140
|
-
}
|
141
|
-
|
142
|
-
// TODO: process directive 'w''
|
143
|
-
// - generate only allowed widths
|
144
|
-
// - support width presets such as 'hd'
|
145
|
-
|
146
|
-
// let width = params.get('w');
|
147
|
-
|
148
|
-
// if (!width) {
|
149
|
-
// // Set max allowed width by default
|
150
|
-
// // width = 'hd';
|
151
|
-
// }
|
152
|
-
|
153
|
-
// let presets = {
|
154
|
-
// sm: '640',
|
155
|
-
// md: '1024',
|
156
|
-
// lg: '1536',
|
157
|
-
// hd: '1920'
|
158
|
-
// };
|
159
|
-
|
160
|
-
// // @ts-ignore
|
161
|
-
// let presetWidth = presets[width];
|
162
|
-
// console.log({ width, presetWidth });
|
163
|
-
|
164
|
-
// if (presetWidth) {
|
165
|
-
// params.set('w', presetWidth);
|
166
|
-
// } else if (responsive || width === null) {
|
167
|
-
// params.set('as', 'metadata');
|
168
|
-
// params.delete('w');
|
169
|
-
// // } else if (width === null) {
|
170
|
-
// // // Set largest size is width parameter is missing
|
171
|
-
// // params.set('w', presets.hd);
|
172
|
-
// } else {
|
173
|
-
// throw new Error(
|
174
|
-
// `Directive [w=${width}] is should be a preset value {sm,md,lg,hd,responsive}`
|
175
|
-
// );
|
176
|
-
|
177
|
-
// // let allowedWidths = new Set(['640', '1024', '1536', '1920']);
|
178
|
-
// // if (!allowedWidths.has(width)) {
|
179
|
-
// // throw new Error(`Width [${width}] is not in list of allowed widths`);
|
180
|
-
// // }
|
181
|
-
// }
|
182
|
-
|
183
|
-
// params.set('withoutEnlargement', 'true');
|
184
|
-
|
185
|
-
// console.log('defaultDirectives:output params', params);
|
186
|
-
|
187
|
-
return params;
|
188
|
-
};
|
189
|
-
}
|
1
|
+
const DEFAULT_WIDTHS = [640, 1024, 1536, 1920];
|
2
|
+
|
3
|
+
const DEFAULT_PRESETS = {
|
4
|
+
default: {
|
5
|
+
format: 'avif',
|
6
|
+
quality: '90'
|
7
|
+
},
|
8
|
+
render: {
|
9
|
+
format: 'jpg',
|
10
|
+
quality: '95',
|
11
|
+
as: 'metadata'
|
12
|
+
},
|
13
|
+
photo: {
|
14
|
+
format: 'jpg',
|
15
|
+
quality: '95',
|
16
|
+
as: 'metadata'
|
17
|
+
},
|
18
|
+
gradient: {
|
19
|
+
format: 'jpg',
|
20
|
+
quality: '95',
|
21
|
+
as: 'metadata'
|
22
|
+
},
|
23
|
+
drawing: {
|
24
|
+
format: 'avif',
|
25
|
+
quality: '90',
|
26
|
+
as: 'metadata'
|
27
|
+
},
|
28
|
+
savedata: {
|
29
|
+
format: 'avif',
|
30
|
+
quality: '85',
|
31
|
+
as: 'metadata'
|
32
|
+
},
|
33
|
+
blur: {
|
34
|
+
format: 'avif',
|
35
|
+
quality: '50',
|
36
|
+
blur: '75',
|
37
|
+
as: 'metadata'
|
38
|
+
}
|
39
|
+
};
|
40
|
+
|
41
|
+
/**
|
42
|
+
* Configures and returns a function that can be used as
|
43
|
+
* 'resolveConfigs' parameter in imagetools config
|
44
|
+
*
|
45
|
+
* @param {object} [options]
|
46
|
+
* @param {number[]} [options.widths=DEFAULT_WIDTHS]
|
47
|
+
*
|
48
|
+
* @returns {(
|
49
|
+
* entries: [string, string[]][]
|
50
|
+
* ) => (Record<string, string | string[]>[])}
|
51
|
+
*/
|
52
|
+
export function generateResponseConfigs(options) {
|
53
|
+
//
|
54
|
+
// @see https://github.com/JonasKruckenberg/imagetools
|
55
|
+
// /blob/main/docs/core/src/functions/resolveConfigs.md
|
56
|
+
//
|
57
|
+
return function resolveConfigs(entries /*, outputFormats*/) {
|
58
|
+
// console.log('resolveConfigs:entries', entries);
|
59
|
+
|
60
|
+
/** @type {Record<string, string | string[]>} */
|
61
|
+
const configPairs = {};
|
62
|
+
|
63
|
+
for (const current of entries) {
|
64
|
+
const key = current[0];
|
65
|
+
const value = current[1][0];
|
66
|
+
|
67
|
+
// @ts-ignore
|
68
|
+
configPairs[key] = value;
|
69
|
+
}
|
70
|
+
|
71
|
+
// @ts-ignore
|
72
|
+
const responsiveConfig = entries.find(([key]) => key === 'responsive');
|
73
|
+
|
74
|
+
if (!responsiveConfig) {
|
75
|
+
// Directive 'responsive' was not set => return original config
|
76
|
+
|
77
|
+
return [configPairs];
|
78
|
+
|
79
|
+
// Alternative: by returning undefined, the default resolveConfig is used
|
80
|
+
// return undefined;
|
81
|
+
}
|
82
|
+
|
83
|
+
const widths = options?.widths ?? DEFAULT_WIDTHS;
|
84
|
+
|
85
|
+
return widths.map((w) => {
|
86
|
+
return { ...configPairs, w: String(w) };
|
87
|
+
});
|
88
|
+
};
|
89
|
+
}
|
90
|
+
|
91
|
+
/**
|
92
|
+
* Configures and returns a function that can be used as
|
93
|
+
* 'defaultDirectives' parameter in imagetools config
|
94
|
+
*
|
95
|
+
* - This function runs before 'resolveConfigs'
|
96
|
+
*
|
97
|
+
* @param {object} [options]
|
98
|
+
* @param {number[]} [options.presets=DEFAULT_PRESETS]
|
99
|
+
*/
|
100
|
+
export function generateDefaultDirectives(options) {
|
101
|
+
/**
|
102
|
+
* Function that sets a.o. format and quality directives if
|
103
|
+
* the 'preset' driective is set
|
104
|
+
*
|
105
|
+
* @param {URL} url
|
106
|
+
*/
|
107
|
+
return function defaultDirectives(url) {
|
108
|
+
// Check the directive in the URL to determine which preset to use
|
109
|
+
const params = url.searchParams;
|
110
|
+
|
111
|
+
let presetName = params.get('preset');
|
112
|
+
|
113
|
+
// > Return metadata if directive 'responsive' is set
|
114
|
+
|
115
|
+
if (params.has('responsive')) {
|
116
|
+
params.set('as', 'metadata');
|
117
|
+
}
|
118
|
+
|
119
|
+
// > Process presets
|
120
|
+
|
121
|
+
if (presetName) {
|
122
|
+
params.delete('preset');
|
123
|
+
} else {
|
124
|
+
presetName = 'default';
|
125
|
+
}
|
126
|
+
|
127
|
+
const presets = options?.presets || DEFAULT_PRESETS;
|
128
|
+
|
129
|
+
// @ts-ignore
|
130
|
+
let preset = presets[presetName];
|
131
|
+
|
132
|
+
// console.log(`defaultDirectives [url=${url}]`, preset);
|
133
|
+
|
134
|
+
if (!preset) {
|
135
|
+
preset = DEFAULT_PRESETS.default;
|
136
|
+
}
|
137
|
+
|
138
|
+
for (const key in preset) {
|
139
|
+
params.set(key, preset[key]);
|
140
|
+
}
|
141
|
+
|
142
|
+
// TODO: process directive 'w''
|
143
|
+
// - generate only allowed widths
|
144
|
+
// - support width presets such as 'hd'
|
145
|
+
|
146
|
+
// let width = params.get('w');
|
147
|
+
|
148
|
+
// if (!width) {
|
149
|
+
// // Set max allowed width by default
|
150
|
+
// // width = 'hd';
|
151
|
+
// }
|
152
|
+
|
153
|
+
// let presets = {
|
154
|
+
// sm: '640',
|
155
|
+
// md: '1024',
|
156
|
+
// lg: '1536',
|
157
|
+
// hd: '1920'
|
158
|
+
// };
|
159
|
+
|
160
|
+
// // @ts-ignore
|
161
|
+
// let presetWidth = presets[width];
|
162
|
+
// console.log({ width, presetWidth });
|
163
|
+
|
164
|
+
// if (presetWidth) {
|
165
|
+
// params.set('w', presetWidth);
|
166
|
+
// } else if (responsive || width === null) {
|
167
|
+
// params.set('as', 'metadata');
|
168
|
+
// params.delete('w');
|
169
|
+
// // } else if (width === null) {
|
170
|
+
// // // Set largest size is width parameter is missing
|
171
|
+
// // params.set('w', presets.hd);
|
172
|
+
// } else {
|
173
|
+
// throw new Error(
|
174
|
+
// `Directive [w=${width}] is should be a preset value {sm,md,lg,hd,responsive}`
|
175
|
+
// );
|
176
|
+
|
177
|
+
// // let allowedWidths = new Set(['640', '1024', '1536', '1920']);
|
178
|
+
// // if (!allowedWidths.has(width)) {
|
179
|
+
// // throw new Error(`Width [${width}] is not in list of allowed widths`);
|
180
|
+
// // }
|
181
|
+
// }
|
182
|
+
|
183
|
+
// params.set('withoutEnlargement', 'true');
|
184
|
+
|
185
|
+
// console.log('defaultDirectives:output params', params);
|
186
|
+
|
187
|
+
return params;
|
188
|
+
};
|
189
|
+
}
|
@@ -1,71 +1,71 @@
|
|
1
|
-
type ImageMeta = import('./typedef.js').ImageMeta;
|
2
|
-
|
3
|
-
declare module '*?responsive' {
|
4
|
-
const out: ImageMeta[];
|
5
|
-
export default out;
|
6
|
-
}
|
7
|
-
|
8
|
-
declare module '*&responsive' {
|
9
|
-
const out: ImageMeta[];
|
10
|
-
export default out;
|
11
|
-
}
|
12
|
-
|
13
|
-
declare module '*?preset=photo' {
|
14
|
-
const out: ImageMeta | ImageMeta[];
|
15
|
-
export default out;
|
16
|
-
}
|
17
|
-
|
18
|
-
declare module '*&preset=photo' {
|
19
|
-
const out: ImageMeta | ImageMeta[];
|
20
|
-
export default out;
|
21
|
-
}
|
22
|
-
|
23
|
-
declare module '*?preset=render' {
|
24
|
-
const out: ImageMeta | ImageMeta[];
|
25
|
-
export default out;
|
26
|
-
}
|
27
|
-
|
28
|
-
declare module '*&preset=render' {
|
29
|
-
const out: ImageMeta | ImageMeta[];
|
30
|
-
export default out;
|
31
|
-
}
|
32
|
-
|
33
|
-
declare module '*?preset=gradient' {
|
34
|
-
const out: ImageMeta | ImageMeta[];
|
35
|
-
export default out;
|
36
|
-
}
|
37
|
-
|
38
|
-
declare module '*&preset=gradient' {
|
39
|
-
const out: ImageMeta | ImageMeta[];
|
40
|
-
export default out;
|
41
|
-
}
|
42
|
-
|
43
|
-
declare module '*?preset=drawing' {
|
44
|
-
const out: ImageMeta | ImageMeta[];
|
45
|
-
export default out;
|
46
|
-
}
|
47
|
-
|
48
|
-
declare module '*&preset=drawing' {
|
49
|
-
const out: ImageMeta | ImageMeta[];
|
50
|
-
export default out;
|
51
|
-
}
|
52
|
-
|
53
|
-
declare module '*?preset=savedata' {
|
54
|
-
const out: ImageMeta | ImageMeta[];
|
55
|
-
export default out;
|
56
|
-
}
|
57
|
-
|
58
|
-
declare module '*&preset=savedata' {
|
59
|
-
const out: ImageMeta | ImageMeta[];
|
60
|
-
export default out;
|
61
|
-
}
|
62
|
-
|
63
|
-
declare module '*?preset=blur' {
|
64
|
-
const out: ImageMeta | ImageMeta[];
|
65
|
-
export default out;
|
66
|
-
}
|
67
|
-
|
68
|
-
declare module '*&preset=blur' {
|
69
|
-
const out: ImageMeta | ImageMeta[];
|
70
|
-
export default out;
|
71
|
-
}
|
1
|
+
type ImageMeta = import('./typedef.js').ImageMeta;
|
2
|
+
|
3
|
+
declare module '*?responsive' {
|
4
|
+
const out: ImageMeta[];
|
5
|
+
export default out;
|
6
|
+
}
|
7
|
+
|
8
|
+
declare module '*&responsive' {
|
9
|
+
const out: ImageMeta[];
|
10
|
+
export default out;
|
11
|
+
}
|
12
|
+
|
13
|
+
declare module '*?preset=photo' {
|
14
|
+
const out: ImageMeta | ImageMeta[];
|
15
|
+
export default out;
|
16
|
+
}
|
17
|
+
|
18
|
+
declare module '*&preset=photo' {
|
19
|
+
const out: ImageMeta | ImageMeta[];
|
20
|
+
export default out;
|
21
|
+
}
|
22
|
+
|
23
|
+
declare module '*?preset=render' {
|
24
|
+
const out: ImageMeta | ImageMeta[];
|
25
|
+
export default out;
|
26
|
+
}
|
27
|
+
|
28
|
+
declare module '*&preset=render' {
|
29
|
+
const out: ImageMeta | ImageMeta[];
|
30
|
+
export default out;
|
31
|
+
}
|
32
|
+
|
33
|
+
declare module '*?preset=gradient' {
|
34
|
+
const out: ImageMeta | ImageMeta[];
|
35
|
+
export default out;
|
36
|
+
}
|
37
|
+
|
38
|
+
declare module '*&preset=gradient' {
|
39
|
+
const out: ImageMeta | ImageMeta[];
|
40
|
+
export default out;
|
41
|
+
}
|
42
|
+
|
43
|
+
declare module '*?preset=drawing' {
|
44
|
+
const out: ImageMeta | ImageMeta[];
|
45
|
+
export default out;
|
46
|
+
}
|
47
|
+
|
48
|
+
declare module '*&preset=drawing' {
|
49
|
+
const out: ImageMeta | ImageMeta[];
|
50
|
+
export default out;
|
51
|
+
}
|
52
|
+
|
53
|
+
declare module '*?preset=savedata' {
|
54
|
+
const out: ImageMeta | ImageMeta[];
|
55
|
+
export default out;
|
56
|
+
}
|
57
|
+
|
58
|
+
declare module '*&preset=savedata' {
|
59
|
+
const out: ImageMeta | ImageMeta[];
|
60
|
+
export default out;
|
61
|
+
}
|
62
|
+
|
63
|
+
declare module '*?preset=blur' {
|
64
|
+
const out: ImageMeta | ImageMeta[];
|
65
|
+
export default out;
|
66
|
+
}
|
67
|
+
|
68
|
+
declare module '*&preset=blur' {
|
69
|
+
const out: ImageMeta | ImageMeta[];
|
70
|
+
export default out;
|
71
|
+
}
|
package/dist/config/typedef.js
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
/**
|
2
|
-
* @typedef {object} ImageMeta
|
3
|
-
* @property {string} src
|
4
|
-
* @property {number} width
|
5
|
-
* @property {number} height
|
6
|
-
*/
|
7
|
-
|
8
|
-
export default {};
|
1
|
+
/**
|
2
|
+
* @typedef {object} ImageMeta
|
3
|
+
* @property {string} src
|
4
|
+
* @property {number} width
|
5
|
+
* @property {number} height
|
6
|
+
*/
|
7
|
+
|
8
|
+
export default {};
|
@@ -1,9 +1,9 @@
|
|
1
|
-
export class ResponseError extends Error {}
|
2
|
-
|
3
|
-
export class AuthenticationError extends Error {}
|
4
|
-
|
5
|
-
export class BadRequestError extends Error {}
|
6
|
-
|
7
|
-
export class AbortError extends Error {}
|
8
|
-
|
9
|
-
export class TimeoutError extends Error {}
|
1
|
+
export class ResponseError extends Error {}
|
2
|
+
|
3
|
+
export class AuthenticationError extends Error {}
|
4
|
+
|
5
|
+
export class BadRequestError extends Error {}
|
6
|
+
|
7
|
+
export class AbortError extends Error {}
|
8
|
+
|
9
|
+
export class TimeoutError extends Error {}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export class TypeOrValueError extends Error {}
|
2
|
-
|
3
|
-
export class InternalError extends Error {}
|
4
|
-
|
5
|
-
export class InternalEventOrLogError extends Error {}
|
1
|
+
export class TypeOrValueError extends Error {}
|
2
|
+
|
3
|
+
export class InternalError extends Error {}
|
4
|
+
|
5
|
+
export class InternalEventOrLogError extends Error {}
|
@@ -1,3 +1,3 @@
|
|
1
|
-
export * from './api.js';
|
2
|
-
export * from './generic.js';
|
3
|
-
export * from './jwt.js';
|
1
|
+
export * from './api.js';
|
2
|
+
export * from './generic.js';
|
3
|
+
export * from './jwt.js';
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export class SecretKeyError extends Error {}
|
2
|
-
export class TokenExpiredError extends Error {}
|
3
|
-
|
4
|
-
export class JsonWebTokenError extends Error {}
|
5
|
-
export class InvalidSignatureError extends Error {}
|
1
|
+
export class SecretKeyError extends Error {}
|
2
|
+
export class TokenExpiredError extends Error {}
|
3
|
+
|
4
|
+
export class JsonWebTokenError extends Error {}
|
5
|
+
export class InvalidSignatureError extends Error {}
|
@@ -1,6 +1,6 @@
|
|
1
|
-
export const ACCEPT = 'accept';
|
2
|
-
export const CONTENT_TYPE = 'content-type';
|
3
|
-
export const CONTENT_LENGTH = 'content-length';
|
4
|
-
|
5
|
-
export const AUTHORIZATION = 'authorization';
|
6
|
-
export const WWW_AUTHENTICATE = 'www-authenticate';
|
1
|
+
export const ACCEPT = 'accept';
|
2
|
+
export const CONTENT_TYPE = 'content-type';
|
3
|
+
export const CONTENT_LENGTH = 'content-length';
|
4
|
+
|
5
|
+
export const AUTHORIZATION = 'authorization';
|
6
|
+
export const WWW_AUTHENTICATE = 'www-authenticate';
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export * from './headers.js';
|
2
|
-
export * from './methods.js';
|
1
|
+
export * from './headers.js';
|
2
|
+
export * from './methods.js';
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export const METHOD_GET = 'GET';
|
2
|
-
export const METHOD_POST = 'POST';
|
1
|
+
export const METHOD_GET = 'GET';
|
2
|
+
export const METHOD_POST = 'POST';
|
package/dist/constants/index.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
export * as regexp from './regexp/index.js';
|
2
|
-
export * as time from './time.js';
|
3
|
-
//export * as stateLabels from './state-labels/index.js';
|
1
|
+
export * as regexp from './regexp/index.js';
|
2
|
+
export * as time from './time.js';
|
3
|
+
//export * as stateLabels from './state-labels/index.js';
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export const APPLICATION_JSON = 'application/json';
|
2
|
-
export const APPLICATION_XML = 'application/xml';
|
3
|
-
|
4
|
-
// "arbitrary binary data"as defined in RFC 2046
|
5
|
-
export const OCTET_STREAM = 'application/octet-stream';
|
1
|
+
export const APPLICATION_JSON = 'application/json';
|
2
|
+
export const APPLICATION_XML = 'application/xml';
|
3
|
+
|
4
|
+
// "arbitrary binary data"as defined in RFC 2046
|
5
|
+
export const OCTET_STREAM = 'application/octet-stream';
|
@@ -1,13 +1,13 @@
|
|
1
|
-
export const AUDIO_BASIC = 'audio/basic';
|
2
|
-
export const AUDIO_MIDI = 'audio/mid';
|
3
|
-
export const AUDIO_WAV = 'audio/vnd.wav';
|
4
|
-
|
5
|
-
export const AUDIO_MP3 = 'audio/mpeg';
|
6
|
-
export const AUDIO_MP4 = 'audio/mp4';
|
7
|
-
|
8
|
-
export const AUDIO_AIF = 'audio/x-aiff';
|
9
|
-
export const AUDIO_AIFC = 'audio/x-aiff';
|
10
|
-
export const AUDIO_AIFF = 'audio/x-aiff';
|
11
|
-
|
12
|
-
export const AUDIO_M3U = 'audio/x-mpegurl';
|
13
|
-
export const AUDIO_OGG = 'audio/ogg';
|
1
|
+
export const AUDIO_BASIC = 'audio/basic';
|
2
|
+
export const AUDIO_MIDI = 'audio/mid';
|
3
|
+
export const AUDIO_WAV = 'audio/vnd.wav';
|
4
|
+
|
5
|
+
export const AUDIO_MP3 = 'audio/mpeg';
|
6
|
+
export const AUDIO_MP4 = 'audio/mp4';
|
7
|
+
|
8
|
+
export const AUDIO_AIF = 'audio/x-aiff';
|
9
|
+
export const AUDIO_AIFC = 'audio/x-aiff';
|
10
|
+
export const AUDIO_AIFF = 'audio/x-aiff';
|
11
|
+
|
12
|
+
export const AUDIO_M3U = 'audio/x-mpegurl';
|
13
|
+
export const AUDIO_OGG = 'audio/ogg';
|
@@ -1,3 +1,3 @@
|
|
1
|
-
export const IMAGE_PNG = 'image/png';
|
2
|
-
export const IMAGE_JPEG = 'image/jpeg';
|
3
|
-
export const IMAGE_WEBP = 'image/webp';
|
1
|
+
export const IMAGE_PNG = 'image/png';
|
2
|
+
export const IMAGE_JPEG = 'image/jpeg';
|
3
|
+
export const IMAGE_WEBP = 'image/webp';
|