Update artifacts/fb-publisher/src/App.tsx

artifacts/fb-publisher/src/App.tsx

@@ -1,121 +1,29 @@
 import { useEffect, useRef, useState } from "react";
 import { KindeProvider, useKindeAuth } from "@kinde-oss/kinde-auth-react";
-import { setAuthTokenGetter } from "@workspace/api-client-react";
 import {
   Switch,
   Route,
-  useLocation,
   Router as WouterRouter,
   Redirect,
 } from "wouter";
-import { QueryClientProvider, useQueryClient } from "@tanstack/react-query";
+import { QueryClientProvider } from "@tanstack/react-query";
 import { queryClient } from "./lib/queryClient";
-import { Toaster } from "@/components/ui/toaster";
-import { TooltipProvider } from "@/components/ui/tooltip";
 import Landing from "@/pages/Landing";
 import Publisher from "@/pages/Publisher";
-import Subscription from "@/pages/Subscription";
-import SubscriptionReturn from "@/pages/SubscriptionReturn";
-import InstallExtension from "@/pages/InstallExtension";
-import Admin from "@/pages/Admin";
-import NotFound from "@/pages/not-found";
-import UpdateBanner from "@/components/UpdateBanner";
 
 const kindeDomain = import.meta.env.VITE_KINDE_DOMAIN as string;
 const kindeClientId = import.meta.env.VITE_KINDE_CLIENT_ID as string;
-const basePath = import.meta.env.BASE_URL.replace(/\/$/, "");
 
-function ProtectedPublisher() {
+function HomePage() {
   const { isAuthenticated, isLoading } = useKindeAuth();
   
-  if (isLoading) return <div className="min-h-screen flex items-center justify-center"><div className="text-gray-300">جاري التحميل...</div></div>;
-  if (!isAuthenticated) return <Redirect to="/sign-in" />;
+  if (isLoading) return <div className="min-h-screen flex items-center justify-center text-white">جاري التحميل...</div>;
+  if (isAuthenticated) return <Publisher />;
   
-  return <Publisher />;
-}
-
-function ProtectedSubscription() {
-  const { isAuthenticated } = useKindeAuth();
-  if (!isAuthenticated) return <Redirect to="/sign-in" />;
-  return <Subscription />;
-}
-
-function ProtectedExtension() {
-  const { isAuthenticated } = useKindeAuth();
-  if (!isAuthenticated) return <Redirect to="/sign-in" />;
-  return <InstallExtension />;
-}
-
-function HomePage() {
-  const { isAuthenticated } = useKindeAuth();
-  if (isAuthenticated) return <Redirect to="/app" />;
   return <Landing />;
 }
 
-function ServerKeepAlive() {
-  const [waking, setWaking] = useState(false);
-
-  useEffect(() => {
-    let wakingTimer: ReturnType<typeof setTimeout>;
-    const ping = () => {
-      wakingTimer = setTimeout(() => setWaking(true), 4000);
-      fetch("/api/healthz", { cache: "no-store" })
-        .then(() => { clearTimeout(wakingTimer); setWaking(false); })
-        .catch(() => { clearTimeout(wakingTimer); setWaking(false); });
-    };
-    ping();
-    const interval = setInterval(ping, 10 * 60 * 1000);
-    return () => { clearInterval(interval); clearTimeout(wakingTimer); };
-  }, []);
-
-  if (!waking) return null;
-
-  return (
-    <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-[#16162a]/90 backdrop-blur-sm" dir="rtl">
-      <div className="bg-[#1f1f3a] border border-[#3a3a55] rounded-2xl p-8 text-center max-w-sm mx-4 shadow-2xl">
-        <div className="text-5xl mb-4">⚙️</div>
-        <h2 className="text-white text-xl font-bold mb-2">جاري تشغيل الخادم…</h2>
-        <p className="text-gray-400 text-sm leading-relaxed">الخادم كان في وضع السكون.<br />يستغرق الأمر بضع ثوانٍ، شكراً لصبرك.</p>
-        <div className="mt-5 flex justify-center gap-2">
-          {[0, 1, 2].map((i) => (
-            <div key={i} className="w-2.5 h-2.5 bg-[#bb86fc] rounded-full animate-bounce" style={{ animationDelay: `${i * 0.18}s` }} />
-          ))}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function KindeAuthTokenSetter() {
-  const { getToken } = useKindeAuth();
-  
-  useEffect(() => {
-    setAuthTokenGetter(async () => {
-      return await getToken() ?? null;
-    });
-    return () => setAuthTokenGetter(null);
-  }, [getToken]);
-
-  return null;
-}
-
-function KindeQueryClientCacheInvalidator() {
-  const { user, isAuthenticated } = useKindeAuth();
-  const qc = useQueryClient();
-  const prevUserIdRef = useRef<string | null | undefined>(undefined);
-
-  useEffect(() => {
-    const userId = user?.id ?? null;
-    if (prevUserIdRef.current !== undefined && prevUserIdRef.current !== userId) {
-      qc.clear();
-    }
-    prevUserIdRef.current = userId;
-  }, [user?.id, qc]);
-
-  return null;
-}
-
-function KindeProviderWithRoutes() {
+export default function App() {
   return (
     <KindeProvider
       domain={kindeDomain}
@@ -124,31 +32,13 @@ function KindeProviderWithRoutes() {
       logoutUri={`${window.location.origin}`}
     >
       <QueryClientProvider client={queryClient}>
-        <ServerKeepAlive />
-        <KindeAuthTokenSetter />
-        <KindeQueryClientCacheInvalidator />
-        <TooltipProvider>
+        <WouterRouter>
           <Switch>
             <Route path="/" component={HomePage} />
-            <Route path="/app" component={ProtectedPublisher} />
-            <Route path="/subscription" component={ProtectedSubscription} />
-            <Route path="/subscription/return" component={SubscriptionReturn} />
-            <Route path="/extension" component={ProtectedExtension} />
-            <Route path="/admin" component={Admin} />
-            <Route component={NotFound} />
+            <Route path="/app" component={HomePage} />
           </Switch>
-          <UpdateBanner />
-          <Toaster />
-        </TooltipProvider>
+        </WouterRouter>
       </QueryClientProvider>
     </KindeProvider>
   );
-}
-
-export default function App() {
-  return (
-    <WouterRouter base={basePath}>
-      <KindeProviderWithRoutes />
-    </WouterRouter>
-  );
 }