upgrade flags-sdk/posthog example

flags-sdk/posthog/README.md

@@ -59,11 +59,13 @@ Set both feature flags to rollout to 50% of users.
 
 If you prefer not to use the Vercel Marketplace integration, you can manually configure the environment variables:
 
-1. Set `NEXT_PUBLIC_POSTHOG_KEY` to your PostHog project API key
-2. Set `NEXT_PUBLIC_POSTHOG_HOST` to your PostHog host (e.g., `https://us.i.posthog.com`)
+1. Set `POSTHOG_PROJECT_API_KEY` to your PostHog project API key (`phc_...`)
+2. Set `POSTHOG_HOST` to your PostHog host, which selects the region (e.g., `https://us.i.posthog.com` or `https://eu.i.posthog.com`)
 3. Set `FLAGS_SECRET` to a base64-encoded 32-byte random value
 
+Optionally set `POSTHOG_SECRET_KEY` (the feature flags secret key, `phs_...`) to opt the adapter into local evaluation instead of evaluating each flag remotely.
+
 For the Flags Explorer feature, also set:
 
-- `POSTHOG_PERSONAL_API_KEY` - Your PostHog personal API key
-- `POSTHOG_PROJECT_ID` - Your PostHog project ID
+- `POSTHOG_PERSONAL_API_KEY` - Your PostHog personal API key (`phx_...`)
+- `POSTHOG_PROJECT_ID` - Your PostHog project ID (e.g. `521742`)

flags-sdk/posthog/flags.ts

@@ -1,30 +1,24 @@
-import { type PostHogEntities } from '@flags-sdk/posthog'
+import { type PostHogEntities, postHogAdapter } from '@flags-sdk/posthog'
 import { flag } from 'flags/next'
 import { identify } from './lib/identify'
-import { postHogAdapter } from './lib/posthog-adapter'
-import type { Adapter } from 'flags'
 
 export const showSummerBannerFlag = flag<boolean, PostHogEntities>({
   key: 'summer_sale',
-  adapter: postHogAdapter.isFeatureEnabled(),
+  adapter: postHogAdapter,
   defaultValue: false,
   identify,
 })
 
 export const showFreeDeliveryBannerFlag = flag<boolean, PostHogEntities>({
   key: 'free_delivery',
-  adapter: postHogAdapter.isFeatureEnabled(),
+  adapter: postHogAdapter,
   defaultValue: false,
   identify,
 })
 
 export const proceedToCheckoutColorFlag = flag<string, PostHogEntities>({
   key: 'proceed_to_checkout_color',
-  // This is a limitation in the PostHog adapter which does not take generic type
-  adapter: postHogAdapter.featureFlagValue() as Adapter<
-    string,
-    PostHogEntities
-  >,
+  adapter: postHogAdapter.payload,
   defaultValue: 'blue',
   options: ['blue', 'green', 'red'],
   identify,

flags-sdk/posthog/package.json

@@ -9,23 +9,22 @@
     "start": "next start"
   },
   "dependencies": {
-    "@flags-sdk/posthog": "0.1.0",
+    "@flags-sdk/posthog": "1.0.0",
     "@headlessui/react": "^2.2.0",
     "@heroicons/react": "2.2.0",
     "@tailwindcss/aspect-ratio": "0.4.2",
     "@tailwindcss/forms": "0.5.10",
     "@tailwindcss/postcss": "^4.0.8",
     "@tailwindcss/typography": "0.5.16",
     "@vercel/edge": "1.2.1",
-    "@vercel/edge-config": "1.4.3",
-    "@vercel/toolbar": "0.1.33",
+    "@vercel/toolbar": "0.2.7",
     "clsx": "2.1.1",
-    "flags": "^4.0.2",
+    "flags": "^4.2.4",
     "motion": "12.17.0",
     "nanoid": "5.1.2",
-    "next": "^16.0.10",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
+    "next": "^16.2.12",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "sonner": "2.0.1",
     "swr": "^2.3.2"
   },