@astrojs/mdx 0.11.0 → 0.11.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
-@astrojs/mdx:build: cache hit, replaying output 4e9c48c05d05f1bb
+@astrojs/mdx:build: cache hit, replaying output efbc0a3c2d5779f7
 @astrojs/mdx:build: 
-@astrojs/mdx:build: > @astrojs/mdx@0.11.0 build /home/runner/work/astro/astro/packages/integrations/mdx
+@astrojs/mdx:build: > @astrojs/mdx@0.11.2 build /home/runner/work/astro/astro/packages/integrations/mdx
 @astrojs/mdx:build: > astro-scripts build "src/**/*.ts" && tsc
 @astrojs/mdx:build: 

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @astrojs/mdx
 
+## 0.11.2
+
+### Patch Changes
+
+- [#4700](https://github.com/withastro/astro/pull/4700) [`e5f71142e`](https://github.com/withastro/astro/commit/e5f71142eb62bd72456e889dad5774347c3753f2) Thanks [@bholmesdev](https://github.com/bholmesdev)! - Document MDXLayoutProps utility type
+
+- [#4858](https://github.com/withastro/astro/pull/4858) [`58a2dca22`](https://github.com/withastro/astro/commit/58a2dca2286cb14f6211cf51267c02447e78433a) Thanks [@bholmesdev](https://github.com/bholmesdev)! - Correctly parse import.meta.env in MDX files
+
+## 0.11.1
+
+### Patch Changes
+
+- [#4588](https://github.com/withastro/astro/pull/4588) [`db38f61b2`](https://github.com/withastro/astro/commit/db38f61b2b2dc55f03b28797d19b163b1940f1c8) Thanks [@bholmesdev](https://github.com/bholmesdev)! - Fix: Add GFM and Smartypants to MDX by default
+
 ## 0.11.0
 
 ### Minor Changes

package/README.md

@@ -26,16 +26,14 @@ The `astro add` command-line tool automates the installation for you. Run one of
 
 ```sh
 # Using NPM
-npm run astro add mdx
+npx astro add mdx
 # Using Yarn
 yarn astro add mdx
 # Using PNPM
 pnpm astro add mdx
 ```
 
-Then, restart the dev server by typing `CTRL-C` and then `npm run astro dev` in the terminal window that was running Astro.
-
-Because this command is new, it might not properly set things up. If that happens, [feel free to log an issue on our GitHub](https://github.com/withastro/astro/issues) and try the manual installation steps below.
+If you run into any issues, [feel free to report them to us on GitHub](https://github.com/withastro/astro/issues) and try the manual installation steps below.
 
 ### Manual Install
 
@@ -61,6 +59,16 @@ export default defineConfig({
 
 Finally, restart the dev server.
 
+### Editor Integration
+
+[VS Code](https://code.visualstudio.com/) supports Markdown by default. However, for MDX editor support, you may wish to add the following setting in your VSCode config. This ensures authoring MDX files provides a Markdown-like editor experience.
+
+```json title=".vscode/settings.json"
+"files.associations": {
+    "*.mdx": "markdown"
+}
+```
+
 ## Usage
 
 You can [add MDX pages to your project](https://docs.astro.build/en/guides/markdown-content/#markdown-and-mdx-pages) by adding `.mdx` files within your `src/pages/` directory. 
@@ -70,7 +78,7 @@ You can [add MDX pages to your project](https://docs.astro.build/en/guides/markd
 To use components in your MDX pages in Astro, head to our [UI framework documentation][astro-ui-frameworks]. You'll explore:
 - 📦 how framework components are loaded,
 - 💧 client-side hydration options, and
-- 🪆 opportunities to mix and nest frameworks together
+- 🤝 opportunities to mix and nest frameworks together
 
 [**Client Directives**](https://docs.astro.build/en/reference/directives-reference/#client-directives) are still required in `.mdx` files.
 
@@ -195,15 +203,16 @@ title: 'My Blog Post'
 ---
 ```
 
-Then, you can retrieve all other frontmatter properties from your layout via the `frontmatter` property, and render your MDX using the default [`<slot />`](https://docs.astro.build/en/core-concepts/astro-components/#slots):
+Then, you can retrieve all other frontmatter properties from your layout via the `frontmatter` property, and render your MDX using the default [`<slot />`](https://docs.astro.build/en/core-concepts/astro-components/#slots). See [layout props](#layout-props) for a complete list of props available.
 
 ```astro
 ---
 // src/layouts/BaseLayout.astro
-const { frontmatter } = Astro.props;
+const { frontmatter, url } = Astro.props;
 ---
 <html>
   <head>
+    <meta rel="canonical" href={new URL(url, Astro.site).pathname}>
     <title>{frontmatter.title}</title>
   </head>
   <body>
@@ -214,6 +223,48 @@ const { frontmatter } = Astro.props;
 </html>
 ```
 
+You can set a layout’s [`Props` type](/en/guides/typescript/#component-props) with the `MDXLayoutProps` helper.
+
+:::note
+`MDXLayoutProps` is the same as the `MarkdownLayoutProps` utility type with `rawContent()` and `compiledContent()` removed (since these are not available for `.mdx` files). Feel free to **use `MarkdownLayoutProps` instead** when sharing a layout across `.md` and `.mdx` files.
+:::
+
+```astro ins={2,4-9}
+---
+// src/layouts/BaseLayout.astro
+import type { MDXLayoutProps } from 'astro';
+
+type Props = MDXLayoutProps<{
+  // Define frontmatter props here
+  title: string;
+  author: string;
+  date: string;
+}>;
+
+// Now, `frontmatter`, `url`, and other MDX layout properties
+// are accessible with type safety
+const { frontmatter, url } = Astro.props;
+---
+<html>
+  <head>
+    <meta rel="canonical" href={new URL(url, Astro.site).pathname}>
+    <title>{frontmatter.title}</title>
+  </head>
+  <body>
+    <h1>{frontmatter.title}</h1>
+    <slot />
+  </body>
+</html>
+```
+
+#### Layout props
+
+All [exported properties](#exported-properties) are available from `Astro.props` in your layout, **with two key differences:**
+- Heading information (i.e. `h1 -> h6` elements) is available via the `headings` array, rather than a `getHeadings()` function.
+- `file` and `url` are _also_ available as nested `frontmatter` properties (i.e. `frontmatter.url` and `frontmatter.file`). This is consistent with Astro's Markdown layout properties.
+
+Astro recommends using the `MDXLayoutProps` type (see previous section) to explore all available properties.
+
 #### Importing layouts manually
 
 You may need to pass information to your layouts that does not (or cannot) exist in your frontmatter. In this case, you can import and use a [`<Layout />` component](https://docs.astro.build/en/core-concepts/layouts/) like any other component:
@@ -460,7 +511,7 @@ export default {
 
 ## Troubleshooting
 
-For help, check out the `#support-threads` channel on [Discord](https://astro.build/chat). Our friendly Support Squad members are here to help!
+For help, check out the `#support` channel on [Discord](https://astro.build/chat). Our friendly Support Squad members are here to help!
 
 You can also check our [Astro Integration Documentation][astro-integration] for more on integrations.
 

package/dist/index.d.ts

@@ -1,3 +1,15 @@
+import { PluggableList } from '@mdx-js/mdx/lib/core.js';
 import type { AstroIntegration } from 'astro';
-import type { MdxOptions } from './utils.js';
+export declare type MdxOptions = {
+    remarkPlugins?: PluggableList;
+    rehypePlugins?: PluggableList;
+    /**
+     * Choose which remark and rehype plugins to inherit, if any.
+     *
+     * - "markdown" (default) - inherit your project’s markdown plugin config ([see Markdown docs](https://docs.astro.build/en/guides/markdown-content/#configuring-markdown))
+     * - "astroDefaults" - inherit Astro’s default plugins only ([see defaults](https://docs.astro.build/en/reference/configuration-reference/#markdownextenddefaultplugins))
+     * - false - do not inherit any plugins
+     */
+    extendPlugins?: 'markdown' | 'astroDefaults' | false;
+};
 export default function mdx(mdxOptions?: MdxOptions): AstroIntegration;

package/dist/index.js

@@ -2,15 +2,15 @@ import { compile as mdxCompile } from "@mdx-js/mdx";
 import mdxPlugin from "@mdx-js/rollup";
 import { parse as parseESM } from "es-module-lexer";
 import { blue, bold } from "kleur/colors";
+import fs from "node:fs/promises";
 import { VFile } from "vfile";
-import { rehypeApplyFrontmatterExport } from "./astro-data-utils.js";
 import {
-  getFileInfo,
   getRehypePlugins,
   getRemarkPlugins,
-  handleExtendsNotSupported,
-  parseFrontmatter
-} from "./utils.js";
+  recmaInjectImportMetaEnvPlugin,
+  rehypeApplyFrontmatterExport
+} from "./plugins.js";
+import { getFileInfo, handleExtendsNotSupported, parseFrontmatter } from "./utils.js";
 const RAW_CONTENT_ERROR = "MDX does not support rawContent()! If you need to read the Markdown contents to calculate values (ex. reading time), we suggest injecting frontmatter via remark plugins. Learn more on our docs: https://docs.astro.build/en/guides/integrations-guide/mdx/#inject-frontmatter-via-remark-or-rehype-plugins";
 const COMPILED_CONTENT_ERROR = "MDX does not support compiledContent()! If you need to read the HTML contents to calculate values (ex. reading time), we suggest injecting frontmatter via rehype plugins. Learn more on our docs: https://docs.astro.build/en/guides/integrations-guide/mdx/#inject-frontmatter-via-remark-or-rehype-plugins";
 function mdx(mdxOptions = {}) {
@@ -42,25 +42,34 @@ function mdx(mdxOptions = {}) {
           format: "mdx",
           mdExtensions: []
         };
+        let importMetaEnv = {
+          SITE: config.site
+        };
         updateConfig({
           vite: {
             plugins: [
               {
                 enforce: "pre",
                 ...mdxPlugin(mdxPluginOpts),
-                async transform(code, id) {
+                configResolved(resolved) {
+                  importMetaEnv = { ...importMetaEnv, ...resolved.env };
+                },
+                async transform(_, id) {
                   if (!id.endsWith("mdx"))
                     return;
+                  const { fileId } = getFileInfo(id, config);
+                  const code = await fs.readFile(fileId, "utf-8");
                   const { data: frontmatter, content: pageContent } = parseFrontmatter(code, id);
                   const compiled = await mdxCompile(new VFile({ value: pageContent, path: id }), {
                     ...mdxPluginOpts,
                     rehypePlugins: [
                       ...mdxPluginOpts.rehypePlugins ?? [],
                       () => rehypeApplyFrontmatterExport(frontmatter)
-                    ]
+                    ],
+                    recmaPlugins: [() => recmaInjectImportMetaEnvPlugin({ importMetaEnv })]
                   });
                   return {
-                    code: String(compiled.value),
+                    code: escapeViteEnvReferences(String(compiled.value)),
                     map: compiled.map
                   };
                 }
@@ -104,7 +113,7 @@ if (import.meta.hot) {
 											import.meta.hot.decline();
 										}`;
                   }
-                  return code;
+                  return escapeViteEnvReferences(code);
                 }
               }
             ]
@@ -114,6 +123,9 @@ if (import.meta.hot) {
     }
   };
 }
+function escapeViteEnvReferences(code) {
+  return code.replace(/import\.meta\.env/g, "import\\u002Emeta.env");
+}
 export {
   mdx as default
 };

package/dist/plugins.d.ts

@@ -0,0 +1,11 @@
+import type { Options as MdxRollupPluginOptions } from '@mdx-js/rollup';
+import type { AstroConfig } from 'astro';
+import type { VFile } from 'vfile';
+import { MdxOptions } from './index.js';
+export declare function recmaInjectImportMetaEnvPlugin({ importMetaEnv, }: {
+    importMetaEnv: Record<string, any>;
+}): (tree: any) => void;
+export declare function remarkInitializeAstroData(): (tree: any, vfile: VFile) => void;
+export declare function rehypeApplyFrontmatterExport(pageFrontmatter: Record<string, any>): (tree: any, vfile: VFile) => void;
+export declare function getRemarkPlugins(mdxOptions: MdxOptions, config: AstroConfig): Promise<MdxRollupPluginOptions['remarkPlugins']>;
+export declare function getRehypePlugins(mdxOptions: MdxOptions, config: AstroConfig): MdxRollupPluginOptions['rehypePlugins'];

package/dist/plugins.js

@@ -0,0 +1,214 @@
+import { nodeTypes } from "@mdx-js/mdx";
+import { visit as estreeVisit } from "estree-util-visit";
+import { bold, yellow } from "kleur/colors";
+import rehypeRaw from "rehype-raw";
+import remarkGfm from "remark-gfm";
+import remarkSmartypants from "remark-smartypants";
+import rehypeCollectHeadings from "./rehype-collect-headings.js";
+import remarkPrism from "./remark-prism.js";
+import remarkShiki from "./remark-shiki.js";
+import { jsToTreeNode } from "./utils.js";
+function recmaInjectImportMetaEnvPlugin({
+  importMetaEnv
+}) {
+  return (tree) => {
+    estreeVisit(tree, (node) => {
+      if (node.type === "MemberExpression") {
+        const envVarName = getImportMetaEnvVariableName(node);
+        if (typeof envVarName === "string") {
+          for (const key in node) {
+            delete node[key];
+          }
+          const envVarLiteral = {
+            type: "Literal",
+            value: importMetaEnv[envVarName],
+            raw: JSON.stringify(importMetaEnv[envVarName])
+          };
+          Object.assign(node, envVarLiteral);
+        }
+      }
+    });
+  };
+}
+function remarkInitializeAstroData() {
+  return function(tree, vfile) {
+    if (!vfile.data.astro) {
+      vfile.data.astro = { frontmatter: {} };
+    }
+  };
+}
+const EXPORT_NAME = "frontmatter";
+function rehypeApplyFrontmatterExport(pageFrontmatter) {
+  return function(tree, vfile) {
+    const { frontmatter: injectedFrontmatter } = safelyGetAstroData(vfile.data);
+    const frontmatter = { ...injectedFrontmatter, ...pageFrontmatter };
+    const exportNodes = [
+      jsToTreeNode(`export const ${EXPORT_NAME} = ${JSON.stringify(frontmatter)};`)
+    ];
+    if (frontmatter.layout) {
+      exportNodes.unshift(
+        jsToTreeNode(
+          `import { jsx as layoutJsx } from 'astro/jsx-runtime';
+				
+				export default async function ({ children }) {
+					const Layout = (await import(${JSON.stringify(frontmatter.layout)})).default;
+					const { layout, ...content } = frontmatter;
+					content.file = file;
+					content.url = url;
+					content.astro = {};
+					Object.defineProperty(content.astro, 'headings', {
+						get() {
+							throw new Error('The "astro" property is no longer supported! To access "headings" from your layout, try using "Astro.props.headings."')
+						}
+					});
+					Object.defineProperty(content.astro, 'html', {
+						get() {
+							throw new Error('The "astro" property is no longer supported! To access "html" from your layout, try using "Astro.props.compiledContent()."')
+						}
+					});
+					Object.defineProperty(content.astro, 'source', {
+						get() {
+							throw new Error('The "astro" property is no longer supported! To access "source" from your layout, try using "Astro.props.rawContent()."')
+						}
+					});
+					return layoutJsx(Layout, {
+						file,
+						url,
+						content,
+						frontmatter: content,
+						headings: getHeadings(),
+						'server:root': true,
+						children,
+					});
+				};`
+        )
+      );
+    }
+    tree.children = exportNodes.concat(tree.children);
+  };
+}
+const DEFAULT_REMARK_PLUGINS = [remarkGfm, remarkSmartypants];
+const DEFAULT_REHYPE_PLUGINS = [];
+async function getRemarkPlugins(mdxOptions, config) {
+  let remarkPlugins = [
+    remarkInitializeAstroData
+  ];
+  switch (mdxOptions.extendPlugins) {
+    case false:
+      break;
+    case "astroDefaults":
+      remarkPlugins = [...remarkPlugins, ...DEFAULT_REMARK_PLUGINS];
+      break;
+    default:
+      remarkPlugins = [
+        ...remarkPlugins,
+        ...markdownShouldExtendDefaultPlugins(config) ? DEFAULT_REMARK_PLUGINS : [],
+        ...ignoreStringPlugins(config.markdown.remarkPlugins ?? [])
+      ];
+      break;
+  }
+  if (config.markdown.syntaxHighlight === "shiki") {
+    remarkPlugins.push([await remarkShiki(config.markdown.shikiConfig)]);
+  }
+  if (config.markdown.syntaxHighlight === "prism") {
+    remarkPlugins.push(remarkPrism);
+  }
+  remarkPlugins = [...remarkPlugins, ...mdxOptions.remarkPlugins ?? []];
+  return remarkPlugins;
+}
+function getRehypePlugins(mdxOptions, config) {
+  let rehypePlugins = [
+    rehypeCollectHeadings,
+    [rehypeRaw, { passThrough: nodeTypes }]
+  ];
+  switch (mdxOptions.extendPlugins) {
+    case false:
+      break;
+    case "astroDefaults":
+      rehypePlugins = [...rehypePlugins, ...DEFAULT_REHYPE_PLUGINS];
+      break;
+    default:
+      rehypePlugins = [
+        ...rehypePlugins,
+        ...markdownShouldExtendDefaultPlugins(config) ? DEFAULT_REHYPE_PLUGINS : [],
+        ...ignoreStringPlugins(config.markdown.rehypePlugins ?? [])
+      ];
+      break;
+  }
+  rehypePlugins = [...rehypePlugins, ...mdxOptions.rehypePlugins ?? []];
+  return rehypePlugins;
+}
+function markdownShouldExtendDefaultPlugins(config) {
+  return config.markdown.extendDefaultPlugins || config.markdown.remarkPlugins.length === 0 && config.markdown.rehypePlugins.length === 0;
+}
+function ignoreStringPlugins(plugins) {
+  let validPlugins = [];
+  let hasInvalidPlugin = false;
+  for (const plugin of plugins) {
+    if (typeof plugin === "string") {
+      console.warn(yellow(`[MDX] ${bold(plugin)} not applied.`));
+      hasInvalidPlugin = true;
+    } else if (Array.isArray(plugin) && typeof plugin[0] === "string") {
+      console.warn(yellow(`[MDX] ${bold(plugin[0])} not applied.`));
+      hasInvalidPlugin = true;
+    } else {
+      validPlugins.push(plugin);
+    }
+  }
+  if (hasInvalidPlugin) {
+    console.warn(
+      `To inherit Markdown plugins in MDX, please use explicit imports in your config instead of "strings." See Markdown docs: https://docs.astro.build/en/guides/markdown-content/#markdown-plugins`
+    );
+  }
+  return validPlugins;
+}
+function isValidAstroData(obj) {
+  if (typeof obj === "object" && obj !== null && obj.hasOwnProperty("frontmatter")) {
+    const { frontmatter } = obj;
+    try {
+      JSON.stringify(frontmatter);
+    } catch {
+      return false;
+    }
+    return typeof frontmatter === "object" && frontmatter !== null;
+  }
+  return false;
+}
+function safelyGetAstroData(vfileData) {
+  const { astro } = vfileData;
+  if (!astro)
+    return { frontmatter: {} };
+  if (!isValidAstroData(astro)) {
+    throw Error(
+      `[MDX] A remark or rehype plugin tried to add invalid frontmatter. Ensure "astro.frontmatter" is a JSON object!`
+    );
+  }
+  return astro;
+}
+function getImportMetaEnvVariableName(node) {
+  try {
+    if (node.object.type !== "MemberExpression" || node.property.type !== "Identifier")
+      return new Error();
+    const nestedExpression = node.object;
+    if (nestedExpression.property.type !== "Identifier" || nestedExpression.property.name !== "env")
+      return new Error();
+    const envExpression = nestedExpression.object;
+    if (envExpression.type !== "MetaProperty" || envExpression.property.type !== "Identifier" || envExpression.property.name !== "meta")
+      return new Error();
+    if (envExpression.meta.name !== "import")
+      return new Error();
+    return node.property.name;
+  } catch (e) {
+    if (e instanceof Error) {
+      return e;
+    }
+    return new Error("Unknown parsing error");
+  }
+}
+export {
+  getRehypePlugins,
+  getRemarkPlugins,
+  recmaInjectImportMetaEnvPlugin,
+  rehypeApplyFrontmatterExport,
+  remarkInitializeAstroData
+};

package/dist/utils.d.ts

@@ -1,21 +1,7 @@
-import type { PluggableList } from '@mdx-js/mdx/lib/core.js';
-import type { Options as MdxRollupPluginOptions } from '@mdx-js/rollup';
 import type { Options as AcornOpts } from 'acorn';
 import type { AstroConfig } from 'astro';
 import matter from 'gray-matter';
 import type { MdxjsEsm } from 'mdast-util-mdx';
-export declare type MdxOptions = {
-    remarkPlugins?: PluggableList;
-    rehypePlugins?: PluggableList;
-    /**
-     * Choose which remark and rehype plugins to inherit, if any.
-     *
-     * - "markdown" (default) - inherit your project’s markdown plugin config ([see Markdown docs](https://docs.astro.build/en/guides/markdown-content/#configuring-markdown))
-     * - "astroDefaults" - inherit Astro’s default plugins only ([see defaults](https://docs.astro.build/en/reference/configuration-reference/#markdownextenddefaultplugins))
-     * - false - do not inherit any plugins
-     */
-    extendPlugins?: 'markdown' | 'astroDefaults' | false;
-};
 interface FileInfo {
     fileId: string;
     fileUrl: string;
@@ -28,7 +14,5 @@ export declare function getFileInfo(id: string, config: AstroConfig): FileInfo;
  */
 export declare function parseFrontmatter(code: string, id: string): matter.GrayMatterFile<string>;
 export declare function jsToTreeNode(jsString: string, acornOpts?: AcornOpts): MdxjsEsm;
-export declare function getRemarkPlugins(mdxOptions: MdxOptions, config: AstroConfig): Promise<MdxRollupPluginOptions['remarkPlugins']>;
-export declare function getRehypePlugins(mdxOptions: MdxOptions, config: AstroConfig): MdxRollupPluginOptions['rehypePlugins'];
 export declare function handleExtendsNotSupported(pluginConfig: any): void;
 export {};

package/dist/utils.js

@@ -1,19 +1,8 @@
-import { nodeTypes } from "@mdx-js/mdx";
 import { parse } from "acorn";
 import matter from "gray-matter";
-import { bold, yellow } from "kleur/colors";
-import rehypeRaw from "rehype-raw";
-import remarkGfm from "remark-gfm";
-import remarkSmartypants from "remark-smartypants";
-import { remarkInitializeAstroData } from "./astro-data-utils.js";
-import rehypeCollectHeadings from "./rehype-collect-headings.js";
-import remarkPrism from "./remark-prism.js";
-import remarkShiki from "./remark-shiki.js";
 function appendForwardSlash(path) {
   return path.endsWith("/") ? path : path + "/";
 }
-const DEFAULT_REMARK_PLUGINS = [remarkGfm, remarkSmartypants];
-const DEFAULT_REHYPE_PLUGINS = [];
 function getFileInfo(id, config) {
   const sitePathname = appendForwardSlash(
     config.site ? new URL(config.base, config.site).pathname : config.base
@@ -70,76 +59,6 @@ function jsToTreeNode(jsString, acornOpts = {
     }
   };
 }
-async function getRemarkPlugins(mdxOptions, config) {
-  let remarkPlugins = [
-    remarkInitializeAstroData
-  ];
-  switch (mdxOptions.extendPlugins) {
-    case false:
-      break;
-    case "astroDefaults":
-      remarkPlugins = [...remarkPlugins, ...DEFAULT_REMARK_PLUGINS];
-      break;
-    default:
-      remarkPlugins = [
-        ...remarkPlugins,
-        ...config.markdown.extendDefaultPlugins ? DEFAULT_REMARK_PLUGINS : [],
-        ...ignoreStringPlugins(config.markdown.remarkPlugins ?? [])
-      ];
-      break;
-  }
-  if (config.markdown.syntaxHighlight === "shiki") {
-    remarkPlugins.push([await remarkShiki(config.markdown.shikiConfig)]);
-  }
-  if (config.markdown.syntaxHighlight === "prism") {
-    remarkPlugins.push(remarkPrism);
-  }
-  remarkPlugins = [...remarkPlugins, ...mdxOptions.remarkPlugins ?? []];
-  return remarkPlugins;
-}
-function getRehypePlugins(mdxOptions, config) {
-  let rehypePlugins = [
-    rehypeCollectHeadings,
-    [rehypeRaw, { passThrough: nodeTypes }]
-  ];
-  switch (mdxOptions.extendPlugins) {
-    case false:
-      break;
-    case "astroDefaults":
-      rehypePlugins = [...rehypePlugins, ...DEFAULT_REHYPE_PLUGINS];
-      break;
-    default:
-      rehypePlugins = [
-        ...rehypePlugins,
-        ...config.markdown.extendDefaultPlugins ? DEFAULT_REHYPE_PLUGINS : [],
-        ...ignoreStringPlugins(config.markdown.rehypePlugins ?? [])
-      ];
-      break;
-  }
-  rehypePlugins = [...rehypePlugins, ...mdxOptions.rehypePlugins ?? []];
-  return rehypePlugins;
-}
-function ignoreStringPlugins(plugins) {
-  let validPlugins = [];
-  let hasInvalidPlugin = false;
-  for (const plugin of plugins) {
-    if (typeof plugin === "string") {
-      console.warn(yellow(`[MDX] ${bold(plugin)} not applied.`));
-      hasInvalidPlugin = true;
-    } else if (Array.isArray(plugin) && typeof plugin[0] === "string") {
-      console.warn(yellow(`[MDX] ${bold(plugin[0])} not applied.`));
-      hasInvalidPlugin = true;
-    } else {
-      validPlugins.push(plugin);
-    }
-  }
-  if (hasInvalidPlugin) {
-    console.warn(
-      `To inherit Markdown plugins in MDX, please use explicit imports in your config instead of "strings." See Markdown docs: https://docs.astro.build/en/guides/markdown-content/#markdown-plugins`
-    );
-  }
-  return validPlugins;
-}
 function handleExtendsNotSupported(pluginConfig) {
   if (typeof pluginConfig === "object" && pluginConfig !== null && pluginConfig.hasOwnProperty("extends")) {
     throw new Error(
@@ -149,8 +68,6 @@ function handleExtendsNotSupported(pluginConfig) {
 }
 export {
   getFileInfo,
-  getRehypePlugins,
-  getRemarkPlugins,
   handleExtendsNotSupported,
   jsToTreeNode,
   parseFrontmatter

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@astrojs/mdx",
   "description": "Use MDX within Astro",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "type": "module",
   "types": "./dist/index.d.ts",
   "author": "withastro",
@@ -28,6 +28,7 @@
     "@mdx-js/rollup": "^2.1.1",
     "acorn": "^8.8.0",
     "es-module-lexer": "^0.10.5",
+    "estree-util-visit": "^1.2.0",
     "github-slugger": "^1.4.0",
     "gray-matter": "^4.0.3",
     "kleur": "^4.1.4",
@@ -41,10 +42,11 @@
   },
   "devDependencies": {
     "@types/chai": "^4.3.1",
+    "@types/estree": "^1.0.0",
     "@types/mocha": "^9.1.1",
     "@types/yargs-parser": "^21.0.0",
-    "astro": "1.1.3",
-    "astro-scripts": "0.0.7",
+    "astro": "1.3.1",
+    "astro-scripts": "0.0.8",
     "chai": "^4.3.6",
     "linkedom": "^0.14.12",
     "mdast-util-to-string": "^3.1.0",