Fix picture source srcset #128

qrac · Sep 12, 2024 · 3a44bb0 · 3a44bb0
1 parent 7dfcab1
commit 3a44bb0
Show file tree

Hide file tree

Showing 9 changed files with 30 additions and 15 deletions.
diff --git a/docs/package.json b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "private": true,
   "dependencies": {
     "preact": "^10.16.0"

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "minista-monorepo",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "private": true,
   "engines": {
     "node": ">=14.15.0"

diff --git a/packages/create-minista/package.json b/packages/create-minista/package.json
@@ -1,7 +1,7 @@
 {
   "name": "create-minista",
   "description": "Scaffolding for minista projects",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "type": "module",
   "bin": {
     "create-minista": "./bin/create-minista.js"

diff --git a/packages/create-minista/templates/minimal-js/package.json b/packages/create-minista/templates/minimal-js/package.json
@@ -11,7 +11,7 @@
     "semi": false
   },
   "devDependencies": {
-    "minista": "^3.1.5",
+    "minista": "^3.1.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   }

diff --git a/packages/create-minista/templates/minimal-ts/package.json b/packages/create-minista/templates/minimal-ts/package.json
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@types/react": "^18.2.16",
     "@types/react-dom": "^18.2.7",
-    "minista": "^3.1.5",
+    "minista": "^3.1.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.1.6"

diff --git a/packages/minista/package.json b/packages/minista/package.json
@@ -1,7 +1,7 @@
 {
   "name": "minista",
   "description": "Static site generator with 100% static export from React and Vite",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "type": "module",
   "engines": {
     "node": ">=14.15.0"

diff --git a/packages/minista/src/shared/image.tsx b/packages/minista/src/shared/image.tsx
@@ -187,8 +187,8 @@ export function Picture({
                 sizes={sourceSizes}
                 width={sourceWidth}
                 height={sourceHeight}
-                data-minista-transform-target={resolveTarget(src)}
-                data-minista-image-src={src}
+                data-minista-transform-target={resolveTarget(item.src)}
+                data-minista-image-src={item.src}
                 data-minista-image-outname={outName}
                 data-minista-image-optimize={sourceOptimizeStr}
               />
@@ -217,8 +217,8 @@ export function Picture({
               sizes={sourceSizes}
               width={sourceWidth}
               height={sourceHeight}
-              data-minista-transform-target={resolveTarget(src)}
-              data-minista-image-src={src}
+              data-minista-transform-target={resolveTarget(item.src)}
+              data-minista-image-src={item.src}
               data-minista-image-outname={outName}
               data-minista-image-optimize={sourceOptimizeStr}
             />

diff --git a/playground/shared-image/src/pages/index.tsx b/playground/shared-image/src/pages/index.tsx
@@ -25,6 +25,21 @@ export default function () {
           formats={["webp", "inherit"]}
         />
       </div>
+      <div>
+        <Picture
+          src="/src/assets/image.png"
+          artDirectives={[
+            {
+              media: `(max-width: 600px)`,
+              src: "/src/assets/image2.png",
+            },
+            {
+              media: `(min-width: 601px)`,
+              src: "/src/assets/image.png",
+            },
+          ]}
+        />
+      </div>
 
       <div>
         <Image src="https://picsum.photos/id/1/800/600" width={800} />