feat: implemented feature flag support (#2180)

components/shared/feature-flagged.ts

@@ -0,0 +1,14 @@
+import { FeatureFlag } from "lib/utils/server/feature-flags";
+
+interface FeatureFlaggedProps {
+  flag: FeatureFlag;
+  children: React.ReactElement;
+  featureFlags: Record<FeatureFlag, boolean>;
+}
+export const FeatureFlagged = ({ flag, featureFlags, children }: FeatureFlaggedProps) => {
+  if (featureFlags[flag]) {
+    return children;
+  }
+
+  return null;
+};

lib/utils/server/feature-flags.ts

@@ -0,0 +1,17 @@
+import { PostHog } from "posthog-node";
+
+export type FeatureFlag = "contributions_evolution_by_type";
+
+export async function getAllFeatureFlags(userId: number) {
+  const client = new PostHog(
+    process.env.NEXT_PUBLIC_POSTHOG_ID as string,
+
+    { host: "https://app.posthog.com" }
+  );
+
+  const featureFlags = await client.getAllFlags(`${userId}`);
+
+  await client.shutdownAsync();
+
+  return featureFlags;
+}

package.json

@@ -92,6 +92,7 @@
     "octokit": "^2.0.14",
     "path-to-regexp": "^6.2.1",
     "posthog-js": "^1.83.0",
+    "posthog-node": "^3.1.3",
     "react": "^18.2.0",
     "react-csv": "^2.2.2",
     "react-day-picker": "^8.7.1",