@oneid-sdk/react 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { OneIDProvider } from "./provider";
+export { useOneID } from "./useOneID";

package/dist/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOneID = exports.OneIDProvider = void 0;
+var provider_1 = require("./provider");
+Object.defineProperty(exports, "OneIDProvider", { enumerable: true, get: function () { return provider_1.OneIDProvider; } });
+var useOneID_1 = require("./useOneID");
+Object.defineProperty(exports, "useOneID", { enumerable: true, get: function () { return useOneID_1.useOneID; } });

package/dist/provider.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+type OneIDConfig = {
+    appId: string;
+    apiBase?: string;
+    namespaceId?: string;
+    organizationId?: string;
+    environment?: string;
+};
+type UserData = {
+    id: string;
+    email: string;
+    namespaceId?: string;
+    environmentId?: string;
+    roles?: string[];
+};
+type Session = {
+    token: string | null;
+    user?: UserData;
+};
+type OneIDContextValue = {
+    config: OneIDConfig;
+    session: Session;
+    user: UserData | null;
+    token: string | null;
+    isLoading: boolean;
+    login: (email: string, password: string) => Promise<void>;
+    register: (email: string, password: string, organizationId?: string) => Promise<void>;
+    logout: () => void;
+    refresh: () => Promise<void>;
+};
+export declare const OneIDContext: React.Context<OneIDContextValue | undefined>;
+export declare const OneIDProvider: ({ children, config, }: {
+    children: React.ReactNode;
+    config: OneIDConfig;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/provider.js

@@ -0,0 +1,103 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OneIDProvider = exports.OneIDContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const cross_fetch_1 = __importDefault(require("cross-fetch"));
+const js_cookie_1 = __importDefault(require("js-cookie"));
+exports.OneIDContext = (0, react_1.createContext)(undefined);
+const OneIDProvider = ({ children, config, }) => {
+    const apiBase = config.apiBase || "http://localhost:4100";
+    const environment = config.environment || "dev";
+    const tokenKey = `oneid_token_${environment}`;
+    const [session, setSession] = (0, react_1.useState)({ token: null });
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        const existing = js_cookie_1.default.get(tokenKey);
+        if (existing) {
+            setSession({ token: existing });
+            // Verify token/get user info
+            (0, cross_fetch_1.default)(`${apiBase}/v1/auth/me`, {
+                headers: { Authorization: `Bearer ${existing}` },
+            })
+                .then((res) => {
+                if (res.ok)
+                    return res.json();
+                throw new Error("Session invalid");
+            })
+                .then((json) => {
+                setSession({ token: existing, user: json.user });
+            })
+                .catch(() => {
+                js_cookie_1.default.remove(tokenKey);
+                setSession({ token: null });
+            })
+                .finally(() => setIsLoading(false));
+        }
+        else {
+            setIsLoading(false);
+        }
+    }, [apiBase, tokenKey]);
+    const value = (0, react_1.useMemo)(() => ({
+        config,
+        session,
+        user: session.user || null,
+        token: session.token,
+        isLoading,
+        logout: () => {
+            js_cookie_1.default.remove(tokenKey);
+            setSession({ token: null });
+        },
+        login: async (email, password) => {
+            const body = { email, password, appId: config.appId, environment };
+            const res = await (0, cross_fetch_1.default)(`${apiBase}/v1/auth/login`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(body),
+            });
+            if (!res.ok) {
+                const errJson = await res.json().catch(() => ({ message: "Login failed" }));
+                throw new Error(errJson.message || "Login failed");
+            }
+            const json = (await res.json());
+            js_cookie_1.default.set(tokenKey, json.token, { expires: 7 });
+            setSession({ token: json.token, user: json.user });
+        },
+        register: async (email, password, organizationId) => {
+            const body = { email, password, appId: config.appId, organizationId, environment };
+            const res = await (0, cross_fetch_1.default)(`${apiBase}/v1/auth/register`, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(body),
+            });
+            if (!res.ok) {
+                const errJson = await res.json().catch(() => ({ message: "Registration failed" }));
+                throw new Error(errJson.message || "Registration failed");
+            }
+            const json = (await res.json());
+            js_cookie_1.default.set(tokenKey, json.token, { expires: 7 });
+            setSession({ token: json.token, user: json.user });
+        },
+        refresh: async () => {
+            const token = js_cookie_1.default.get(tokenKey);
+            if (!token)
+                return;
+            const res = await (0, cross_fetch_1.default)(`${apiBase}/v1/auth/refresh`, {
+                method: "POST",
+                headers: { Authorization: `Bearer ${token}` },
+            });
+            if (!res.ok)
+                return;
+            const json = await res.json();
+            if (json.token) {
+                js_cookie_1.default.set(tokenKey, json.token, { expires: 7 });
+                setSession({ token: json.token, user: json.user });
+            }
+        },
+    }), [apiBase, config, session, isLoading, tokenKey, environment]);
+    return (0, jsx_runtime_1.jsx)(exports.OneIDContext.Provider, { value: value, children: children });
+};
+exports.OneIDProvider = OneIDProvider;

package/dist/useOneID.d.ts

@@ -0,0 +1,32 @@
+export declare function useOneID(): {
+    config: {
+        appId: string;
+        apiBase?: string;
+        namespaceId?: string;
+        organizationId?: string;
+        environment?: string;
+    };
+    session: {
+        token: string | null;
+        user?: {
+            id: string;
+            email: string;
+            namespaceId?: string;
+            environmentId?: string;
+            roles?: string[];
+        };
+    };
+    user: {
+        id: string;
+        email: string;
+        namespaceId?: string;
+        environmentId?: string;
+        roles?: string[];
+    } | null;
+    token: string | null;
+    isLoading: boolean;
+    login: (email: string, password: string) => Promise<void>;
+    register: (email: string, password: string, organizationId?: string) => Promise<void>;
+    logout: () => void;
+    refresh: () => Promise<void>;
+};

package/dist/useOneID.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOneID = useOneID;
+const react_1 = require("react");
+const provider_1 = require("./provider");
+function useOneID() {
+    const ctx = (0, react_1.useContext)(provider_1.OneIDContext);
+    if (!ctx) {
+        throw new Error("useOneID must be used within OneIDProvider");
+    }
+    return ctx;
+}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@oneid-sdk/react",
+  "version": "0.1.0",
+  "description": "React SDK for oneID",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "dev": "tsc -w -p tsconfig.json",
+    "lint": "eslint src --ext .ts,.tsx"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "dependencies": {
+    "cross-fetch": "^3.1.8",
+    "js-cookie": "^3.0.5"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.45",
+    "@types/js-cookie": "^3.0.6",
+    "eslint": "^8.56.0",
+    "typescript": "^5.3.3"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { OneIDProvider } from "./provider";
+export { useOneID } from "./useOneID";

package/src/provider.tsx

@@ -0,0 +1,140 @@
+import React, { createContext, useEffect, useMemo, useState } from "react";
+import fetch from "cross-fetch";
+import Cookies from "js-cookie";
+
+type OneIDConfig = {
+  appId: string;
+  apiBase?: string;
+  namespaceId?: string;
+  organizationId?: string;
+  environment?: string; // e.g., dev/prod
+};
+
+type UserData = {
+  id: string;
+  email: string;
+  namespaceId?: string;
+  environmentId?: string;
+  roles?: string[];
+};
+
+type Session = {
+  token: string | null;
+  user?: UserData;
+};
+
+type OneIDContextValue = {
+  config: OneIDConfig;
+  session: Session;
+  user: UserData | null;
+  token: string | null;
+  isLoading: boolean;
+  login: (email: string, password: string) => Promise<void>;
+  register: (email: string, password: string, organizationId?: string) => Promise<void>;
+  logout: () => void;
+  refresh: () => Promise<void>;
+};
+
+export const OneIDContext = createContext<OneIDContextValue | undefined>(undefined);
+
+export const OneIDProvider = ({
+  children,
+  config,
+}: {
+  children: React.ReactNode;
+  config: OneIDConfig;
+}) => {
+  const apiBase = config.apiBase || "http://localhost:4100";
+  const environment = config.environment || "dev";
+  const tokenKey = `oneid_token_${environment}`;
+  const [session, setSession] = useState<Session>({ token: null });
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    const existing = Cookies.get(tokenKey);
+    if (existing) {
+      setSession({ token: existing });
+      // Verify token/get user info
+      fetch(`${apiBase}/v1/auth/me`, {
+        headers: { Authorization: `Bearer ${existing}` },
+      })
+        .then((res) => {
+          if (res.ok) return res.json();
+          throw new Error("Session invalid");
+        })
+        .then((json) => {
+          setSession({ token: existing, user: json.user });
+        })
+        .catch(() => {
+          Cookies.remove(tokenKey);
+          setSession({ token: null });
+        })
+        .finally(() => setIsLoading(false));
+    } else {
+      setIsLoading(false);
+    }
+  }, [apiBase, tokenKey]);
+
+  const value = useMemo<OneIDContextValue>(
+    () => ({
+      config,
+      session,
+      user: session.user || null,
+      token: session.token,
+      isLoading,
+      logout: () => {
+        Cookies.remove(tokenKey);
+        setSession({ token: null });
+      },
+      login: async (email: string, password: string) => {
+        const body = { email, password, appId: config.appId, environment };
+        const res = await fetch(`${apiBase}/v1/auth/login`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(body),
+        });
+        if (!res.ok) {
+          const errJson = await res.json().catch(() => ({ message: "Login failed" }));
+          throw new Error(errJson.message || "Login failed");
+        }
+        const json = (await res.json()) as { token: string, user: UserData };
+        Cookies.set(tokenKey, json.token, { expires: 7 });
+        setSession({ token: json.token, user: json.user });
+      },
+      register: async (email: string, password: string, organizationId?: string) => {
+        const body = { email, password, appId: config.appId, organizationId, environment };
+        const res = await fetch(`${apiBase}/v1/auth/register`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(body),
+        });
+        if (!res.ok) {
+          const errJson = await res.json().catch(() => ({ message: "Registration failed" }));
+          throw new Error(errJson.message || "Registration failed");
+        }
+        const json = (await res.json()) as { token: string, user: UserData };
+        Cookies.set(tokenKey, json.token, { expires: 7 });
+        setSession({ token: json.token, user: json.user });
+      },
+      refresh: async () => {
+        const token = Cookies.get(tokenKey);
+        if (!token) return;
+
+        const res = await fetch(`${apiBase}/v1/auth/refresh`, {
+          method: "POST",
+          headers: { Authorization: `Bearer ${token}` },
+        });
+        if (!res.ok) return;
+
+        const json = await res.json();
+        if (json.token) {
+          Cookies.set(tokenKey, json.token, { expires: 7 });
+          setSession({ token: json.token, user: json.user });
+        }
+      },
+    }),
+    [apiBase, config, session, isLoading, tokenKey, environment]
+  );
+
+  return <OneIDContext.Provider value={value}>{children}</OneIDContext.Provider>;
+};

package/src/useOneID.ts

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { OneIDContext } from "./provider";
+
+export function useOneID() {
+  const ctx = useContext(OneIDContext);
+  if (!ctx) {
+    throw new Error("useOneID must be used within OneIDProvider");
+  }
+  return ctx;
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2019",
+    "module": "commonjs",
+    "declaration": true,
+    "outDir": "dist",
+    "strict": true,
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*"]
+}