update cloudflare-d1 template to not use "@hiogawa/vite-node-miniflare"

[brookslybrand]

This is an attempt to address #52, followup on #6, and fill in the gaps in #44

Jacob Paris also has a good article on using drizzle with Remix that does not use the loadContext.

Long term the React Router dev poxy should be able to be replaced by the cloudflare plugin/Vite Environment API. Contributions are appreciated when there is a better solution available.

Additionally, this PR improves the deployment instructions (see #58 for original implementation)

[caprolactam]

Suggested change

	cloudflareDevProxy({
	getLoadContext({ context }) {
	return getLoadContext(
	// @ts-expect-error - context types are unaware of the proxied values
	context.cloudflare
	);
	cloudflareDevProxy<CloudflareEnvironment, Record<string, unknown>>({
	getLoadContext({ context }) {
	return getLoadContext(context.cloudflare);

and change load-context.ts to( to avoid the ctx type mismatch between wrangler and production):

  export interface AppLoadContext {
    cloudflare: {
      env: CloudflareEnvironment;
-      ctx: ExecutionContext,
+      ctx: Omit<ExecutionContext, "props">;
    };
    db: DrizzleD1Database<typeof schema>;
  }

I think ctx.props is not important because it is not mentioned in the source and its type is any in @cloudflare/worker-types.

[caprolactam]

I think the ideal code would look like this:

// Env is generated by running `wrangler types`
cloudflareDevProxy<Env>({
  getLoadContext({ context, request }) {
    return getLoadContext({ context, request }),
  }
})

However, ts expects cloudflareDevProxy to take two type arguments, so throwing an error.

The second argument specifies details for mocking of Request's cf property, so it is generally managed by the remix-run team or wrangler. Therefore, I think cloudflareDevProxy types could be modified as follows:

https://github.com/remix-run/react-router/blob/d47f65d0abdf2ccfffb0d2dfd44a44da0c6a4659/packages/react-router-dev/vite/cloudflare-dev-proxy.ts#L38

- export const cloudflareDevProxyVitePlugin = <Env, Cf extends CfProperties>(
+ export const cloudflareDevProxyVitePlugin = <Env, Cf extends CfProperties = CfPropeties>(

Tbh, it might be simple and easy to follow the code in the Remix doc to avoid ts errors.
(like: cloudflareDevProxy({ getLoadContext }))

[brookslybrand]

@caprolactam, thanks for all the thoughts! I think omitting the props is probably fine as well

Would love your thoughts on my changes. If you think it's good that's good enough for me to go ahead and merge