mirror of
https://github.com/xtr-dev/payload-feature-flags.git
synced 2025-12-09 18:33:25 +00:00
v0.0.15: Fix SSR warning in client components
Removes misleading warning that appeared during Next.js SSR: - Client components are initially rendered on server where window is undefined - This is expected behavior and doesn't require a warning - Now silently falls back to relative URLs during SSR - Properly uses window.location.origin once hydrated on client The hooks now work seamlessly in: - Pure client-side apps - Next.js with SSR/SSG - Server components (with explicit serverURL) - Client components (auto-detects after hydration) 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@xtr-dev/payload-feature-flags",
|
||||
"version": "0.0.14",
|
||||
"version": "0.0.15",
|
||||
"description": "Feature flags plugin for Payload CMS - manage feature toggles, A/B tests, and gradual rollouts",
|
||||
"license": "MIT",
|
||||
"type": "module",
|
||||
|
||||
@@ -21,23 +21,31 @@ export interface FeatureFlagOptions {
|
||||
|
||||
// Helper to get config from options or defaults
|
||||
function getConfig(options?: FeatureFlagOptions) {
|
||||
// In server-side environments, serverURL must be explicitly provided
|
||||
const serverURL = options?.serverURL ||
|
||||
(typeof window !== 'undefined' ? window.location.origin : undefined)
|
||||
|
||||
if (!serverURL) {
|
||||
console.warn(
|
||||
'FeatureFlags: serverURL must be provided when using hooks in server-side environment. ' +
|
||||
'Falling back to relative URL which may not work correctly.'
|
||||
)
|
||||
// Use relative URL as fallback - will work if API is on same domain
|
||||
return { serverURL: '', apiPath: options?.apiPath || '/api', collectionSlug: options?.collectionSlug || 'feature-flags' }
|
||||
// Check if serverURL is explicitly provided
|
||||
if (options?.serverURL) {
|
||||
return {
|
||||
serverURL: options.serverURL,
|
||||
apiPath: options.apiPath || '/api',
|
||||
collectionSlug: options.collectionSlug || 'feature-flags'
|
||||
}
|
||||
}
|
||||
|
||||
const apiPath = options?.apiPath || '/api'
|
||||
const collectionSlug = options?.collectionSlug || 'feature-flags'
|
||||
// In browser environment, use window.location.origin
|
||||
if (typeof window !== 'undefined') {
|
||||
return {
|
||||
serverURL: window.location.origin,
|
||||
apiPath: options?.apiPath || '/api',
|
||||
collectionSlug: options?.collectionSlug || 'feature-flags'
|
||||
}
|
||||
}
|
||||
|
||||
return { serverURL, apiPath, collectionSlug }
|
||||
// During SSR or in non-browser environments, use relative URL
|
||||
// This will work for same-origin requests
|
||||
return {
|
||||
serverURL: '',
|
||||
apiPath: options?.apiPath || '/api',
|
||||
collectionSlug: options?.collectionSlug || 'feature-flags'
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user