@devvistatech/devvista-kit 0.0.10 → 0.0.13

package/hooks/use-toast.ts

@@ -1,188 +1,188 @@
-'use client';
-
-import * as React from 'react';
-
-import type { ToastActionElement, ToastProps } from '@/components/other/toast';
-
-const TOAST_LIMIT = 1;
-const TOAST_REMOVE_DELAY = 1000000;
-
-type ToasterToast = ToastProps & {
-  id: string;
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  action?: ToastActionElement;
-};
-
-const actionTypes = {
-  ADD_TOAST: 'ADD_TOAST',
-  UPDATE_TOAST: 'UPDATE_TOAST',
-  DISMISS_TOAST: 'DISMISS_TOAST',
-  REMOVE_TOAST: 'REMOVE_TOAST',
-} as const;
-
-let count = 0;
-
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER;
-  return count.toString();
-}
-
-type ActionType = typeof actionTypes;
-
-type Action =
-  | {
-      type: ActionType['ADD_TOAST'];
-      toast: ToasterToast;
-    }
-  | {
-      type: ActionType['UPDATE_TOAST'];
-      toast: Partial<ToasterToast>;
-    }
-  | {
-      type: ActionType['DISMISS_TOAST'];
-      toastId?: ToasterToast['id'];
-    }
-  | {
-      type: ActionType['REMOVE_TOAST'];
-      toastId?: ToasterToast['id'];
-    };
-
-interface State {
-  toasts: ToasterToast[];
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
-
-const addToRemoveQueue = (toastId: string) => {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({
-      type: 'REMOVE_TOAST',
-      toastId: toastId,
-    });
-  }, TOAST_REMOVE_DELAY);
-
-  toastTimeouts.set(toastId, timeout);
-};
-
-export const reducer = (state: State, action: Action): State => {
-  switch (action.type) {
-    case 'ADD_TOAST':
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-      };
-
-    case 'UPDATE_TOAST':
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t
-        ),
-      };
-
-    case 'DISMISS_TOAST': {
-      const { toastId } = action;
-
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id);
-        });
-      }
-
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t
-        ),
-      };
-    }
-    case 'REMOVE_TOAST':
-      if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        };
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId),
-      };
-  }
-};
-
-const listeners: Array<(state: State) => void> = [];
-
-let memoryState: State = { toasts: [] };
-
-function dispatch(action: Action) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => {
-    listener(memoryState);
-  });
-}
-
-type Toast = Omit<ToasterToast, 'id'>;
-
-function toast({ ...props }: Toast) {
-  const id = genId();
-
-  const update = (props: ToasterToast) =>
-    dispatch({
-      type: 'UPDATE_TOAST',
-      toast: { ...props, id },
-    });
-  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });
-
-  dispatch({
-    type: 'ADD_TOAST',
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss();
-      },
-    },
-  });
-
-  return {
-    id: id,
-    dismiss,
-    update,
-  };
-}
-
-function useToast() {
-  const [state, setState] = React.useState<State>(memoryState);
-
-  React.useEffect(() => {
-    listeners.push(setState);
-    return () => {
-      const index = listeners.indexOf(setState);
-      if (index > -1) {
-        listeners.splice(index, 1);
-      }
-    };
-  }, [state]);
-
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),
-  };
-}
-
-export { useToast, toast };
+'use client';
+
+import * as React from 'react';
+
+import type { ToastActionElement, ToastProps } from '@/components/other/toast';
+
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1000000;
+
+type ToasterToast = ToastProps & {
+  id: string;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  action?: ToastActionElement;
+};
+
+const actionTypes = {
+  ADD_TOAST: 'ADD_TOAST',
+  UPDATE_TOAST: 'UPDATE_TOAST',
+  DISMISS_TOAST: 'DISMISS_TOAST',
+  REMOVE_TOAST: 'REMOVE_TOAST',
+} as const;
+
+let count = 0;
+
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+
+type ActionType = typeof actionTypes;
+
+type Action =
+  | {
+      type: ActionType['ADD_TOAST'];
+      toast: ToasterToast;
+    }
+  | {
+      type: ActionType['UPDATE_TOAST'];
+      toast: Partial<ToasterToast>;
+    }
+  | {
+      type: ActionType['DISMISS_TOAST'];
+      toastId?: ToasterToast['id'];
+    }
+  | {
+      type: ActionType['REMOVE_TOAST'];
+      toastId?: ToasterToast['id'];
+    };
+
+interface State {
+  toasts: ToasterToast[];
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: 'REMOVE_TOAST',
+      toastId: toastId,
+    });
+  }, TOAST_REMOVE_DELAY);
+
+  toastTimeouts.set(toastId, timeout);
+};
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case 'ADD_TOAST':
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      };
+
+    case 'UPDATE_TOAST':
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
+        ),
+      };
+
+    case 'DISMISS_TOAST': {
+      const { toastId } = action;
+
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id);
+        });
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
+      };
+    }
+    case 'REMOVE_TOAST':
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      };
+  }
+};
+
+const listeners: Array<(state: State) => void> = [];
+
+let memoryState: State = { toasts: [] };
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+
+type Toast = Omit<ToasterToast, 'id'>;
+
+function toast({ ...props }: Toast) {
+  const id = genId();
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: 'UPDATE_TOAST',
+      toast: { ...props, id },
+    });
+  const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });
+
+  dispatch({
+    type: 'ADD_TOAST',
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      },
+    },
+  });
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  };
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState);
+
+  React.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),
+  };
+}
+
+export { useToast, toast };

package/lib/auth/auth-context.tsx

@@ -0,0 +1,225 @@
+"use client";
+
+import { useState, useEffect, createContext, useContext } from "react";
+import { useAuth as useClerkAuth, useUser } from "@clerk/nextjs";
+import { StrapiUser } from "../types"; 
+
+// Define the shape of the authentication context, including the Strapi user data,
+// loading state, error state, and functions for session checking and post-signup handling.
+interface AuthContextType {
+  user: StrapiUser | null;
+  authLoading: boolean;
+  error: string | null;
+  checkSession: () => Promise<void>;
+  handlePostSignUp: (clerkUserId: string, email: string, username: string) => Promise<void>;
+}
+
+// Create the React context for sharing authentication state and methods across components.
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+// A simple in-memory cache to store Strapi user data by Clerk user ID, avoiding repeated API calls.
+const userCache = new Map<string, StrapiUser>();
+
+// The main AuthProvider component that wraps the app and manages authentication state.
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  // Local state for the synced Strapi user, loading indicator, and any errors.
+  const [user, setUser] = useState<StrapiUser | null>(null);
+  const [authLoading, setAuthLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  
+  // Hooks from Clerk to get sign-in status, user ID, and user details.
+  const { isSignedIn, userId } = useClerkAuth();
+  const { user: clerkUser } = useUser();
+
+  // Function to synchronize a Clerk user with Strapi: check if the user exists, create if not, and cache the result.
+  const syncUserToStrapi = async (clerkUserData: { authId: string; email: string; username: string }) => {
+    // Early return if required data is missing.
+    if (!clerkUserData || !userId) {
+      console.warn("syncUserToStrapi: Missing clerkUserData or userId:", { clerkUserData, userId, timestamp: new Date().toISOString() });
+      return null;
+    }
+
+    // Check cache first for quick retrieval.
+    if (userCache.has(userId)) {
+      const cachedUser = userCache.get(userId)!;
+      setUser(cachedUser);
+      setError(null);
+      return cachedUser;
+    }
+
+    try {
+      // First, attempt to fetch the existing user from Strapi via the sync-user API.
+      const checkResponse = await fetch(`/api/sync-user?authId=${encodeURIComponent(clerkUserData.authId)}`, {
+        headers: {
+          "Content-Type": "application/json",
+        },
+      });
+
+      // If the user exists, cache and set it as the current user.
+      if (checkResponse.ok) {
+        const existingUser = await checkResponse.json();
+        userCache.set(userId, existingUser);
+        setUser(existingUser);
+        setError(null);
+        return existingUser;
+      }
+
+      // If no existing user, attempt to create a new one via the signup API.
+      const response = await fetch("/api/signup", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(clerkUserData),
+      });
+
+      // Handle signup failure (e.g., duplicate user error) by retrying the check.
+      if (!response.ok) {
+        const errorData = await response.json();
+        console.warn("syncUserToStrapi: Failed to create user (likely duplicate):", { errorData, status: response.status, timestamp: new Date().toISOString() });
+
+        const retryResponse = await fetch(`/api/sync-user?authId=${encodeURIComponent(clerkUserData.authId)}`, {
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (retryResponse.ok) {
+          const existingUser = await retryResponse.json();
+          userCache.set(userId, existingUser);
+          setUser(existingUser);
+          setError(null);
+          return existingUser;
+        }
+        console.warn("syncUserToStrapi: Failed to sync user:", { errorData, status: response.status, timestamp: new Date().toISOString() });
+        setError(null);
+        setUser(null);
+        return null;
+      }
+
+      // On successful creation, cache and set the new Strapi user.
+      const strapiUser = await response.json();
+      userCache.set(userId, strapiUser);
+      setUser(strapiUser);
+      setError(null);
+      return strapiUser;
+    } catch (error) {
+      // Log any unexpected errors but clear error state and set user to null.
+      console.warn("syncUserToStrapi: Error:", { error: error instanceof Error ? error.message : "Unknown error", timestamp: new Date().toISOString() });
+      setError(null); 
+      setUser(null);
+      return null;
+    }
+  };
+
+  // Handler called after Clerk signup to sync the new user to Strapi.
+  const handlePostSignUp = async (clerkUserId: string, email: string, username: string) => {
+    // Early return if required data is missing.
+    if (!email || !username) {
+      console.warn("handlePostSignUp: Missing email or username", { clerkUserId, email, username, timestamp: new Date().toISOString() });
+      setError(null); 
+      return;
+    }
+
+    try {
+      // Delegate to the sync function.
+      const strapiUser = await syncUserToStrapi({
+        authId: clerkUserId,
+        email,
+        username,
+      });
+      if (!strapiUser) {
+        console.warn("handlePostSignUp: Failed to create Strapi user", { clerkUserId, timestamp: new Date().toISOString() });
+        setError(null);
+      }
+    } catch (error) {
+      // Log errors but clear error state.
+      console.warn("handlePostSignUp: Error:", {
+        error: error instanceof Error ? error.message : "Unknown error",
+        timestamp: new Date().toISOString(),
+      });
+      setError(null); 
+    }
+  };
+
+  // Function to check and sync the current session on mount or changes.
+  const checkSession = async () => {
+    // Set loading state.
+    setAuthLoading(true);
+    // Early return if not signed in or missing user data.
+    if (!isSignedIn || !userId || !clerkUser) {
+      setUser(null);
+      setAuthLoading(false);
+      setError(null);
+      return;
+    }
+
+    // Check cache first.
+    if (userCache.has(userId)) {
+      const cachedUser = userCache.get(userId)!;
+      setUser(cachedUser);
+      setAuthLoading(false);
+      setError(null);
+      return;
+    }
+
+    try {
+      // Attempt to fetch existing user.
+      const checkResponse = await fetch(`/api/sync-user?authId=${encodeURIComponent(userId)}`, {
+        headers: {
+          "Content-Type": "application/json",
+        },
+      });
+
+      // If found, cache and set.
+      if (checkResponse.ok) {
+        const existingUser = await checkResponse.json();
+        userCache.set(userId, existingUser);
+        setUser(existingUser);
+        setAuthLoading(false);
+        setError(null);
+        return;
+      }
+
+      // Log and proceed to sync if not found.
+      console.warn("checkSession: No user found, proceeding to sync:", { userId, timestamp: new Date().toISOString() });
+
+      // Sync with fallback username generation if needed.
+      const strapiUser = await syncUserToStrapi({
+        authId: userId,
+        email: clerkUser.primaryEmailAddress?.emailAddress || "",
+        username: clerkUser.username || clerkUser.firstName || `user_${userId.slice(0, 8)}`,
+      });
+      if (!strapiUser) {
+        console.warn("checkSession: No Strapi user found, user set to null", { userId, timestamp: new Date().toISOString() });
+        setUser(null);
+      }
+    } catch (err) {
+      // Log errors and reset states.
+      console.warn("checkSession: Error:", { error: err instanceof Error ? err.message : "Unknown error", timestamp: new Date().toISOString() });
+      setUser(null);
+      setError(null); 
+    } finally {
+      // Always clear loading state.
+      setAuthLoading(false);
+    }
+  };
+
+  // Effect to trigger session check whenever Clerk auth state changes.
+  useEffect(() => {
+    checkSession();
+  }, [isSignedIn, userId, clerkUser]);
+
+  // Provide the context value to children components.
+  return (
+    <AuthContext.Provider value={{ user, authLoading, error, checkSession, handlePostSignUp }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+// Custom hook to access the auth context safely.
+export function useStrapiAuth() {
+  const context = useContext(AuthContext);
+  if (!context) throw new Error("useStrapiAuth must be used within an AuthProvider");
+  return context;
+}

package/lib/auth/auth-utils.tsx

@@ -0,0 +1,30 @@
+import { StrapiUser } from "../types";
+
+export async function isAdminUser(isSignedIn: boolean | undefined, user: StrapiUser | null): Promise<boolean> {
+  if (!isSignedIn || !user?.authId) {
+
+    return false;
+  }
+
+  try {
+
+    const response = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL || ''}/api/verify-admin`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ authId: user.authId }),
+    });
+
+    if (!response.ok) {
+      const errorData = await response.json();
+      console.error("isAdminUser: Verify admin failed:", { error: errorData, status: response.status, timestamp: new Date().toISOString() });
+      return false;
+    }
+
+    const { isAdmin } = await response.json();
+
+    return isAdmin;
+  } catch (error) {
+    console.error("isAdminUser error:", { error: error instanceof Error ? error.message : "Unknown error", timestamp: new Date().toISOString() });
+    return false;
+  }
+}