@docusaurus/plugin-ideal-image 2.0.0-beta.18 → 2.0.0-beta.19
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/lib/index.js +1 -0
- package/lib/theme/IdealImage/index.js +1 -1
- package/package.json +12 -12
- package/src/deps.d.ts +4 -3
- package/src/index.ts +2 -1
- package/src/theme/IdealImage/index.tsx +1 -1
package/lib/index.js
CHANGED
|
@@ -45,6 +45,7 @@ function pluginIdealImage(context, options) {
|
|
|
45
45
|
{
|
|
46
46
|
loader: require.resolve('@docusaurus/responsive-loader'),
|
|
47
47
|
options: {
|
|
48
|
+
// Don't emit for server-side rendering
|
|
48
49
|
emitFile: !isServer,
|
|
49
50
|
// eslint-disable-next-line global-require
|
|
50
51
|
adapter: require('@docusaurus/responsive-loader/sharp'),
|
|
@@ -32,7 +32,7 @@ function getMessage(icon, state) {
|
|
|
32
32
|
description: 'When the full-scale image is loading',
|
|
33
33
|
});
|
|
34
34
|
case 'load': {
|
|
35
|
-
//
|
|
35
|
+
// We can show `alt` here
|
|
36
36
|
const {pickedSrc} = state;
|
|
37
37
|
const {size} = pickedSrc;
|
|
38
38
|
const sizeMessage = size ? ` (${bytesToSize(size)})` : '';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@docusaurus/plugin-ideal-image",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.19",
|
|
4
4
|
"description": "Docusaurus Plugin to generate an almost ideal image (responsive, lazy-loading, and low quality placeholder).",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"types": "src/plugin-ideal-image.d.ts",
|
|
@@ -21,21 +21,21 @@
|
|
|
21
21
|
},
|
|
22
22
|
"license": "MIT",
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@docusaurus/core": "2.0.0-beta.
|
|
25
|
-
"@docusaurus/lqip-loader": "2.0.0-beta.
|
|
24
|
+
"@docusaurus/core": "2.0.0-beta.19",
|
|
25
|
+
"@docusaurus/lqip-loader": "2.0.0-beta.19",
|
|
26
26
|
"@docusaurus/responsive-loader": "^1.7.0",
|
|
27
|
-
"@docusaurus/theme-translations": "2.0.0-beta.
|
|
28
|
-
"@docusaurus/utils-validation": "2.0.0-beta.
|
|
27
|
+
"@docusaurus/theme-translations": "2.0.0-beta.19",
|
|
28
|
+
"@docusaurus/utils-validation": "2.0.0-beta.19",
|
|
29
29
|
"@endiliey/react-ideal-image": "^0.0.11",
|
|
30
30
|
"react-waypoint": "^10.1.0",
|
|
31
|
-
"sharp": "^0.30.
|
|
32
|
-
"tslib": "^2.
|
|
33
|
-
"webpack": "^5.
|
|
31
|
+
"sharp": "^0.30.4",
|
|
32
|
+
"tslib": "^2.4.0",
|
|
33
|
+
"webpack": "^5.72.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@docusaurus/module-type-aliases": "2.0.0-beta.
|
|
37
|
-
"@docusaurus/types": "2.0.0-beta.
|
|
38
|
-
"fs-extra": "^10.0
|
|
36
|
+
"@docusaurus/module-type-aliases": "2.0.0-beta.19",
|
|
37
|
+
"@docusaurus/types": "2.0.0-beta.19",
|
|
38
|
+
"fs-extra": "^10.1.0"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"jimp": "*",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"engines": {
|
|
51
51
|
"node": ">=14"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "a71e60a49cce93c1006ef10c41ac03187f057102"
|
|
54
54
|
}
|
package/src/deps.d.ts
CHANGED
|
@@ -33,16 +33,17 @@ declare module '@endiliey/react-ideal-image' {
|
|
|
33
33
|
| 'noicon'
|
|
34
34
|
| 'offline';
|
|
35
35
|
|
|
36
|
-
export
|
|
36
|
+
export type SrcType = {
|
|
37
37
|
width: number;
|
|
38
38
|
src?: string;
|
|
39
39
|
size?: number;
|
|
40
40
|
format?: 'webp' | 'jpeg' | 'png' | 'gif';
|
|
41
|
-
}
|
|
41
|
+
};
|
|
42
42
|
|
|
43
43
|
type ThemeKey = 'placeholder' | 'img' | 'icon' | 'noscript';
|
|
44
44
|
|
|
45
|
-
export interface ImageProps
|
|
45
|
+
export interface ImageProps
|
|
46
|
+
extends Omit<ComponentProps<'img'>, 'srcSet' | 'placeholder'> {
|
|
46
47
|
/**
|
|
47
48
|
* This function decides what icon to show based on the current state of the
|
|
48
49
|
* component.
|
package/src/index.ts
CHANGED
|
@@ -59,7 +59,8 @@ export default function pluginIdealImage(
|
|
|
59
59
|
{
|
|
60
60
|
loader: require.resolve('@docusaurus/responsive-loader'),
|
|
61
61
|
options: {
|
|
62
|
-
|
|
62
|
+
// Don't emit for server-side rendering
|
|
63
|
+
emitFile: !isServer,
|
|
63
64
|
// eslint-disable-next-line global-require
|
|
64
65
|
adapter: require('@docusaurus/responsive-loader/sharp'),
|
|
65
66
|
name: 'assets/ideal-img/[name].[hash:hex:7].[width].[ext]',
|
|
@@ -40,7 +40,7 @@ function getMessage(icon: IconKey, state: State) {
|
|
|
40
40
|
description: 'When the full-scale image is loading',
|
|
41
41
|
});
|
|
42
42
|
case 'load': {
|
|
43
|
-
//
|
|
43
|
+
// We can show `alt` here
|
|
44
44
|
const {pickedSrc} = state;
|
|
45
45
|
const {size} = pickedSrc;
|
|
46
46
|
const sizeMessage = size ? ` (${bytesToSize(size)})` : '';
|