@arcblock/did-connect-react 3.5.2 → 4.0.0-beta.2

package/dist/hooks/usePasskey.js

@@ -0,0 +1,35 @@
+import { useCallback, useState } from 'react';
+import { useConnectContext } from '../ConnectContext.js';
+export function usePasskey() {
+    const { config } = useConnectContext();
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const runAuth = useCallback(async (options) => {
+        setLoading(true);
+        setError(null);
+        try {
+            const { runPasskeyAuth } = await import('@arcblock/did-connect-core/ui');
+            const prefix = `${config.servicePrefix ?? '/.well-known/service'}/api/passkey`;
+            const result = await runPasskeyAuth({
+                prefix,
+                authOnly: options.authOnly,
+                registerOnly: options.registerOnly,
+                name: options.name,
+                onStatus: () => { },
+            });
+            return result;
+        }
+        catch (err) {
+            const msg = err?.message ?? 'Passkey operation failed';
+            setError(msg);
+            throw err;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [config.servicePrefix]);
+    const authenticate = useCallback(() => runAuth({ authOnly: true }), [runAuth]);
+    const register = useCallback((name) => runAuth({ registerOnly: true, name }), [runAuth]);
+    return { loading, error, authenticate, register };
+}
+//# sourceMappingURL=usePasskey.js.map

package/dist/hooks/usePasskey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePasskey.js","sourceRoot":"","sources":["../../src/hooks/usePasskey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD,MAAM,UAAU,UAAU;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,OAAO,GAAG,WAAW,CACzB,KAAK,EAAE,OAIN,EAAiD,EAAE;QAClD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC,+BAA+B,CAAC,CAAC;YACzE,MAAM,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,IAAI,sBAAsB,cAAc,CAAC;YAC/E,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC;gBAClC,MAAM;gBACN,QAAQ,EAAE,OAAO,CAAC,QAAQ;gBAC1B,YAAY,EAAE,OAAO,CAAC,YAAY;gBAClC,IAAI,EAAE,OAAO,CAAC,IAAI;gBAClB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;aACnB,CAAC,CAAC;YACH,OAAO,MAAM,CAAC;QAChB,CAAC;QAAC,OAAO,GAAQ,EAAE,CAAC;YAClB,MAAM,GAAG,GAAG,GAAG,EAAE,OAAO,IAAI,0BAA0B,CAAC;YACvD,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,MAAM,GAAG,CAAC;QACZ,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,aAAa,CAAC,CACvB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EACjC,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,IAAa,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACxD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AACpD,CAAC"}

package/dist/hooks/useSession.d.ts

@@ -0,0 +1,12 @@
+import type { UserInfo } from '@arcblock/did-connect-core';
+export interface UseSessionReturn {
+    user: UserInfo | null;
+    loading: boolean;
+    error: string | null;
+    initialized: boolean;
+    isAuthenticated: boolean;
+    logout: () => Promise<void>;
+    refresh: () => Promise<void>;
+}
+export declare function useSession(): UseSessionReturn;
+//# sourceMappingURL=useSession.d.ts.map

package/dist/hooks/useSession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSession.d.ts","sourceRoot":"","sources":["../../src/hooks/useSession.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAMzE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAID,wBAAgB,UAAU,IAAI,gBAAgB,CA+B7C"}

package/dist/hooks/useSession.js

@@ -0,0 +1,30 @@
+import { SessionManager } from '@arcblock/did-connect-core';
+import { useCallback, useEffect, useRef } from 'react';
+import { useConnectContext } from '../ConnectContext.js';
+import { useSyncState } from '../internals/use-sync-state.js';
+const SESSION_EVENTS = ['userChange', 'logout', 'error', 'tokenRefreshed'];
+export function useSession() {
+    const { config, http, storage } = useConnectContext();
+    const [state, manager] = useSyncState(() => new SessionManager(config, http, storage), SESSION_EVENTS);
+    const restoreRef = useRef(false);
+    useEffect(() => {
+        if (!restoreRef.current) {
+            restoreRef.current = true;
+            manager.restore().then(() => {
+                manager.startAutoCheck();
+            });
+        }
+    }, [manager]);
+    const logout = useCallback(() => manager.logout(), [manager]);
+    const refresh = useCallback(() => manager.getSession().then(() => { }), [manager]);
+    return {
+        user: state.user,
+        loading: state.loading,
+        error: state.error,
+        initialized: state.initialized,
+        isAuthenticated: state.user !== null,
+        logout,
+        refresh,
+    };
+}
+//# sourceMappingURL=useSession.js.map

package/dist/hooks/useSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSession.js","sourceRoot":"","sources":["../../src/hooks/useSession.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAY9D,MAAM,cAAc,GAAG,CAAC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC;AAE3E,MAAM,UAAU,UAAU;IACxB,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEtD,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,YAAY,CACnC,GAAG,EAAE,CAAC,IAAI,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,EAC/C,cAAc,CACf,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;YACxB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;gBAC1B,OAAO,CAAC,cAAc,EAAE,CAAC;YAC3B,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAElF,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,eAAe,EAAE,KAAK,CAAC,IAAI,KAAK,IAAI;QACpC,MAAM;QACN,OAAO;KACR,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export type { AppInfo, AuthMethod, AuthResult, ConnectConfig, CreateTokenParams, OAuthProvider, PasskeyResult, Role, SessionState, TokenState, TokenStatus, UserInfo, } from '@arcblock/did-connect-core';
+export { VERSION } from '@arcblock/did-connect-core';
+export type { ConnectContextValue } from './ConnectContext.js';
+export { useConnectContext } from './ConnectContext.js';
+export type { ConnectProviderProps } from './ConnectProvider.js';
+export { ConnectProvider } from './ConnectProvider.js';
+export type { LoginPageProps } from './components/LoginPage.js';
+export { LoginPage } from './components/LoginPage.js';
+export type { UserAvatarProps } from './components/UserAvatar.js';
+export { UserAvatar } from './components/UserAvatar.js';
+export type { UseConnectOptions, UseConnectReturn, UseEmailReturn, UseOAuthReturn, UsePasskeyReturn, UseSessionReturn, } from './hooks/index.js';
+export { useConnect, useEmail, useOAuth, usePasskey, useSession } from './hooks/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,YAAY,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAQ,GACT,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,11 @@
+// @arcblock/did-connect-react — barrel export
+export { VERSION } from '@arcblock/did-connect-core';
+export { useConnectContext } from './ConnectContext.js';
+// Provider
+export { ConnectProvider } from './ConnectProvider.js';
+// Components
+export { LoginPage } from './components/LoginPage.js';
+export { UserAvatar } from './components/UserAvatar.js';
+// Hooks
+export { useConnect, useEmail, useOAuth, usePasskey, useSession } from './hooks/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAkB9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,WAAW;AACX,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,aAAa;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AASxD,QAAQ;AACR,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/internals/blocklet-config.d.ts

@@ -0,0 +1,22 @@
+import type { ConnectConfig } from '@arcblock/did-connect-core';
+declare global {
+    interface Window {
+        blocklet?: {
+            appPid?: string;
+            appId?: string;
+            appName?: string;
+            appUrl?: string;
+            prefix?: string;
+            servicePrefix?: string;
+            [key: string]: unknown;
+        };
+    }
+}
+/**
+ * Build a ConnectConfig from `window.blocklet` (injected by blocklet-server).
+ *
+ * Returns null if `window` or `window.blocklet` is not available (SSR safe).
+ * Only reads known properties — does not leak arbitrary fields.
+ */
+export declare function buildConfigFromBlocklet(): ConnectConfig | null;
+//# sourceMappingURL=blocklet-config.d.ts.map

package/dist/internals/blocklet-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocklet-config.d.ts","sourceRoot":"","sources":["../../src/internals/blocklet-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,QAAQ,CAAC,EAAE;YACT,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,aAAa,CAAC,EAAE,MAAM,CAAC;YACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH;CACF;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,IAAI,aAAa,GAAG,IAAI,CAoB9D"}

package/dist/internals/blocklet-config.js

@@ -0,0 +1,26 @@
+/**
+ * Build a ConnectConfig from `window.blocklet` (injected by blocklet-server).
+ *
+ * Returns null if `window` or `window.blocklet` is not available (SSR safe).
+ * Only reads known properties — does not leak arbitrary fields.
+ */
+export function buildConfigFromBlocklet() {
+    if (typeof window === 'undefined' || !window.blocklet) {
+        return null;
+    }
+    const b = window.blocklet;
+    const appPid = b.appPid || b.appId || '';
+    const prefix = typeof b.prefix === 'string' ? b.prefix : '';
+    // servicePrefix: explicit field (cloudflare) > prefix (blocklet-server) > default
+    const svcPrefix = typeof b.servicePrefix === 'string'
+        ? b.servicePrefix
+        : prefix || '/.well-known/service';
+    return {
+        appPid,
+        appName: typeof b.appName === 'string' ? b.appName : '',
+        appUrl: typeof b.appUrl === 'string' ? b.appUrl : undefined,
+        apiPrefix: `${svcPrefix}/api/did`,
+        servicePrefix: svcPrefix,
+    };
+}
+//# sourceMappingURL=blocklet-config.js.map

package/dist/internals/blocklet-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocklet-config.js","sourceRoot":"","sources":["../../src/internals/blocklet-config.ts"],"names":[],"mappings":"AAgBA;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB;IACrC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QACtD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC1B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5D,kFAAkF;IAClF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,aAAa,KAAK,QAAQ;QACnD,CAAC,CAAC,CAAC,CAAC,aAAa;QACjB,CAAC,CAAC,MAAM,IAAI,sBAAsB,CAAC;IAErC,OAAO;QACL,MAAM;QACN,OAAO,EAAE,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACvD,MAAM,EAAE,OAAO,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC3D,SAAS,EAAE,GAAG,SAAS,UAAU;QACjC,aAAa,EAAE,SAAS;KACzB,CAAC;AACJ,CAAC"}

package/dist/internals/local-storage-adapter.d.ts

@@ -0,0 +1,12 @@
+import type { StorageAdapter } from '@arcblock/did-connect-core';
+/**
+ * StorageAdapter backed by localStorage.
+ *
+ * SSR-safe: all operations silently return defaults on error.
+ */
+export declare class LocalStorageAdapter implements StorageAdapter {
+    get(key: string): string | null;
+    set(key: string, value: string): void;
+    remove(key: string): void;
+}
+//# sourceMappingURL=local-storage-adapter.d.ts.map

package/dist/internals/local-storage-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage-adapter.d.ts","sourceRoot":"","sources":["../../src/internals/local-storage-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE;;;;GAIG;AACH,qBAAa,mBAAoB,YAAW,cAAc;IACxD,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAQ/B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAQrC,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAO1B"}

package/dist/internals/local-storage-adapter.js

@@ -0,0 +1,32 @@
+/**
+ * StorageAdapter backed by localStorage.
+ *
+ * SSR-safe: all operations silently return defaults on error.
+ */
+export class LocalStorageAdapter {
+    get(key) {
+        try {
+            return localStorage.getItem(key);
+        }
+        catch {
+            return null;
+        }
+    }
+    set(key, value) {
+        try {
+            localStorage.setItem(key, value);
+        }
+        catch {
+            // QuotaExceededError or SSR — silently ignore
+        }
+    }
+    remove(key) {
+        try {
+            localStorage.removeItem(key);
+        }
+        catch {
+            // SSR — silently ignore
+        }
+    }
+}
+//# sourceMappingURL=local-storage-adapter.js.map

package/dist/internals/local-storage-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage-adapter.js","sourceRoot":"","sources":["../../src/internals/local-storage-adapter.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,OAAO,mBAAmB;IAC9B,GAAG,CAAC,GAAW;QACb,IAAI,CAAC;YACH,OAAO,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,GAAG,CAAC,GAAW,EAAE,KAAa;QAC5B,IAAI,CAAC;YACH,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACnC,CAAC;QAAC,MAAM,CAAC;YACP,8CAA8C;QAChD,CAAC;IACH,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,IAAI,CAAC;YACH,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QAC/B,CAAC;QAAC,MAAM,CAAC;YACP,wBAAwB;QAC1B,CAAC;IACH,CAAC;CACF"}

package/dist/internals/use-sync-state.d.ts

@@ -0,0 +1,18 @@
+interface Syncable<S> {
+    state: Readonly<S>;
+    on(event: string, handler: (...args: any[]) => void): any;
+    off(event: string, handler: (...args: any[]) => void): any;
+    destroy(): void;
+}
+/**
+ * Bridge a core class with on/off/destroy/state to React state.
+ *
+ * - `factory()` runs only once (on mount)
+ * - Events trigger `setState({ ...instance.state })` (shallow copy)
+ * - Unmount calls `off` for each event + `destroy()`
+ * - Returns [state, instance, sync] — call `sync()` to manually
+ *   re-read instance.state (e.g. after `reset()` which fires no event).
+ */
+export declare function useSyncState<T extends Syncable<S>, S>(factory: () => T, events: string[]): [Readonly<S>, T, () => void];
+export {};
+//# sourceMappingURL=use-sync-state.d.ts.map

package/dist/internals/use-sync-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-state.d.ts","sourceRoot":"","sources":["../../src/internals/use-sync-state.ts"],"names":[],"mappings":"AAEA,UAAU,QAAQ,CAAC,CAAC;IAClB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,GAAG,CAAC;IAC1D,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,GAAG,CAAC;IAC3D,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EACnD,OAAO,EAAE,MAAM,CAAC,EAChB,MAAM,EAAE,MAAM,EAAE,GACf,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,CAkC9B"}

package/dist/internals/use-sync-state.js

@@ -0,0 +1,38 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+/**
+ * Bridge a core class with on/off/destroy/state to React state.
+ *
+ * - `factory()` runs only once (on mount)
+ * - Events trigger `setState({ ...instance.state })` (shallow copy)
+ * - Unmount calls `off` for each event + `destroy()`
+ * - Returns [state, instance, sync] — call `sync()` to manually
+ *   re-read instance.state (e.g. after `reset()` which fires no event).
+ */
+export function useSyncState(factory, events) {
+    const instanceRef = useRef(null);
+    if (instanceRef.current === null) {
+        instanceRef.current = factory();
+    }
+    const instance = instanceRef.current;
+    const [state, setState] = useState(() => ({ ...instance.state }));
+    const sync = useCallback(() => {
+        setState({ ...instanceRef.current.state });
+    }, []);
+    useEffect(() => {
+        const inst = instanceRef.current;
+        const handler = () => {
+            setState({ ...inst.state });
+        };
+        for (const event of events) {
+            inst.on(event, handler);
+        }
+        return () => {
+            for (const event of events) {
+                inst.off(event, handler);
+            }
+            inst.destroy();
+        };
+    }, []);
+    return [state, instance, sync];
+}
+//# sourceMappingURL=use-sync-state.js.map

package/dist/internals/use-sync-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-state.js","sourceRoot":"","sources":["../../src/internals/use-sync-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASjE;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAC1B,OAAgB,EAChB,MAAgB;IAEhB,MAAM,WAAW,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAE3C,IAAI,WAAW,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACjC,WAAW,CAAC,OAAO,GAAG,OAAO,EAAE,CAAC;IAClC,CAAC;IAED,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAE/E,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,QAAQ,CAAC,EAAE,GAAG,WAAW,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,WAAW,CAAC,OAAQ,CAAC;QAElC,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC1B,CAAC;QAED,OAAO,GAAG,EAAE;YACV,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;gBAC3B,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAC3B,CAAC;YACD,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;AACjC,CAAC"}

package/package.json

@@ -1,94 +1,48 @@
 {
   "name": "@arcblock/did-connect-react",
-  "version": "3.5.2",
-  "description": "Client side library to work with DID Connect by ArcBlock.",
-  "keywords": [
-    "react",
-    "arcblock",
-    "component"
-  ],
-  "author": "wangshijun<wangshijun2010@gmail.com>",
-  "homepage": "https://www.arcblock.io/docs/did-connect-react",
-  "license": "Apache-2.0",
-  "main": "lib/index.js",
-  "module": "lib/index.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ArcBlock/ux.git"
-  },
-  "scripts": {
-    "lint": "eslint src tests --ext js --ext jsx",
-    "lint:fix": "npm run lint -- --fix",
-    "build": "vite build",
-    "build:standalone": "vite build --config vite.config.did-connect.mjs",
-    "autoexports": "node tools/auto-exports.js",
-    "watch": "vite build --watch",
-    "precommit": "CI=1 npm run lint",
-    "prepush": "CI=1 npm run lint",
-    "prepublish": "npm run build && npm run build:standalone",
-    "test": "node tools/jest.js",
-    "coverage": "npm run test -- --coverage"
-  },
-  "bugs": {
-    "url": "https://github.com/ArcBlock/ux/issues"
+  "version": "4.0.0-beta.2",
+  "description": "React hooks and components for DID Connect — built on @arcblock/did-connect-core",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./compat": {
+      "types": "./dist/compat/index.d.ts",
+      "import": "./dist/compat/index.js"
+    }
   },
   "dependencies": {
-    "@arcblock/bridge": "3.5.2",
-    "@arcblock/did": "^1.29.8",
-    "@arcblock/icons": "3.5.2",
-    "@arcblock/react-hooks": "3.5.2",
-    "@arcblock/ws": "^1.29.8",
-    "@blocklet/constant": "^1.17.9",
-    "@fontsource/lexend": "^5.2.9",
-    "@iconify-icons/logos": "^1.2.36",
-    "@iconify-icons/material-symbols": "^1.2.58",
-    "@iconify/react": "^5.2.1",
-    "@ocap/util": "^1.29.8",
-    "@simplewebauthn/browser": "^13.1.0",
-    "ahooks": "^3.8.5",
-    "axios": "^1.10.0",
-    "base64-url": "^2.3.3",
-    "buffer": "^6.0.3",
-    "color-convert": "^3.1.0",
-    "eventemitter3": "^5.0.1",
-    "flat": "^5.0.2",
-    "js-cookie": "^2.2.1",
-    "jwt-decode": "^3.1.2",
-    "lodash": "^4.17.21",
-    "mdi-material-ui": "^7.9.4",
-    "p-queue": "^6.6.2",
-    "p-retry": "^6.2.1",
-    "p-wait-for": "^5.0.2",
-    "path-to-regexp": "^1.9.0",
-    "semver": "^7.7.2",
-    "tweetnacl": "^1.0.3",
-    "tweetnacl-sealedbox-js": "^1.2.0",
-    "ufo": "^1.6.1"
+    "@arcblock/did-connect-core": "^4.0.0-beta.2"
   },
   "peerDependencies": {
-    "@arcblock/ux": "^3.1.0",
-    "@blocklet/js-sdk": "^1.17.4",
-    "@blocklet/theme": "^3.1.0",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/material": "^7.2.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.0.0"
   },
-  "sideEffects": [
-    "**/*.css",
-    "**/*.scss"
-  ],
   "files": [
-    "lib",
     "dist"
   ],
   "publishConfig": {
     "access": "public"
   },
+  "license": "Apache-2.0",
   "devDependencies": {
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "jest": "^29.7.0"
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "jsdom": "^29.0.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "vitest": "^4.1.1"
   },
-  "gitHead": "2f6a2770fb95e0b8202de2973d9753be080260af"
-}
+  "scripts": {
+    "build": "tsc",
+    "lint": "biome check src/",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "typecheck": "tsc --noEmit"
+  }
+}

package/LICENSE

@@ -1,13 +0,0 @@
-Copyright 2018-2022 ArcBlock
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.

package/README.md

@@ -1,134 +0,0 @@
-![@arcblock/did-connect-react](https://www.arcblock.io/.netlify/functions/badge/?text=did-connect)
-
-> Client side library to work with DID Connect by ArcBlock.
-
-## Usage
-
-```shell
-yarn add @arcblock/did-connect-react
-```
-
-Then:
-
-```javascript
-import axios from 'axios';
-
-// import each module individually
-import DidAddress from '@arcblock/did-connect-react/lib/Address';
-import DidConnect from '@arcblock/did-connect-react/lib/Connect';
-import DidAvatar from '@arcblock/did-connect-react/lib/Avatar';
-import DidButton from '@arcblock/did-connect-react/lib/Button';
-import DIDLogo from '@arcblock/did-connect-react/lib/Logo';
-import { SessionProvider, SessionConsumer } from '@arcblock/did-connect-react/lib/Session';
-import SessionManager from '@arcblock/did-connect-react/lib/SessionManager';
-
-// or use ES6 named imports
-import { 
-  Address as DidAddress, 
-  Connect as DidConnect, 
-  Avatar as DidAvatar, 
-  Button as DidButton, 
-  Logo as DIDLogo, 
-  Session, 
-  SessionManager, 
-} from '@arcblock/did-connect-react/lib';
-```
-
-### DidConnect
-
-```jsx
-<DidConnect
-  popup
-  open={open}
-  action="login"
-  checkFn={axios.get}
-  onClose={() => handleOnClose()}
-  onSuccess={() => (window.location.href = '/profile')}
-  messages={{
-    title: 'login',
-    scan: 'Scan QR code with DID Wallet',
-    confirm: 'Confirm login on your DID Wallet',
-    success: 'You have successfully signed in!',
-  }}
-/>
-```
-
-**Note**: DidConnect component has a built-in instance of WebWalletSWKeeper that embeds a wallet iframe in the DOM to keep the service worker of the web wallet alive. When the DidConnect component is destroyed, WebWalletSWKeeper will also be destroyed, so avoid using it like the following:  
-
-```jsx
-{open && (
-  <DidConnect
-    popup
-    action="login"
-    ...
-  />
-)}
-```
-
-### display DidConnect in popup
-
-```jsx
-const [open, setOpen] = React.useState(false);
-const handleOnClose = () => {
-  // ...
-  setOpen(false);
-};
-
-...
-
-<button type="button" onClick={() => setOpen(true)}>
-  Open DidConnect
-</button>
-
-<DidConnect
-  popup
-  open={open}
-  action="login"
-  checkFn={axios.get}
-  onClose={() => handleOnClose()}
-  onSuccess={() => (window.location.href = '/profile')}
-  messages={{
-    title: 'login',
-    scan: 'Scan QR code with DID Wallet',
-    confirm: 'Confirm login on your DID Wallet',
-    success: 'You have successfully signed in!',
-  }}
-  webWalletUrl={webWalletUrl}
-/>
-```
-
-### DidAvatar
-
-```jsx
-<DidAvatar did={userDid} size={256} />
-```
-
-### DidButton
-
-```jsx
-<ConnectButton size="large" />
-<ConnectButton size="medium" />
-<ConnectButton size="small" />
-<ConnectButton>Custom Text</ConnectButton>
-```
-
-### DIDLogo
-
-```jsx
-<DIDLogo size={32} />
-```
-
-### DidAddress
-
-```jsx
-<DidAddress did={userDid} size={32} />
-```
-
-### SessionManager
-
-```jsx
-<SessionProvider serviceHost={get(window, 'blocklet.prefix', '/')} webWalletUrl={webWalletUrl}>
-  <SessionConsumer>{(value) => <SessionManager session={value.session} />}</SessionConsumer>
-  ...
-</SessionProvider>
-```