npm - @geejay/use-feature-flags - Versions diffs - 1.0.12 → 1.0.17 - Mend

@geejay/use-feature-flags 1.0.12 → 1.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/index.cjs ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -1,29 +1,35 @@
 {
   "name": "@geejay/use-feature-flags",
-  "version": "1.0.12",
-  "description": "React hook for feature flag management using Supabase",
-  "main": "dist/index.js",
+  "version": "1.0.17",
+  "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"
   },
-  "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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -1,96 +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;
-    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 }));
-        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(`Flags are cool man ${JSON.stringify(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) => state.flags.some((f) => f.key === key && f.enabled === true),
-        flags: state.flags,
-        loading: state.loading,
-    };
-}