@companyio/auth-react 0.1.2 → 0.1.4

package/README.md

@@ -0,0 +1,24 @@
+# @companyio/auth-react
+
+React context for sharing an `AuthClient`, restoring sessions on startup, and reading the current user.
+
+## Use
+
+```tsx
+import { AuthProvider, useAuth } from '@companyio/auth-react';
+
+<AuthProvider client={authClient}>
+  <App />
+</AuthProvider>;
+
+function Account() {
+  const { user, isLoading, signOut } = useAuth();
+  return isLoading ? <span>Loading...</span> : <button onClick={signOut}>{user?.email}</button>;
+}
+```
+
+## Build
+
+```bash
+pnpm --filter @companyio/auth-react build
+```

package/package.json

@@ -1,21 +1,34 @@
 {
   "name": "@companyio/auth-react",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "React provider and hooks for the shared authentication platform",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "dependencies": {
-    "react": "^18.2.0",
-    "@companyio/auth-contracts": "0.1.2",
-    "@companyio/auth-client": "0.1.2"
+    "@companyio/auth-client": "0.1.4",
+    "@companyio/auth-contracts": "0.1.4"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",
+    "react": "^18.2.0",
     "typescript": "^5.3.3"
   },
   "scripts": {
     "build": "tsc",
-    "test": "exit 0"
+    "test": "tsc --noEmit"
   }
 }

package/src/index.tsx

@@ -1,42 +0,0 @@
-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

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