luxlabs 1.0.9 → 1.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luxlabs",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "CLI tool for Lux - Upload and deploy interfaces from your terminal",
   "author": "Jason Henkel <jason@uselux.ai>",
   "license": "SEE LICENSE IN LICENSE",

package/templates/interface-boilerplate/components/providers/posthog-provider.tsx

@@ -10,9 +10,33 @@ const POSTHOG_HOST = process.env.NEXT_PUBLIC_POSTHOG_HOST || 'https://us.i.posth
 const LUX_INTERFACE_ID = process.env.NEXT_PUBLIC_LUX_INTERFACE_ID
 const LUX_ORG_ID = process.env.NEXT_PUBLIC_LUX_ORG_ID
 
+/**
+ * Parse Lux Studio flag overrides from URL query params.
+ * When previewing A/B test variants in Lux Studio, the preview URL includes
+ * ?__lux_flag_overrides={"flag-key":"variant-key"} to force specific variants.
+ */
+function getLuxFlagOverrides(): Record<string, string> | undefined {
+  if (typeof window === 'undefined') return undefined
+
+  try {
+    const params = new URLSearchParams(window.location.search)
+    const overrides = params.get('__lux_flag_overrides')
+    if (overrides) {
+      const parsed = JSON.parse(overrides)
+      console.log('[PostHog] Lux Studio flag overrides detected:', parsed)
+      return parsed
+    }
+  } catch (e) {
+    console.warn('[PostHog] Failed to parse __lux_flag_overrides:', e)
+  }
+  return undefined
+}
+
 export function PostHogProvider({ children }: { children: React.ReactNode }) {
   const initialized = useRef(false)
+  const searchParams = useSearchParams()
 
+  // Initialize PostHog once
   useEffect(() => {
     if (!POSTHOG_KEY || initialized.current) {
       if (!POSTHOG_KEY) {
@@ -40,6 +64,22 @@ export function PostHogProvider({ children }: { children: React.ReactNode }) {
     initialized.current = true
   }, [])
 
+  // Apply Lux Studio flag overrides whenever URL changes
+  // This uses posthog.featureFlags.override() which works even after init
+  useEffect(() => {
+    if (!POSTHOG_KEY) return
+
+    const flagOverrides = getLuxFlagOverrides()
+    if (flagOverrides) {
+      // Override feature flags for Lux Studio preview
+      posthog.featureFlags.override(flagOverrides)
+      console.log('[PostHog] Applied Lux Studio flag overrides:', flagOverrides)
+    } else {
+      // Clear any previous overrides when not in preview mode
+      posthog.featureFlags.override(false)
+    }
+  }, [searchParams])
+
   if (!POSTHOG_KEY) {
     return <>{children}</>
   }