66 lines
1.6 KiB
TypeScript
66 lines
1.6 KiB
TypeScript
'use client';
|
|
|
|
import { createContext, useContext, useEffect, useState, ReactNode } from 'react';
|
|
|
|
interface RuntimeConfig {
|
|
domain: string;
|
|
}
|
|
|
|
interface ConfigContextType {
|
|
config: RuntimeConfig | null;
|
|
isLoading: boolean;
|
|
}
|
|
|
|
const ConfigContext = createContext<ConfigContextType>({
|
|
config: null,
|
|
isLoading: true,
|
|
});
|
|
|
|
export function ConfigProvider({ children }: { children: ReactNode }) {
|
|
const [config, setConfig] = useState<RuntimeConfig | null>(null);
|
|
const [isLoading, setIsLoading] = useState(true);
|
|
|
|
useEffect(() => {
|
|
// Fetch runtime config on mount
|
|
fetch('/api/config')
|
|
.then((res) => res.json())
|
|
.then((data) => {
|
|
setConfig({
|
|
domain: data.domain || 'localhost:43821',
|
|
});
|
|
})
|
|
.catch(() => {
|
|
// Fallback to build-time value if fetch fails
|
|
setConfig({
|
|
domain: process.env.NEXT_PUBLIC_NODE_DOMAIN || 'localhost:43821',
|
|
});
|
|
})
|
|
.finally(() => {
|
|
setIsLoading(false);
|
|
});
|
|
}, []);
|
|
|
|
return (
|
|
<ConfigContext.Provider value={{ config, isLoading }}>
|
|
{children}
|
|
</ConfigContext.Provider>
|
|
);
|
|
}
|
|
|
|
export function useRuntimeConfig() {
|
|
const context = useContext(ConfigContext);
|
|
if (!context) {
|
|
throw new Error('useRuntimeConfig must be used within a ConfigProvider');
|
|
}
|
|
return context;
|
|
}
|
|
|
|
export function useDomain(): string {
|
|
const { config, isLoading } = useRuntimeConfig();
|
|
// Return runtime domain if loaded, otherwise fall back to build-time value
|
|
if (isLoading || !config) {
|
|
return process.env.NEXT_PUBLIC_NODE_DOMAIN || 'localhost:43821';
|
|
}
|
|
return config.domain;
|
|
}
|