feat(ui): Add feature flag system (#208)

ui/src/hooks/stores.ts

@@ -553,3 +553,19 @@ export const useLocalAuthModalStore = create<LocalAuthModalState>(set => ({
   modalView: "createPassword",
   setModalView: view => set({ modalView: view }),
 }));
+
+export interface DeviceState {
+  appVersion: string | null;
+  systemVersion: string | null;
+
+  setAppVersion: (version: string) => void;
+  setSystemVersion: (version: string) => void;
+}
+
+export const useDeviceStore = create<DeviceState>(set => ({
+  appVersion: null,
+  systemVersion: null,
+
+  setAppVersion: version => set({ appVersion: version }),
+  setSystemVersion: version => set({ systemVersion: version }),
+}));

ui/src/hooks/useFeatureFlag.ts

@@ -0,0 +1,15 @@
+import { useContext } from "react";
+import { FeatureFlagContext } from "../providers/FeatureFlagProvider";
+
+export const useFeatureFlag = (minAppVersion: string) => {
+  const context = useContext(FeatureFlagContext);
+
+  if (!context) {
+    throw new Error("useFeatureFlag must be used within a FeatureFlagProvider");
+  }
+
+  const { isFeatureEnabled, appVersion } = context;
+
+  const isEnabled = isFeatureEnabled(minAppVersion);
+  return { isEnabled, appVersion };
+};