context.ts

import type { Context } from "hono"
import { createContext, RouterContextProvider } from "react-router"
import { i18next } from "remix-hono/i18next"
import { getClientEnv, getServerEnv } from "~/env.server"

export const globalAppContext = createContext<LoadContext>()

export const getAppContext = async (c: Context) => {
	// get the locale from the context
	const locale = i18next.getLocale(c)
	// get t function for the default namespace
	const t = await i18next.getFixedT(c)
	// get the server environment
	const env = getServerEnv()

	return {
		lang: locale,
		t,
		isProductionDeployment: env.APP_ENV === "production",
		env,
		clientEnv: getClientEnv(),
		// We do not add this to AppLoadContext type because it's not needed in the loaders, but it's used above to handle requests
		body: c.body,
	}
}

export const getLoadContext = async (c: Context) => {
	const ctx = new RouterContextProvider()
	const globalCtx = await getAppContext(c)
	ctx.set(globalAppContext, globalCtx)
	return ctx
}

interface LoadContext extends Awaited<ReturnType<typeof getAppContext>> {}

/**
 * Declare our loaders and actions context type
 */
declare module "react-router" {
	interface AppLoadContext extends Omit<LoadContext, "body"> {}
}