-
-
Notifications
You must be signed in to change notification settings - Fork 36
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #183 from robin-maki/integration/svelte
- Loading branch information
Showing
4 changed files
with
126 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,87 @@ | ||
| /** | ||
| * Fedify with SvelteKit | ||
| * ===================== | ||
| * | ||
| * This module provides a [SvelteKit] hook to integrate with the Fedify. | ||
| * | ||
| * [SvelteKit]: https://kit.svelte.dev/ | ||
| * | ||
| * @module | ||
| * @since 1.3.0 | ||
| */ | ||
|
|
||
| import type { | ||
| Federation, | ||
| FederationFetchOptions, | ||
| } from "../federation/federation.ts"; | ||
|
|
||
| type RequestEvent = { | ||
| request: Request; | ||
| }; | ||
|
|
||
| type HookParams = { | ||
| event: RequestEvent; | ||
| resolve: (event: RequestEvent) => Promise<Response>; | ||
| }; | ||
|
|
||
| /** | ||
| * Create a SvelteKit hook handler to integrate with the {@link Federation} | ||
| * object. | ||
| * | ||
| * @example hooks.server.ts | ||
| * ``` typescript | ||
| * import { federation } from "./federation"; // Import the `Federation` object | ||
| * | ||
| * export const handle = fedifyHook(federation, () => undefined); | ||
| * ``` | ||
| * | ||
| * @typeParam TContextData A type of the context data for the {@link Federation} | ||
| * object. | ||
| * @param federation A {@link Federation} object to integrate with SvelteKit. | ||
| * @param createContextData A function to create a context data for the | ||
| * {@link Federation} object. | ||
| * @returns A SvelteKit hook handler. | ||
| * @since 1.3.0 | ||
| */ | ||
| export function fedifyHook<TContextData>( | ||
| federation: Federation<TContextData>, | ||
| createContextData: ( | ||
| event: RequestEvent, | ||
| ) => TContextData | Promise<TContextData>, | ||
| ): (params: HookParams) => Promise<Response> { | ||
| return async ({ event, resolve }: HookParams) => { | ||
| return await federation.fetch(event.request, { | ||
| contextData: await createContextData(event), | ||
| ...integrateFetchOptions({ event, resolve }), | ||
| }); | ||
| }; | ||
| } | ||
|
|
||
| function integrateFetchOptions( | ||
| { event, resolve }: HookParams, | ||
| ): Omit<FederationFetchOptions<void>, "contextData"> { | ||
| return { | ||
| async onNotFound(): Promise<Response> { | ||
| return await resolve(event); | ||
| }, | ||
|
|
||
| // Similar to `onNotFound`, but slightly more tricky one. | ||
| // When the `federation` object finds a request not acceptable type-wise | ||
| // (i.e., a user-agent doesn't want JSON-LD), it will call the `resolve` | ||
| // provided by the SvelteKit framework so that it renders HTML if there's some | ||
| // page. Otherwise, it will simply return a 406 Not Acceptable response. | ||
| // This kind of trick enables the Fedify and SvelteKit to share the same routes | ||
| // and they do content negotiation depending on `Accept` header: | ||
| async onNotAcceptable(): Promise<Response> { | ||
| const res = await resolve(event); | ||
| if (res.status !== 404) return res; | ||
| return new Response("Not acceptable", { | ||
| status: 406, | ||
| headers: { | ||
| "Content-Type": "text/plain", | ||
| Vary: "Accept", | ||
| }, | ||
| }); | ||
| }, | ||
| }; | ||
| } |