@fedify/sveltekit: Integrate Fedify with SvelteKit

This package is available since Fedify 1.9.0.

This package provides a simple way to integrate Fedify with SvelteKit.

The integration code looks like this:

import { createFederation } from "@fedify/fedify";
import { fedifyHook } from "@fedify/sveltekit";

const federation = createFederation<string>({
  // Omitted for brevity; see the related section for details.
});

// This is the entry point to the Fedify hook from the SvelteKit framework:
export const handle = fedifyHook(federation, (req) => "context data");

Put the above code in your hooks.server.ts file.

How it works

Fedify behaves as a hook handler that wraps around the SvelteKit request handler. The hook intercepts the incoming HTTP requests and dispatches them to the appropriate handler based on the request path and the Accept header (i.e., content negotiation). This architecture allows Fedify and your SvelteKit application to coexist in the same domain and port.

For example, if you make a request to /.well-known/webfinger Fedify will handle the request by itself, but if you make a request to /users/alice (assuming your SvelteKit app has a handler for /users/[handle]) with Accept: text/html header, Fedify will dispatch the request to the SvelteKit app's appropriate handler for /users/[handle]. Or if you define an actor dispatcher for /users/{handle} in Fedify, and the request is made with Accept: application/activity+json header, Fedify will dispatch the request to the appropriate actor dispatcher.

Installation

deno add jsr:@fedify/sveltekit  # Deno
npm  add     @fedify/sveltekit  # npm
pnpm add     @fedify/sveltekit  # pnpm
yarn add     @fedify/sveltekit  # Yarn
bun  add     @fedify/sveltekit  # Bun