@auditauth/react 0.2.0-beta.2 → 0.2.0-beta.3

package/README.md

@@ -12,6 +12,17 @@ Install the package in your React application.
 npm install @auditauth/react
 ```
 
+## TypeScript import compatibility
+
+`@auditauth/react` ships dual module output (ESM + CJS) with declaration files.
+You can import it in TypeScript projects with standard syntax:
+
+```tsx
+import { AuditAuthProvider } from '@auditauth/react'
+```
+
+You do not need to append `.js` in consumer imports.
+
 `@auditauth/react` has peer dependencies on `react` and `react-dom` version 18
 or higher.
 

package/dist/guard.cjs

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var guard_exports = {};
+__export(guard_exports, {
+  RequireAuth: () => RequireAuth
+});
+module.exports = __toCommonJS(guard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_provider = require("./provider.js");
+const RequireAuth = ({ children }) => {
+  const { ready, isAuthenticated, login } = (0, import_provider.useAuditAuth)();
+  const startedRef = (0, import_react.useRef)(false);
+  const authed = isAuthenticated();
+  (0, import_react.useEffect)(() => {
+    if (!ready) return;
+    if (authed) return;
+    if (startedRef.current) return;
+    startedRef.current = true;
+    login();
+  }, [ready, authed, login]);
+  if (!ready) return null;
+  if (!authed) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RequireAuth
+});

package/dist/guard.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type RequireAuthProps = {
+    children: ReactNode;
+};
+declare const RequireAuth: ({ children }: RequireAuthProps) => react_jsx_runtime.JSX.Element | null;
+
+export { RequireAuth };

package/dist/guard.d.ts

@@ -1,6 +1,9 @@
-import type { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
 type RequireAuthProps = {
     children: ReactNode;
 };
-declare const RequireAuth: ({ children }: RequireAuthProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const RequireAuth: ({ children }: RequireAuthProps) => react_jsx_runtime.JSX.Element | null;
+
 export { RequireAuth };

package/dist/guard.js

@@ -1,24 +1,21 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { useAuditAuth } from './provider.js';
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useAuditAuth } from "./provider.js";
 const RequireAuth = ({ children }) => {
-    const { ready, isAuthenticated, login } = useAuditAuth();
-    const startedRef = useRef(false);
-    const authed = isAuthenticated();
-    useEffect(() => {
-        if (!ready)
-            return;
-        if (authed)
-            return;
-        if (startedRef.current)
-            return;
-        startedRef.current = true;
-        login();
-    }, [ready, authed, login]);
-    if (!ready)
-        return null;
-    if (!authed)
-        return null;
-    return _jsx(_Fragment, { children: children });
+  const { ready, isAuthenticated, login } = useAuditAuth();
+  const startedRef = useRef(false);
+  const authed = isAuthenticated();
+  useEffect(() => {
+    if (!ready) return;
+    if (authed) return;
+    if (startedRef.current) return;
+    startedRef.current = true;
+    login();
+  }, [ready, authed, login]);
+  if (!ready) return null;
+  if (!authed) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+export {
+  RequireAuth
 };
-export { RequireAuth };

package/dist/index.cjs

@@ -0,0 +1,24 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./provider.js"), module.exports);
+__reExport(index_exports, require("./guard.js"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./provider.js"),
+  ...require("./guard.js")
+});

package/dist/index.d.cts

@@ -0,0 +1,6 @@
+export { AuditAuthProvider, useAuditAuth } from './provider.cjs';
+export { RequireAuth } from './guard.cjs';
+import 'react/jsx-runtime';
+import 'react';
+import '@auditauth/core';
+import '@auditauth/web';

package/dist/index.d.ts

@@ -1,2 +1,6 @@
-export * from './provider.js';
-export * from './guard.js';
+export { AuditAuthProvider, useAuditAuth } from './provider.js';
+export { RequireAuth } from './guard.js';
+import 'react/jsx-runtime';
+import 'react';
+import '@auditauth/core';
+import '@auditauth/web';

package/dist/index.js

@@ -1,2 +1,2 @@
-export * from './provider.js';
-export * from './guard.js';
+export * from "./provider.js";
+export * from "./guard.js";

package/dist/provider.cjs

@@ -0,0 +1,131 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var provider_exports = {};
+__export(provider_exports, {
+  AuditAuthProvider: () => AuditAuthProvider,
+  useAuditAuth: () => useAuditAuth
+});
+module.exports = __toCommonJS(provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_web = require("@auditauth/web");
+const AuditAuthContext = (0, import_react.createContext)(null);
+const createSdk = (config) => {
+  const safeStorage = {
+    get: (name) => {
+      if (typeof window === "undefined") return null;
+      return localStorage.getItem(name);
+    },
+    set: (name, value) => {
+      if (typeof window === "undefined") return;
+      localStorage.setItem(name, value);
+    },
+    remove: (name) => {
+      if (typeof window === "undefined") return;
+      localStorage.removeItem(name);
+    }
+  };
+  return new import_web.AuditAuthWeb(config, safeStorage);
+};
+const AuditAuthProvider = ({ config, children }) => {
+  const sdkRef = (0, import_react.useRef)(null);
+  const [ready, setReady] = (0, import_react.useState)(false);
+  const [user, setUser] = (0, import_react.useState)(null);
+  if (!sdkRef.current) {
+    sdkRef.current = createSdk(config);
+  }
+  const sdk = sdkRef.current;
+  (0, import_react.useEffect)(() => {
+    let mounted = true;
+    const init = async () => {
+      try {
+        await sdk.handleRedirect();
+        const sessionUser = sdk.getSessionUser();
+        if (!mounted) return;
+        setUser(sessionUser);
+      } catch {
+        if (!mounted) return;
+        setUser(null);
+      } finally {
+        if (!mounted) return;
+        setReady(true);
+      }
+    };
+    init();
+    return () => {
+      mounted = false;
+    };
+  }, [sdk]);
+  (0, import_react.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const handler = (event) => {
+      if (event.key !== "__auditauth_sync__") return;
+      const sessionUser = sdk.getSessionUser();
+      setUser(sessionUser);
+    };
+    window.addEventListener("storage", handler);
+    return () => {
+      window.removeEventListener("storage", handler);
+    };
+  }, [sdk]);
+  const logout = (0, import_react.useMemo)(() => {
+    return async () => {
+      await sdk.logout();
+      setUser(null);
+      localStorage.setItem("__auditauth_sync__", Date.now().toString());
+    };
+  }, [sdk]);
+  const fetchWrapper = (0, import_react.useMemo)(() => {
+    return async (...args) => {
+      try {
+        const res = await sdk.fetch(...args);
+        return res;
+      } catch (err) {
+        setUser(null);
+        throw err;
+      }
+    };
+  }, [sdk]);
+  const value = (0, import_react.useMemo)(() => {
+    return {
+      ready,
+      user,
+      fetch: fetchWrapper,
+      login: sdk.login.bind(sdk),
+      logout,
+      goToPortal: sdk.goToPortal.bind(sdk),
+      isAuthenticated: () => !!user,
+      trackNavigationPath: sdk.trackNavigationPath.bind(sdk)
+    };
+  }, [ready, user, sdk, logout, fetchWrapper]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuditAuthContext.Provider, { value, children });
+};
+const useAuditAuth = () => {
+  const ctx = (0, import_react.useContext)(AuditAuthContext);
+  if (!ctx) {
+    throw new Error("useAuditAuth must be used inside AuditAuthProvider");
+  }
+  return ctx;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AuditAuthProvider,
+  useAuditAuth
+});

package/dist/provider.d.cts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { AuditAuthConfig, SessionUser } from '@auditauth/core';
+import { AuditAuthWeb } from '@auditauth/web';
+
+type AuditAuthContextValue = {
+    ready: boolean;
+    user: SessionUser | null;
+    fetch: AuditAuthWeb['fetch'];
+    login: () => Promise<void>;
+    logout: () => Promise<void>;
+    goToPortal: () => Promise<void>;
+    isAuthenticated: () => boolean;
+    trackNavigationPath: (path: string) => void;
+};
+type AuditAuthProviderProps = {
+    config: AuditAuthConfig;
+    children: ReactNode;
+};
+declare const AuditAuthProvider: ({ config, children }: AuditAuthProviderProps) => react_jsx_runtime.JSX.Element;
+declare const useAuditAuth: () => AuditAuthContextValue;
+
+export { AuditAuthProvider, useAuditAuth };

package/dist/provider.d.ts

@@ -1,6 +1,8 @@
-import type { ReactNode } from 'react';
-import type { AuditAuthConfig, SessionUser } from '@auditauth/core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { AuditAuthConfig, SessionUser } from '@auditauth/core';
 import { AuditAuthWeb } from '@auditauth/web';
+
 type AuditAuthContextValue = {
     ready: boolean;
     user: SessionUser | null;
@@ -15,6 +17,7 @@ type AuditAuthProviderProps = {
     config: AuditAuthConfig;
     children: ReactNode;
 };
-declare const AuditAuthProvider: ({ config, children }: AuditAuthProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const AuditAuthProvider: ({ config, children }: AuditAuthProviderProps) => react_jsx_runtime.JSX.Element;
 declare const useAuditAuth: () => AuditAuthContextValue;
-export { AuditAuthProvider, useAuditAuth, };
+
+export { AuditAuthProvider, useAuditAuth };

package/dist/provider.js

@@ -1,114 +1,106 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { AuditAuthWeb } from '@auditauth/web';
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { AuditAuthWeb } from "@auditauth/web";
 const AuditAuthContext = createContext(null);
 const createSdk = (config) => {
-    const safeStorage = {
-        get: (name) => {
-            if (typeof window === 'undefined')
-                return null;
-            return localStorage.getItem(name);
-        },
-        set: (name, value) => {
-            if (typeof window === 'undefined')
-                return;
-            localStorage.setItem(name, value);
-        },
-        remove: (name) => {
-            if (typeof window === 'undefined')
-                return;
-            localStorage.removeItem(name);
-        },
-    };
-    return new AuditAuthWeb(config, safeStorage);
+  const safeStorage = {
+    get: (name) => {
+      if (typeof window === "undefined") return null;
+      return localStorage.getItem(name);
+    },
+    set: (name, value) => {
+      if (typeof window === "undefined") return;
+      localStorage.setItem(name, value);
+    },
+    remove: (name) => {
+      if (typeof window === "undefined") return;
+      localStorage.removeItem(name);
+    }
+  };
+  return new AuditAuthWeb(config, safeStorage);
 };
 const AuditAuthProvider = ({ config, children }) => {
-    const sdkRef = useRef(null);
-    const [ready, setReady] = useState(false);
-    const [user, setUser] = useState(null);
-    if (!sdkRef.current) {
-        sdkRef.current = createSdk(config);
-    }
-    const sdk = sdkRef.current;
-    useEffect(() => {
-        let mounted = true;
-        const init = async () => {
-            try {
-                await sdk.handleRedirect();
-                const sessionUser = sdk.getSessionUser();
-                if (!mounted)
-                    return;
-                setUser(sessionUser);
-            }
-            catch {
-                if (!mounted)
-                    return;
-                setUser(null);
-            }
-            finally {
-                if (!mounted)
-                    return;
-                setReady(true);
-            }
-        };
-        init();
-        return () => {
-            mounted = false;
-        };
-    }, [sdk]);
-    useEffect(() => {
-        if (typeof window === 'undefined')
-            return;
-        const handler = (event) => {
-            if (event.key !== '__auditauth_sync__')
-                return;
-            const sessionUser = sdk.getSessionUser();
-            setUser(sessionUser);
-        };
-        window.addEventListener('storage', handler);
-        return () => {
-            window.removeEventListener('storage', handler);
-        };
-    }, [sdk]);
-    const logout = useMemo(() => {
-        return async () => {
-            await sdk.logout();
-            setUser(null);
-            localStorage.setItem('__auditauth_sync__', Date.now().toString());
-        };
-    }, [sdk]);
-    const fetchWrapper = useMemo(() => {
-        return async (...args) => {
-            try {
-                const res = await sdk.fetch(...args);
-                return res;
-            }
-            catch (err) {
-                setUser(null);
-                throw err;
-            }
-        };
-    }, [sdk]);
-    const value = useMemo(() => {
-        return {
-            ready,
-            user,
-            fetch: fetchWrapper,
-            login: sdk.login.bind(sdk),
-            logout,
-            goToPortal: sdk.goToPortal.bind(sdk),
-            isAuthenticated: () => !!user,
-            trackNavigationPath: sdk.trackNavigationPath.bind(sdk),
-        };
-    }, [ready, user, sdk, logout, fetchWrapper]);
-    return (_jsx(AuditAuthContext.Provider, { value: value, children: children }));
+  const sdkRef = useRef(null);
+  const [ready, setReady] = useState(false);
+  const [user, setUser] = useState(null);
+  if (!sdkRef.current) {
+    sdkRef.current = createSdk(config);
+  }
+  const sdk = sdkRef.current;
+  useEffect(() => {
+    let mounted = true;
+    const init = async () => {
+      try {
+        await sdk.handleRedirect();
+        const sessionUser = sdk.getSessionUser();
+        if (!mounted) return;
+        setUser(sessionUser);
+      } catch {
+        if (!mounted) return;
+        setUser(null);
+      } finally {
+        if (!mounted) return;
+        setReady(true);
+      }
+    };
+    init();
+    return () => {
+      mounted = false;
+    };
+  }, [sdk]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const handler = (event) => {
+      if (event.key !== "__auditauth_sync__") return;
+      const sessionUser = sdk.getSessionUser();
+      setUser(sessionUser);
+    };
+    window.addEventListener("storage", handler);
+    return () => {
+      window.removeEventListener("storage", handler);
+    };
+  }, [sdk]);
+  const logout = useMemo(() => {
+    return async () => {
+      await sdk.logout();
+      setUser(null);
+      localStorage.setItem("__auditauth_sync__", Date.now().toString());
+    };
+  }, [sdk]);
+  const fetchWrapper = useMemo(() => {
+    return async (...args) => {
+      try {
+        const res = await sdk.fetch(...args);
+        return res;
+      } catch (err) {
+        setUser(null);
+        throw err;
+      }
+    };
+  }, [sdk]);
+  const value = useMemo(() => {
+    return {
+      ready,
+      user,
+      fetch: fetchWrapper,
+      login: sdk.login.bind(sdk),
+      logout,
+      goToPortal: sdk.goToPortal.bind(sdk),
+      isAuthenticated: () => !!user,
+      trackNavigationPath: sdk.trackNavigationPath.bind(sdk)
+    };
+  }, [ready, user, sdk, logout, fetchWrapper]);
+  return /* @__PURE__ */ jsx(AuditAuthContext.Provider, { value, children });
 };
 const useAuditAuth = () => {
-    const ctx = useContext(AuditAuthContext);
-    if (!ctx) {
-        throw new Error('useAuditAuth must be used inside AuditAuthProvider');
-    }
-    return ctx;
+  const ctx = useContext(AuditAuthContext);
+  if (!ctx) {
+    throw new Error("useAuditAuth must be used inside AuditAuthProvider");
+  }
+  return ctx;
+};
+export {
+  AuditAuthProvider,
+  useAuditAuth
 };
-export { AuditAuthProvider, useAuditAuth, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auditauth/react",
-  "version": "0.2.0-beta.2",
+  "version": "0.2.0-beta.3",
   "description": "AuditAuth React SDK",
   "license": "MIT",
   "author": "Nimibyte",
@@ -24,10 +24,10 @@
     "security",
     "auditauth"
   ],
-  "module": "dist/index.js",
+  "module": "./dist/index.js",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -35,21 +35,24 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.build.json",
-    "dev": "tsc -p tsconfig.build.json --watch",
-    "clean": "rm -rf dist"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist",
+    "prepack": "npm run build"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@auditauth/web": "^0.2.0-beta.2"
+    "@auditauth/web": "^0.2.0-beta.3"
   },
   "devDependencies": {
     "@types/react": "^18.2.0",