mirror of
https://github.com/withastro/astro.git
synced 2025-02-03 22:29:08 -05:00
91f75afbc6
* add remote image dimension probing, and param for getImage options, and new astro error * add inferSize parameter to getImage, which probes remote image size, and respective types to picture and image component * add fixture and tests * add changeset * attempt to fix pnpm-lock.yaml * fix pnpm-lock.yaml again * pnpm-lock spacing * fix pnpm-lock AGAIN * better description of error for docgen * improve failed to probe error message and correct required dimensions error * increase timeout for mdx tests * increasing mdx timeout to 2min to see if it passes, will reduce if it does * setting mdx timeout to 70 seconds * Update packages/astro/src/assets/services/service.ts Co-authored-by: Erika <3019731+Princesseuh@users.noreply.github.com> * refactor to move logic to getImage instead of validateOptions and to not add a third type to image and picture * fix broken link created by docs PR * remove the probe-image-size library due to its use of node APIs * undo all changes to service.ts that were left after moving inferSize logic to getImage * update error message * remove probe-image-size library all together, update error message, add vendored version of complete image-size library instead of refactored version * Update .changeset/tame-cameras-change.md Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> * Update .changeset/tame-cameras-change.md Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> * reword the error message based on Sarah's previous review * remove probe-image-size from pnpmlock * fix lockfile? * update error message name * move image-size into vendor folder * add eslint ignore to a line in image-size * test if change to mdx test timeout was needed * Update .changeset/tame-cameras-change.md Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> * update changset syntax * patch parse heif to account for filetype block being out of order --------- Co-authored-by: Florian Lefebvre <contact@florian-lefebvre.dev> Co-authored-by: Erika <3019731+Princesseuh@users.noreply.github.com> Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> Co-authored-by: Emanuele Stoppa <my.burning@gmail.com>
789 B
789 B
| astro |
|---|
| minor |
Adds a new optional astro:assets image attribute inferSize for use with remote images.
Remote images can now have their dimensions inferred just like local images. Setting inferSize to true allows you to use getImage() and the <Image /> and <Picture /> components without setting the width and height properties.
---
import { Image, Picture, getImage } from 'astro:assets';
const myPic = await getImage({ src: "https://example.com/example.png", inferSize: true })
---
<Image src="https://example.com/example.png" inferSize alt="" />
<Picture src="https://example.com/example.png" inferSize alt="" />
Read more about using inferSize with remote images in our documentation.