autherr 1.0.0

package/dist/api/logout.d.ts

@@ -0,0 +1 @@
+export declare function logoutSession(baseUrl: string, clientId: string): Promise<void>;

package/dist/api/logout.js

@@ -0,0 +1,6 @@
+export async function logoutSession(baseUrl, clientId) {
+    await fetch(`${baseUrl}/__bff/auth/logout?client_id=${clientId}`, {
+        method: "POST",
+        credentials: "include", // REQUIRED to clear cookie
+    });
+}

package/dist/api/session.d.ts

@@ -0,0 +1,2 @@
+import { AutherrSessionResponse } from "../types/auth";
+export declare function fetchSession(baseUrl: string, clientId: string): Promise<AutherrSessionResponse>;

package/dist/api/session.js

@@ -0,0 +1,66 @@
+export async function fetchSession(baseUrl, clientId) {
+    const res = await fetch(`${baseUrl}/__bff/auth/session?client_id=${clientId}`, {
+        method: "GET",
+        credentials: "include", // REQUIRED for refresh cookie
+        headers: {
+            "Content-Type": "application/json",
+        },
+    });
+    if (!res.ok) {
+        return { authenticated: false };
+    }
+    const json = await res.json();
+    /**
+     * Backend response shapes:
+     * 1. Not authenticated:
+     *    { success: false, authenticated: false }
+     *
+     * 2. Authenticated:
+     *    {
+     *      success: true,
+     *      authenticated: true,
+     *      data: {
+     *        userId,
+     *        accessToken,
+     *        expiresIn
+     *      }
+     *    }
+     */
+    if (!json.authenticated || !json.data?.accessToken) {
+        return { authenticated: false };
+    }
+    return {
+        authenticated: true,
+        accessToken: json.data.accessToken,
+        expiresAt: Date.now() + json.data.expiresIn * 1000,
+    };
+}
+// import { AutherrSessionResponse } from "../types/auth";
+// export async function fetchSession(
+//   baseUrl: string,
+//   clientId: string
+// ): Promise<AutherrSessionResponse> {
+//   const res = await fetch(
+//     `${baseUrl}/__bff/auth/session?client_id=${clientId}`,
+//     {
+//       method: "GET",
+//       credentials: "include", // CRITICAL
+//       headers: {
+//         "Content-Type": "application/json",
+//       },
+//     }
+//   );
+//   if (!res.ok) {
+//     return { authenticated: false };
+//   }
+//   const data = (await res.json()) as AutherrSessionResponse;
+//   if (!data || !data.accessToken) {
+//     return { authenticated: false };
+//   }
+//   return {
+//     authenticated: true,
+//     user: data.user,
+//     accessToken: data.accessToken,
+//     expiresAt: data.expiresAt,
+//   };
+// }

package/dist/components/LoginButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface LoginButtonProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function LoginButton({ children, className, }: LoginButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/LoginButton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAutherr } from "../hooks/useAutherr";
+export function LoginButton({ children = "Sign in", className, }) {
+    const { login, isAuthenticated } = useAutherr();
+    if (isAuthenticated)
+        return null;
+    return (_jsx("button", { type: "button", onClick: login, className: className, children: children }));
+}

package/dist/components/SignupButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface SignupButtonProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function SignupButton({ children, className, }: SignupButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/SignupButton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAutherr } from "../hooks/useAutherr";
+export function SignupButton({ children = "Sign up", className, }) {
+    const { signup, isAuthenticated } = useAutherr();
+    if (isAuthenticated)
+        return null;
+    return (_jsx("button", { type: "button", onClick: signup, className: className, children: children }));
+}

package/dist/components/UserMenu.d.ts

@@ -0,0 +1 @@
+export declare function UserMenu(): import("react/jsx-runtime").JSX.Element;

package/dist/components/UserMenu.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useAutherr } from "../hooks/useAutherr";
+// simple local decoder (no verification)
+function decodeJwt(token) {
+    try {
+        const [, payload] = token.split(".");
+        return JSON.parse(atob(payload.replace(/-/g, "+").replace(/_/g, "/")));
+    }
+    catch {
+        return null;
+    }
+}
+export function UserMenu() {
+    const { isAuthenticated, accessToken, login, signup, logout, } = useAutherr();
+    const [open, setOpen] = useState(false);
+    const [showPayload, setShowPayload] = useState(false);
+    const ref = useRef(null);
+    // close on outside click
+    useEffect(() => {
+        function handleClick(e) {
+            if (ref.current && !ref.current.contains(e.target)) {
+                setOpen(false);
+                setShowPayload(false);
+            }
+        }
+        document.addEventListener("mousedown", handleClick);
+        return () => document.removeEventListener("mousedown", handleClick);
+    }, []);
+    const payload = accessToken ? decodeJwt(accessToken) : null;
+    const initial = payload?.email?.[0]?.toUpperCase() ?? "U";
+    return (_jsxs("div", { ref: ref, style: { position: "relative" }, children: [_jsx("button", { onClick: () => setOpen((v) => !v), style: {
+                    width: 36,
+                    height: 36,
+                    borderRadius: "50%",
+                    background: "#ff6a00",
+                    color: "#fff",
+                    border: "none",
+                    cursor: "pointer",
+                    fontWeight: 600,
+                }, children: isAuthenticated ? initial : "?" }), open && (_jsx("div", { style: {
+                    position: "absolute",
+                    top: "calc(100% + 8px)",
+                    right: 0,
+                    width: 280,
+                    background: "#fff",
+                    borderRadius: 12,
+                    boxShadow: "0 10px 30px rgba(0,0,0,0.15)",
+                    padding: 12,
+                    zIndex: 1000,
+                }, children: isAuthenticated ? (_jsxs(_Fragment, { children: [_jsxs("div", { style: { marginBottom: 12 }, children: [_jsx("div", { style: { fontWeight: 600 }, children: payload?.email }), _jsx("div", { style: { fontSize: 12, color: "#666" }, children: "Signed in" })] }), _jsx(Divider, {}), _jsx(MenuItem, { onClick: () => setShowPayload((v) => !v), children: showPayload ? "Hide payload" : "View payload" }), _jsx(MenuItem, { onClick: logout, children: "Sign out" }), showPayload && payload && (_jsx("pre", { style: {
+                                marginTop: 10,
+                                background: "#0b0b0b",
+                                color: "#00ff88",
+                                padding: 10,
+                                borderRadius: 8,
+                                fontSize: 12,
+                                maxHeight: 200,
+                                overflow: "auto",
+                            }, children: JSON.stringify(payload, null, 2) }))] })) : (_jsxs(_Fragment, { children: [_jsx(MenuItem, { onClick: login, children: "Sign in" }), _jsx(MenuItem, { onClick: signup, children: "Sign up" })] })) }))] }));
+}
+function MenuItem({ children, onClick, }) {
+    return (_jsx("button", { onClick: onClick, style: {
+            width: "100%",
+            padding: "8px 0",
+            background: "none",
+            border: "none",
+            textAlign: "left",
+            cursor: "pointer",
+            fontSize: 14,
+        }, children: children }));
+}
+function Divider() {
+    return (_jsx("div", { style: {
+            height: 1,
+            background: "#eee",
+            margin: "8px 0",
+        } }));
+}

package/dist/hooks/useAutherr.d.ts

@@ -0,0 +1,10 @@
+export declare function useAutherr(): {
+    user: import("../types/auth").AutherrUser | null;
+    accessToken: string | null;
+    isAuthenticated: boolean;
+    login: () => void;
+    signup: () => void;
+    logout: () => Promise<void>;
+    refreshSession: () => Promise<void>;
+    getAccessToken: () => string | null;
+};

package/dist/hooks/useAutherr.js

@@ -0,0 +1,14 @@
+import { useAutherrContext } from "../provider/AutherrProvider";
+export function useAutherr() {
+    const { user, accessToken, isAuthenticated, login, signup, logout, getAccessToken, refreshSession, } = useAutherrContext();
+    return {
+        user,
+        accessToken,
+        isAuthenticated,
+        login,
+        signup,
+        logout,
+        refreshSession,
+        getAccessToken,
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { AutherrProvider } from "./provider/AutherrProvider";
+export { useAutherr } from "./hooks/useAutherr";
+export { LoginButton } from "./components/LoginButton";
+export { SignupButton } from "./components/SignupButton";
+export { UserMenu } from "./components/UserMenu";

package/dist/index.js

@@ -0,0 +1,5 @@
+export { AutherrProvider } from "./provider/AutherrProvider";
+export { useAutherr } from "./hooks/useAutherr";
+export { LoginButton } from "./components/LoginButton";
+export { SignupButton } from "./components/SignupButton";
+export { UserMenu } from "./components/UserMenu";

package/dist/provider/AutherrProvider.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { AutherrUser } from "../types/auth";
+interface AutherrContextValue {
+    user: AutherrUser | null;
+    accessToken: string | null;
+    isAuthenticated: boolean;
+    login: () => void;
+    signup: () => void;
+    logout: () => Promise<void>;
+    getAccessToken: () => string | null;
+    refreshSession: () => Promise<void>;
+}
+interface AutherrProviderProps {
+    children: React.ReactNode;
+    clientId: string;
+    baseUrl: string;
+}
+export declare function AutherrProvider({ children, clientId, baseUrl, }: AutherrProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useAutherrContext(): AutherrContextValue;
+export {};

package/dist/provider/AutherrProvider.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useState, } from "react";
+import { fetchSession } from "../api/session";
+import { logoutSession } from "../api/logout";
+const AutherrContext = createContext(null);
+export function AutherrProvider({ children, clientId, baseUrl, }) {
+    const [user, setUser] = useState(null);
+    const [accessToken, setAccessToken] = useState(null);
+    const [isAuthenticated, setIsAuthenticated] = useState(false);
+    const refreshSession = async () => {
+        const session = await fetchSession(baseUrl, clientId);
+        if (session.authenticated && session.accessToken) {
+            setAccessToken(session.accessToken);
+            setIsAuthenticated(true);
+        }
+        else {
+            setUser(null);
+            setAccessToken(null);
+            setIsAuthenticated(false);
+        }
+    };
+    useEffect(() => {
+        refreshSession();
+    }, [baseUrl, clientId]);
+    const login = () => {
+        const state = crypto.randomUUID();
+        window.location.href =
+            `${baseUrl}/auth/login` +
+                `?client_id=${clientId}` +
+                `&redirect_uri=${encodeURIComponent(window.location.origin)}` +
+                `&state=${state}`;
+    };
+    const signup = () => {
+        const state = crypto.randomUUID();
+        window.location.href =
+            `${baseUrl}/auth/signup` +
+                `?client_id=${clientId}` +
+                `&redirect_uri=${encodeURIComponent(window.location.origin)}` +
+                `&state=${state}`;
+    };
+    const logout = async () => {
+        try {
+            await logoutSession(baseUrl, clientId);
+        }
+        finally {
+            setUser(null);
+            setAccessToken(null);
+            setIsAuthenticated(false);
+            window.location.href = window.location.origin;
+        }
+    };
+    const value = useMemo(() => ({
+        user,
+        accessToken,
+        isAuthenticated,
+        login,
+        signup,
+        logout,
+        refreshSession,
+        getAccessToken: () => accessToken,
+    }), [user, accessToken, isAuthenticated]);
+    return (_jsx(AutherrContext.Provider, { value: value, children: children }));
+}
+export function useAutherrContext() {
+    const ctx = useContext(AutherrContext);
+    if (!ctx) {
+        throw new Error("useAutherrContext must be used inside AutherrProvider");
+    }
+    return ctx;
+}

package/dist/types/auth.d.ts

@@ -0,0 +1,12 @@
+export interface AutherrUser {
+    sub: string;
+    email: string;
+    userType: "platform" | "application";
+    applicationId?: string;
+}
+export interface AutherrSessionResponse {
+    authenticated: boolean;
+    user?: AutherrUser;
+    accessToken?: string;
+    expiresAt?: number;
+}

package/dist/types/auth.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "autherr",
+  "version": "1.0.0",
+  "dest": "dist",
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "react": "^19.2.3"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "^5.9.3"
+  }
+}

package/src/api/logout.ts

@@ -0,0 +1,12 @@
+export async function logoutSession(
+  baseUrl: string,
+  clientId: string
+): Promise<void> {
+  await fetch(
+    `${baseUrl}/__bff/auth/logout?client_id=${clientId}`,
+    {
+      method: "POST",
+      credentials: "include", // REQUIRED to clear cookie
+    }
+  );
+}

package/src/api/session.ts

@@ -0,0 +1,91 @@
+import { AutherrSessionResponse } from "../types/auth";
+
+export async function fetchSession(
+  baseUrl: string,
+  clientId: string
+): Promise<AutherrSessionResponse> {
+  const res = await fetch(
+    `${baseUrl}/__bff/auth/session?client_id=${clientId}`,
+    {
+      method: "GET",
+      credentials: "include", // REQUIRED for refresh cookie
+      headers: {
+        "Content-Type": "application/json",
+      },
+    }
+  );
+
+  if (!res.ok) {
+    return { authenticated: false };
+  }
+
+  const json = await res.json();
+
+  /**
+   * Backend response shapes:
+   * 1. Not authenticated:
+   *    { success: false, authenticated: false }
+   *
+   * 2. Authenticated:
+   *    {
+   *      success: true,
+   *      authenticated: true,
+   *      data: {
+   *        userId,
+   *        accessToken,
+   *        expiresIn
+   *      }
+   *    }
+   */
+
+  if (!json.authenticated || !json.data?.accessToken) {
+    return { authenticated: false };
+  }
+
+  return {
+    authenticated: true,
+    accessToken: json.data.accessToken,
+    expiresAt: Date.now() + json.data.expiresIn * 1000,
+  };
+}
+
+
+
+
+
+
+
+// import { AutherrSessionResponse } from "../types/auth";
+
+// export async function fetchSession(
+//   baseUrl: string,
+//   clientId: string
+// ): Promise<AutherrSessionResponse> {
+//   const res = await fetch(
+//     `${baseUrl}/__bff/auth/session?client_id=${clientId}`,
+//     {
+//       method: "GET",
+//       credentials: "include", // CRITICAL
+//       headers: {
+//         "Content-Type": "application/json",
+//       },
+//     }
+//   );
+
+//   if (!res.ok) {
+//     return { authenticated: false };
+//   }
+
+//   const data = (await res.json()) as AutherrSessionResponse;
+
+//   if (!data || !data.accessToken) {
+//     return { authenticated: false };
+//   }
+
+//   return {
+//     authenticated: true,
+//     user: data.user,
+//     accessToken: data.accessToken,
+//     expiresAt: data.expiresAt,
+//   };
+// }

package/src/components/LoginButton.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { useAutherr } from "../hooks/useAutherr";
+
+interface LoginButtonProps {
+  children?: React.ReactNode;
+  className?: string;
+}
+
+export function LoginButton({
+  children = "Sign in",
+  className,
+}: LoginButtonProps) {
+  const { login, isAuthenticated } = useAutherr();
+
+  if (isAuthenticated) return null;
+
+  return (
+    <button
+      type="button"
+      onClick={login}
+      className={className}
+    >
+      {children}
+    </button>
+  );
+}

package/src/components/SignupButton.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { useAutherr } from "../hooks/useAutherr";
+
+interface SignupButtonProps {
+  children?: React.ReactNode;
+  className?: string;
+}
+
+export function SignupButton({
+  children = "Sign up",
+  className,
+}: SignupButtonProps) {
+  const { signup, isAuthenticated } = useAutherr();
+
+  if (isAuthenticated) return null;
+
+  return (
+    <button
+      type="button"
+      onClick={signup}
+      className={className}
+    >
+      {children}
+    </button>
+  );
+}

package/src/components/UserMenu.tsx

@@ -0,0 +1,158 @@
+import React, { useEffect, useRef, useState } from "react";
+import { useAutherr } from "../hooks/useAutherr";
+
+// simple local decoder (no verification)
+function decodeJwt(token: string) {
+  try {
+    const [, payload] = token.split(".");
+    return JSON.parse(atob(payload.replace(/-/g, "+").replace(/_/g, "/")));
+  } catch {
+    return null;
+  }
+}
+
+export function UserMenu() {
+  const {
+    isAuthenticated,
+    accessToken,
+    login,
+    signup,
+    logout,
+  } = useAutherr();
+
+  const [open, setOpen] = useState(false);
+  const [showPayload, setShowPayload] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+
+  // close on outside click
+  useEffect(() => {
+    function handleClick(e: MouseEvent) {
+      if (ref.current && !ref.current.contains(e.target as Node)) {
+        setOpen(false);
+        setShowPayload(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, []);
+
+  const payload = accessToken ? decodeJwt(accessToken) : null;
+  const initial = payload?.email?.[0]?.toUpperCase() ?? "U";
+
+  return (
+    <div ref={ref} style={{ position: "relative" }}>
+      {/* Avatar Button */}
+      <button
+        onClick={() => setOpen((v) => !v)}
+        style={{
+          width: 36,
+          height: 36,
+          borderRadius: "50%",
+          background: "#ff6a00",
+          color: "#fff",
+          border: "none",
+          cursor: "pointer",
+          fontWeight: 600,
+        }}
+      >
+        {isAuthenticated ? initial : "?"}
+      </button>
+
+      {/* Dropdown */}
+      {open && (
+        <div
+          style={{
+            position: "absolute",
+            top: "calc(100% + 8px)",
+            right: 0,
+            width: 280,
+            background: "#fff",
+            borderRadius: 12,
+            boxShadow: "0 10px 30px rgba(0,0,0,0.15)",
+            padding: 12,
+            zIndex: 1000,
+          }}
+        >
+          {isAuthenticated ? (
+            <>
+              {/* Header */}
+              <div style={{ marginBottom: 12 }}>
+                <div style={{ fontWeight: 600 }}>{payload?.email}</div>
+                <div style={{ fontSize: 12, color: "#666" }}>
+                  Signed in
+                </div>
+              </div>
+
+              <Divider />
+
+              <MenuItem onClick={() => setShowPayload((v) => !v)}>
+                {showPayload ? "Hide payload" : "View payload"}
+              </MenuItem>
+
+              <MenuItem onClick={logout}>Sign out</MenuItem>
+
+              {showPayload && payload && (
+                <pre
+                  style={{
+                    marginTop: 10,
+                    background: "#0b0b0b",
+                    color: "#00ff88",
+                    padding: 10,
+                    borderRadius: 8,
+                    fontSize: 12,
+                    maxHeight: 200,
+                    overflow: "auto",
+                  }}
+                >
+                  {JSON.stringify(payload, null, 2)}
+                </pre>
+              )}
+            </>
+          ) : (
+            <>
+              <MenuItem onClick={login}>Sign in</MenuItem>
+              <MenuItem onClick={signup}>Sign up</MenuItem>
+            </>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function MenuItem({
+  children,
+  onClick,
+}: {
+  children: React.ReactNode;
+  onClick: () => void;
+}) {
+  return (
+    <button
+      onClick={onClick}
+      style={{
+        width: "100%",
+        padding: "8px 0",
+        background: "none",
+        border: "none",
+        textAlign: "left",
+        cursor: "pointer",
+        fontSize: 14,
+      }}
+    >
+      {children}
+    </button>
+  );
+}
+
+function Divider() {
+  return (
+    <div
+      style={{
+        height: 1,
+        background: "#eee",
+        margin: "8px 0",
+      }}
+    />
+  );
+}

package/src/hooks/useAutherr.ts

@@ -0,0 +1,25 @@
+import { useAutherrContext } from "../provider/AutherrProvider";
+
+export function useAutherr() {
+  const {
+    user,
+    accessToken,
+    isAuthenticated,
+    login,
+    signup,
+    logout,
+    getAccessToken,
+    refreshSession,
+  } = useAutherrContext();
+
+  return {
+    user,
+    accessToken,
+    isAuthenticated,
+    login,
+    signup,
+    logout,
+    refreshSession,
+    getAccessToken,
+  };
+}

package/src/index.ts

@@ -0,0 +1,6 @@
+export { AutherrProvider } from "./provider/AutherrProvider";
+export { useAutherr } from "./hooks/useAutherr";
+
+export { LoginButton } from "./components/LoginButton";
+export { SignupButton } from "./components/SignupButton";
+export { UserMenu } from "./components/UserMenu";

package/src/provider/AutherrProvider.tsx

@@ -0,0 +1,114 @@
+import React, {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from "react";
+import { fetchSession } from "../api/session";
+import { logoutSession } from "../api/logout";
+import { AutherrUser } from "../types/auth";
+
+interface AutherrContextValue {
+  user: AutherrUser | null;
+  accessToken: string | null;
+  isAuthenticated: boolean;
+  login: () => void;
+  signup: () => void;
+  logout: () => Promise<void>;
+  getAccessToken: () => string | null;
+  refreshSession: () => Promise<void>;
+}
+
+const AutherrContext = createContext<AutherrContextValue | null>(null);
+
+interface AutherrProviderProps {
+  children: React.ReactNode;
+  clientId: string;
+  baseUrl: string; // e.g. https://autherr.com
+}
+
+export function AutherrProvider({
+  children,
+  clientId,
+  baseUrl,
+}: AutherrProviderProps) {
+  const [user, setUser] = useState<AutherrUser | null>(null);
+  const [accessToken, setAccessToken] = useState<string | null>(null);
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+
+  const refreshSession = async () => {
+    const session = await fetchSession(baseUrl, clientId);
+
+    if (session.authenticated && session.accessToken) {
+      setAccessToken(session.accessToken);
+      setIsAuthenticated(true);
+    } else {
+      setUser(null);
+      setAccessToken(null);
+      setIsAuthenticated(false);
+    }
+  };
+
+
+  useEffect(() => {
+    refreshSession();
+  }, [baseUrl, clientId]);
+
+  const login = () => {
+    const state = crypto.randomUUID();
+    window.location.href =
+      `${baseUrl}/auth/login` +
+      `?client_id=${clientId}` +
+      `&redirect_uri=${encodeURIComponent(window.location.origin)}` +
+      `&state=${state}`;
+  };
+
+  const signup = () => {
+    const state = crypto.randomUUID();
+    window.location.href =
+      `${baseUrl}/auth/signup` +
+      `?client_id=${clientId}` +
+      `&redirect_uri=${encodeURIComponent(window.location.origin)}` +
+      `&state=${state}`;
+  };
+
+  const logout = async () => {
+    try {
+      await logoutSession(baseUrl, clientId);
+    } finally {
+      setUser(null);
+      setAccessToken(null);
+      setIsAuthenticated(false);
+      window.location.href = window.location.origin;
+    }
+  };
+
+  const value = useMemo(
+    () => ({
+      user,
+      accessToken,
+      isAuthenticated,
+      login,
+      signup,
+      logout,
+      refreshSession,
+      getAccessToken: () => accessToken,
+    }),
+    [user, accessToken, isAuthenticated]
+  );
+
+  return (
+    <AutherrContext.Provider value={value}>
+      {children}
+    </AutherrContext.Provider>
+  );
+}
+
+export function useAutherrContext() {
+  const ctx = useContext(AutherrContext);
+  if (!ctx) {
+    throw new Error("useAutherrContext must be used inside AutherrProvider");
+  }
+  return ctx;
+}

package/src/types/auth.ts

@@ -0,0 +1,13 @@
+export interface AutherrUser {
+  sub: string;
+  email: string;
+  userType: "platform" | "application";
+  applicationId?: string;
+}
+
+export interface AutherrSessionResponse {
+  authenticated: boolean;
+  user?: AutherrUser;
+  accessToken?: string;
+  expiresAt?: number;
+}

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}