@greatapps/greatauth-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,99 @@
+// src/auth/auth-client.ts
+import { createAuthClient } from "better-auth/react";
+var authClient = createAuthClient();
+var { useSession, signIn, signUp, signOut } = authClient;
+
+// src/auth/middleware.ts
+import { NextResponse } from "next/server";
+function createAuthMiddleware(config) {
+  const { publicPaths, preserveSearchParams = false } = config;
+  return function middleware(request) {
+    const { pathname, search } = request.nextUrl;
+    if (publicPaths.some((path) => pathname.startsWith(path))) {
+      return NextResponse.next();
+    }
+    const sessionToken = request.cookies.get("better-auth.session_token")?.value || request.cookies.get("__Secure-better-auth.session_token")?.value;
+    if (!sessionToken) {
+      const callbackUrl = preserveSearchParams ? pathname + search : pathname;
+      const loginUrl = new URL("/login", request.url);
+      loginUrl.searchParams.set("callbackUrl", callbackUrl);
+      return NextResponse.redirect(loginUrl);
+    }
+    return NextResponse.next();
+  };
+}
+var authMiddlewareConfig = {
+  matcher: ["/((?!_next/static|_next/image|favicon.ico|api/auth).*)"]
+};
+
+// src/hooks/use-auth.ts
+function decodeJwtPayload(token) {
+  try {
+    const parts = token.split(".");
+    if (parts.length !== 3) return null;
+    const payload = parts[1];
+    const decoded = atob(payload.replace(/-/g, "+").replace(/_/g, "/"));
+    return JSON.parse(decoded);
+  } catch {
+    return null;
+  }
+}
+function createUseAuth(config) {
+  return function useAuth() {
+    const { data: sessionData, isPending, error } = useSession();
+    const session = sessionData?.session ?? null;
+    const user = sessionData?.user ?? null;
+    const gauthToken = user?.gauthToken ?? null;
+    const idAccount = user?.idAccount ?? null;
+    const gauthProfile = user?.gauthProfile ?? null;
+    const result = {
+      session,
+      user,
+      gauthToken,
+      idAccount,
+      gauthProfile,
+      isLoading: isPending,
+      isAuthenticated: !!session && !!user,
+      error: error ?? null
+    };
+    if (config?.jwtClaims && gauthToken) {
+      const payload = decodeJwtPayload(gauthToken);
+      if (payload) {
+        for (const [jwtKey, fieldName] of Object.entries(config.jwtClaims)) {
+          result[fieldName] = payload[jwtKey] ?? null;
+        }
+      }
+    }
+    if (config?.accountIdOverride) {
+      const overriddenId = config.accountIdOverride(user);
+      if (overriddenId !== null) {
+        result.idAccount = overriddenId;
+      }
+    }
+    if (config?.extraUserFields && user) {
+      for (const field of config.extraUserFields) {
+        result[field] = user[field] ?? null;
+      }
+    }
+    return result;
+  };
+}
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+export {
+  authClient,
+  authMiddlewareConfig,
+  cn,
+  createAuthMiddleware,
+  createUseAuth,
+  signIn,
+  signOut,
+  signUp,
+  useSession
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/auth/auth-client.ts","../src/auth/middleware.ts","../src/hooks/use-auth.ts","../src/lib/utils.ts"],"sourcesContent":["\"use client\";\n\nimport { createAuthClient } from \"better-auth/react\";\n\nexport const authClient = createAuthClient();\nexport const { useSession, signIn, signUp, signOut } = authClient;\n","import { NextResponse, type NextRequest } from \"next/server\";\n\nexport interface AuthMiddlewareConfig {\n  publicPaths: string[];\n  preserveSearchParams?: boolean;\n}\n\nexport function createAuthMiddleware(config: AuthMiddlewareConfig) {\n  const { publicPaths, preserveSearchParams = false } = config;\n\n  return function middleware(request: NextRequest) {\n    const { pathname, search } = request.nextUrl;\n\n    if (publicPaths.some((path) => pathname.startsWith(path))) {\n      return NextResponse.next();\n    }\n\n    const sessionToken =\n      request.cookies.get(\"better-auth.session_token\")?.value ||\n      request.cookies.get(\"__Secure-better-auth.session_token\")?.value;\n\n    if (!sessionToken) {\n      const callbackUrl = preserveSearchParams\n        ? pathname + search\n        : pathname;\n\n      const loginUrl = new URL(\"/login\", request.url);\n      loginUrl.searchParams.set(\"callbackUrl\", callbackUrl);\n      return NextResponse.redirect(loginUrl);\n    }\n\n    return NextResponse.next();\n  };\n}\n\nexport const authMiddlewareConfig = {\n  matcher: [\"/((?!_next/static|_next/image|favicon.ico|api/auth).*)\"],\n};\n","\"use client\";\n\nimport { useSession } from \"../auth/auth-client\";\n\ninterface JwtClaimsConfig {\n  [jwtClaimName: string]: string;\n}\n\ninterface UseAuthConfig {\n  jwtClaims?: JwtClaimsConfig;\n  accountIdOverride?: (user: Record<string, unknown> | null) => string | null;\n  extraUserFields?: string[];\n}\n\nfunction decodeJwtPayload(token: string): Record<string, unknown> | null {\n  try {\n    const parts = token.split(\".\");\n    if (parts.length !== 3) return null;\n    const payload = parts[1];\n    const decoded = atob(payload.replace(/-/g, \"+\").replace(/_/g, \"/\"));\n    return JSON.parse(decoded);\n  } catch {\n    return null;\n  }\n}\n\nexport function createUseAuth(config?: UseAuthConfig) {\n  return function useAuth() {\n    const { data: sessionData, isPending, error } = useSession();\n\n    const session = sessionData?.session ?? null;\n    const user = sessionData?.user ?? null;\n\n    const gauthToken = (user as Record<string, unknown> | null)?.gauthToken as string | null ?? null;\n    const idAccount = (user as Record<string, unknown> | null)?.idAccount as string | null ?? null;\n    const gauthProfile = (user as Record<string, unknown> | null)?.gauthProfile as Record<string, unknown> | null ?? null;\n\n    const result: Record<string, unknown> = {\n      session,\n      user,\n      gauthToken,\n      idAccount,\n      gauthProfile,\n      isLoading: isPending,\n      isAuthenticated: !!session && !!user,\n      error: error ?? null,\n    };\n\n    if (config?.jwtClaims && gauthToken) {\n      const payload = decodeJwtPayload(gauthToken);\n      if (payload) {\n        for (const [jwtKey, fieldName] of Object.entries(config.jwtClaims)) {\n          result[fieldName] = payload[jwtKey] ?? null;\n        }\n      }\n    }\n\n    if (config?.accountIdOverride) {\n      const overriddenId = config.accountIdOverride(user as Record<string, unknown> | null);\n      if (overriddenId !== null) {\n        result.idAccount = overriddenId;\n      }\n    }\n\n    if (config?.extraUserFields && user) {\n      for (const field of config.extraUserFields) {\n        result[field] = (user as Record<string, unknown>)[field] ?? null;\n      }\n    }\n\n    return result;\n  };\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";AAEA,SAAS,wBAAwB;AAE1B,IAAM,aAAa,iBAAiB;AACpC,IAAM,EAAE,YAAY,QAAQ,QAAQ,QAAQ,IAAI;;;ACLvD,SAAS,oBAAsC;AAOxC,SAAS,qBAAqB,QAA8B;AACjE,QAAM,EAAE,aAAa,uBAAuB,MAAM,IAAI;AAEtD,SAAO,SAAS,WAAW,SAAsB;AAC/C,UAAM,EAAE,UAAU,OAAO,IAAI,QAAQ;AAErC,QAAI,YAAY,KAAK,CAAC,SAAS,SAAS,WAAW,IAAI,CAAC,GAAG;AACzD,aAAO,aAAa,KAAK;AAAA,IAC3B;AAEA,UAAM,eACJ,QAAQ,QAAQ,IAAI,2BAA2B,GAAG,SAClD,QAAQ,QAAQ,IAAI,oCAAoC,GAAG;AAE7D,QAAI,CAAC,cAAc;AACjB,YAAM,cAAc,uBAChB,WAAW,SACX;AAEJ,YAAM,WAAW,IAAI,IAAI,UAAU,QAAQ,GAAG;AAC9C,eAAS,aAAa,IAAI,eAAe,WAAW;AACpD,aAAO,aAAa,SAAS,QAAQ;AAAA,IACvC;AAEA,WAAO,aAAa,KAAK;AAAA,EAC3B;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,SAAS,CAAC,wDAAwD;AACpE;;;ACvBA,SAAS,iBAAiB,OAA+C;AACvE,MAAI;AACF,UAAM,QAAQ,MAAM,MAAM,GAAG;AAC7B,QAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,UAAM,UAAU,MAAM,CAAC;AACvB,UAAM,UAAU,KAAK,QAAQ,QAAQ,MAAM,GAAG,EAAE,QAAQ,MAAM,GAAG,CAAC;AAClE,WAAO,KAAK,MAAM,OAAO;AAAA,EAC3B,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,cAAc,QAAwB;AACpD,SAAO,SAAS,UAAU;AACxB,UAAM,EAAE,MAAM,aAAa,WAAW,MAAM,IAAI,WAAW;AAE3D,UAAM,UAAU,aAAa,WAAW;AACxC,UAAM,OAAO,aAAa,QAAQ;AAElC,UAAM,aAAc,MAAyC,cAA+B;AAC5F,UAAM,YAAa,MAAyC,aAA8B;AAC1F,UAAM,eAAgB,MAAyC,gBAAkD;AAEjH,UAAM,SAAkC;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,iBAAiB,CAAC,CAAC,WAAW,CAAC,CAAC;AAAA,MAChC,OAAO,SAAS;AAAA,IAClB;AAEA,QAAI,QAAQ,aAAa,YAAY;AACnC,YAAM,UAAU,iBAAiB,UAAU;AAC3C,UAAI,SAAS;AACX,mBAAW,CAAC,QAAQ,SAAS,KAAK,OAAO,QAAQ,OAAO,SAAS,GAAG;AAClE,iBAAO,SAAS,IAAI,QAAQ,MAAM,KAAK;AAAA,QACzC;AAAA,MACF;AAAA,IACF;AAEA,QAAI,QAAQ,mBAAmB;AAC7B,YAAM,eAAe,OAAO,kBAAkB,IAAsC;AACpF,UAAI,iBAAiB,MAAM;AACzB,eAAO,YAAY;AAAA,MACrB;AAAA,IACF;AAEA,QAAI,QAAQ,mBAAmB,MAAM;AACnC,iBAAW,SAAS,OAAO,iBAAiB;AAC1C,eAAO,KAAK,IAAK,KAAiC,KAAK,KAAK;AAAA,MAC9D;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AACF;;;ACxEA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@greatapps/greatauth-ui",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": ["dist", "src"],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19",
+    "next": ">=15",
+    "lucide-react": "*",
+    "better-auth": "^1.4",
+    "next-themes": "*"
+  },
+  "dependencies": {
+    "clsx": "^2",
+    "tailwind-merge": "^3"
+  },
+  "devDependencies": {
+    "tsup": "latest",
+    "typescript": "^5",
+    "react": "^19",
+    "react-dom": "^19",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "next": "latest",
+    "better-auth": "latest",
+    "next-themes": "latest"
+  }
+}

package/src/auth/auth-client.ts

@@ -0,0 +1,6 @@
+"use client";
+
+import { createAuthClient } from "better-auth/react";
+
+export const authClient = createAuthClient();
+export const { useSession, signIn, signUp, signOut } = authClient;

package/src/auth/index.ts

@@ -0,0 +1,3 @@
+export { authClient, useSession, signIn, signUp, signOut } from "./auth-client";
+export { createAuthMiddleware, authMiddlewareConfig } from "./middleware";
+export type { AuthMiddlewareConfig } from "./middleware";

package/src/auth/middleware.ts

@@ -0,0 +1,38 @@
+import { NextResponse, type NextRequest } from "next/server";
+
+export interface AuthMiddlewareConfig {
+  publicPaths: string[];
+  preserveSearchParams?: boolean;
+}
+
+export function createAuthMiddleware(config: AuthMiddlewareConfig) {
+  const { publicPaths, preserveSearchParams = false } = config;
+
+  return function middleware(request: NextRequest) {
+    const { pathname, search } = request.nextUrl;
+
+    if (publicPaths.some((path) => pathname.startsWith(path))) {
+      return NextResponse.next();
+    }
+
+    const sessionToken =
+      request.cookies.get("better-auth.session_token")?.value ||
+      request.cookies.get("__Secure-better-auth.session_token")?.value;
+
+    if (!sessionToken) {
+      const callbackUrl = preserveSearchParams
+        ? pathname + search
+        : pathname;
+
+      const loginUrl = new URL("/login", request.url);
+      loginUrl.searchParams.set("callbackUrl", callbackUrl);
+      return NextResponse.redirect(loginUrl);
+    }
+
+    return NextResponse.next();
+  };
+}
+
+export const authMiddlewareConfig = {
+  matcher: ["/((?!_next/static|_next/image|favicon.ico|api/auth).*)"],
+};

package/src/hooks/index.ts

@@ -0,0 +1 @@
+export { createUseAuth } from "./use-auth";

package/src/hooks/use-auth.ts

@@ -0,0 +1,73 @@
+"use client";
+
+import { useSession } from "../auth/auth-client";
+
+interface JwtClaimsConfig {
+  [jwtClaimName: string]: string;
+}
+
+interface UseAuthConfig {
+  jwtClaims?: JwtClaimsConfig;
+  accountIdOverride?: (user: Record<string, unknown> | null) => string | null;
+  extraUserFields?: string[];
+}
+
+function decodeJwtPayload(token: string): Record<string, unknown> | null {
+  try {
+    const parts = token.split(".");
+    if (parts.length !== 3) return null;
+    const payload = parts[1];
+    const decoded = atob(payload.replace(/-/g, "+").replace(/_/g, "/"));
+    return JSON.parse(decoded);
+  } catch {
+    return null;
+  }
+}
+
+export function createUseAuth(config?: UseAuthConfig) {
+  return function useAuth() {
+    const { data: sessionData, isPending, error } = useSession();
+
+    const session = sessionData?.session ?? null;
+    const user = sessionData?.user ?? null;
+
+    const gauthToken = (user as Record<string, unknown> | null)?.gauthToken as string | null ?? null;
+    const idAccount = (user as Record<string, unknown> | null)?.idAccount as string | null ?? null;
+    const gauthProfile = (user as Record<string, unknown> | null)?.gauthProfile as Record<string, unknown> | null ?? null;
+
+    const result: Record<string, unknown> = {
+      session,
+      user,
+      gauthToken,
+      idAccount,
+      gauthProfile,
+      isLoading: isPending,
+      isAuthenticated: !!session && !!user,
+      error: error ?? null,
+    };
+
+    if (config?.jwtClaims && gauthToken) {
+      const payload = decodeJwtPayload(gauthToken);
+      if (payload) {
+        for (const [jwtKey, fieldName] of Object.entries(config.jwtClaims)) {
+          result[fieldName] = payload[jwtKey] ?? null;
+        }
+      }
+    }
+
+    if (config?.accountIdOverride) {
+      const overriddenId = config.accountIdOverride(user as Record<string, unknown> | null);
+      if (overriddenId !== null) {
+        result.idAccount = overriddenId;
+      }
+    }
+
+    if (config?.extraUserFields && user) {
+      for (const field of config.extraUserFields) {
+        result[field] = (user as Record<string, unknown>)[field] ?? null;
+      }
+    }
+
+    return result;
+  };
+}

package/src/index.ts

@@ -0,0 +1,13 @@
+// Types
+export type { AppShellConfig, MenuGroup, MenuItem, HeaderConfig, LoginFormConfig } from "./types";
+
+// Auth
+export { authClient, useSession, signIn, signUp, signOut } from "./auth";
+export { createAuthMiddleware, authMiddlewareConfig } from "./auth";
+export type { AuthMiddlewareConfig } from "./auth";
+
+// Hooks
+export { createUseAuth } from "./hooks";
+
+// Utils
+export { cn } from "./lib/utils";

package/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/src/types/index.ts

@@ -0,0 +1,42 @@
+import type { ReactNode, ComponentType } from "react";
+
+export interface AppShellConfig {
+  appName: string;
+  appIcon: ReactNode;
+  appBadge?: string;
+  menuGroups: MenuGroup[];
+  routeLabels: Record<string, string>;
+  defaultBreadcrumb?: string;
+  userDisplayFields?: {
+    showLastName?: boolean;
+  };
+  footerExtra?: ReactNode;
+  onLogout?: () => void;
+}
+
+export interface MenuGroup {
+  label: string;
+  items: MenuItem[];
+}
+
+export interface MenuItem {
+  icon: ComponentType<{ className?: string }>;
+  label: string;
+  href: string;
+  children?: MenuItem[];
+  onClick?: () => void;
+}
+
+export interface HeaderConfig {
+  defaultBreadcrumb?: string;
+  routeLabels: Record<string, string>;
+}
+
+export interface LoginFormConfig {
+  icon: ReactNode;
+  appName: string;
+  appBadge?: { text: string; variant: "destructive" | "outline" };
+  description: string;
+  callbackUrlDefault: string;
+  onPostLoginSuccess?: (user: unknown, token?: string) => Promise<string | null>;
+}