mirror of
https://github.com/BradNut/awesome-uses
synced 2025-09-08 17:40:31 +00:00
fix netlify edge functions with assets
This commit is contained in:
parent
5a9913ce77
commit
93ff2d3207
2 changed files with 3 additions and 65 deletions
|
|
@ -1,63 +0,0 @@
|
|||
import type { AppLoadContext, ServerBuild } from '@netlify/remix-runtime'
|
||||
import { createRequestHandler as createRemixRequestHandler } from '@netlify/remix-runtime'
|
||||
import type { Context } from '@netlify/edge-functions'
|
||||
|
||||
type LoadContext = AppLoadContext & Context
|
||||
|
||||
/**
|
||||
* A function that returns the value to use as `context` in route `loader` and
|
||||
* `action` functions.
|
||||
*
|
||||
* You can think of this as an escape hatch that allows you to pass
|
||||
* environment/platform-specific values through to your loader/action.
|
||||
*/
|
||||
export type GetLoadContextFunction = (request: Request, context: Context) => Promise<LoadContext> | LoadContext
|
||||
|
||||
export type RequestHandler = (request: Request, context: LoadContext) => Promise<Response | void>
|
||||
|
||||
export function createRequestHandler({
|
||||
build,
|
||||
mode,
|
||||
getLoadContext,
|
||||
}: {
|
||||
build: ServerBuild
|
||||
mode?: string
|
||||
getLoadContext?: GetLoadContextFunction
|
||||
}): RequestHandler {
|
||||
const remixHandler = createRemixRequestHandler(build, mode)
|
||||
|
||||
const assetPath = build.assets.url.split('/').slice(0, -1).join('/')
|
||||
|
||||
return async (request: Request, context: LoadContext): Promise<Response | void> => {
|
||||
const { pathname } = new URL(request.url)
|
||||
// Skip the handler for static files
|
||||
if (pathname.startsWith(`${assetPath}/`)) {
|
||||
// Temporary fix - passing the request to the Netlify static asset handler causes a 203 Not Content error. Passing the through remix works, but I asssume isn't ideal
|
||||
// console.log('Skipping Remix handler for static file', pathname)
|
||||
// return;
|
||||
}
|
||||
try {
|
||||
const loadContext = (await getLoadContext?.(request, context)) || context
|
||||
|
||||
const response = await remixHandler(request, loadContext)
|
||||
|
||||
// A useful header for debugging
|
||||
response.headers.set('x-nf-runtime', 'Edge')
|
||||
|
||||
if (response.status === 404) {
|
||||
// Check if there is a matching static file
|
||||
const originResponse = await context.next({
|
||||
sendConditionalRequest: true,
|
||||
})
|
||||
if (originResponse.status !== 404) {
|
||||
return originResponse
|
||||
}
|
||||
}
|
||||
return response
|
||||
} catch (error: unknown) {
|
||||
console.error(error)
|
||||
|
||||
return new Response('Internal Error', { status: 500 })
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,7 +1,6 @@
|
|||
// Import path interpreted by the Remix compiler
|
||||
import * as build from "@remix-run/dev/server-build";
|
||||
// import { createRequestHandler } from "@netlify/remix-edge-adapter";
|
||||
import { createRequestHandler } from "./netlify-server";
|
||||
import { createRequestHandler } from "@netlify/remix-edge-adapter";
|
||||
|
||||
export default createRequestHandler({
|
||||
build,
|
||||
|
|
@ -12,4 +11,6 @@ export default createRequestHandler({
|
|||
export const config = {
|
||||
cache: "manual",
|
||||
path: "/*",
|
||||
// Pass all assets to the netlify asset server
|
||||
excluded_patterns: ["/_assets/*"],
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in a new issue