feat(mdx): support exporting links function (#3801)

.changeset/neat-nymphs.md

@@ -0,0 +1,5 @@
+---
+"@remix-run/dev": patch
+---
+
+support exporting links in mdx files

contributors.yml

@@ -394,3 +394,4 @@
 - zhe
 - garand
 - kiancross
+- tagraves

docs/guides/mdx.md

@@ -77,6 +77,12 @@ headers:
   Cache-Control: no-cache
 ---
 
+import styles from "./first-post.css";
+
+export const links = () => [
+  { rel: "stylesheet", href: styles },
+];
+
 export const handle = {
   someData: "abc",
 };

integration/mdx-test.ts

@@ -61,6 +61,10 @@ headers:
   Cache-Control: no-cache
 ---
 
+export const links = () => [
+  { rel: "stylesheet", href: "app.css" }
+]
+
 export const handle = {
   someData: "abc"
 }
@@ -101,7 +105,9 @@ export function ComponentUsingData() {
     expect(await app.getHtml()).toMatch("This is some basic markdown!");
   });
 
-  test("supports meta, headers, handle, and loader", async ({ page }) => {
+  test("supports links, meta, headers, handle, and loader", async ({
+    page,
+  }) => {
     let app = new PlaywrightFixture(appFixture, page);
     await app.goto("/blog/post");
     expect(await app.getHtml('meta[name="description"]')).toMatch(
@@ -110,5 +116,6 @@ export function ComponentUsingData() {
     expect(await app.getHtml("title")).toMatch("My First Post");
     expect(await app.getHtml("#loader")).toMatch(/Mambo Number:.+5/s);
     expect(await app.getHtml("#handle")).toMatch("abc");
+    expect(await app.getHtml('link[rel="stylesheet"]')).toMatch("app.css");
   });
 });

packages/remix-dev/compiler/plugins/mdx.ts

@@ -71,7 +71,6 @@ export function mdxPlugin(config: RemixConfig): esbuild.Plugin {
 export const filename = ${JSON.stringify(path.basename(args.path))};
 export const headers = typeof attributes !== "undefined" && attributes.headers;
 export const meta = typeof attributes !== "undefined" && attributes.meta;
-export const links = undefined;
           `;
 
           let compiled = await xdm.compile(fileContents, {