@tidecloak/react 0.9.11

package/README.md

@@ -0,0 +1,230 @@
+# TideCloak React SDK
+
+Secure your React app with TideCloak: authentication, session management, and data encryption—all in minutes.
+
+---
+
+## 1. Prerequisites
+
+Before you begin, ensure you have:
+
+- React 18 or later
+- Node.js >=18.17.0 or later
+- A running TideCloak server.
+- A registered client in your realm.
+
+---
+
+## 2. Install the SDK
+
+Add the React package to your project:
+
+```bash
+npm install @tidecloak/react
+# or
+yarn add @tidecloak/react
+```
+
+This bundle provides:
+
+- `<TideCloakProvider>` — application-level context.
+- `useTideCloak()` hook — access tokens and auth actions.
+- `<Authenticated>` / `<Unauthenticated>` — UI guards.
+
+---
+
+## 3. Initialize the Provider
+
+Wrap your root component in `<TideCloakProvider>` to load adapter settings and bootstrap auth:
+
+```tsx
+import React from 'react';
+import { TideCloakProvider } from '@tidecloak/react';
+import adapter from '../tidecloakAdapter.json';
+
+export default function App() {
+  return (
+    <TideCloakProvider config={adapter}>
+      <YourApp />
+    </TideCloakProvider>
+  );
+}
+```
+
+**What it does:**
+
+- **Loads** your adapter JSON.
+- **Initializes** internal auth flows and listeners.
+- **Provides** auth state & methods via React Context.
+
+---
+
+## 4. Using the `useTideCloak` Hook
+
+Use this hook anywhere to manage auth:
+
+```tsx
+import { useTideCloak } from '@tidecloak/react';
+
+function Header() {
+  const {
+    authenticated,
+    login,
+    logout,
+    token,
+    tokenExp,
+    refreshToken,
+    getValueFromToken,
+    getValueFromIdToken,
+    hasRealmRole,
+    hasClientRole,
+  } = useTideCloak();
+
+  return (
+    <header>
+      {authenticated ? (
+        <>
+          <span>Logged in</span>
+          <button onClick={logout}>Log Out</button>
+        </>
+      ) : (
+        <button onClick={login}>Log In</button>
+      )}
+      {token && (
+        <small>Expires at {new Date(tokenExp * 1000).toLocaleTimeString()}</small>
+      )}
+    </header>
+  );
+}
+```
+
+**Key methods & props:**
+
+| Name                               | Type                                         | Description                                                             |
+| ---------------------------------- | -------------------------------------------- | ----------------------------------------------------------------------- |
+| `authenticated`                    | `boolean`                                    | Whether the user is logged in.                                          |
+| `login()` / `logout()`             | `() => void`                                 | Trigger the login or logout flows.                                      |
+| `token`, `tokenExp`                | `string`, `number`                           | Access token and its expiration timestamp.                              |
+| Automatic token refresh            | built-in                                     | Tokens refresh silently on expiration—no manual setup needed.           |
+| `refreshToken()`                   | `() => Promise<boolean>`                     | Force a silent token renewal.                                           |
+| `getValueFromToken(key)`           | `(key: string) => any`                       | Read a custom claim from the access token.                              |
+| `getValueFromIdToken(key)`         | `(key: string) => any`                       | Read a custom claim from the ID token.                                  |
+| `hasRealmRole(role)`               | `(role: string) => boolean`                  | Check a realm-level role.                                               |
+| `hasClientRole(role, client?)`     | `(role: string, client?: string) => boolean` | Check a client-level role; defaults to your app’s client ID if omitted. |
+| `doEncrypt(data)``doDecrypt(data)` | `(data: any) => Promise<any>`                | Encrypt or decrypt payloads via TideCloak’s built-in service.           |
+
+---
+
+## 5. Guard Components
+
+Use out-of-the-box components to show or hide content:
+
+```tsx
+import { Authenticated, Unauthenticated } from '@tidecloak/react';
+
+function Dashboard() {
+  return (
+    <>
+      <Authenticated>
+        <h1>Dashboard</h1>
+        {/* Protected widgets */}
+      </Authenticated>
+
+      <Unauthenticated>
+        <p>Please log in to access the dashboard.</p>
+      </Unauthenticated>
+    </>
+  );
+}
+```
+
+- `<Authenticated>`: renders children only when `authenticated === true`.
+- `<Unauthenticated>`: renders children only when `authenticated === false`.
+
+---
+
+## 6. Encrypting & Decrypting Data
+
+TideCloak lets you protect sensitive fields with **tag-based** encryption. You pass in an array of `{ data, tags }` objects and receive an array of encrypted strings (or vice versa for decryption).
+
+### Syntax Overview
+
+```ts
+// Encrypt one or more payloads:
+const encryptedArray: string[] = await doEncrypt([
+  { data: /* any JSON-serializable value */, tags: ['tag1', 'tag2'] },
+  // …
+]);
+
+// Decrypt one or more encrypted blobs:
+const decryptedArray: any[] = await doDecrypt([
+  { encrypted: /* string from encrypt() */, tags: ['tag1', 'tag2'] },
+  // …
+]);
+```
+
+> **Order guarantee**: the returned array matches the input order.
+
+---
+
+### Encryption Example
+
+```tsx
+import { useTideCloak } from '@tidecloak/react';
+
+async function encryptExamples() {
+  const { doEncrypt } = useTideCloak();
+
+  // Simple single-item encryption:
+  const [encryptedDob] = await doEncrypt([
+    { data: '2005-03-04', tags: ['dob'] }
+  ]);
+
+  // Multi-field encryption:
+  const encryptedFields = await doEncrypt([
+    { data: '10 Smith Street', tags: ['street'] },
+    { data: 'Southport', tags: ['suburb'] },
+    { data: { full: '20 James Street – Burleigh Heads' }, tags: ['street', 'suburb'] }
+  ]);
+}
+```
+
+> **Permissions**: Users need roles matching **every** tag on a payload. A payload tagged `['street','suburb']` requires both the `tide_street.selfencrypt` and `tide_suburb.selfencrypt` roles.
+
+---
+
+### Decryption Example
+
+```tsx
+import { useTideCloak } from '@tidecloak/react';
+
+async function decryptExamples(encryptedFields: string[]) {
+  const { doDecrypt } = useTideCloak();
+
+  // Single-item decryption:
+  const [decryptedDob] = await doDecrypt([
+    { encrypted: encryptedFields[0], tags: ['dob'] }
+  ]);
+
+  // Multi-field decryption:
+  const decryptedFields = await doDecrypt([
+    { encrypted: encryptedFields[0], tags: ['street'] },
+    { encrypted: encryptedFields[1], tags: ['suburb'] },
+    { encrypted: encryptedFields[2], tags: ['street','suburb'] }
+  ]);
+}
+```
+
+> **Permissions**: Like encryption, decryption requires the same tag-based roles (`tide_street.selfdecrypt`, `tide_suburb.selfdecrypt`, etc.).
+
+---
+
+## 7. Advanced & Best Practices
+
+- **Auto-Refresh**: built into the provider—no manual token timers needed.
+- **Error Handling**: use the `initError` value from `useTideCloak` to catch startup issues.
+- **Custom Claims**: store app-specific data in JWT claims and access via `getValueFromToken()` / `getValueFromIdToken()`.
+- **Role-Based Access**: combine `hasRealmRole` and `hasClientRole` with guard components for fine-grained control.
+- **Lazy Initialization**: wrap `<TideCloakProvider>` around only authenticated sections in large apps.
+
+---

package/dist/cjs/contexts/TideCloakContextProvider.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { IAMService } from '@tidecloak/js';
+const TideCloakContext = React.createContext(undefined);
+export function TideCloakContextProvider({ config, children }) {
+    const [isInitializing, setIsInitializing] = React.useState(true);
+    const [initError, setInitError] = React.useState(null);
+    const [authenticated, setAuthenticated] = React.useState(false);
+    const [sessionExpired, setSessionExpired] = React.useState(false);
+    const [isRefreshing, setIsRefreshing] = React.useState(false);
+    const [token, setToken] = React.useState(null);
+    const [idToken, setIdToken] = React.useState(null);
+    const [tokenExp, setTokenExp] = React.useState(null);
+    const [baseURL, setBaseURL] = React.useState("");
+    const [reloadKey, setReloadKey] = React.useState(0);
+    React.useEffect(() => {
+        let mounted = true;
+        const updateAuthState = async (eventName) => {
+            console.debug(`[TideCloak Provider] Updating auth state. Triggered by the ${eventName} event`);
+            if (!mounted)
+                return;
+            const logged = IAMService.isLoggedIn();
+            setAuthenticated(logged);
+            if (logged) {
+                setSessionExpired(false);
+                try {
+                    const t = await IAMService.getToken();
+                    const idt = IAMService.getIDToken();
+                    setToken(t);
+                    setIdToken(idt);
+                    setTokenExp(IAMService.getTokenExp());
+                }
+                catch (e) {
+                    console.error("[TideCloak Provider] Failed to update auth state", e);
+                }
+            }
+            else {
+                setSessionExpired(true);
+                setToken(null);
+                setIdToken(null);
+            }
+        };
+        const onInitError = (err) => {
+            if (mounted) {
+                setInitError(err);
+                setIsInitializing(false);
+            }
+        };
+        const onTokenExpired = async () => {
+            if (!mounted)
+                return;
+            console.debug("[TideCloak Provider] Token expired, attempting refresh...");
+            setSessionExpired(true);
+            try {
+                await IAMService.updateIAMToken();
+            }
+            catch (refreshError) {
+                console.error("[TideCloak Provider] Failed to refresh token:", refreshError);
+            }
+        };
+        IAMService
+            .on('authSuccess', updateAuthState)
+            .on('authError', updateAuthState)
+            .on('authRefreshSuccess', updateAuthState)
+            .on('authRefreshError', updateAuthState)
+            .on('logout', updateAuthState)
+            .on('tokenExpired', onTokenExpired)
+            .on('initError', onInitError);
+        setIsInitializing(true);
+        (async () => {
+            try {
+                const loaded = await IAMService.loadConfig(config);
+                ;
+                if (!loaded)
+                    throw new Error("Invalid config");
+                setBaseURL(loaded['auth-server-url'].replace(/\/+$/, ''));
+                await IAMService.initIAM(config, updateAuthState);
+                if (!mounted)
+                    return;
+                setIsInitializing(false);
+            }
+            catch (err) {
+                onInitError(err);
+            }
+        })();
+        return () => {
+            mounted = false;
+            IAMService.off('ready', updateAuthState)
+                .off('authSuccess', updateAuthState)
+                .off('authError', updateAuthState)
+                .off('authRefreshSuccess', updateAuthState)
+                .off('authRefreshError', updateAuthState)
+                .off('logout', updateAuthState)
+                .off('tokenExpired', onTokenExpired)
+                .off('initError', onInitError);
+        };
+    }, [config, reloadKey]);
+    if (isInitializing)
+        return null;
+    return (_jsx(TideCloakContext.Provider, { value: {
+            isInitializing,
+            initError,
+            authenticated,
+            sessionExpired,
+            isRefreshing,
+            token,
+            idToken,
+            tokenExp,
+            baseURL,
+            getConfig: () => IAMService.getConfig(),
+            reload: () => setReloadKey(k => k + 1),
+            login: () => IAMService.doLogin(),
+            logout: () => IAMService.doLogout(),
+            refreshToken: async () => {
+                setIsRefreshing(true);
+                try {
+                    return await IAMService.updateIAMToken();
+                }
+                finally {
+                    setIsRefreshing(false);
+                }
+            },
+            forceRefreshToken: async () => {
+                setIsRefreshing(true);
+                try {
+                    return await IAMService.forceUpdateToken();
+                }
+                finally {
+                    setIsRefreshing(false);
+                }
+            },
+            hasRealmRole: (role) => IAMService.hasRealmRole(role),
+            hasClientRole: (role, resource) => IAMService.hasClientRole(role, resource),
+            getValueFromToken: (key) => IAMService.getValueFromToken(key),
+            getValueFromIdToken: (key) => IAMService.getValueFromIDToken(key),
+            doEncrypt: async (data) => await IAMService.doEncrypt(data),
+            doDecrypt: async (data) => await IAMService.doDecrypt(data)
+        }, children: children }));
+}
+export function useTideCloakContext() {
+    const ctx = React.useContext(TideCloakContext);
+    if (!ctx)
+        throw new Error("useTideCloakContext must be used within <TideCloakContextProvider>");
+    return ctx;
+}

package/dist/cjs/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TideCloakContextProvider, useTideCloakContext, } from './contexts/TideCloakContextProvider';
+/**
+ * Wrap your app and bootstrap TideCloak with the given config object.
+ * tidecloak-js expects a plain JSON config, so we type config as Record<string, any>.
+ */
+export const TideCloakProvider = ({ config, children }) => (_jsx(TideCloakContextProvider, { config: config, children: children }));
+/**
+ * Hook to access authentication state and helpers.
+ */
+export const useTideCloak = useTideCloakContext;
+export function Authenticated({ children }) {
+    const { authenticated, isInitializing } = useTideCloakContext();
+    if (isInitializing)
+        return null;
+    return authenticated ? children : null;
+}
+export function Unauthenticated({ children }) {
+    const { authenticated, isInitializing } = useTideCloakContext();
+    if (isInitializing)
+        return null;
+    return !authenticated ? children : null;
+}

package/dist/esm/contexts/TideCloakContextProvider.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { IAMService } from '@tidecloak/js';
+const TideCloakContext = React.createContext(undefined);
+export function TideCloakContextProvider({ config, children }) {
+    const [isInitializing, setIsInitializing] = React.useState(true);
+    const [initError, setInitError] = React.useState(null);
+    const [authenticated, setAuthenticated] = React.useState(false);
+    const [sessionExpired, setSessionExpired] = React.useState(false);
+    const [isRefreshing, setIsRefreshing] = React.useState(false);
+    const [token, setToken] = React.useState(null);
+    const [idToken, setIdToken] = React.useState(null);
+    const [tokenExp, setTokenExp] = React.useState(null);
+    const [baseURL, setBaseURL] = React.useState("");
+    const [reloadKey, setReloadKey] = React.useState(0);
+    React.useEffect(() => {
+        let mounted = true;
+        const updateAuthState = async (eventName) => {
+            console.debug(`[TideCloak Provider] Updating auth state. Triggered by the ${eventName} event`);
+            if (!mounted)
+                return;
+            const logged = IAMService.isLoggedIn();
+            setAuthenticated(logged);
+            if (logged) {
+                setSessionExpired(false);
+                try {
+                    const t = await IAMService.getToken();
+                    const idt = IAMService.getIDToken();
+                    setToken(t);
+                    setIdToken(idt);
+                    setTokenExp(IAMService.getTokenExp());
+                }
+                catch (e) {
+                    console.error("[TideCloak Provider] Failed to update auth state", e);
+                }
+            }
+            else {
+                setSessionExpired(true);
+                setToken(null);
+                setIdToken(null);
+            }
+        };
+        const onInitError = (err) => {
+            if (mounted) {
+                setInitError(err);
+                setIsInitializing(false);
+            }
+        };
+        const onTokenExpired = async () => {
+            if (!mounted)
+                return;
+            console.debug("[TideCloak Provider] Token expired, attempting refresh...");
+            setSessionExpired(true);
+            try {
+                await IAMService.updateIAMToken();
+            }
+            catch (refreshError) {
+                console.error("[TideCloak Provider] Failed to refresh token:", refreshError);
+            }
+        };
+        IAMService
+            .on('authSuccess', updateAuthState)
+            .on('authError', updateAuthState)
+            .on('authRefreshSuccess', updateAuthState)
+            .on('authRefreshError', updateAuthState)
+            .on('logout', updateAuthState)
+            .on('tokenExpired', onTokenExpired)
+            .on('initError', onInitError);
+        setIsInitializing(true);
+        (async () => {
+            try {
+                const loaded = await IAMService.loadConfig(config);
+                ;
+                if (!loaded)
+                    throw new Error("Invalid config");
+                setBaseURL(loaded['auth-server-url'].replace(/\/+$/, ''));
+                await IAMService.initIAM(config, updateAuthState);
+                if (!mounted)
+                    return;
+                setIsInitializing(false);
+            }
+            catch (err) {
+                onInitError(err);
+            }
+        })();
+        return () => {
+            mounted = false;
+            IAMService.off('ready', updateAuthState)
+                .off('authSuccess', updateAuthState)
+                .off('authError', updateAuthState)
+                .off('authRefreshSuccess', updateAuthState)
+                .off('authRefreshError', updateAuthState)
+                .off('logout', updateAuthState)
+                .off('tokenExpired', onTokenExpired)
+                .off('initError', onInitError);
+        };
+    }, [config, reloadKey]);
+    if (isInitializing)
+        return null;
+    return (_jsx(TideCloakContext.Provider, { value: {
+            isInitializing,
+            initError,
+            authenticated,
+            sessionExpired,
+            isRefreshing,
+            token,
+            idToken,
+            tokenExp,
+            baseURL,
+            getConfig: () => IAMService.getConfig(),
+            reload: () => setReloadKey(k => k + 1),
+            login: () => IAMService.doLogin(),
+            logout: () => IAMService.doLogout(),
+            refreshToken: async () => {
+                setIsRefreshing(true);
+                try {
+                    return await IAMService.updateIAMToken();
+                }
+                finally {
+                    setIsRefreshing(false);
+                }
+            },
+            forceRefreshToken: async () => {
+                setIsRefreshing(true);
+                try {
+                    return await IAMService.forceUpdateToken();
+                }
+                finally {
+                    setIsRefreshing(false);
+                }
+            },
+            hasRealmRole: (role) => IAMService.hasRealmRole(role),
+            hasClientRole: (role, resource) => IAMService.hasClientRole(role, resource),
+            getValueFromToken: (key) => IAMService.getValueFromToken(key),
+            getValueFromIdToken: (key) => IAMService.getValueFromIDToken(key),
+            doEncrypt: async (data) => await IAMService.doEncrypt(data),
+            doDecrypt: async (data) => await IAMService.doDecrypt(data)
+        }, children: children }));
+}
+export function useTideCloakContext() {
+    const ctx = React.useContext(TideCloakContext);
+    if (!ctx)
+        throw new Error("useTideCloakContext must be used within <TideCloakContextProvider>");
+    return ctx;
+}

package/dist/esm/index.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TideCloakContextProvider, useTideCloakContext, } from './contexts/TideCloakContextProvider';
+/**
+ * Wrap your app and bootstrap TideCloak with the given config object.
+ * tidecloak-js expects a plain JSON config, so we type config as Record<string, any>.
+ */
+export const TideCloakProvider = ({ config, children }) => (_jsx(TideCloakContextProvider, { config: config, children: children }));
+/**
+ * Hook to access authentication state and helpers.
+ */
+export const useTideCloak = useTideCloakContext;
+export function Authenticated({ children }) {
+    const { authenticated, isInitializing } = useTideCloakContext();
+    if (isInitializing)
+        return null;
+    return authenticated ? children : null;
+}
+export function Unauthenticated({ children }) {
+    const { authenticated, isInitializing } = useTideCloakContext();
+    if (isInitializing)
+        return null;
+    return !authenticated ? children : null;
+}

package/dist/types/contexts/TideCloakContextProvider.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+interface TideCloakContextValue {
+    isInitializing: boolean;
+    initError: Error | null;
+    authenticated: boolean;
+    sessionExpired: boolean;
+    isRefreshing: boolean;
+    token: string | null;
+    idToken: string | null;
+    tokenExp: number | null;
+    baseURL: string;
+    getConfig: () => Record<string, any>;
+    reload: () => void;
+    login: () => void;
+    logout: () => void;
+    refreshToken: () => Promise<boolean>;
+    forceRefreshToken: () => Promise<boolean>;
+    hasRealmRole: (role: string) => boolean;
+    hasClientRole: (role: string, resource?: string) => boolean;
+    getValueFromToken: (key: string) => any;
+    getValueFromIdToken: (key: string) => any;
+    doEncrypt: (data: any) => Promise<any>;
+    doDecrypt: (data: any) => Promise<any>;
+}
+interface TideCloakContextProviderProps {
+    config: Record<string, any>;
+    children: React.ReactNode;
+}
+export declare function TideCloakContextProvider({ config, children }: TideCloakContextProviderProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function useTideCloakContext(): TideCloakContextValue;
+export {};
+//# sourceMappingURL=TideCloakContextProvider.d.ts.map

package/dist/types/contexts/TideCloakContextProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideCloakContextProvider.d.ts","sourceRoot":"","sources":["../../../src/contexts/TideCloakContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,qBAAqB;IAE7B,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,KAAK,GAAG,IAAI,CAAC;IAGxB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IAGtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IAGxB,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,iBAAiB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3D,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,CAAC;IACxC,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,CAAC;IAG1C,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;IACtC,SAAS,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;CACvC;AAED,UAAU,6BAA6B;IACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAID,wBAAgB,wBAAwB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,6BAA6B,kDA0I3F;AAED,wBAAgB,mBAAmB,IAAI,qBAAqB,CAI3D"}

package/dist/types/index.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode, FC } from 'react';
+import { useTideCloakContext } from './contexts/TideCloakContextProvider';
+/**
+ * Wrap your app and bootstrap TideCloak with the given config object.
+ * tidecloak-js expects a plain JSON config, so we type config as Record<string, any>.
+ */
+export declare const TideCloakProvider: FC<{
+    config: Record<string, any>;
+    children: ReactNode;
+}>;
+/**
+ * Hook to access authentication state and helpers.
+ */
+export declare const useTideCloak: typeof useTideCloakContext;
+export declare function Authenticated({ children }: {
+    children: React.ReactNode;
+}): React.ReactNode;
+export declare function Unauthenticated({ children }: {
+    children: React.ReactNode;
+}): React.ReactNode;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAEL,mBAAmB,EACpB,MAAM,qCAAqC,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAKpF,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY,4BAAsB,CAAC;AAEhD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAI1F;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAI5F"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@tidecloak/react",
+  "version": "0.9.11",
+  "description": "TideCloak client-side React SDK",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "types": "./dist/types/index.d.ts",
+      "require": "./dist/cjs/src/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tide-foundation/tidecloak-js.git"
+  },
+  "author": "Tide",
+  "license": "https://tide.org/licenses_tcoc2-0-0-en",
+  "keywords": [
+    "security",
+    "tidecloak",
+    "tide",
+    "authentication",
+    "oidc",
+    "oauth2",
+    "authorization",
+    "react"
+  ],
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "scripts": {
+    "build:cjs": "tsc -p tsconfig.cjs.json",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build": "npm run build:cjs && npm run build:esm",
+    "prepare": "npm run build"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6"
+  },
+  "dependencies": {
+    "@tidecloak/js": "^0.9.11"
+  }
+}