// /app/durable-objects.ts
import type { LoaderFunctionArgs } from "react-router";
import { DurableObject } from "cloudflare:workers";

export class SampleDurableObject extends DurableObject {
  async sampleLoader({ request }: LoaderFunctionArgs) {
    return { url: request.url };
  }
}

// /app/routes/home.tsx
import { durableLoader } from "react-router-durable";
import { SampleDurableObject } from "../durable-objects";

// Makes a react-router loader that proxies the load to the SampleDurableObject
export const loader = durableLoader(
  SampleDurableObject,
  (env) => env.sample.sampleLoader,
  "sample" // the name of the DurableObject to use
);

export default function Home() {
  const { url } = useLoaderData<typeof loader>();

  return <h1>url: {url}</h1>;
}