@renown/sdk 5.1.0-dev.2 → 5.1.0-dev.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@renown/sdk",
-  "version": "5.1.0-dev.2",
+  "version": "5.1.0-dev.21",
   "description": "",
   "license": "AGPL-3.0-only",
   "private": false,
@@ -13,8 +13,16 @@
     "access": "public"
   },
   "exports": {
-    ".": "./dist/src/index.js",
-    "./node": "./dist/src/node.js"
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/src/index.js",
+      "default": "./dist/src/index.js"
+    },
+    "./node": {
+      "types": "./dist/src/node.d.ts",
+      "import": "./dist/src/node.js",
+      "default": "./dist/src/node.js"
+    }
   },
   "types": "./dist/src/index.d.ts",
   "sideEffects": false,
@@ -30,7 +38,7 @@
   ],
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "document-model": "5.1.0-dev.2"
+    "document-model": "5.1.0-dev.21"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -38,10 +46,16 @@
     }
   },
   "devDependencies": {
+    "@playwright/test": "^1.57.0",
+    "copyfiles": "^2.4.1",
     "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^5.1.1",
     "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "vite": "^7.2.6",
     "vitest": "^3.2.4",
-    "document-model": "5.1.0-dev.2"
+    "document-model": "5.1.0-dev.21"
   },
   "dependencies": {
     "@didtools/key-did": "^1.0.0",
@@ -54,6 +68,12 @@
   },
   "scripts": {
     "tsc": "tsc",
-    "lint": "eslint"
+    "build": "pnpm run copy-assets",
+    "copy-assets": "copyfiles 'src/assets/*' dist/",
+    "lint": "eslint",
+    "dev:e2e": "vite --config e2e/fixtures/vite.config.ts",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:headed": "playwright test --headed"
   }
 }

package/dist/src/components/RenownLoginAvatar.d.ts

@@ -1,44 +0,0 @@
-import React from "react";
-import type { LoginAvatarProps } from "./types.js";
-/**
- * Headless Renown Login Avatar component
- * Provides login button when not authenticated, and user avatar when authenticated
- *
- * @example
- * ```tsx
- * <RenownLoginAvatar
- *   isLoggedIn={true}
- *   user={{ username: 'alice', avatar: 'https://...', ethAddress: '0x...' }}
- *   onLoginClick={() => console.log('Login')}
- *   profileBaseUrl="https://renown.io"
- *   renderAvatar={({ user, onClick }) => (
- *     <img src={user.avatar} alt={user.username} onClick={onClick} />
- *   )}
- *   renderButton={({ onClick }) => (
- *     <button onClick={onClick}>Log in</button>
- *   )}
- * />
- * ```
- */
-export interface RenownLoginAvatarProps extends LoginAvatarProps {
-    /**
-     * Custom render function for the avatar when logged in
-     */
-    renderAvatar?: (props: {
-        user: NonNullable<LoginAvatarProps["user"]>;
-        onClick: () => void;
-    }) => React.ReactNode;
-    /**
-     * Custom render function for the login button when not logged in
-     */
-    renderButton?: (props: {
-        onClick: () => void;
-    }) => React.ReactNode;
-    /**
-     * Base URL for the profile page (e.g., "https://renown.io/profile")
-     * Defaults to "https://renown.io/profile"
-     */
-    profileBaseUrl?: string;
-}
-export declare function RenownLoginAvatar({ isLoggedIn, user, onLoginClick, profileBaseUrl, renderAvatar, renderButton, }: RenownLoginAvatarProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=RenownLoginAvatar.d.ts.map

package/dist/src/components/RenownLoginAvatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RenownLoginAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/RenownLoginAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QACrB,IAAI,EAAE,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;QAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,KAAK,KAAK,CAAC,SAAS,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAEnE;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAA4C,EAC5C,YAAY,EACZ,YAAY,GACb,EAAE,sBAAsB,2CA+ExB"}

package/dist/src/components/RenownLoginAvatar.js

@@ -1,50 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-export function RenownLoginAvatar({ isLoggedIn, user, onLoginClick, profileBaseUrl = "https://renown.io/profile", renderAvatar, renderButton, }) {
-    if (isLoggedIn && user) {
-        const handleProfileClick = () => {
-            const identifier = user.ethAddress || user.username;
-            window.open(`${profileBaseUrl}/${identifier}`, "_blank");
-        };
-        if (renderAvatar) {
-            return _jsx(_Fragment, { children: renderAvatar({ user, onClick: handleProfileClick }) });
-        }
-        // Default avatar rendering
-        return (_jsxs("div", { onClick: handleProfileClick, style: {
-                display: "inline-flex",
-                alignItems: "center",
-                gap: "0.5rem",
-                cursor: "pointer",
-            }, children: [user.avatar ? (_jsx("img", { src: user.avatar, alt: user.username, style: {
-                        width: "2.5rem",
-                        height: "2.5rem",
-                        borderRadius: "50%",
-                        objectFit: "cover",
-                    } })) : (_jsx("div", { style: {
-                        width: "2.5rem",
-                        height: "2.5rem",
-                        borderRadius: "50%",
-                        backgroundColor: "#9333ea",
-                        color: "white",
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        fontWeight: "bold",
-                        fontSize: "0.875rem",
-                    }, children: user.username.substring(0, 2).toUpperCase() })), _jsx("span", { style: { fontSize: "0.875rem", fontWeight: "500" }, children: user.username })] }));
-    }
-    if (renderButton) {
-        return _jsx(_Fragment, { children: renderButton({ onClick: onLoginClick || (() => { }) }) });
-    }
-    // Default button rendering
-    return (_jsx("button", { onClick: onLoginClick, style: {
-            padding: "0.5rem 1rem",
-            border: "1px solid #d1d5db",
-            borderRadius: "0.375rem",
-            backgroundColor: "white",
-            cursor: "pointer",
-            fontSize: "0.875rem",
-            fontWeight: "500",
-        }, children: "Log in" }));
-}
-//# sourceMappingURL=RenownLoginAvatar.js.map

package/dist/src/components/RenownLoginAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RenownLoginAvatar.js","sourceRoot":"","sources":["../../../src/components/RenownLoginAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4C1B,MAAM,UAAU,iBAAiB,CAAC,EAChC,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,GAAG,2BAA2B,EAC5C,YAAY,EACZ,YAAY,GACW;IACvB,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,kBAAkB,GAAG,GAAG,EAAE;YAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC;YACpD,MAAM,CAAC,IAAI,CAAC,GAAG,cAAc,IAAI,UAAU,EAAE,EAAE,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC;QAEF,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,4BAAG,YAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC,GAAI,CAAC;QACpE,CAAC;QAED,2BAA2B;QAC3B,OAAO,CACL,eACE,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE;gBACL,OAAO,EAAE,aAAa;gBACtB,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,QAAQ;gBACb,MAAM,EAAE,SAAS;aAClB,aAEA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,cACE,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,KAAK,EAAE;wBACL,KAAK,EAAE,QAAQ;wBACf,MAAM,EAAE,QAAQ;wBAChB,YAAY,EAAE,KAAK;wBACnB,SAAS,EAAE,OAAO;qBACnB,GACD,CACH,CAAC,CAAC,CAAC,CACF,cACE,KAAK,EAAE;wBACL,KAAK,EAAE,QAAQ;wBACf,MAAM,EAAE,QAAQ;wBAChB,YAAY,EAAE,KAAK;wBACnB,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,QAAQ;wBACxB,UAAU,EAAE,MAAM;wBAClB,QAAQ,EAAE,UAAU;qBACrB,YAEA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GACxC,CACP,EACD,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,YACrD,IAAI,CAAC,QAAQ,GACT,IACH,CACP,CAAC;IACJ,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,4BAAG,YAAY,CAAC,EAAE,OAAO,EAAE,YAAY,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAAE,CAAC,GAAI,CAAC;IACtE,CAAC;IAED,2BAA2B;IAC3B,OAAO,CACL,iBACE,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,UAAU;YACxB,eAAe,EAAE,OAAO;YACxB,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,KAAK;SAClB,uBAGM,CACV,CAAC;AACJ,CAAC"}

package/dist/src/components/types.d.ts

@@ -1,12 +0,0 @@
-export interface RenownUser {
-    username: string;
-    avatar?: string;
-    ethAddress?: string;
-}
-export interface LoginAvatarProps {
-    isLoggedIn: boolean;
-    user?: RenownUser;
-    onLoginClick?: () => void;
-    profileBaseUrl?: string;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/src/components/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}

package/dist/src/components/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/src/components/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":""}