[toolbar-launchdarkly] upgrade

toolbar/toolbar-launchdarkly/app/.well-known/vercel/flags/route.ts

@@ -1,16 +1,10 @@
-import { getLaunchDarklyData } from '@vercel/flags/providers/launchdarkly'
-import { type NextRequest, NextResponse } from 'next/server'
-import { type ApiData, verifyAccess } from '@vercel/flags'
+import { getProviderData } from '@flags-sdk/launchdarkly'
+import { createFlagsDiscoveryEndpoint } from 'flags/next'
 
-export async function GET(request: NextRequest) {
-  const access = await verifyAccess(request.headers.get('Authorization'))
-  if (!access) return NextResponse.json(null, { status: 401 })
-
-  const data = await getLaunchDarklyData({
+export const GET = createFlagsDiscoveryEndpoint(async () =>
+  getProviderData({
     apiKey: process.env.LAUNCHDARKLY_API_KEY!,
     environment: process.env.LAUNCHDARKLY_ENV!,
     projectKey: process.env.LAUNCHDARKLY_PROJECT_KEY!,
   })
-
-  return NextResponse.json<ApiData>(data)
-}
+)

toolbar/toolbar-launchdarkly/app/layout.tsx

@@ -2,9 +2,9 @@ import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import './globals.css'
 import { VercelToolbar } from '@vercel/toolbar/next'
-import { FlagValues } from '@vercel/flags/react'
+import { FlagValues } from 'flags/react'
 import { Suspense } from 'react'
-import { FlagValuesType, encrypt } from '@vercel/flags'
+import { type FlagValuesType, encryptFlagValues } from 'flags'
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -17,7 +17,7 @@ async function ConfidentialFlagValues({
 }: {
   flagValues: FlagValuesType
 }) {
-  const encryptedFlagValues = await encrypt(flagValues)
+  const encryptedFlagValues = await encryptFlagValues(flagValues)
   return <FlagValues values={encryptedFlagValues} />
 }
 

toolbar/toolbar-launchdarkly/app/page.tsx

@@ -2,12 +2,12 @@ import Image from 'next/image'
 import { cookies } from 'next/headers'
 import { Suspense } from 'react'
 import {
-  encrypt,
-  decrypt,
+  encryptFlagValues,
+  decryptOverrides,
   type FlagValuesType,
   type FlagOverridesType,
-} from '@vercel/flags'
-import { FlagValues } from '@vercel/flags/react'
+} from 'flags'
+import { FlagValues } from 'flags/react'
 import { LDContext } from '@launchdarkly/node-server-sdk'
 import { getClient } from './launchdarkly'
 
@@ -18,7 +18,7 @@ async function getFlags() {
   const cookieStore = await cookies()
   const overridesCookieValue = cookieStore.get('vercel-flag-overrides')?.value
   const overrides = overridesCookieValue
-    ? await decrypt<FlagOverridesType>(overridesCookieValue)
+    ? await decryptOverrides<FlagOverridesType>(overridesCookieValue)
     : null
 
   const client = await getClient()
@@ -44,7 +44,7 @@ async function ConfidentialFlagValues({
 }: {
   flagValues: FlagValuesType
 }) {
-  const encryptedFlagValues = await encrypt(flagValues)
+  const encryptedFlagValues = await encryptFlagValues(flagValues)
   return <FlagValues values={encryptedFlagValues} />
 }
 

toolbar/toolbar-launchdarkly/package.json

@@ -9,9 +9,10 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@flags-sdk/launchdarkly": "^0.3.2",
     "@launchdarkly/node-server-sdk": "^9.1.1",
-    "@vercel/flags": "2.2.1",
-    "@vercel/toolbar": "^0.1.10",
+    "@vercel/toolbar": "^0.2.2",
+    "flags": "^4.0.0",
     "next": "^16.0.10",
     "react": "^19.2.1",
     "react-dom": "^19.2.1"