@docusaurus/plugin-ideal-image 2.0.0-beta.20 → 2.0.0-beta.21

package/lib/index.js

@@ -1,71 +1,69 @@
-'use strict';
+"use strict";
 /**
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-Object.defineProperty(exports, '__esModule', {value: true});
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateOptions = void 0;
-const utils_validation_1 = require('@docusaurus/utils-validation');
-const theme_translations_1 = require('@docusaurus/theme-translations');
+const utils_validation_1 = require("@docusaurus/utils-validation");
+const theme_translations_1 = require("@docusaurus/theme-translations");
 function pluginIdealImage(context, options) {
-  const {
-    i18n: {currentLocale},
-  } = context;
-  return {
-    name: 'docusaurus-plugin-ideal-image',
-    getThemePath() {
-      return '../lib/theme';
-    },
-    getTypeScriptThemePath() {
-      return '../src/theme';
-    },
-    getDefaultCodeTranslationMessages() {
-      return (0, theme_translations_1.readDefaultCodeTranslationMessages)({
-        locale: currentLocale,
-        name: 'plugin-ideal-image',
-      });
-    },
-    configureWebpack(_config, isServer) {
-      const {disableInDev, ...loaderOptions} = options;
-      if (disableInDev && process.env.NODE_ENV !== 'production') {
-        return {};
-      }
-      return {
-        mergeStrategy: {
-          'module.rules': 'prepend',
+    const { i18n: { currentLocale }, } = context;
+    return {
+        name: 'docusaurus-plugin-ideal-image',
+        getThemePath() {
+            return '../lib/theme';
         },
-        module: {
-          rules: [
-            {
-              test: /\.(?:png|jpe?g)$/i,
-              use: [
-                require.resolve('@docusaurus/lqip-loader'),
-                {
-                  loader: require.resolve('@docusaurus/responsive-loader'),
-                  options: {
-                    // Don't emit for server-side rendering
-                    emitFile: !isServer,
-                    // eslint-disable-next-line global-require
-                    adapter: require('@docusaurus/responsive-loader/sharp'),
-                    name: 'assets/ideal-img/[name].[hash:hex:7].[width].[ext]',
-                    ...loaderOptions,
-                  },
+        getTypeScriptThemePath() {
+            return '../src/theme';
+        },
+        getDefaultCodeTranslationMessages() {
+            return (0, theme_translations_1.readDefaultCodeTranslationMessages)({
+                locale: currentLocale,
+                name: 'plugin-ideal-image',
+            });
+        },
+        configureWebpack(_config, isServer) {
+            const { disableInDev, ...loaderOptions } = options;
+            if (disableInDev && process.env.NODE_ENV !== 'production') {
+                return {};
+            }
+            return {
+                mergeStrategy: {
+                    'module.rules': 'prepend',
+                },
+                module: {
+                    rules: [
+                        {
+                            test: /\.(?:png|jpe?g)$/i,
+                            use: [
+                                require.resolve('@docusaurus/lqip-loader'),
+                                {
+                                    loader: require.resolve('@docusaurus/responsive-loader'),
+                                    options: {
+                                        // Don't emit for server-side rendering
+                                        emitFile: !isServer,
+                                        // eslint-disable-next-line global-require
+                                        adapter: require('@docusaurus/responsive-loader/sharp'),
+                                        name: 'assets/ideal-img/[name].[hash:hex:7].[width].[ext]',
+                                        ...loaderOptions,
+                                    },
+                                },
+                            ],
+                        },
+                    ],
                 },
-              ],
-            },
-          ],
+            };
         },
-      };
-    },
-  };
+    };
 }
 exports.default = pluginIdealImage;
-function validateOptions({validate, options}) {
-  const pluginOptionsSchema = utils_validation_1.Joi.object({
-    disableInDev: utils_validation_1.Joi.boolean().default(true),
-  }).unknown();
-  return validate(pluginOptionsSchema, options);
+function validateOptions({ validate, options, }) {
+    const pluginOptionsSchema = utils_validation_1.Joi.object({
+        disableInDev: utils_validation_1.Joi.boolean().default(true),
+    }).unknown();
+    return validate(pluginOptionsSchema, options);
 }
 exports.validateOptions = validateOptions;

package/lib/theme/IdealImage/index.js

@@ -89,8 +89,8 @@ export default function IdealImage(props) {
       {...props}
       alt={alt}
       className={className}
-      height={img.src.height || 100}
-      width={img.src.width || 100}
+      height={img.src.height ?? 100}
+      width={img.src.width ?? 100}
       placeholder={{lqip: img.preSrc}}
       src={img.src.src}
       srcSet={img.src.images.map((image) => ({

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "@docusaurus/plugin-ideal-image",
-  "version": "2.0.0-beta.20",
+  "version": "2.0.0-beta.21",
   "description": "Docusaurus Plugin to generate an almost ideal image (responsive, lazy-loading, and low quality placeholder).",
   "main": "lib/index.js",
   "types": "src/plugin-ideal-image.d.ts",
   "scripts": {
-    "build": "yarn build:server && yarn build:browser && yarn build:copy && yarn build:format",
-    "build:server": "tsc --project tsconfig.server.json",
-    "build:browser": "tsc --project tsconfig.browser.json",
-    "build:copy": "node copyUntypedFiles.mjs",
-    "build:format": "prettier --config ../../.prettierrc --write \"lib/**/*.js\""
+    "build": "tsc --build && node ../../admin/scripts/copyUntypedFiles.js && prettier --config ../../.prettierrc --write \"lib/theme/**/*.js\"",
+    "watch": "run-p -c copy:watch build:watch",
+    "build:watch": "tsc --build --watch",
+    "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "publishConfig": {
     "access": "public"
@@ -21,20 +20,20 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.20",
-    "@docusaurus/lqip-loader": "2.0.0-beta.20",
+    "@docusaurus/core": "2.0.0-beta.21",
+    "@docusaurus/lqip-loader": "2.0.0-beta.21",
     "@docusaurus/responsive-loader": "^1.7.0",
-    "@docusaurus/theme-translations": "2.0.0-beta.20",
-    "@docusaurus/utils-validation": "2.0.0-beta.20",
+    "@docusaurus/theme-translations": "2.0.0-beta.21",
+    "@docusaurus/utils-validation": "2.0.0-beta.21",
     "@endiliey/react-ideal-image": "^0.0.11",
     "react-waypoint": "^10.1.0",
-    "sharp": "^0.30.4",
+    "sharp": "^0.30.5",
     "tslib": "^2.4.0",
-    "webpack": "^5.72.0"
+    "webpack": "^5.72.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.0.0-beta.20",
-    "@docusaurus/types": "2.0.0-beta.20",
+    "@docusaurus/module-type-aliases": "2.0.0-beta.21",
+    "@docusaurus/types": "2.0.0-beta.21",
     "fs-extra": "^10.1.0"
   },
   "peerDependencies": {
@@ -48,7 +47,7 @@
     }
   },
   "engines": {
-    "node": ">=14"
+    "node": ">=16.14"
   },
-  "gitHead": "ed5cdba401a5948e187e927039b142a0decc702d"
+  "gitHead": "69ac49fc6909517f13615ee40290c4bd00c39df4"
 }

package/src/index.ts

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import {Joi} from '@docusaurus/utils-validation';
+import {readDefaultCodeTranslationMessages} from '@docusaurus/theme-translations';
 import type {
   LoadContext,
   Plugin,
   OptionValidationContext,
 } from '@docusaurus/types';
 import type {PluginOptions} from '@docusaurus/plugin-ideal-image';
-import {Joi} from '@docusaurus/utils-validation';
-import {readDefaultCodeTranslationMessages} from '@docusaurus/theme-translations';
 
 export default function pluginIdealImage(
   context: LoadContext,
@@ -80,7 +80,7 @@ export function validateOptions({
   validate,
   options,
 }: OptionValidationContext<PluginOptions, PluginOptions>): PluginOptions {
-  const pluginOptionsSchema = Joi.object({
+  const pluginOptionsSchema = Joi.object<PluginOptions>({
     disableInDev: Joi.boolean().default(true),
   }).unknown();
   return validate(pluginOptionsSchema, options);

package/src/theme/IdealImage/index.tsx

@@ -22,9 +22,9 @@ function bytesToSize(bytes: number) {
   }
   const scale = Math.floor(Math.log(bytes) / Math.log(1024));
   if (scale === 0) {
-    return `${bytes} ${sizes[scale]}`;
+    return `${bytes} ${sizes[scale]!}`;
   }
-  return `${(bytes / 1024 ** scale).toFixed(1)} ${sizes[scale]}`;
+  return `${(bytes / 1024 ** scale).toFixed(1)} ${sizes[scale]!}`;
 }
 
 // Adopted from https://github.com/endiliey/react-ideal-image/blob/master/src/components/IdealImage/index.js#L43-L75
@@ -100,8 +100,8 @@ export default function IdealImage(props: Props): JSX.Element {
       {...props}
       alt={alt}
       className={className}
-      height={img.src.height || 100}
-      width={img.src.width || 100}
+      height={img.src.height ?? 100}
+      width={img.src.width ?? 100}
       placeholder={{lqip: img.preSrc}}
       src={img.src.src}
       srcSet={img.src.images.map((image) => ({