Fix: Netlify edge deployment when using markdown

.changeset/fluffy-hounds-smash.md

@@ -0,0 +1,7 @@
+---
+'astro': patch
+'@astrojs/netlify': patch
+'@astrojs/markdown-remark': patch
+---
+
+Fix: "vpath" import error when building for netlify edge

packages/astro/src/vite-plugin-markdown/index.ts

@@ -154,7 +154,7 @@ export default function markdown({ config }: AstroPluginOptions): Plugin {
 				const { layout = '', components = '', setup = '', ...content } = frontmatter;
 				content.astro = metadata;
 				const prelude = `---
-import { slug as $$slug } from '@astrojs/markdown-remark';
+import { slug as $$slug } from '@astrojs/markdown-remark/ssr-utils';
 ${layout ? `import Layout from '${layout}';` : ''}
 ${components ? `import * from '${components}';` : ''}
 ${hasInjectedScript ? `import '${PAGE_SSR_SCRIPT_ID}';` : ''}

packages/integrations/netlify/package.json

@@ -27,7 +27,7 @@
     "dev": "astro-scripts dev \"src/**/*.ts\"",
     "test-fn": "mocha --exit --timeout 20000 test/functions/",
     "test-edge": "deno test --allow-run --allow-read --allow-net ./test/edge-functions/",
-    "test": "npm run test-fn"
+    "test": "npm run test-fn && npm run test-edge"
   },
   "dependencies": {
     "@astrojs/webapi": "^0.12.0",

packages/integrations/netlify/src/netlify-edge-functions.ts

@@ -1,6 +1,6 @@
-import { SSRManifest } from 'astro';
-import { App } from 'astro/app';
 import './edge-shim.js';
+import type { SSRManifest } from 'astro';
+import { App } from 'astro/app';
 
 export function createExports(manifest: SSRManifest) {
 	const app = new App(manifest);

packages/integrations/netlify/test/edge-functions/fixtures/edge-basic/src/pages/three.md

@@ -0,0 +1,7 @@
+---
+title: Hey there!
+---
+
+# {frontmatter.title}!
+
+It's a markdown file!

packages/markdown/remark/package.json

@@ -13,7 +13,8 @@
   "homepage": "https://astro.build",
   "main": "./dist/index.js",
   "exports": {
-    ".": "./dist/index.js"
+    ".": "./dist/index.js",
+    "./ssr-utils": "./dist/ssr-utils.js"
   },
   "scripts": {
     "prepublish": "pnpm build",

packages/markdown/remark/src/index.ts

@@ -13,7 +13,6 @@ import scopedStyles from './remark-scoped-styles.js';
 import remarkShiki from './remark-shiki.js';
 import remarkUnwrap from './remark-unwrap.js';
 
-import Slugger from 'github-slugger';
 import rehypeRaw from 'rehype-raw';
 import rehypeStringify from 'rehype-stringify';
 import markdown from 'remark-parse';
@@ -26,11 +25,6 @@ export * from './types.js';
 export const DEFAULT_REMARK_PLUGINS = ['remark-gfm', 'remark-smartypants'];
 export const DEFAULT_REHYPE_PLUGINS = [];
 
-const slugger = new Slugger();
-export function slug(value: string): string {
-	return slugger.slug(value);
-}
-
 /** Shared utility for rendering markdown */
 export async function renderMarkdown(
 	content: string,

packages/markdown/remark/src/ssr-utils.ts

@@ -0,0 +1,8 @@
+/** Utilities used in deployment-ready SSR bundles */
+import Slugger from 'github-slugger';
+
+const slugger = new Slugger();
+/** @see {@link "/packages/astro/vite-plugin-markdown"} */
+export function slug(value: string): string {
+	return slugger.slug(value);
+}