feat: implement flags and form submission logic with error handling

Author: py-dev-nandini-12

src/app/flags.ts renamed to flags.ts

@@ -5,6 +5,7 @@ import { flag } from "flags/next";
 export const weatherWidgetFlag = flag({
   key: "weather-widget",
   decide() {
-    return false; // Example logic for deciding the flag
+    // Enable the weather widget for 50% of visitors
+    return Math.random() > 0.5;
   },
 });

src/app/api/submit/route.ts renamed to src/.well-known/vercel/flags/route.ts

@@ -1,4 +1,8 @@
 import { NextResponse } from "next/server";
+import { getProviderData, createFlagsDiscoveryEndpoint } from "flags/next";
+import * as flags from "../../../../flags";
+
+export const GET = createFlagsDiscoveryEndpoint(() => getProviderData(flags));
 
 export async function POST(req: Request) {
   const isFeatureXEnabled =

tsconfig.json

@@ -22,6 +22,12 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "src/.well-known/vercel/flags/route.ts"
+  ],
   "exclude": ["node_modules"]
 }