Merge pull request #47 from pattern-tech/feat/feature-flags

feat: add feature flags support

Author: mkermani144

.env.example

@@ -1,6 +1,19 @@
+# WalletConnect project ID for Web3 wallet connections (used in SIWE)
 NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=
+
+# Secret key for NextAuth.js session encryption and JWT signing
 NEXTAUTH_SECRET=
-PATTERN_CORE_ENDPOINT=
+# Whether to trust the host for authentication
+# https://authjs.dev/getting-started/deployment#auth_trust_host
 AUTH_TRUST_HOST=
+
+# Endpoint URL for the Pattern Core API service
+PATTERN_CORE_ENDPOINT=
+
+# API token for Axiom logging service
 NEXT_PUBLIC_AXIOM_TOKEN=
+# Dataset name for Axiom logging service
 NEXT_PUBLIC_AXIOM_DATASET=
+
+# Connection string of Vercel Edge Store
+EDGE_CONFIG=

lib/flags.ts

@@ -0,0 +1,10 @@
+import { edgeConfigAdapter } from '@flags-sdk/edge-config';
+import { flag } from 'flags/next';
+
+/**
+ * @example
+ * export const someFlag = flag({
+ *   adapter: edgeConfigAdapter(),
+ *   key: 'some-flag',
+ * });
+ */

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -21,6 +21,7 @@
     "@codemirror/state": "^6.5.0",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.35.3",
+    "@flags-sdk/edge-config": "^0.1.0",
     "@radix-ui/react-alert-dialog": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
@@ -37,6 +38,7 @@
     "@tanstack/react-query": "^5.66.9",
     "@vercel/analytics": "^1.3.1",
     "@vercel/blob": "^0.24.1",
+    "@vercel/edge-config": "^1.4.0",
     "@vercel/postgres": "^0.10.0",
     "@wagmi/core": "^2.16.4",
     "ai": "4.1.44",
@@ -50,6 +52,7 @@
     "dotenv": "^16.4.5",
     "drizzle-orm": "^0.34.0",
     "fast-deep-equal": "^3.1.3",
+    "flags": "^3.2.0",
     "framer-motion": "^11.3.19",
     "geist": "^1.3.1",
     "lucide-react": "^0.446.0",