@qyh213/easyauth-client 1.0.0-beta.1

package/dist/react.mjs

@@ -0,0 +1,220 @@
+import {
+  EasyAuthClient,
+  EasyAuthError,
+  LocalStorageTokenStorage,
+  MemoryTokenStorage,
+  ScopeError
+} from "./chunk-H65ZLXQJ.mjs";
+
+// src/react.tsx
+import {
+  createContext,
+  useContext,
+  useState,
+  useEffect,
+  useCallback
+} from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var EasyAuthContext = createContext(null);
+function EasyAuthProvider({
+  config,
+  tokenStorage,
+  children,
+  validateOnMount = true,
+  validationInterval = 5 * 60 * 1e3
+}) {
+  const [client] = useState(() => new EasyAuthClient(config, tokenStorage));
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+  const [user, setUser] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    const checkAuth = async () => {
+      const token = client.getAccessToken();
+      if (token && validateOnMount) {
+        try {
+          const result = await client.validate();
+          if (result.valid) {
+            setIsAuthenticated(true);
+          } else {
+            client.clearAccessToken();
+          }
+        } catch (error) {
+          client.clearAccessToken();
+        }
+      }
+      setIsLoading(false);
+    };
+    checkAuth();
+  }, [client, validateOnMount]);
+  useEffect(() => {
+    if (!isAuthenticated || !validationInterval) return;
+    const interval = setInterval(async () => {
+      try {
+        const result = await client.validate();
+        if (!result.valid) {
+          setIsAuthenticated(false);
+          setUser(null);
+        }
+      } catch (error) {
+        setIsAuthenticated(false);
+        setUser(null);
+      }
+    }, validationInterval);
+    return () => clearInterval(interval);
+  }, [client, isAuthenticated, validationInterval]);
+  const login = useCallback(
+    async (email, password) => {
+      setIsLoading(true);
+      try {
+        const token = await client.login({ email, password });
+        setIsAuthenticated(true);
+        setUser({
+          userId: token.userId,
+          email: token.email,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        });
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [client]
+  );
+  const logout = useCallback(async () => {
+    setIsLoading(true);
+    try {
+      await client.logout();
+    } finally {
+      setIsAuthenticated(false);
+      setUser(null);
+      setIsLoading(false);
+    }
+  }, [client]);
+  const validate = useCallback(async () => {
+    const result = await client.validate();
+    if (!result.valid) {
+      setIsAuthenticated(false);
+      setUser(null);
+    }
+    return result;
+  }, [client]);
+  const value = {
+    client,
+    isAuthenticated,
+    user,
+    isLoading,
+    login,
+    logout,
+    validate
+  };
+  return /* @__PURE__ */ jsx(EasyAuthContext.Provider, { value, children });
+}
+function useEasyAuth() {
+  const context = useContext(EasyAuthContext);
+  if (!context) {
+    throw new Error("useEasyAuth must be used within EasyAuthProvider");
+  }
+  return context;
+}
+function useEasyAuthClient() {
+  return useEasyAuth().client;
+}
+function useIsAuthenticated() {
+  return useEasyAuth().isAuthenticated;
+}
+function useUser() {
+  return useEasyAuth().user;
+}
+function useAuthActions() {
+  const { login, logout, isLoading } = useEasyAuth();
+  return { login, logout, isLoading };
+}
+function Protected({ children, fallback = null }) {
+  const { isAuthenticated, isLoading } = useEasyAuth();
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  if (!isAuthenticated) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function LoginForm({ onSuccess, onError, className }) {
+  const { login, isLoading } = useEasyAuth();
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState(null);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    try {
+      await login(email, password);
+      onSuccess?.();
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Login failed";
+      setError(message);
+      onError?.(err instanceof Error ? err : new Error(message));
+    }
+  };
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className, children: [
+    error && /* @__PURE__ */ jsx("div", { style: { color: "red", marginBottom: "1rem" }, children: error }),
+    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "1rem" }, children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "email", children: "Email" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "email",
+          type: "email",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          required: true,
+          style: { display: "block", width: "100%", padding: "0.5rem" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "1rem" }, children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "password", children: "Password" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "password",
+          type: "password",
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          required: true,
+          style: { display: "block", width: "100%", padding: "0.5rem" }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "submit",
+        disabled: isLoading,
+        style: {
+          padding: "0.5rem 1rem",
+          background: isLoading ? "#ccc" : "#007bff",
+          color: "white",
+          border: "none",
+          borderRadius: "4px",
+          cursor: isLoading ? "not-allowed" : "pointer"
+        },
+        children: isLoading ? "Logging in..." : "Login"
+      }
+    )
+  ] });
+}
+export {
+  EasyAuthClient,
+  EasyAuthError,
+  EasyAuthProvider,
+  LocalStorageTokenStorage,
+  LoginForm,
+  MemoryTokenStorage,
+  Protected,
+  ScopeError,
+  useAuthActions,
+  useEasyAuth,
+  useEasyAuthClient,
+  useIsAuthenticated,
+  useUser
+};

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@qyh213/easyauth-client",
+  "version": "1.0.0-beta.1",
+  "description": "Official client library for Easy Auth - Multi-tenant authentication-as-a-service",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./react": {
+      "import": {
+        "types": "./dist/react.d.ts",
+        "default": "./dist/react.mjs"
+      },
+      "require": {
+        "types": "./dist/react.d.ts",
+        "default": "./dist/react.js"
+      }
+    },
+    "./next": {
+      "import": {
+        "types": "./dist/next.d.ts",
+        "default": "./dist/next.mjs"
+      },
+      "require": {
+        "types": "./dist/next.d.ts",
+        "default": "./dist/next.js"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts src/react.tsx src/next.tsx --format cjs,esm --dts --clean",
+    "dev": "tsup src/index.ts src/react.tsx src/next.tsx --format cjs,esm --dts --watch",
+    "test": "vitest",
+    "lint": "eslint src",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "auth",
+    "authentication",
+    "easy-auth",
+    "multi-tenant",
+    "api-keys",
+    "jwt",
+    "tokens",
+    "react",
+    "nextjs"
+  ],
+  "author": "Easy Auth Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourorg/easy-auth.git",
+    "directory": "packages/easy-auth-client"
+  },
+  "bugs": {
+    "url": "https://github.com/yourorg/easy-auth/issues"
+  },
+  "homepage": "https://github.com/yourorg/easy-auth#readme",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "next": "^14.0.0 || ^15.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "next": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.0.0",
+    "eslint": "^8.0.0",
+    "react": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "vitest": "^1.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}