fix: Update to major version of @vercel/edge-config (#393)

Fixes #379 . I have tested this locally and verified the type errors are
fixed and the example application (complete) still works.

Author: yusinto

package.json

@@ -13,6 +13,8 @@
     "packages/sdk/react-native",
     "packages/sdk/react-native/example",
     "packages/sdk/vercel",
+    "packages/sdk/vercel/examples/complete",
+    "packages/sdk/vercel/examples/route-handler",
     "packages/sdk/akamai-base",
     "packages/sdk/akamai-base/example",
     "packages/sdk/akamai-edgekv",

packages/sdk/vercel/examples/complete/.eslintrc.json

@@ -1,4 +1,3 @@
 {
-  "root": true,
-  "extends": "next/core-web-vitals"
+  "extends": ["plugin:@next/next/recommended"]
 }

packages/sdk/vercel/examples/complete/middleware.ts

@@ -8,32 +8,35 @@ export const config = {
   matcher: ['/', '/closed', '/favicon.ico'],
 };
 
-export async function middleware(req: NextRequest, context: NextFetchEvent) {
+export async function middleware(
+  { headers, method, nextUrl, url }: NextRequest,
+  _context: NextFetchEvent,
+) {
   // for demo purposes, warn when there is no EDGE_CONFIG or LAUNCHDARKLY_CLIENT_SIDE_ID
   if (
     !process.env.EDGE_CONFIG ||
     !process.env.LD_CLIENT_SIDE_ID ||
     !parseConnectionString(process.env.EDGE_CONFIG)
   ) {
-    return NextResponse.rewrite(new URL('/missing-edge-config', request.url));
+    return NextResponse.rewrite(new URL('/missing-edge-config', url));
   }
 
   try {
     const client = await ldEdgeClient.waitForInitialization();
     const flagContext: LDMultiKindContext = {
       kind: 'multi',
       url: {
-        key: req.url,
+        key: url,
       },
       method: {
-        key: req.method,
+        key: method,
       },
       'user-agent': {
-        key: req.headers.get('user-agent') || 'unknown',
+        key: headers.get('user-agent') || 'unknown',
       },
     };
 
-    const { pathname } = req.nextUrl;
+    const { pathname } = nextUrl;
 
     if (pathname === '/favicon.ico') {
       const hotDogFaviconEnabled = await client.variation(
@@ -43,20 +46,20 @@ export async function middleware(req: NextRequest, context: NextFetchEvent) {
       );
 
       return hotDogFaviconEnabled
-        ? NextResponse.rewrite(new URL('/hot-dog.ico', request.url))
+        ? NextResponse.rewrite(new URL('/hot-dog.ico', url))
         : NextResponse.next();
     }
 
     const storeClosed = await client.variation('store-closed', flagContext, false);
 
     if (pathname === '/' && storeClosed) {
-      req.nextUrl.pathname = `/closed`;
-      return NextResponse.rewrite(new URL('/closed', req.url));
+      nextUrl.pathname = `/closed`;
+      return NextResponse.rewrite(new URL('/closed', url));
     }
 
     if (pathname === '/closed') {
-      req.nextUrl.pathname === '/';
-      return NextResponse.redirect(new URL('/', req.url));
+      nextUrl.pathname = '/';
+      return NextResponse.redirect(new URL('/', url));
     }
 
     return;

packages/sdk/vercel/examples/complete/package.json

@@ -10,16 +10,16 @@
     "start": "next start"
   },
   "dependencies": {
-    "@launchdarkly/vercel-server-sdk": "1.0.0",
-    "@vercel/edge-config": "0.1.10",
+    "@launchdarkly/vercel-server-sdk": "1.3.0",
+    "@vercel/edge-config": "^1.1.0",
     "launchdarkly-js-client-sdk": "^3.1.3",
     "launchdarkly-react-client-sdk": "^3.0.6",
-    "next": "canary",
-    "react": "latest",
-    "react-dom": "latest"
+    "next": "14.1.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^13.4.4",
+    "@next/eslint-plugin-next": "14.1.2",
     "@types/node": "^18.15.5",
     "@types/react": "latest",
     "autoprefixer": "^10.4.14",

packages/sdk/vercel/examples/route-handler/next.config.js

@@ -9,9 +9,9 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@launchdarkly/vercel-server-sdk": "1.0.0",
-    "@vercel/edge-config": "^0.2.1",
-    "next": "^13.4.4",
+    "@launchdarkly/vercel-server-sdk": "1.3.0",
+    "@vercel/edge-config": "^1.1.0",
+    "next": "14.1.2",
     "react": "^18.2.0",
     "react-dom": "18.2.0"
   },

packages/sdk/vercel/examples/route-handler/package.json

@@ -33,11 +33,11 @@
     "prettier": "prettier --write '**/*.@(js|ts|tsx|json|css)' --ignore-path ../../../.prettierignore",
     "test": "NODE_OPTIONS=\"--experimental-vm-modules --no-warnings\" jest --ci --runInBand",
     "coverage": "yarn test --coverage",
-    "check": "yarn prettier && yarn lint && yarn build && yarn test && yarn doc"
+    "check": "yarn prettier && yarn lint && yarn build && yarn test"
   },
   "dependencies": {
     "@launchdarkly/js-server-sdk-common-edge": "2.2.0",
-    "@vercel/edge-config": "^0.1.8",
+    "@vercel/edge-config": "^1.1.0",
     "crypto-js": "^4.1.1"
   },
   "devDependencies": {

packages/sdk/vercel/package.json

@@ -5,6 +5,13 @@ const mockEdgeConfigClient: EdgeConfigClient = {
   getAll: jest.fn(),
   digest: jest.fn(),
   has: jest.fn(),
+  connection: {
+    baseUrl: '',
+    id: '',
+    token: '',
+    version: '',
+    type: 'vercel',
+  },
 };
 
 export default mockEdgeConfigClient;