@next/mdx 15.4.6 → 15.5.0

package/index.d.ts

@@ -21,7 +21,22 @@ declare namespace nextMDX {
      *
      * @see https://mdxjs.com/packages/mdx/#api
      */
-    options?: Options
+    options?: Options & {
+      remarkPlugins?:
+        | (
+            | string
+            | [name: string, options: any]
+            | NonNullable<Options['remarkPlugins']>[number]
+          )[]
+        | Options['remarkPlugins']
+      rehypePlugins?:
+        | (
+            | string
+            | [name: string, options: any]
+            | NonNullable<Options['rehypePlugins']>[number]
+          )[]
+        | Options['rehypePlugins']
+    }
   }
 }
 

package/mdx-js-loader.js

@@ -5,15 +5,22 @@ function interopDefault(mod) {
   return mod.default || mod
 }
 
+async function importPluginForPath(pluginPath, projectRoot) {
+  const path = require.resolve(pluginPath, { paths: [projectRoot] })
+  return interopDefault(
+    // "use pathToFileUrl to make esm import()s work with absolute windows paths":
+    // on windows import("C:\\path\\to\\file") is not valid, so we need to use file:// URLs
+    // https://github.com/vercel/next.js/commit/fbf9e12de095e0237d4ba4aa6139d9757bd20be9
+    await import(process.platform === 'win32' ? pathToFileURL(path) : path)
+  )
+}
+
 async function importPlugin(plugin, projectRoot) {
   if (Array.isArray(plugin) && typeof plugin[0] === 'string') {
-    const path = require.resolve(plugin[0], { paths: [projectRoot] })
-    plugin[0] = interopDefault(
-      // "use pathToFileUrl to make esm import()s work with absolute windows paths":
-      // on windows import("C:\\path\\to\\file") is not valid, so we need to use file:// URLs
-      // https://github.com/vercel/next.js/commit/fbf9e12de095e0237d4ba4aa6139d9757bd20be9
-      await import(process.platform === 'win32' ? pathToFileURL(path) : path)
-    )
+    plugin[0] = await importPluginForPath(plugin[0], projectRoot)
+  }
+  if (typeof plugin === 'string') {
+    plugin = await importPluginForPath(plugin, projectRoot)
   }
   return plugin
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next/mdx",
-  "version": "15.4.6",
+  "version": "15.5.0",
   "main": "index.js",
   "license": "MIT",
   "repository": {

package/readme.md

@@ -105,14 +105,13 @@ yarn add @next/mdx
 Create an `mdx-components.js` file at the root of your project with the following contents:
 
 ```js
-// This file is required to use @next/mdx in the `app` directory.
-export function useMDXComponents(components) {
+// Allows customizing built-in components, e.g. to add styling.
+const components = {
+  // h1: ({ children }) => <h1 style={{ fontSize: "100px" }}>{children}</h1>,
+}
+
+export function useMDXComponents() {
   return components
-  // Allows customizing built-in components, e.g. to add styling.
-  // return {
-  //   h1: ({ children }) => <h1 style={{ fontSize: "100px" }}>{children}</h1>,
-  //   ...components,
-  // }
 }
 ```