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 path interpreted by the Remix compiler
|
||||||
import * as build from "@remix-run/dev/server-build";
|
import * as build from "@remix-run/dev/server-build";
|
||||||
// import { createRequestHandler } from "@netlify/remix-edge-adapter";
|
import { createRequestHandler } from "@netlify/remix-edge-adapter";
|
||||||
import { createRequestHandler } from "./netlify-server";
|
|
||||||
|
|
||||||
export default createRequestHandler({
|
export default createRequestHandler({
|
||||||
build,
|
build,
|
||||||
|
|
@ -12,4 +11,6 @@ export default createRequestHandler({
|
||||||
export const config = {
|
export const config = {
|
||||||
cache: "manual",
|
cache: "manual",
|
||||||
path: "/*",
|
path: "/*",
|
||||||
|
// Pass all assets to the netlify asset server
|
||||||
|
excluded_patterns: ["/_assets/*"],
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue