@docusaurus/plugin-ideal-image 3.8.0 → 3.8.1

package/lib/theme/IdealImageLegacy/components/IdealImage/index.js

@@ -119,7 +119,7 @@ export default class IdealImage extends Component {
 
   /*
   static propTypes = {
-    /!** how much to wait in ms until concider download to slow *!/
+    /!** how much to wait in ms until consider download to slow *!/
     threshold: PropTypes.number,
     /!** function to generate src based on width and format *!/
     getUrl: PropTypes.func,

package/lib/theme/IdealImageLegacy/components/composeStyle.js

@@ -9,7 +9,7 @@
  * and return as `style` property.
  *
  * Usage:
- * Asume you have `theme` object, which can be css-module
+ * Assume you have `theme` object, which can be css-module
  * or object or other css-in-js compatible with css-module
  *
  * <a {...compose(theme.link, theme.active, {color: "#000"})}>link</a>

package/lib/theme/IdealImageLegacy/components/helpers.js

@@ -86,7 +86,7 @@ export const bytesToSize = (bytes) => {
 const detectWebpSupport = () => {
   if (ssr) return false;
   const elem = document.createElement('canvas');
-  if (elem.getContext && elem.getContext('2d')) {
+  if (elem.getContext?.('2d')) {
     // was able or not to get WebP representation
     return elem.toDataURL('image/webp').indexOf('data:image/webp') === 0;
   } else {
@@ -97,8 +97,7 @@ const detectWebpSupport = () => {
 
 export const supportsWebp = detectWebpSupport();
 
-const isWebp = (x) =>
-  x.format === 'webp' || (x.src && x.src.match(/\.webp($|\?.*)/i));
+const isWebp = (x) => x.format === 'webp' || x.src?.match(/\.webp($|\?.*)/i);
 
 // eslint-disable-next-line no-shadow
 export const selectSrc = ({srcSet, maxImageWidth, supportsWebp}) => {

package/lib/theme/IdealImageLegacy/components/unfetch.js

@@ -6,7 +6,7 @@ export class UnfetchAbortController {
 }
 
 // modified version of https://github.com/developit/unfetch
-// - ponyfill intead of polyfill
+// - ponyfill instead of polyfill
 // - add support for AbortController
 export const unfetch = (url, options) => {
   options = options || {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/plugin-ideal-image",
-  "version": "3.8.0",
+  "version": "3.8.1",
   "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",
@@ -20,18 +20,18 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@docusaurus/core": "3.8.0",
-    "@docusaurus/lqip-loader": "3.8.0",
+    "@docusaurus/core": "3.8.1",
+    "@docusaurus/lqip-loader": "3.8.1",
     "@docusaurus/responsive-loader": "^1.7.0",
-    "@docusaurus/theme-translations": "3.8.0",
-    "@docusaurus/types": "3.8.0",
-    "@docusaurus/utils-validation": "3.8.0",
+    "@docusaurus/theme-translations": "3.8.1",
+    "@docusaurus/types": "3.8.1",
+    "@docusaurus/utils-validation": "3.8.1",
     "sharp": "^0.32.3",
     "tslib": "^2.6.0",
     "webpack": "^5.88.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.8.0",
+    "@docusaurus/module-type-aliases": "3.8.1",
     "fs-extra": "^11.1.0"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
   "engines": {
     "node": ">=18.0"
   },
-  "gitHead": "948d63c42fad0ba24b7b531a9deb6167e64dc845"
+  "gitHead": "fa8ae13e668fcbc0481ce10c0a734e2a5b397293"
 }

package/src/theme/IdealImageLegacy/components/IdealImage/index.js

@@ -119,7 +119,7 @@ export default class IdealImage extends Component {
 
   /*
   static propTypes = {
-    /!** how much to wait in ms until concider download to slow *!/
+    /!** how much to wait in ms until consider download to slow *!/
     threshold: PropTypes.number,
     /!** function to generate src based on width and format *!/
     getUrl: PropTypes.func,

package/src/theme/IdealImageLegacy/components/composeStyle.js

@@ -9,7 +9,7 @@
  * and return as `style` property.
  *
  * Usage:
- * Asume you have `theme` object, which can be css-module
+ * Assume you have `theme` object, which can be css-module
  * or object or other css-in-js compatible with css-module
  *
  * <a {...compose(theme.link, theme.active, {color: "#000"})}>link</a>

package/src/theme/IdealImageLegacy/components/helpers.js

@@ -86,7 +86,7 @@ export const bytesToSize = (bytes) => {
 const detectWebpSupport = () => {
   if (ssr) return false;
   const elem = document.createElement('canvas');
-  if (elem.getContext && elem.getContext('2d')) {
+  if (elem.getContext?.('2d')) {
     // was able or not to get WebP representation
     return elem.toDataURL('image/webp').indexOf('data:image/webp') === 0;
   } else {
@@ -97,8 +97,7 @@ const detectWebpSupport = () => {
 
 export const supportsWebp = detectWebpSupport();
 
-const isWebp = (x) =>
-  x.format === 'webp' || (x.src && x.src.match(/\.webp($|\?.*)/i));
+const isWebp = (x) => x.format === 'webp' || x.src?.match(/\.webp($|\?.*)/i);
 
 // eslint-disable-next-line no-shadow
 export const selectSrc = ({srcSet, maxImageWidth, supportsWebp}) => {

package/src/theme/IdealImageLegacy/components/unfetch.js

@@ -6,7 +6,7 @@ export class UnfetchAbortController {
 }
 
 // modified version of https://github.com/developit/unfetch
-// - ponyfill intead of polyfill
+// - ponyfill instead of polyfill
 // - add support for AbortController
 export const unfetch = (url, options) => {
   options = options || {};