@mts-pjsc/image-optimize 1.0.0 → 1.0.4
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 +11 -30
- package/dist/es5/components/Image.d.ts +41 -0
- package/dist/es5/components/Image.js +12 -1
- package/dist/es5/components/Image.js.map +1 -1
- package/dist/es5/helpers/check-avif-feature.d.ts +1 -0
- package/dist/es5/helpers/check-webp-feature.d.ts +1 -0
- package/dist/es5/index.d.ts +3 -0
- package/dist/esnext/components/Image.d.ts +41 -0
- package/dist/esnext/components/Image.js +12 -1
- package/dist/esnext/components/Image.js.map +1 -1
- package/dist/esnext/helpers/check-avif-feature.d.ts +1 -0
- package/dist/esnext/helpers/check-webp-feature.d.ts +1 -0
- package/dist/esnext/index.d.ts +3 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
#
|
|
1
|
+
# React component for using optimized images in the browser.
|
|
2
|
+
|
|
3
|
+
Works in conjunction with the [Image Optimizer](https://github.com/MobileTeleSystems/image-optimize).
|
|
2
4
|
|
|
3
5
|
Optimizing images helps reduce image weight and increases website loading speed, which is very important for both users and search engines. For these purposes, we have created a microservice that perfectly copes with this task.
|
|
4
6
|
|
|
@@ -12,38 +14,17 @@ Features:
|
|
|
12
14
|
- Supports basic authorization for multiple domains and endpoints,
|
|
13
15
|
- Supports security restrictions for allowed addresses.
|
|
14
16
|
|
|
15
|
-
###
|
|
16
|
-
|
|
17
|
-
```sh
|
|
18
|
-
docker run -it --rm -p 3000:3000 mts-optimize
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
Now you can open the browser and check the work with the command:
|
|
22
|
-
```sh
|
|
23
|
-
http://localhost:3000/optimize?size=1060&format=webp&src=https://tb.mts.ru/static/landing/images-index2/banner/slider/partners.png
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
By changing the src, size, format parameters, you can choose the path to the image, the final size and the image format.
|
|
27
|
-
|
|
28
|
-
### Use
|
|
29
|
-
To start the microservice in production, use the command:
|
|
30
|
-
```sh
|
|
31
|
-
docker run -d --restart always -p 3000:3000 mts-optimize
|
|
32
|
-
```
|
|
17
|
+
### Before use
|
|
18
|
+
[The optimization microservice](https://github.com/MobileTeleSystems/image-optimize) must be deployed on the server along the path `/optimizer`. React component will use it.
|
|
33
19
|
|
|
34
|
-
###
|
|
35
|
-
- `-e PORT=3000` - the port on which the microservice will be launched, default 3000.
|
|
36
|
-
- `-e ALLOW_SIZES="100,200,1024-1920"` - an array of allowed sizes for the resulting images, default 100-1920. Use specific values to prevent heavy loads on the server.
|
|
37
|
-
- `-e ALLOW_SOURCES="https%3A%2F%2Ftb.mts.ru%2F"` - url array of allowed addresses for image sources, default * (any). Use comma as separator. It is recommended to apply encodeURIComponent to url.
|
|
38
|
-
- `-e BASIC_AUTHS="https%3A%2F%2Ftb.mts.ru%2F"` - an array of endpoints with basic authorization parameters, default empty. Has format encodeURIComponent("url"):login:password. Use comma as separator.
|
|
20
|
+
### Using
|
|
39
21
|
|
|
40
|
-
|
|
41
|
-
Right now you can use sample from the ./components-samples/ReactLazyImg.ts(add link after publishing) file. Just copy the file to your project and use it. The component inherits interface of the html img element. The component automatically check the most suitable picture in size and formats supported by the browser and selects the most optimal picture for display.
|
|
22
|
+
Just replace the \<img\> element with the Image component from the package. The component is fully compatible with the \<img\> element. Next, the component will do all the magic on its own.
|
|
42
23
|
|
|
43
|
-
Sample
|
|
24
|
+
Sample:
|
|
44
25
|
```typescript
|
|
45
|
-
<
|
|
46
|
-
alt="Sample of work
|
|
26
|
+
<Image
|
|
27
|
+
alt="Sample of work Image Optimizer"
|
|
47
28
|
src="/static/landing/images-getmeback/phone-fon.png"
|
|
48
29
|
/>
|
|
49
|
-
```
|
|
30
|
+
```
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface IImageOptions {
|
|
3
|
+
src: string;
|
|
4
|
+
alt: string;
|
|
5
|
+
offset?: number;
|
|
6
|
+
quality?: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
setRef?: (elem: HTMLImageElement | null) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare class Image<P extends IImageOptions> extends React.Component<P> {
|
|
11
|
+
static isShowDiagnostic: boolean;
|
|
12
|
+
static isAvif: boolean | null;
|
|
13
|
+
static isWebP: boolean | null;
|
|
14
|
+
/**
|
|
15
|
+
* Change for local development.
|
|
16
|
+
*
|
|
17
|
+
* The server microservice will not be able to make a request to your localhost.
|
|
18
|
+
* Therefore, when developing locally, you must specify a production or development server origin.
|
|
19
|
+
*
|
|
20
|
+
* Example:
|
|
21
|
+
* https://tb.mts.ru
|
|
22
|
+
*
|
|
23
|
+
*/
|
|
24
|
+
static imgOrigin: string;
|
|
25
|
+
resultUrl: string;
|
|
26
|
+
resizeCheckTimeout: number;
|
|
27
|
+
thisComponent: HTMLImageElement | null;
|
|
28
|
+
private sourceUrl;
|
|
29
|
+
private readonly extensionsRegexp;
|
|
30
|
+
private readonly controlPoints;
|
|
31
|
+
private readonly windowResizeHandler;
|
|
32
|
+
private lastOptimalSize;
|
|
33
|
+
private checks;
|
|
34
|
+
constructor(props: P);
|
|
35
|
+
componentDidMount(): void;
|
|
36
|
+
shouldComponentUpdate(props: P): boolean;
|
|
37
|
+
componentWillUnmount(): void;
|
|
38
|
+
render(): JSX.Element;
|
|
39
|
+
private checkImage;
|
|
40
|
+
private onWindowResize;
|
|
41
|
+
}
|
|
@@ -107,7 +107,7 @@ var Image = /** @class */ (function (_super) {
|
|
|
107
107
|
console.warn("New image size", this.controlPoints[this.lastOptimalSize], this.controlPoints[indexOptimalSize], this.sourceUrl);
|
|
108
108
|
}
|
|
109
109
|
this.lastOptimalSize = indexOptimalSize;
|
|
110
|
-
sourceUrl = new URL(this.sourceUrl,
|
|
110
|
+
sourceUrl = new URL(this.sourceUrl, Image.imgOrigin);
|
|
111
111
|
url = new URL("/optimizer/optimize", location.origin);
|
|
112
112
|
url.searchParams.set("src", sourceUrl.toString());
|
|
113
113
|
url.searchParams.set("size", String(this.controlPoints[indexOptimalSize]));
|
|
@@ -160,6 +160,17 @@ var Image = /** @class */ (function (_super) {
|
|
|
160
160
|
Image.isShowDiagnostic = false;
|
|
161
161
|
Image.isAvif = null;
|
|
162
162
|
Image.isWebP = null;
|
|
163
|
+
/**
|
|
164
|
+
* Change for local development.
|
|
165
|
+
*
|
|
166
|
+
* The server microservice will not be able to make a request to your localhost.
|
|
167
|
+
* Therefore, when developing locally, you must specify a production or development server origin.
|
|
168
|
+
*
|
|
169
|
+
* Example:
|
|
170
|
+
* https://tb.mts.ru
|
|
171
|
+
*
|
|
172
|
+
*/
|
|
173
|
+
Image.imgOrigin = location.origin;
|
|
163
174
|
return Image;
|
|
164
175
|
}(react_1.default.Component));
|
|
165
176
|
exports.Image = Image;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/Image.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0B;AAC1B,oEAA+D;AAC/D,oEAA+D;AAW/D;IAAoD,sCAAkB;
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/Image.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const checkAvifFeature: () => Promise<boolean>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const checkWebpFeature: () => Promise<boolean>;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface IImageOptions {
|
|
3
|
+
src: string;
|
|
4
|
+
alt: string;
|
|
5
|
+
offset?: number;
|
|
6
|
+
quality?: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
setRef?: (elem: HTMLImageElement | null) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare class Image<P extends IImageOptions> extends React.Component<P> {
|
|
11
|
+
static isShowDiagnostic: boolean;
|
|
12
|
+
static isAvif: boolean | null;
|
|
13
|
+
static isWebP: boolean | null;
|
|
14
|
+
/**
|
|
15
|
+
* Change for local development.
|
|
16
|
+
*
|
|
17
|
+
* The server microservice will not be able to make a request to your localhost.
|
|
18
|
+
* Therefore, when developing locally, you must specify a production or development server origin.
|
|
19
|
+
*
|
|
20
|
+
* Example:
|
|
21
|
+
* https://tb.mts.ru
|
|
22
|
+
*
|
|
23
|
+
*/
|
|
24
|
+
static imgOrigin: string;
|
|
25
|
+
resultUrl: string;
|
|
26
|
+
resizeCheckTimeout: number;
|
|
27
|
+
thisComponent: HTMLImageElement | null;
|
|
28
|
+
private sourceUrl;
|
|
29
|
+
private readonly extensionsRegexp;
|
|
30
|
+
private readonly controlPoints;
|
|
31
|
+
private readonly windowResizeHandler;
|
|
32
|
+
private lastOptimalSize;
|
|
33
|
+
private checks;
|
|
34
|
+
constructor(props: P);
|
|
35
|
+
componentDidMount(): void;
|
|
36
|
+
shouldComponentUpdate(props: P): boolean;
|
|
37
|
+
componentWillUnmount(): void;
|
|
38
|
+
render(): JSX.Element;
|
|
39
|
+
private checkImage;
|
|
40
|
+
private onWindowResize;
|
|
41
|
+
}
|
|
@@ -89,7 +89,7 @@ export class Image extends React.Component {
|
|
|
89
89
|
}
|
|
90
90
|
this.lastOptimalSize = indexOptimalSize;
|
|
91
91
|
// Make correct source url
|
|
92
|
-
const sourceUrl = new URL(this.sourceUrl,
|
|
92
|
+
const sourceUrl = new URL(this.sourceUrl, Image.imgOrigin);
|
|
93
93
|
// Make result url
|
|
94
94
|
const url = new URL("/optimizer/optimize", location.origin);
|
|
95
95
|
url.searchParams.set("src", sourceUrl.toString());
|
|
@@ -140,4 +140,15 @@ export class Image extends React.Component {
|
|
|
140
140
|
Image.isShowDiagnostic = false;
|
|
141
141
|
Image.isAvif = null;
|
|
142
142
|
Image.isWebP = null;
|
|
143
|
+
/**
|
|
144
|
+
* Change for local development.
|
|
145
|
+
*
|
|
146
|
+
* The server microservice will not be able to make a request to your localhost.
|
|
147
|
+
* Therefore, when developing locally, you must specify a production or development server origin.
|
|
148
|
+
*
|
|
149
|
+
* Example:
|
|
150
|
+
* https://tb.mts.ru
|
|
151
|
+
*
|
|
152
|
+
*/
|
|
153
|
+
Image.imgOrigin = location.origin;
|
|
143
154
|
//# sourceMappingURL=Image.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAW/D,MAAM,OAAO,KAA+B,SAAQ,KAAK,CAAC,SAAY;
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAW/D,MAAM,OAAO,KAA+B,SAAQ,KAAK,CAAC,SAAY;IAsClE,YAAoB,KAAQ;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QAnBV,cAAS,GAAW,gFAAgF,CAAC;QAErG,uBAAkB,GAAW,CAAC,CAAC;QAI9B,cAAS,GAAW,EAAE,CAAC;QAEd,qBAAgB,GAAW,SAAS,CAAC;QAErC,kBAAa,GAAa,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAI/D,oBAAe,GAAW,CAAC,CAAC,CAAC;QAE7B,WAAM,GAAW,CAAC,CAAC;QAKvB,IAAI,CAAC,mBAAmB,GAAG,GAAS,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;IACjE,CAAC;IAEM,iBAAiB;QACpB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAChE,CAAC;IAEM,qBAAqB,CAAE,KAAQ;QAClC,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,GAAG,EAAE;YAC9B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;YAC3B,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAChB,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;YAC/C,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;IAEM,oBAAoB;QACvB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACnE,CAAC;IAEM,MAAM;QACT,OAAO,CACH,cACI,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EACnB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,MAAM,EAAE,GAAW,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,EACpE,GAAG,EAAE,CAAC,IAA6B,EAAQ,EAAE;gBACzC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAC1B,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC;YAC9B,CAAC,EACD,GAAG,EAAE,IAAI,CAAC,SAAS,WACrB,CACL,CAAC;IACN,CAAC;IAED,8EAA8E;IACtE,KAAK,CAAC,UAAU,CAAE,WAAoB,KAAK;QAC/C,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACrB,OAAO;SACV;QAED,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;YACjB,OAAO;SACV;QAED,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE;YACvB,MAAM,MAAM,GAAY,MAAM,gBAAgB,EAAE,CAAC;YACjD,sDAAsD;YACtD,kDAAkD;YAClD,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACtB,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,OAAO;SACV;QAED,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE;YACxC,MAAM,MAAM,GAAY,MAAM,gBAAgB,EAAE,CAAC;YACjD,kDAAkD;YAClD,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACtB,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,OAAO;SACV;QAED,qCAAqC;QACrC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC;QAEjB,oBAAoB;QACpB,IAAI,aAAa,GAAW,CAAC,CAAC;QAC9B,IAAI,OAAO,GAAuB,IAAI,CAAC,aAAa,CAAC;QACrD,OAAO,aAAa,GAAG,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1C,aAAa,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK;gBACjD,MAAM,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC5D,gFAAgF;YAChF,OAAO,GAAG,OAAO,CAAC,aAA4B,CAAC;SAClD;QAED,aAAa,IAAI,MAAM,CAAC,gBAAgB,CAAC;QACzC,IAAI,gBAAgB,GAAW,IAAI,CAAC,aAAa;aAC5C,SAAS,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,aAAa,IAAI,KAAK,CAAC,CAAC;QAE1D,IAAI,gBAAgB,GAAG,CAAC,EAAE,EAAE,qCAAqC;YAC7D,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;SACpD;QAED,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;QAC3C,IAAI,gBAAgB,GAAG,CAAC,EAAE;YACtB,gBAAgB,GAAG,CAAC,CAAC;SACxB;aAAM,IAAI,gBAAgB,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YACtD,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;SACpD;QAED,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,IAAI,CAAC,eAAe,KAAK,gBAAgB,EAAE;YACrF,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SAClI;QACD,IAAI,CAAC,eAAe,GAAG,gBAAgB,CAAC;QAExC,0BAA0B;QAC1B,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3D,kBAAkB;QAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,qBAAqB,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5D,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;QAClD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QAE3E,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE;YACxC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC/D;QAED,MAAM,KAAK,GAA2B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACrF,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAI,KAAK,CAAC,MAAM,EAAE;YACd,MAAM,GAAG,MAAM,CAAC;SACnB;aAAM,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE;YAC9B,MAAM,GAAG,MAAM,CAAC;SACnB;aAAM;YACH,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;iBACtB,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;iBAChB,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;SAC/B;QACD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAEvC,mBAAmB;QACnB,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;QACjC,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;YAC9B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC;YACxC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,KAAK,CAAC,gBAAgB,EAAE;gBACjE,sCAAsC;gBACtC,OAAO,CAAC,GAAG,CAAC;oBACR,wBAAwB;oBACxB,kBAAkB,aAAa,KAAK;oBACpC,gBAAgB,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG;oBACvD,SAAS,IAAI,CAAC,SAAS,EAAE;iBAC5B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;aAChB;SACJ;IACL,CAAC;IAEO,cAAc;QAClB,IAAI,IAAI,CAAC,kBAAkB,EAAE;YACzB,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;SACzC;QAED,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC7C,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAChB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;;AA5La,sBAAgB,GAAY,KAAK,CAAC;AAElC,YAAM,GAAmB,IAAI,CAAC;AAE9B,YAAM,GAAmB,IAAI,CAAC;AAE5C;;;;;;;;;GASG;AACW,eAAS,GAAW,QAAQ,CAAC,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const checkAvifFeature: () => Promise<boolean>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const checkWebpFeature: () => Promise<boolean>;
|