summaryrefslogtreecommitdiff
path: root/packages/integrations/mdx
diff options
context:
space:
mode:
authorGravatar Houston (Bot) <108291165+astrobot-houston@users.noreply.github.com> 2023-09-14 09:44:09 -0700
committerGravatar GitHub <noreply@github.com> 2023-09-14 12:44:09 -0400
commitfca6892f8d6a30ceb1e04213be2414dd4cb4d389 (patch)
tree3c43b4b72102656a06e1585df030438cfd4cb467 /packages/integrations/mdx
parent8376f24b47fe3a740125b72f8050907718a672ad (diff)
downloadastro-fca6892f8d6a30ceb1e04213be2414dd4cb4d389.tar.gz
astro-fca6892f8d6a30ceb1e04213be2414dd4cb4d389.tar.zst
astro-fca6892f8d6a30ceb1e04213be2414dd4cb4d389.zip
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Diffstat (limited to 'packages/integrations/mdx')
-rw-r--r--packages/integrations/mdx/CHANGELOG.md57
-rw-r--r--packages/integrations/mdx/package.json4
2 files changed, 59 insertions, 2 deletions
diff --git a/packages/integrations/mdx/CHANGELOG.md b/packages/integrations/mdx/CHANGELOG.md
index ff9317c65..85a4409c7 100644
--- a/packages/integrations/mdx/CHANGELOG.md
+++ b/packages/integrations/mdx/CHANGELOG.md
@@ -1,5 +1,62 @@
# @astrojs/mdx
+## 1.1.0
+
+### Minor Changes
+
+- [#8468](https://github.com/withastro/astro/pull/8468) [`a8d72ceae`](https://github.com/withastro/astro/commit/a8d72ceaeed154434923b21c0ae129a72263b8ed) Thanks [@bholmesdev](https://github.com/bholmesdev)! - Support the `img` component export for optimized images. This allows you to customize how optimized images are styled and rendered.
+
+ When rendering an optimized image, Astro will pass the `ImageMetadata` object to your `img` component as the `src` prop. For unoptimized images (i.e. images using URLs or absolute paths), Astro will continue to pass the `src` as a string.
+
+ This example handles both cases and applies custom styling:
+
+ ```astro
+ ---
+ // src/components/MyImage.astro
+ import type { ImageMetadata } from 'astro';
+ import { Image } from 'astro:assets';
+
+ type Props = {
+ src: string | ImageMetadata;
+ alt: string;
+ };
+
+ const { src, alt } = Astro.props;
+ ---
+
+ {
+ typeof src === 'string' ? (
+ <img class="custom-styles" src={src} alt={alt} />
+ ) : (
+ <Image class="custom-styles" {src} {alt} />
+ )
+ }
+
+ <style>
+ .custom-styles {
+ border: 1px solid red;
+ }
+ </style>
+ ```
+
+ Now, this components can be applied to the `img` component props object or file export:
+
+ ```md
+ import MyImage from '../../components/MyImage.astro';
+
+ export const components = { img: MyImage };
+
+ # My MDX article
+ ```
+
+### Patch Changes
+
+- [#8533](https://github.com/withastro/astro/pull/8533) [`74dc3edb3`](https://github.com/withastro/astro/commit/74dc3edb305c49feec49c39082fa836485da8a92) Thanks [@bluwy](https://github.com/bluwy)! - Improve MDX rendering performance by sharing processor instance
+
+- Updated dependencies [[`7522bb491`](https://github.com/withastro/astro/commit/7522bb4914f2f9e8b8f3c743bc9c941fd3aca644), [`ecc65abbf`](https://github.com/withastro/astro/commit/ecc65abbf9e086c5bbd1973cd4a820082b4e0dc5), [`2c4fc878b`](https://github.com/withastro/astro/commit/2c4fc878bece36b7fcf1470419c7ce6f1e1e95d0), [`d93987824`](https://github.com/withastro/astro/commit/d93987824d3d6b4f58267be21ab8466ee8d5d5f8), [`c92e0acd7`](https://github.com/withastro/astro/commit/c92e0acd715171b3f4c3294099780e21576648c8), [`7522bb491`](https://github.com/withastro/astro/commit/7522bb4914f2f9e8b8f3c743bc9c941fd3aca644), [`f95febf96`](https://github.com/withastro/astro/commit/f95febf96bb97babb28d78994332f5e47f5f637d), [`b85c8a78a`](https://github.com/withastro/astro/commit/b85c8a78a116dbbddc901438bc0b7a1917dc0238), [`45364c345`](https://github.com/withastro/astro/commit/45364c345267429e400baecd1fbc290503f8b13a)]:
+ - astro@3.1.0
+ - @astrojs/markdown-remark@3.2.0
+
## 1.0.3
### Patch Changes
diff --git a/packages/integrations/mdx/package.json b/packages/integrations/mdx/package.json
index 0eca06bb7..c621384c1 100644
--- a/packages/integrations/mdx/package.json
+++ b/packages/integrations/mdx/package.json
@@ -1,7 +1,7 @@
{
"name": "@astrojs/mdx",
"description": "Add support for MDX pages in your Astro site",
- "version": "1.0.3",
+ "version": "1.1.0",
"type": "module",
"types": "./dist/index.d.ts",
"author": "withastro",
@@ -51,7 +51,7 @@
"vfile": "^5.3.7"
},
"peerDependencies": {
- "astro": "workspace:^3.0.13"
+ "astro": "workspace:^3.1.0"
},
"devDependencies": {
"@types/chai": "^4.3.5",