Initial release v1.0.0

frontend/components/providers/ConditionalAudioProvider.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import { AudioStateProvider } from "@/lib/audio-state-context";
+import { AudioPlaybackProvider } from "@/lib/audio-playback-context";
+import { AudioControlsProvider } from "@/lib/audio-controls-context";
+import { useAuth } from "@/lib/auth-context";
+import { HowlerAudioElement } from "@/components/player/HowlerAudioElement";
+import { AudioErrorBoundary } from "@/components/providers/AudioErrorBoundary";
+
+export function ConditionalAudioProvider({
+    children,
+}: {
+    children: React.ReactNode;
+}) {
+    const pathname = usePathname();
+    const { isAuthenticated } = useAuth();
+
+    // Don't load audio provider on public pages or when not authenticated
+    const publicPages = ["/login", "/register", "/onboarding", "/setup"];
+    const isPublicPage = publicPages.includes(pathname);
+
+    if (isPublicPage || !isAuthenticated) {
+        return <>{children}</>;
+    }
+
+    // Split contexts: State -> Playback -> Controls
+    // This prevents re-renders from currentTime updates affecting all consumers
+    // Wrapped in error boundary to prevent audio errors from crashing the app
+    return (
+        <AudioErrorBoundary>
+            <AudioStateProvider>
+                <AudioPlaybackProvider>
+                    <AudioControlsProvider>
+                        {/* HowlerAudioElement handles both web and native platforms */}
+                        <HowlerAudioElement />
+                        {children}
+                    </AudioControlsProvider>
+                </AudioPlaybackProvider>
+            </AudioStateProvider>
+        </AudioErrorBoundary>
+    );
+}