@geejay/use-feature-flags 1.0.13 → 1.0.19

package/README.md

@@ -1,41 +1,179 @@
-# use-feature-flags
-
-A lightweight React hook for fetching feature flags from Supabase. It ships with sensible defaults so you can drop it in and start using feature flags immediately.
-
-## Installation
+# @geejay/use-feature-flags
 
 ```
-npm install use-feature-flags
+ _____ ___  ____ ___    _    ____  
+|_   _/ _ \| __ )_ _|  / \  / ___| 
+  | || | | |  _ \| |  / _ \ \___ \ 
+  | || |_| | |_) | | / ___ \ ___) |
+  |_| \___/|____/___/_/   \_\____/ 
+                                   
+
 ```
 
-or
+**TOBIAS** — the **T**otally **O**ptimized **B**ot for **I**ntelligent **A**pp **S**witching (Safe).
+A tiny React hook that lets you manage feature flags **at runtime** across React, React Native, and React Native Web—no redeploys required.
 
+---
+
+## ✨ What you get
+
+* **Drop-in hook**: `useFeatureFlags()` returns `isActive(flag)` and `loading`.
+* **Instant toggles**: Flip features on/off without reloading your app.
+* **Multi-environment**: Scope flags to `dev`, `staging`, `prod`, previews, etc.
+* **Multi-tenant**: Keep flags organized per customer or workspace.
+* **Friendly UI**: Manage flags from a simple web dashboard.
+* **TOBIAS Cleanup**: Our companion bot **scans for stale flags** and **opens PRs** to safely remove them, so your codebase stays clean without the busywork.
+
+---
+
+## 🚀 Installation
+
+```bash
+npm install @geejay/use-feature-flags
+# or
+yarn add @geejay/use-feature-flags
 ```
-yarn add use-feature-flags
-```
 
-## Usage
+---
+Here’s the updated **Quick Start** section with your note about the environment parameter baked in — so readers know it’s **usually not needed**.
+
+---
+
+## ⚡️ Quick start
+
+> **One-time init:** Pass your API key on the **first** call anywhere in your app.
+> **Thereafter:** Just call `useFeatureFlags()` with **no arguments** — the key is remembered.
+
+The `environment` parameter is **optional** — in most cases you don’t need it.
+If omitted, the app will **auto-detect** based on the domain:
+
+* **Web**: Uses the current domain (e.g. `myapp.com`, `staging.myapp.com`)
+* **Local dev**: Uses `"localhost"` when testing locally
+
+---
+
+### Example: first call (e.g., in your root)
 
 ```tsx
-import { useFeatureFlags } from 'use-feature-flags';
+// App.tsx
+import { useFeatureFlags } from '@geejay/use-feature-flags';
 
-export default function MyComponent() {
-  const { isActive, loading } = useFeatureFlags("YOUR-API-KEY"); //API param only needed on the first useFeatureFlags call
+export default function App() {
+  // ✅ Initialize once with your API key
+  // Environment is optional — auto-detects in most cases
+  const { loading } = useFeatureFlags("YOUR-API-KEY");
 
   if (loading) return null;
+  return <MainRoutes />;
+}
+```
+
+---
+
+### Example: subsequent calls (no key needed)
+
+```tsx
+// components/Dashboard.tsx
+import { useFeatureFlags } from '@geejay/use-feature-flags';
+
+export default function Dashboard() {
+  // ✅ No API key here — it’s already remembered
+  const { isActive, loading } = useFeatureFlags();
 
+  if (loading) return null;
   return isActive('new-dashboard') ? <NewDashboard /> : <OldDashboard />;
 }
 ```
 
+---
+
+### Another component, still no key
+
+```tsx
+// components/Header.tsx
+import { useFeatureFlags } from '@geejay/use-feature-flags';
+
+export function Header() {
+  const { isActive } = useFeatureFlags(); // ✅ key remembered globally
+  return isActive('show-announcement') ? <Banner /> : null;
+}
+```
+
+---
+
+#### Notes
+
+* Pass the API key **only once** — the hook remembers it for all future calls in the same session.
+* Environment is **usually not required** — the hook will detect it automatically.
+
+---
+
+**Tips**
+
+* Call `useFeatureFlags("YOUR-API-KEY", "production")` if you want to force the app to use a specific custom environment. Maybe useful for mobile users??
+* You can read multiple flags; `isActive` is stable and fast.
+
+---
+
+## 🧰 Flag management
+
+Use the hosted dashboard to:
+
+* Create/edit/delete flags
+* Group by environment and tenant
+* Toggle in real time and see changes reflected instantly
+
+Get started: **[https://featureflags-ai.netlify.app/](https://featureflags-ai.netlify.app/)**
+
+---
+
+## 🤖 TOBIAS: automatic flag cleanup PRs
+
+Your team shouldn’t spend Fridays hunting down dead flags.
+**TOBIAS** keeps your repo tidy by:
+
+* scanning for **stale/retired flags**
+* generating **safe diffs** (removing unused checks, dead branches, and config)
+* opening **pull requests** with a friendly summary and checklist
+
+Example PR title:
+
+```
+🧹 TOBIAS: remove stale flags (billing_v2, heroA/B)
+```
+
+Example PR body snippet:
+
+```md
+This automated PR removes stale flags detected by TOBIAS.
+
+- Removed: `billing_v2`, `heroA/B`
+- Updated: related conditionals and config
+- Notes: All changes are no-op at runtime
+
+Review checklist:
+- [ ] CI passes
+- [ ] Screens relying on removed flags look correct
+```
+
+---
+
+## 🧪 Local dev notes
+
+* Works with React 18 (including Strict Mode).
+* Designed for modern bundlers (Next.js, Vite, Expo/Metro).
+* If you test the library locally via `yalc`, remember to remove the yalc reference before deploying your app.
+
+---
+
+## 🤝 Contributing
+
+Issues and PRs welcome! If you’ve got ideas for smarter cleanup rules or integrations, open a ticket—TOBIAS loves new tricks.
 
+---
 
-## Flag Management
+## 📄 License
 
-visit https://featureflags-ai.netlify.app/ to get an API key and manage your feature flags from the web.  
-- one-step install for your react/react-native/react-native-web apps
-- toggles features on/off WITHOUT reload of your REACT app
-- supports multiple environments/ subdomains from one UI
-- supports multiple tenants
-- bi-directional creation of flags and more!
+MIT © GeeJay
 
+---

package/dist/index.cjs

@@ -0,0 +1,131 @@
+'use strict';
+
+var react = require('react');
+var jotai = require('jotai');
+var supabaseJs = require('@supabase/supabase-js');
+
+// src/useFeatureFlags.ts
+var featureFlagsAtom = jotai.atom({
+  flags: [],
+  loading: true
+});
+var apiKey = null;
+function setApiKey(key) {
+  apiKey = key;
+}
+function getApiKey() {
+  return apiKey;
+}
+var DEFAULT_SUPABASE_URL = "https://khppgsehvvlukzfdqbuo.supabase.co";
+var DEFAULT_SUPABASE_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImtocHBnc2VodnZsdWt6ZmRxYnVvIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTI2ODU1MzQsImV4cCI6MjA2ODI2MTUzNH0.8Z4VY4HFMm95UgO21c-DnDkbLPN_0mbDBZJPExaghDk";
+var _supabase = null;
+function getSupabase() {
+  if (_supabase) return _supabase;
+  _supabase = supabaseJs.createClient(DEFAULT_SUPABASE_URL, DEFAULT_SUPABASE_KEY, {
+    auth: {
+      persistSession: false,
+      autoRefreshToken: false,
+      storageKey: "feature-flags"
+    }
+  });
+  return _supabase;
+}
+
+// src/useFeatureFlags.ts
+var EDGE_FN_URL = `${DEFAULT_SUPABASE_URL}/functions/v1/get-feature-flags`;
+var initialized = false;
+function useFeatureFlags(passedKey, environment = window.location.hostname || "localhost") {
+  const sanitizedEnvironment = react.useMemo(
+    () => environment.replace(/:\d+$/, ""),
+    [environment]
+  );
+  const [state, setState] = jotai.useAtom(featureFlagsAtom);
+  const [envId, setEnvId] = react.useState(null);
+  const debounceTimeout = react.useRef(null);
+  const cleanupRef = react.useRef(null);
+  const apiKey2 = passedKey;
+  react.useEffect(() => {
+    console.log(
+      "[use-feature-flags] initializing",
+      `environment: ${sanitizedEnvironment}`,
+      `apiKey provided: ${Boolean(apiKey2)}`
+    );
+  }, [sanitizedEnvironment, apiKey2]);
+  const supabase = getSupabase();
+  const fetchFlags = async () => {
+    setState((prev) => ({ ...prev, loading: true }));
+    console.log("[use-feature-flags] fetching flags for", sanitizedEnvironment);
+    try {
+      const res = await fetch(EDGE_FN_URL, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          ...apiKey2 ? { "api-key": apiKey2 } : {}
+        },
+        body: JSON.stringify({ environment: sanitizedEnvironment })
+      });
+      const json = await res.json();
+      if (!res.ok) {
+        console.warn("Edge function error:", (json == null ? void 0 : json.error) || res.statusText);
+        setState({ flags: [], loading: false });
+        return;
+      }
+      const flags = json.flags || [];
+      setState({ flags, loading: false });
+      console.log("[use-feature-flags] fetched flags", flags);
+      if (flags.length > 0 && flags[0].environment_id) {
+        setEnvId(flags[0].environment_id);
+      }
+    } catch (err) {
+      console.error("Error fetching flags:", err.message);
+      setState({ flags: [], loading: false });
+    }
+  };
+  react.useEffect(() => {
+    if (!apiKey2 || initialized) return;
+    initialized = true;
+    fetchFlags();
+    return () => {
+      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
+      if (cleanupRef.current) cleanupRef.current();
+    };
+  }, [sanitizedEnvironment, apiKey2]);
+  react.useEffect(() => {
+    if (!envId) return;
+    const channel = supabase.channel(`flags-${sanitizedEnvironment}`).on(
+      "postgres_changes",
+      {
+        event: "*",
+        schema: "public",
+        table: "feature_flags",
+        filter: `environment_id=eq.${envId}`
+      },
+      () => {
+        if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
+        debounceTimeout.current = setTimeout(fetchFlags, 300);
+      }
+    ).subscribe();
+    if (cleanupRef.current) cleanupRef.current();
+    cleanupRef.current = () => supabase.removeChannel(channel);
+    return () => {
+      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
+      supabase.removeChannel(channel);
+    };
+  }, [envId]);
+  return {
+    isActive: (key) => {
+      const active = state.flags.some((f) => f.key === key && f.enabled === true);
+      console.log("[use-feature-flags] isActive", key, active);
+      return active;
+    },
+    flags: state.flags,
+    loading: state.loading
+  };
+}
+
+exports.featureFlagsAtom = featureFlagsAtom;
+exports.getApiKey = getApiKey;
+exports.setApiKey = setApiKey;
+exports.useFeatureFlags = useFeatureFlags;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store.ts","../src/supabaseClient.ts","../src/useFeatureFlags.ts"],"names":["atom","createClient","useMemo","useAtom","useState","useRef","apiKey","useEffect"],"mappings":"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","file":"index.cjs","sourcesContent":["import { atom } from 'jotai';\n\nexport type FeatureFlag = {\n  id: string;\n  key: string;\n  enabled: boolean;\n  environment: string;\n};\n\nexport const featureFlagsAtom = atom<{ flags: FeatureFlag[]; loading: boolean }>({\n  flags: [],\n  loading: true,\n});\n\n// store.ts\nlet apiKey: string | null = null;\n\nexport function setApiKey(key: string) {\n  apiKey = key;\n}\n\nexport function getApiKey() {\n  return apiKey;\n}\n","import { createClient } from '@supabase/supabase-js';\n\nexport const DEFAULT_SUPABASE_URL = 'https://khppgsehvvlukzfdqbuo.supabase.co';\nexport const DEFAULT_SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImtocHBnc2VodnZsdWt6ZmRxYnVvIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTI2ODU1MzQsImV4cCI6MjA2ODI2MTUzNH0.8Z4VY4HFMm95UgO21c-DnDkbLPN_0mbDBZJPExaghDk';\n\nlet _supabase: ReturnType<typeof createClient> | null = null;\n\nexport function getSupabase() {\n  if (_supabase) return _supabase;\n  _supabase = createClient(DEFAULT_SUPABASE_URL, DEFAULT_SUPABASE_KEY, {\n    auth: {\n      persistSession: false,\n      autoRefreshToken: false,\n      storageKey: 'feature-flags',\n    },\n  });\n  return _supabase;\n}\n","\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { FeatureFlag, featureFlagsAtom } from './store';\nimport { useAtom } from 'jotai';\nimport { getSupabase, DEFAULT_SUPABASE_URL } from './supabaseClient';\n\nconst EDGE_FN_URL = `${DEFAULT_SUPABASE_URL}/functions/v1/get-feature-flags`;\n\n\n\n\ntype FlagState = {\n  flags: FeatureFlag[];\n  loading: boolean;\n};\n\nlet initialized = false;\n\nexport function useFeatureFlags(\n  passedKey?: string,\n  environment = window.location.hostname || 'localhost'\n) {\n  const sanitizedEnvironment = useMemo(\n    () => environment.replace(/:\\d+$/, ''),\n    [environment]\n  );\n  const [state, setState] = useAtom(featureFlagsAtom);\n  const [envId, setEnvId] = useState<number | null>(null);\n  const debounceTimeout = useRef<NodeJS.Timeout | null>(null);\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  const apiKey = passedKey;\n\n  useEffect(() => {\n    console.log(\n      '[use-feature-flags] initializing',\n      `environment: ${sanitizedEnvironment}`,\n      `apiKey provided: ${Boolean(apiKey)}`\n    );\n  }, [sanitizedEnvironment, apiKey]);\n  const supabase = getSupabase();\n\n  const fetchFlags = async () => {\n    setState((prev) => ({ ...prev, loading: true }));\n\n    console.log('[use-feature-flags] fetching flags for', sanitizedEnvironment);\n\n    try {\n      const res = await fetch(EDGE_FN_URL, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n           ...(apiKey ? { 'api-key': apiKey } : {}),\n        },\n        body: JSON.stringify({ environment: sanitizedEnvironment }),\n      });\n\n      const json = await res.json();\n      if (!res.ok) {\n        console.warn('Edge function error:', json?.error || res.statusText);\n        setState({ flags: [], loading: false });\n        return;\n      }\n\n      const flags = json.flags || [];\n      setState({ flags, loading: false });\n      console.log('[use-feature-flags] fetched flags', flags);\n\n      // Store environment_id from first flag (assumes all have same env)\n      if (flags.length > 0 && flags[0].environment_id) {\n        setEnvId(flags[0].environment_id);\n      }\n    } catch (err: any) {\n      console.error('Error fetching flags:', err.message);\n      setState({ flags: [], loading: false });\n    }\n  };\n\n  useEffect(() => {\n    if (!apiKey || initialized) return;\n    initialized = true;\n\n    fetchFlags();\n\n    return () => {\n      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);\n      if (cleanupRef.current) cleanupRef.current();\n    };\n  }, [sanitizedEnvironment, apiKey]);\n\n  // Subscribe to flag changes for the correct environment\n  useEffect(() => {\n    if (!envId) return;\n\n    const channel = supabase\n      .channel(`flags-${sanitizedEnvironment}`)\n      .on(\n        'postgres_changes',\n        {\n          event: '*',\n          schema: 'public',\n          table: 'feature_flags',\n          filter: `environment_id=eq.${envId}`,\n        },\n        () => {\n          if (debounceTimeout.current) clearTimeout(debounceTimeout.current);\n          debounceTimeout.current = setTimeout(fetchFlags, 300);\n        }\n      )\n      .subscribe();\n\n    if (cleanupRef.current) cleanupRef.current();\n    cleanupRef.current = () => supabase.removeChannel(channel);\n\n    return () => {\n      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);\n      supabase.removeChannel(channel);\n    };\n  }, [envId]);\n\n  return {\n    isActive: (key: string) => {\n      const active = state.flags.some((f) => f.key === key && f.enabled === true);\n      console.log('[use-feature-flags] isActive', key, active);\n      return active;\n    },\n    flags: state.flags,\n    loading: state.loading,\n  };\n}\n\n\n\n\n\n"]}

package/dist/index.d.cts

@@ -0,0 +1,27 @@
+import * as jotai from 'jotai';
+
+type FeatureFlag = {
+    id: string;
+    key: string;
+    enabled: boolean;
+    environment: string;
+};
+declare const featureFlagsAtom: jotai.PrimitiveAtom<{
+    flags: FeatureFlag[];
+    loading: boolean;
+}> & {
+    init: {
+        flags: FeatureFlag[];
+        loading: boolean;
+    };
+};
+declare function setApiKey(key: string): void;
+declare function getApiKey(): string | null;
+
+declare function useFeatureFlags(passedKey?: string, environment?: string): {
+    isActive: (key: string) => boolean;
+    flags: FeatureFlag[];
+    loading: boolean;
+};
+
+export { type FeatureFlag, featureFlagsAtom, getApiKey, setApiKey, useFeatureFlags };

package/dist/index.d.ts

@@ -1,2 +1,27 @@
-export * from './useFeatureFlags';
-export * from './store';
+import * as jotai from 'jotai';
+
+type FeatureFlag = {
+    id: string;
+    key: string;
+    enabled: boolean;
+    environment: string;
+};
+declare const featureFlagsAtom: jotai.PrimitiveAtom<{
+    flags: FeatureFlag[];
+    loading: boolean;
+}> & {
+    init: {
+        flags: FeatureFlag[];
+        loading: boolean;
+    };
+};
+declare function setApiKey(key: string): void;
+declare function getApiKey(): string | null;
+
+declare function useFeatureFlags(passedKey?: string, environment?: string): {
+    isActive: (key: string) => boolean;
+    flags: FeatureFlag[];
+    loading: boolean;
+};
+
+export { type FeatureFlag, featureFlagsAtom, getApiKey, setApiKey, useFeatureFlags };

package/dist/index.js

@@ -1,2 +1,126 @@
-export * from './useFeatureFlags';
-export * from './store';
+import { useMemo, useState, useRef, useEffect } from 'react';
+import { atom, useAtom } from 'jotai';
+import { createClient } from '@supabase/supabase-js';
+
+// src/useFeatureFlags.ts
+var featureFlagsAtom = atom({
+  flags: [],
+  loading: true
+});
+var apiKey = null;
+function setApiKey(key) {
+  apiKey = key;
+}
+function getApiKey() {
+  return apiKey;
+}
+var DEFAULT_SUPABASE_URL = "https://khppgsehvvlukzfdqbuo.supabase.co";
+var DEFAULT_SUPABASE_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImtocHBnc2VodnZsdWt6ZmRxYnVvIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTI2ODU1MzQsImV4cCI6MjA2ODI2MTUzNH0.8Z4VY4HFMm95UgO21c-DnDkbLPN_0mbDBZJPExaghDk";
+var _supabase = null;
+function getSupabase() {
+  if (_supabase) return _supabase;
+  _supabase = createClient(DEFAULT_SUPABASE_URL, DEFAULT_SUPABASE_KEY, {
+    auth: {
+      persistSession: false,
+      autoRefreshToken: false,
+      storageKey: "feature-flags"
+    }
+  });
+  return _supabase;
+}
+
+// src/useFeatureFlags.ts
+var EDGE_FN_URL = `${DEFAULT_SUPABASE_URL}/functions/v1/get-feature-flags`;
+var initialized = false;
+function useFeatureFlags(passedKey, environment = window.location.hostname || "localhost") {
+  const sanitizedEnvironment = useMemo(
+    () => environment.replace(/:\d+$/, ""),
+    [environment]
+  );
+  const [state, setState] = useAtom(featureFlagsAtom);
+  const [envId, setEnvId] = useState(null);
+  const debounceTimeout = useRef(null);
+  const cleanupRef = useRef(null);
+  const apiKey2 = passedKey;
+  useEffect(() => {
+    console.log(
+      "[use-feature-flags] initializing",
+      `environment: ${sanitizedEnvironment}`,
+      `apiKey provided: ${Boolean(apiKey2)}`
+    );
+  }, [sanitizedEnvironment, apiKey2]);
+  const supabase = getSupabase();
+  const fetchFlags = async () => {
+    setState((prev) => ({ ...prev, loading: true }));
+    console.log("[use-feature-flags] fetching flags for", sanitizedEnvironment);
+    try {
+      const res = await fetch(EDGE_FN_URL, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          ...apiKey2 ? { "api-key": apiKey2 } : {}
+        },
+        body: JSON.stringify({ environment: sanitizedEnvironment })
+      });
+      const json = await res.json();
+      if (!res.ok) {
+        console.warn("Edge function error:", (json == null ? void 0 : json.error) || res.statusText);
+        setState({ flags: [], loading: false });
+        return;
+      }
+      const flags = json.flags || [];
+      setState({ flags, loading: false });
+      console.log("[use-feature-flags] fetched flags", flags);
+      if (flags.length > 0 && flags[0].environment_id) {
+        setEnvId(flags[0].environment_id);
+      }
+    } catch (err) {
+      console.error("Error fetching flags:", err.message);
+      setState({ flags: [], loading: false });
+    }
+  };
+  useEffect(() => {
+    if (!apiKey2 || initialized) return;
+    initialized = true;
+    fetchFlags();
+    return () => {
+      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
+      if (cleanupRef.current) cleanupRef.current();
+    };
+  }, [sanitizedEnvironment, apiKey2]);
+  useEffect(() => {
+    if (!envId) return;
+    const channel = supabase.channel(`flags-${sanitizedEnvironment}`).on(
+      "postgres_changes",
+      {
+        event: "*",
+        schema: "public",
+        table: "feature_flags",
+        filter: `environment_id=eq.${envId}`
+      },
+      () => {
+        if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
+        debounceTimeout.current = setTimeout(fetchFlags, 300);
+      }
+    ).subscribe();
+    if (cleanupRef.current) cleanupRef.current();
+    cleanupRef.current = () => supabase.removeChannel(channel);
+    return () => {
+      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);
+      supabase.removeChannel(channel);
+    };
+  }, [envId]);
+  return {
+    isActive: (key) => {
+      const active = state.flags.some((f) => f.key === key && f.enabled === true);
+      console.log("[use-feature-flags] isActive", key, active);
+      return active;
+    },
+    flags: state.flags,
+    loading: state.loading
+  };
+}
+
+export { featureFlagsAtom, getApiKey, setApiKey, useFeatureFlags };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store.ts","../src/supabaseClient.ts","../src/useFeatureFlags.ts"],"names":["apiKey"],"mappings":"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","file":"index.js","sourcesContent":["import { atom } from 'jotai';\n\nexport type FeatureFlag = {\n  id: string;\n  key: string;\n  enabled: boolean;\n  environment: string;\n};\n\nexport const featureFlagsAtom = atom<{ flags: FeatureFlag[]; loading: boolean }>({\n  flags: [],\n  loading: true,\n});\n\n// store.ts\nlet apiKey: string | null = null;\n\nexport function setApiKey(key: string) {\n  apiKey = key;\n}\n\nexport function getApiKey() {\n  return apiKey;\n}\n","import { createClient } from '@supabase/supabase-js';\n\nexport const DEFAULT_SUPABASE_URL = 'https://khppgsehvvlukzfdqbuo.supabase.co';\nexport const DEFAULT_SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImtocHBnc2VodnZsdWt6ZmRxYnVvIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTI2ODU1MzQsImV4cCI6MjA2ODI2MTUzNH0.8Z4VY4HFMm95UgO21c-DnDkbLPN_0mbDBZJPExaghDk';\n\nlet _supabase: ReturnType<typeof createClient> | null = null;\n\nexport function getSupabase() {\n  if (_supabase) return _supabase;\n  _supabase = createClient(DEFAULT_SUPABASE_URL, DEFAULT_SUPABASE_KEY, {\n    auth: {\n      persistSession: false,\n      autoRefreshToken: false,\n      storageKey: 'feature-flags',\n    },\n  });\n  return _supabase;\n}\n","\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { FeatureFlag, featureFlagsAtom } from './store';\nimport { useAtom } from 'jotai';\nimport { getSupabase, DEFAULT_SUPABASE_URL } from './supabaseClient';\n\nconst EDGE_FN_URL = `${DEFAULT_SUPABASE_URL}/functions/v1/get-feature-flags`;\n\n\n\n\ntype FlagState = {\n  flags: FeatureFlag[];\n  loading: boolean;\n};\n\nlet initialized = false;\n\nexport function useFeatureFlags(\n  passedKey?: string,\n  environment = window.location.hostname || 'localhost'\n) {\n  const sanitizedEnvironment = useMemo(\n    () => environment.replace(/:\\d+$/, ''),\n    [environment]\n  );\n  const [state, setState] = useAtom(featureFlagsAtom);\n  const [envId, setEnvId] = useState<number | null>(null);\n  const debounceTimeout = useRef<NodeJS.Timeout | null>(null);\n  const cleanupRef = useRef<(() => void) | null>(null);\n\n  const apiKey = passedKey;\n\n  useEffect(() => {\n    console.log(\n      '[use-feature-flags] initializing',\n      `environment: ${sanitizedEnvironment}`,\n      `apiKey provided: ${Boolean(apiKey)}`\n    );\n  }, [sanitizedEnvironment, apiKey]);\n  const supabase = getSupabase();\n\n  const fetchFlags = async () => {\n    setState((prev) => ({ ...prev, loading: true }));\n\n    console.log('[use-feature-flags] fetching flags for', sanitizedEnvironment);\n\n    try {\n      const res = await fetch(EDGE_FN_URL, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n           ...(apiKey ? { 'api-key': apiKey } : {}),\n        },\n        body: JSON.stringify({ environment: sanitizedEnvironment }),\n      });\n\n      const json = await res.json();\n      if (!res.ok) {\n        console.warn('Edge function error:', json?.error || res.statusText);\n        setState({ flags: [], loading: false });\n        return;\n      }\n\n      const flags = json.flags || [];\n      setState({ flags, loading: false });\n      console.log('[use-feature-flags] fetched flags', flags);\n\n      // Store environment_id from first flag (assumes all have same env)\n      if (flags.length > 0 && flags[0].environment_id) {\n        setEnvId(flags[0].environment_id);\n      }\n    } catch (err: any) {\n      console.error('Error fetching flags:', err.message);\n      setState({ flags: [], loading: false });\n    }\n  };\n\n  useEffect(() => {\n    if (!apiKey || initialized) return;\n    initialized = true;\n\n    fetchFlags();\n\n    return () => {\n      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);\n      if (cleanupRef.current) cleanupRef.current();\n    };\n  }, [sanitizedEnvironment, apiKey]);\n\n  // Subscribe to flag changes for the correct environment\n  useEffect(() => {\n    if (!envId) return;\n\n    const channel = supabase\n      .channel(`flags-${sanitizedEnvironment}`)\n      .on(\n        'postgres_changes',\n        {\n          event: '*',\n          schema: 'public',\n          table: 'feature_flags',\n          filter: `environment_id=eq.${envId}`,\n        },\n        () => {\n          if (debounceTimeout.current) clearTimeout(debounceTimeout.current);\n          debounceTimeout.current = setTimeout(fetchFlags, 300);\n        }\n      )\n      .subscribe();\n\n    if (cleanupRef.current) cleanupRef.current();\n    cleanupRef.current = () => supabase.removeChannel(channel);\n\n    return () => {\n      if (debounceTimeout.current) clearTimeout(debounceTimeout.current);\n      supabase.removeChannel(channel);\n    };\n  }, [envId]);\n\n  return {\n    isActive: (key: string) => {\n      const active = state.flags.some((f) => f.key === key && f.enabled === true);\n      console.log('[use-feature-flags] isActive', key, active);\n      return active;\n    },\n    flags: state.flags,\n    loading: state.loading,\n  };\n}\n\n\n\n\n\n"]}

package/package.json

@@ -1,29 +1,36 @@
 {
   "name": "@geejay/use-feature-flags",
-  "version": "1.0.13",
-  "description": "React hook for feature flag management using Supabase",
-  "main": "dist/index.js",
+  "version": "1.0.19",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
     "README.md"
   ],
   "scripts": {
-  "build": "rm -rf dist && tsc -p tsconfig.build.json"
-},
-
-  "keywords": ["feature flags", "supabase", "react", "hooks"],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/your-org/use-feature-flags.git"
+    "build": "tsup",
+    "prepack": "npm run build",
+    "publish": "npm version patch && npm publish"
   },
-  "author": "GeeJay",
-  "license": "MIT",
-  "dependencies": {
-    "@supabase/supabase-js": "^2.52.0",
-    "jotai": "^2.12.5"
+  "publishConfig": {
+    "access": "public"
   },
   "peerDependencies": {
     "react": ">=16.8"
+  },
+  "devDependencies": {
+    "@supabase/supabase-js": "^2.54.0",
+    "@types/react": "^18.3.23",
+    "jotai": "^2.13.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2"
   }
 }

package/dist/store.d.ts

@@ -1,17 +0,0 @@
-export type FeatureFlag = {
-    id: string;
-    key: string;
-    enabled: boolean;
-    environment: string;
-};
-export declare const featureFlagsAtom: import("jotai").PrimitiveAtom<{
-    flags: FeatureFlag[];
-    loading: boolean;
-}> & {
-    init: {
-        flags: FeatureFlag[];
-        loading: boolean;
-    };
-};
-export declare function setApiKey(key: string): void;
-export declare function getApiKey(): string;

package/dist/store.js

@@ -1,13 +0,0 @@
-import { atom } from 'jotai';
-export const featureFlagsAtom = atom({
-    flags: [],
-    loading: true,
-});
-// store.ts
-let apiKey = null;
-export function setApiKey(key) {
-    apiKey = key;
-}
-export function getApiKey() {
-    return apiKey;
-}

package/dist/useFeatureFlags.d.ts

@@ -1,8 +0,0 @@
-import { FeatureFlag } from './store';
-export declare const DEFAULT_SUPABASE_URL = "https://khppgsehvvlukzfdqbuo.supabase.co";
-export declare const DEFAULT_SUPABASE_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImtocHBnc2VodnZsdWt6ZmRxYnVvIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTI2ODU1MzQsImV4cCI6MjA2ODI2MTUzNH0.8Z4VY4HFMm95UgO21c-DnDkbLPN_0mbDBZJPExaghDk";
-export declare function useFeatureFlags(passedKey?: string, environment?: string): {
-    isActive: (key: string) => boolean;
-    flags: FeatureFlag[];
-    loading: boolean;
-};

package/dist/useFeatureFlags.js

@@ -1,104 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { createClient } from '@supabase/supabase-js';
-import { featureFlagsAtom } from './store';
-import { useAtom } from 'jotai';
-export const DEFAULT_SUPABASE_URL = 'https://khppgsehvvlukzfdqbuo.supabase.co';
-export const DEFAULT_SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImtocHBnc2VodnZsdWt6ZmRxYnVvIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTI2ODU1MzQsImV4cCI6MjA2ODI2MTUzNH0.8Z4VY4HFMm95UgO21c-DnDkbLPN_0mbDBZJPExaghDk';
-const EDGE_FN_URL = `${DEFAULT_SUPABASE_URL}/functions/v1/get-feature-flags`;
-let initialized = false;
-export function useFeatureFlags(passedKey, environment = window.location.hostname || 'localhost') {
-    const sanitizedEnvironment = useMemo(() => environment.replace(/:\d+$/, ''), [environment]);
-    const [state, setState] = useAtom(featureFlagsAtom);
-    const [envId, setEnvId] = useState(null);
-    const debounceTimeout = useRef(null);
-    const cleanupRef = useRef();
-    const apiKey = passedKey;
-    useEffect(() => {
-        console.log('[use-feature-flags] initializing', `environment: ${sanitizedEnvironment}`, `apiKey provided: ${Boolean(apiKey)}`);
-    }, [sanitizedEnvironment, apiKey]);
-    const supabase = createClient(DEFAULT_SUPABASE_URL, DEFAULT_SUPABASE_KEY, {
-        global: {
-            headers: {
-                Authorization: `Bearer ${DEFAULT_SUPABASE_KEY}`, // 👈 dynamic access token
-            },
-        },
-    });
-    const fetchFlags = async () => {
-        setState((prev) => ({ ...prev, loading: true }));
-        console.log('[use-feature-flags] fetching flags for', sanitizedEnvironment);
-        try {
-            const res = await fetch(EDGE_FN_URL, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'api-key': apiKey,
-                },
-                body: JSON.stringify({ environment: sanitizedEnvironment }),
-            });
-            const json = await res.json();
-            if (!res.ok) {
-                console.warn('Edge function error:', (json === null || json === void 0 ? void 0 : json.error) || res.statusText);
-                setState({ flags: [], loading: false });
-                return;
-            }
-            const flags = json.flags || [];
-            setState({ flags, loading: false });
-            console.log('[use-feature-flags] fetched flags', flags);
-            // Store environment_id from first flag (assumes all have same env)
-            if (flags.length > 0 && flags[0].environment_id) {
-                setEnvId(flags[0].environment_id);
-            }
-        }
-        catch (err) {
-            console.error('Error fetching flags:', err.message);
-            setState({ flags: [], loading: false });
-        }
-    };
-    useEffect(() => {
-        if (!apiKey || initialized)
-            return;
-        initialized = true;
-        fetchFlags();
-        return () => {
-            if (debounceTimeout.current)
-                clearTimeout(debounceTimeout.current);
-            if (cleanupRef.current)
-                cleanupRef.current();
-        };
-    }, [sanitizedEnvironment, apiKey]);
-    // Subscribe to flag changes for the correct environment
-    useEffect(() => {
-        if (!envId)
-            return;
-        const channel = supabase
-            .channel(`flags-${sanitizedEnvironment}`)
-            .on('postgres_changes', {
-            event: '*',
-            schema: 'public',
-            table: 'feature_flags',
-            filter: `environment_id=eq.${envId}`,
-        }, () => {
-            if (debounceTimeout.current)
-                clearTimeout(debounceTimeout.current);
-            debounceTimeout.current = setTimeout(fetchFlags, 300);
-        })
-            .subscribe();
-        if (cleanupRef.current)
-            cleanupRef.current();
-        cleanupRef.current = () => supabase.removeChannel(channel);
-        return () => {
-            if (debounceTimeout.current)
-                clearTimeout(debounceTimeout.current);
-            supabase.removeChannel(channel);
-        };
-    }, [envId]);
-    return {
-        isActive: (key) => {
-            const active = state.flags.some((f) => f.key === key && f.enabled === true);
-            console.log('[use-feature-flags] isActive', key, active);
-            return active;
-        },
-        flags: state.flags,
-        loading: state.loading,
-    };
-}