supplies custom fetch

svelte/src/routes/+page.svelte

@@ -3,6 +3,9 @@
     import { createConnectTransport } from '@bufbuild/connect-web'
     import { ElizaService } from '../gen/buf/connect/demo/eliza/v1/eliza_connect.js'
     import { IntroduceRequest } from '../gen/buf/connect/demo/eliza/v1/eliza_pb.js'
+    import { wrapFetch } from './wrap-fetch.js';
+
+    export let data: { fetch: typeof fetch }
 
     interface Response {
         text: string
@@ -23,7 +26,8 @@
         ElizaService,
         createConnectTransport({
             baseUrl: 'https://demo.connect.build',
-        })
+            fetch: wrapFetch('calling from connect', data.fetch),
+        }),
     )
 
     const send = async () => {

svelte/src/routes/+page.ts

@@ -0,0 +1,6 @@
+import type { PageLoad } from './$types'
+import { wrapFetch } from './wrap-fetch'
+
+export const load: PageLoad = async ({ fetch }) => ({
+  fetch: wrapFetch('calling from +page.ts', fetch),
+})

svelte/src/routes/wrap-fetch.ts

@@ -0,0 +1,11 @@
+/** This utility helps to demonstrate that a custom implementation for fetch (first supplied by sveltekit then passed to Connect) is actually being called. */
+export const wrapFetch = (
+  message: string,
+  fetch: typeof globalThis.fetch,
+) => (
+  url: RequestInfo | URL,
+  init?: RequestInit | undefined,
+) => {
+  console.log(message)
+  return fetch(url, init)
+}