Feature Flags Integration

import type { FeatureManifest } from 'featuredrop'
 
export const manifest: FeatureManifest = [
  {
    id: 'guided-rollouts',
    label: 'Guided rollout templates',
    releasedAt: '2026-02-10T00:00:00Z',
    showNewUntil: '2026-04-01T00:00:00Z',
    flagKey: 'guided_rollouts_v2'
  }
]

import { createFlagBridge } from 'featuredrop/flags'
 
export const flagBridge = createFlagBridge({
  isEnabled: (flagKey, userContext) =>
    myFlagsClient.isEnabled(flagKey, { userId: userContext?.traits?.id as string | undefined }),
  defaultValue: false,
  onError: (error, context) => {
    console.warn('flag bridge fallback', context.flagKey, error)
  }
})

import { LaunchDarklyBridge } from 'featuredrop/flags'
 
const flagBridge = new LaunchDarklyBridge(ldClient, { defaultValue: false })

import { PostHogBridge } from 'featuredrop/flags'
 
const flagBridge = new PostHogBridge(posthog, { defaultValue: false })

import { FeatureDropProvider } from 'featuredrop/react'
 
<FeatureDropProvider
  manifest={manifest}
  storage={storage}
  flagBridge={flagBridge}
  userContext={{ plan: 'pro', role: 'admin', traits: { id: user.id } }}
>
  {children}
</FeatureDropProvider>