@ifc-lite/viewer 1.17.3 → 1.17.6

package/src/components/viewer/UpgradePage.tsx

@@ -1,69 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
-
-import { PricingTable, SignInButton, SignedIn, SignedOut } from '@clerk/clerk-react';
-import { useEffect, useMemo } from 'react';
-import { ArrowLeft } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import { useViewerStore } from '@/store';
-
-export function UpgradePage() {
-  const hasPro = useViewerStore((s) => s.chatHasPro);
-  const returnTo = useMemo(() => {
-    const params = new URLSearchParams(window.location.search);
-    const candidate = params.get('returnTo');
-    return candidate && candidate.startsWith('/') ? candidate : '/';
-  }, []);
-
-  const navigateBack = () => {
-    window.history.replaceState({}, '', returnTo);
-    window.dispatchEvent(new PopStateEvent('popstate'));
-  };
-
-  // Automatically return to the previous app view once upgrade is active.
-  useEffect(() => {
-    if (!hasPro) return;
-    const timer = window.setTimeout(() => {
-      navigateBack();
-    }, 400);
-    return () => window.clearTimeout(timer);
-  }, [hasPro]);
-
-  return (
-    <div className="min-h-screen bg-background text-foreground">
-      <div className="mx-auto w-full max-w-5xl px-6 py-8">
-        <div className="mb-6 flex items-center justify-between">
-          <Button variant="ghost" size="sm" onClick={navigateBack}>
-            <ArrowLeft className="mr-2 h-4 w-4" />
-            Back to Viewer
-          </Button>
-        </div>
-
-        <div className="rounded-lg border bg-card p-6 shadow-sm">
-          <h1 className="text-2xl font-semibold">Upgrade to Pro</h1>
-          <p className="mt-2 text-sm text-muted-foreground">
-            Free includes daily limited access to free models. Pro unlocks paid models and monthly credits.
-          </p>
-
-          <div className="mt-6">
-            <SignedOut>
-              <div className="flex items-center justify-center py-12">
-                <SignInButton
-                  mode="modal"
-                  fallbackRedirectUrl={returnTo}
-                  forceRedirectUrl={returnTo}
-                >
-                  <Button>Sign in to continue</Button>
-                </SignInButton>
-              </div>
-            </SignedOut>
-            <SignedIn>
-              <PricingTable />
-            </SignedIn>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/src/lib/llm/ClerkChatSync.tsx

@@ -1,74 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
-
-import { useEffect } from 'react';
-import { useAuth } from '@clerk/clerk-react';
-import { useViewerStore } from '@/store';
-
-/**
- * Sync Clerk session state into chat store for authenticated LLM requests.
- * Keeps chat UX decoupled from auth/billing details.
- */
-export function ClerkChatSync() {
-  const { isLoaded, isSignedIn, userId, getToken, has } = useAuth();
-  const setChatAuthToken = useViewerStore((s) => s.setChatAuthToken);
-  const switchChatUserContext = useViewerStore((s) => s.switchChatUserContext);
-  const currentChatUserId = useViewerStore((s) => s.chatStorageUserId);
-  const currentChatHasPro = useViewerStore((s) => s.chatHasPro);
-
-  useEffect(() => {
-    if (!isLoaded) return;
-
-    if (!isSignedIn) {
-      switchChatUserContext(null, false, {
-        clearPersistedCurrent: currentChatUserId !== null,
-        restoreMessages: false,
-      });
-      setChatAuthToken(null);
-      return;
-    }
-
-    let cancelled = false;
-
-    const syncAuth = async () => {
-      try {
-        const token = await getToken({ skipCache: true });
-        const proPlan = has?.({ plan: 'pro' }) ?? false;
-        const proFeature = has?.({ feature: 'pro_models' }) ?? false;
-        const nextHasPro = proPlan || proFeature;
-        if (!cancelled) {
-          // Avoid resetting chat usage/messages on routine token refreshes for
-          // the same signed-in user. Only switch context when identity or
-          // entitlement actually changes.
-          if (currentChatUserId !== (userId ?? null) || currentChatHasPro !== nextHasPro) {
-            switchChatUserContext(userId ?? null, nextHasPro, {
-              clearPersistedCurrent: currentChatUserId !== null && currentChatUserId !== userId,
-              restoreMessages: true,
-            });
-          }
-          if (token) {
-            setChatAuthToken(token);
-          }
-        }
-      } catch {
-        if (!cancelled) {
-          // Preserve the current signed-in chat context on transient token
-          // refresh failures. Explicit sign-out is handled above.
-        }
-      }
-    };
-
-    void syncAuth();
-    // Keep short-lived JWTs fresh so chat/usage polling doesn't reuse expired tokens.
-    const timer = window.setInterval(() => {
-      void syncAuth();
-    }, 15_000);
-    return () => {
-      cancelled = true;
-      window.clearInterval(timer);
-    };
-  }, [currentChatHasPro, currentChatUserId, getToken, has, isLoaded, isSignedIn, setChatAuthToken, switchChatUserContext, userId]);
-
-  return null;
-}

package/src/lib/llm/clerk-auth.ts

@@ -1,62 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
-
-/**
- * Auth helpers for the LLM chat integration.
- *
- * Setup:
- * 1. Install: pnpm add @clerk/clerk-react
- * 2. Set VITE_CLERK_PUBLISHABLE_KEY in .env
- * 3. Create plans in dashboard:
- *    - Free plan (slug: 'free', features: ['llm_chat', 'free_models'])
- *    - Pro plan (slug: 'pro', $8/month, features: ['llm_chat', 'free_models', 'pro_models'])
- * 4. Wrap app with <ClerkProvider>
- *
- * Usage in components:
- *
- * ```tsx
- * import { useAuth, useUser, Protect } from '@clerk/clerk-react';
- *
- * const { has } = useAuth();
- * const hasPro = has?.({ feature: 'pro_models' }) ?? false;
- *
- * const { getToken } = useAuth();
- * const token = await getToken();
- * ```
- */
-
-/**
- * Subscription tiers and their features.
- */
-export const SUBSCRIPTION_PLANS = {
-  free: {
-    slug: 'free',
-    name: 'Free',
-    features: ['llm_chat', 'free_models'],
-    description: 'AI chat with free models',
-  },
-  pro: {
-    slug: 'pro',
-    name: 'Pro',
-    features: ['llm_chat', 'free_models', 'pro_models'],
-    description: 'All models with monthly credits ($8/month)',
-  },
-} as const;
-
-/**
- * Feature flags that map to plan features.
- */
-export const FEATURES = {
-  LLM_CHAT: 'llm_chat',
-  FREE_MODELS: 'free_models',
-  PRO_MODELS: 'pro_models',
-} as const;
-
-/**
- * Check if auth is configured (publishable key present).
- * When not configured, the chat works in anonymous free-tier mode.
- */
-export function isClerkConfigured(): boolean {
-  return Boolean(import.meta.env.VITE_CLERK_PUBLISHABLE_KEY);
-}