feat: add edge middleware support to ntl dev

Author: ascorbic

.vscode/settings.json

@@ -2,8 +2,8 @@
   "deno.enablePaths": [
     "packages/runtime/src/templates/edge",
     "demos/middleware/.netlify/edge-functions",
+    "demos/middleware/netlify/edge-functions",
     "demos/server-components/.netlify/edge-functions",
   ],
-  "deno.unstable": true,
-  "deno.importMap": "demos/server-components/.netlify/edge-functions-import-map.json"
+  "deno.unstable": true
 }

demos/middleware/middleware.ts

@@ -5,16 +5,13 @@ import { MiddlewareRequest } from '@netlify/next'
 
 export async function middleware(req: NextRequest) {
   let response
-  const {
-    nextUrl: { pathname },
-  } = req
+  const { pathname } = req.nextUrl
 
   const request = new MiddlewareRequest(req)
-
   if (pathname.startsWith('/static')) {
     // Unlike NextResponse.next(), this actually sends the request to the origin
     const res = await request.next()
-    const message = `This was static but has been transformed in ${req.geo.city}`
+    const message = `This was static but has been transformed in ${req.geo?.city}`
 
     // Transform the response HTML and props
     res.replaceText('p[id=message]', message)
@@ -58,6 +55,16 @@ export async function middleware(req: NextRequest) {
       response.headers.set('x-modified-in-rewrite', 'true')
     }
 
+    if (pathname.startsWith('/shows/redirectme')) {
+      const url = req.nextUrl.clone()
+      url.pathname = '/shows/100'
+      response = NextResponse.redirect(url)
+    }
+
+    if (pathname.startsWith('/shows/redirectexternal')) {
+      response = NextResponse.redirect('http://example.com/')
+    }
+
     if (!response) {
       response = NextResponse.next()
     }

demos/middleware/netlify.toml

@@ -6,9 +6,8 @@ ignore = "if [ $CACHED_COMMIT_REF == $COMMIT_REF ]; then (exit 1); else git diff
 [build.environment]
 NEXT_USE_NETLIFY_EDGE = "true"
 
-[[plugins]]
-package = "../plugin-wrapper/"
-
+# [[plugins]]
+# package = "@netlify/plugin-nextjs"
 # This is a fake plugin, that makes it run npm install
 [[plugins]]
 package = "@netlify/plugin-local-install-core"
@@ -19,15 +18,13 @@ included_files = [
     "!node_modules/sharp/build/Release/sharp-darwin-*"
 ]
 
-[dev]
-framework = "#static"
-
+# [dev]
+# framework = "#static"
 [[redirects]]
 from = "/_next/static/*"
 to = "/static/:splat"
 status = 200
-
-[[redirects]]
-from = "/*"
-to = "/.netlify/functions/___netlify-handler"
-status = 200
+# [[redirects]]
+# from = "/*"
+# to = "/.netlify/functions/___netlify-handler"
+# status = 200

demos/middleware/pages/index.js

@@ -25,6 +25,12 @@ export default function Home() {
         <p>
           <Link href="/shows/rewrite-external">Rewrite to external URL</Link>
         </p>
+        <p>
+          <Link href="/shows/redirectme">Redirect URL</Link>
+        </p>
+        <p>
+          <Link href="/shows/redirectexternal">Redirect to external URL</Link>
+        </p>
         <p>
           <Link href="/shows/static/3">Add header to static page</Link>
         </p>

demos/middleware/tsconfig.json

@@ -17,6 +17,7 @@
   },
   "exclude": [
     "node_modules",
+    "netlify/edge-functions/**/*",
     "../../src/templates/edge/*"
   ],
   "include": [