@igstack/app-catalog-frontend-core 0.0.1

package/dist/esm/modules/auth/AuthContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthContext.js","sources":["../../../../src/modules/auth/AuthContext.tsx"],"sourcesContent":["import type { Session } from 'better-auth/types'\nimport { createContext, use, useEffect, useMemo, useState } from 'react'\n\ninterface User {\n  id: string\n  email?: string | null\n  name?: string | null\n  image?: string | null\n  emailVerified?: boolean\n}\n\ninterface AuthContextType {\n  session: Session | null\n  user: User | null\n  isLoading: boolean\n  isAuthenticated: boolean\n}\n\nconst AuthContext = createContext<AuthContextType | undefined>(undefined)\n\nconst STORAGE_KEY = 'eh_auth_user'\n\n/**\n * Provider component for authentication state\n * Fetches and manages session from the backend\n * Uses localStorage for optimistic rendering to avoid flickering\n */\nexport function AuthProvider({ children }: { children: React.ReactNode }) {\n  const [session, setSession] = useState<Session | null>(null)\n  const [user, setUser] = useState<User | null>(() => {\n    // Hydrate from localStorage on mount to avoid flickering\n    if (typeof window === 'undefined') return null\n    try {\n      const stored = localStorage.getItem(STORAGE_KEY)\n      return stored ? JSON.parse(stored) : null\n    } catch {\n      return null\n    }\n  })\n  const [isLoading, setIsLoading] = useState(true)\n\n  useEffect(() => {\n    // Use AbortController to cancel fetch on unmount (e.g., React StrictMode double-mount)\n    const abortController = new AbortController()\n\n    // Fetch session from backend\n    async function fetchSession() {\n      try {\n        const response = await fetch('/api/auth/session', {\n          credentials: 'include',\n          signal: abortController.signal,\n        })\n        if (response.ok) {\n          const data = await response.json()\n          setSession(data)\n          setUser(data?.user || null)\n          if (data?.user) {\n            localStorage.setItem(STORAGE_KEY, JSON.stringify(data.user))\n          } else {\n            localStorage.removeItem(STORAGE_KEY)\n          }\n        } else {\n          setSession(null)\n          setUser(null)\n          localStorage.removeItem(STORAGE_KEY)\n        }\n      } catch (error) {\n        // Ignore abort errors (happens on cleanup)\n        if (error instanceof Error && error.name === 'AbortError') {\n          return\n        }\n        console.error('Failed to fetch session:', error)\n        setSession(null)\n        setUser(null)\n        localStorage.removeItem(STORAGE_KEY)\n      } finally {\n        setIsLoading(false)\n      }\n    }\n\n    fetchSession()\n\n    // Cleanup: abort fetch on unmount\n    return () => {\n      abortController.abort()\n    }\n  }, [])\n\n  const value: AuthContextType = useMemo(\n    () => ({\n      session,\n      user,\n      isLoading,\n      isAuthenticated: !!user,\n    }),\n    [session, user, isLoading],\n  )\n\n  return <AuthContext value={value}>{children}</AuthContext>\n}\n\n/**\n * Hook to access authentication state\n * @returns Authentication context containing session, user, and auth state\n */\nexport function useAuth() {\n  const context = use(AuthContext)\n  if (!context) {\n    throw new Error('useAuth must be used within AuthProvider')\n  }\n  return context\n}\n\n/**\n * Hook to check if user is authenticated\n * @returns Boolean indicating if user is authenticated\n */\nexport function useIsAuthenticated() {\n  const { isAuthenticated } = useAuth()\n  return isAuthenticated\n}\n\n/**\n * Hook to get the current user\n * @returns Current user or null\n */\nexport function useUser() {\n  const { user } = useAuth()\n  return user\n}\n"],"names":[],"mappings":";;AAkBA,MAAM,cAAc,cAA2C,MAAS;AAExE,MAAM,cAAc;AAOb,SAAS,aAAa,EAAE,YAA2C;AACxE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyB,IAAI;AAC3D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,MAAM;AAElD,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAI;AACF,YAAM,SAAS,aAAa,QAAQ,WAAW;AAC/C,aAAO,SAAS,KAAK,MAAM,MAAM,IAAI;AAAA,IACvC,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAE/C,YAAU,MAAM;AAEd,UAAM,kBAAkB,IAAI,gBAAA;AAG5B,mBAAe,eAAe;AAC5B,UAAI;AACF,cAAM,WAAW,MAAM,MAAM,qBAAqB;AAAA,UAChD,aAAa;AAAA,UACb,QAAQ,gBAAgB;AAAA,QAAA,CACzB;AACD,YAAI,SAAS,IAAI;AACf,gBAAM,OAAO,MAAM,SAAS,KAAA;AAC5B,qBAAW,IAAI;AACf,mBAAQ,6BAAM,SAAQ,IAAI;AAC1B,cAAI,6BAAM,MAAM;AACd,yBAAa,QAAQ,aAAa,KAAK,UAAU,KAAK,IAAI,CAAC;AAAA,UAC7D,OAAO;AACL,yBAAa,WAAW,WAAW;AAAA,UACrC;AAAA,QACF,OAAO;AACL,qBAAW,IAAI;AACf,kBAAQ,IAAI;AACZ,uBAAa,WAAW,WAAW;AAAA,QACrC;AAAA,MACF,SAAS,OAAO;AAEd,YAAI,iBAAiB,SAAS,MAAM,SAAS,cAAc;AACzD;AAAA,QACF;AACA,gBAAQ,MAAM,4BAA4B,KAAK;AAC/C,mBAAW,IAAI;AACf,gBAAQ,IAAI;AACZ,qBAAa,WAAW,WAAW;AAAA,MACrC,UAAA;AACE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAEA,iBAAA;AAGA,WAAO,MAAM;AACX,sBAAgB,MAAA;AAAA,IAClB;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,QAAyB;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC,CAAC;AAAA,IAAA;AAAA,IAErB,CAAC,SAAS,MAAM,SAAS;AAAA,EAAA;AAG3B,SAAO,oBAAC,aAAA,EAAY,OAAe,SAAA,CAAS;AAC9C;AAMO,SAAS,UAAU;AACxB,QAAM,UAAU,IAAI,WAAW;AAC/B,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,0CAA0C;AAAA,EAC5D;AACA,SAAO;AACT;AAMO,SAAS,qBAAqB;AACnC,QAAM,EAAE,gBAAA,IAAoB,QAAA;AAC5B,SAAO;AACT;AAMO,SAAS,UAAU;AACxB,QAAM,EAAE,KAAA,IAAS,QAAA;AACjB,SAAO;AACT;"}

package/dist/esm/modules/auth/AuthModalContext.d.ts

@@ -0,0 +1,19 @@
+interface AuthModalContextType {
+    isOpen: boolean;
+    redirectUrl: string;
+    open: (redirectUrl?: string) => void;
+    close: () => void;
+}
+/**
+ * Provider for global login modal state
+ * Allows opening/closing modal from anywhere in the app
+ */
+export declare function AuthModalProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access and control the login modal
+ * @returns Object with isOpen, open, and close
+ */
+export declare function useAuthModal(): AuthModalContextType;
+export {};

package/dist/esm/modules/auth/AuthModalContext.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo, createContext, use } from "react";
+const AuthModalContext = createContext(
+  void 0
+);
+function AuthModalProvider({ children }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [redirectUrl, setRedirectUrl] = useState("/");
+  const value = useMemo(() => ({
+    isOpen,
+    redirectUrl,
+    open: (url) => {
+      setRedirectUrl(url || "/");
+      setIsOpen(true);
+    },
+    close: () => setIsOpen(false)
+  }), [isOpen, redirectUrl]);
+  return /* @__PURE__ */ jsx(AuthModalContext, { value, children });
+}
+function useAuthModal() {
+  const context = use(AuthModalContext);
+  if (!context) {
+    throw new Error(
+      "useAuthModal must be used within AuthModalProvider"
+    );
+  }
+  return context;
+}
+export {
+  AuthModalProvider,
+  useAuthModal
+};
+//# sourceMappingURL=AuthModalContext.js.map

package/dist/esm/modules/auth/AuthModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthModalContext.js","sources":["../../../../src/modules/auth/AuthModalContext.tsx"],"sourcesContent":["import { createContext, use, useMemo, useState } from 'react'\n\ninterface AuthModalContextType {\n  isOpen: boolean\n  redirectUrl: string\n  open: (redirectUrl?: string) => void\n  close: () => void\n}\n\nconst AuthModalContext = createContext<AuthModalContextType | undefined>(\n  undefined,\n)\n\n/**\n * Provider for global login modal state\n * Allows opening/closing modal from anywhere in the app\n */\nexport function AuthModalProvider({ children }: { children: React.ReactNode }) {\n  const [isOpen, setIsOpen] = useState(false)\n  const [redirectUrl, setRedirectUrl] = useState('/')\n\n  const value = useMemo<AuthModalContextType>(() => ({\n    isOpen,\n    redirectUrl,\n    open: (url?: string) => {\n      setRedirectUrl(url || '/')\n      setIsOpen(true)\n    },\n    close: () => setIsOpen(false),\n  }), [isOpen, redirectUrl])\n\n  return (\n    <AuthModalContext value={value}>{children}</AuthModalContext>\n  )\n}\n\n/**\n * Hook to access and control the login modal\n * @returns Object with isOpen, open, and close\n */\nexport function useAuthModal() {\n  const context = use(AuthModalContext)\n  if (!context) {\n    throw new Error(\n      'useAuthModal must be used within AuthModalProvider',\n    )\n  }\n  return context\n}\n"],"names":[],"mappings":";;AASA,MAAM,mBAAmB;AAAA,EACvB;AACF;AAMO,SAAS,kBAAkB,EAAE,YAA2C;AAC7E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,GAAG;AAElD,QAAM,QAAQ,QAA8B,OAAO;AAAA,IACjD;AAAA,IACA;AAAA,IACA,MAAM,CAAC,QAAiB;AACtB,qBAAe,OAAO,GAAG;AACzB,gBAAU,IAAI;AAAA,IAChB;AAAA,IACA,OAAO,MAAM,UAAU,KAAK;AAAA,EAAA,IAC1B,CAAC,QAAQ,WAAW,CAAC;AAEzB,SACE,oBAAC,kBAAA,EAAiB,OAAe,SAAA,CAAS;AAE9C;AAMO,SAAS,eAAe;AAC7B,QAAM,UAAU,IAAI,gBAAgB;AACpC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;"}

package/dist/esm/modules/auth/ProtectedContent.d.ts

@@ -0,0 +1,19 @@
+interface ProtectedProps {
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+    requiredRole?: string;
+}
+/**
+ * Component to protect content based on authentication status
+ * Only renders children if user is authenticated
+ * @param children - Content to show when authenticated
+ * @param fallback - Content to show when not authenticated (optional)
+ */
+export declare function ProtectedContent({ children, fallback, }: ProtectedProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * HOC to protect a component
+ * Redirects to login if not authenticated, preserving the original URL
+ * @param Component - Component to protect
+ */
+export declare function withProtection<TProps extends object>(Component: React.ComponentType<TProps>): (props: TProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};