@companyio/auth-react 0.1.0

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@companyio/auth-react",
+  "version": "0.1.0",
+  "description": "React provider and hooks for the shared authentication platform",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "react": "^18.2.0",
+    "@companyio/auth-client": "0.1.0",
+    "@companyio/auth-contracts": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "typescript": "^5.3.3"
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "exit 0"
+  }
+}

package/src/index.tsx

@@ -0,0 +1,42 @@
+import { createContext, PropsWithChildren, useContext, useEffect, useState } from 'react';
+import { AuthClient } from '@companyio/auth-client';
+import { AuthSession, User } from '@companyio/auth-contracts';
+
+type AuthContextValue = {
+  client: AuthClient;
+  session: AuthSession | null;
+  user: User | null;
+  isLoading: boolean;
+  signIn: (provider?: string) => Promise<void>;
+  signOut: () => Promise<void>;
+};
+
+const AuthContext = createContext<AuthContextValue | null>(null);
+
+export const AuthProvider = ({ client, children }: PropsWithChildren<{ client: AuthClient }>) => {
+  const [session, setSession] = useState<AuthSession | null>(client.session);
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const unsubscribe = client.subscribe(setSession);
+    void client.restore().finally(() => setIsLoading(false));
+    return unsubscribe;
+  }, [client]);
+
+  const value: AuthContextValue = {
+    client,
+    session,
+    user: session?.user ?? null,
+    isLoading,
+    signIn: (provider) => client.signIn(provider),
+    signOut: () => client.signOut(),
+  };
+
+  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
+};
+
+export const useAuth = (): AuthContextValue => {
+  const context = useContext(AuthContext);
+  if (!context) throw new Error('useAuth must be used inside an AuthProvider.');
+  return context;
+};

package/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "declarationMap": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}