@webstudio-is/image 0.49.0 → 0.50.0

package/lib/cjs/image-loaders.cjs

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/cjs/image-optimize.cjs

@@ -66,6 +66,7 @@ const generateImgAttrs = ({
     srcSet: widths.map(
       (w, i) => `${loader({ src, quality, width: w })} ${kind === "w" ? w : i + 1}${kind}`
     ).join(", "),
+    // Must be last, to prevent Safari to load images twice
     src: loader({
       src,
       quality,

package/lib/cjs/image.cjs

@@ -43,13 +43,16 @@ const Image = (0, import_react.forwardRef)(
       loader,
       optimize
     }) ?? { src: imagePlaceholderSvg };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-      ...imageProps,
-      ...imageAttributes,
-      decoding,
-      loading,
-      ref
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        ...imageProps,
+        ...imageAttributes,
+        decoding,
+        loading,
+        ref
+      }
+    );
   }
 );
 Image.defaultProps = {

package/lib/cjs/index.cjs

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/image-optimize.js

@@ -42,6 +42,7 @@ const generateImgAttrs = ({
     srcSet: widths.map(
       (w, i) => `${loader({ src, quality, width: w })} ${kind === "w" ? w : i + 1}${kind}`
     ).join(", "),
+    // Must be last, to prevent Safari to load images twice
     src: loader({
       src,
       quality,

package/lib/image.js

@@ -20,13 +20,16 @@ const Image = forwardRef(
       loader,
       optimize
     }) ?? { src: imagePlaceholderSvg };
-    return /* @__PURE__ */ jsx("img", {
-      ...imageProps,
-      ...imageAttributes,
-      decoding,
-      loading,
-      ref
-    });
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        ...imageProps,
+        ...imageAttributes,
+        decoding,
+        loading,
+        ref
+      }
+    );
   }
 );
 Image.defaultProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/image",
-  "version": "0.49.0",
+  "version": "0.50.0",
   "description": "Image optimization",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -8,7 +8,7 @@
   "dependencies": {
     "react": "^17.0.2",
     "warn-once": "^0.1.1",
-    "@webstudio-is/generate-arg-types": "^0.49.0"
+    "@webstudio-is/generate-arg-types": "^0.50.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.3.1",