@thurinlabs/identity-kit 0.7.3 → 0.7.5

package/README.md

@@ -184,11 +184,14 @@ Hooks-only consumers don't need to import styles.
 
 ## Embed (No React Required)
 
-For static sites, Jekyll blogs, WordPress, or any HTML page — use the standalone embed script. No React, no bundler, no config.
+For static sites, Jekyll blogs, WordPress, or any HTML page — use the standalone embed script. Everything runs client-side; there's no Thurin backend in the path.
 
 ```html
-<div data-scry-card="bendoubleu.eth" data-theme="thurin"></div>
-<div data-scry-card="0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045" data-theme="dark"></div>
+<div
+  data-scry-card="bendoubleu.eth"
+  data-theme="thurin"
+  data-rpc-url="https://eth-mainnet.g.alchemy.com/v2/YOUR_KEY"
+></div>
 
 <script src="https://cdn.jsdelivr.net/npm/@thurinlabs/identity-kit/dist/embed.global.js"></script>
 ```
@@ -197,8 +200,10 @@ For static sites, Jekyll blogs, WordPress, or any HTML page — use the standalo
 |-----------|-------------|
 | `data-scry-card` | ENS name or ETH address to look up (required) |
 | `data-theme` | `thurin`, `dark`, or `light` (default: `thurin`) |
+| `data-rpc-url` | An Ethereum RPC that supports `eth_getLogs` — required to verify on-chain claims. The card reads the chain directly, so use your own node or any provider. (Public fallback RPCs throttle `getLogs`.) |
+| `data-neynar-key` | Optional. A Neynar API key, only to verify Farcaster proofs. Without it, Farcaster shows as unverified. |
 
-The script bundles everything (React, wagmi, viem) internally. Cards render automatically on page load and for dynamically added elements.
+The card talks directly to Ethereum, keys.openpgp.org, and each proof platform — no intermediary. Cards render automatically on page load and for dynamically added elements.
 
 ## Supported Proof Providers
 

package/dist/embed.global.js

@@ -39380,9 +39380,8 @@ ${prettyStateOverride(stateOverride)}`;
               const name = typeof n2.name === "string" ? n2.name : new TextDecoder().decode(n2.name);
               const value = n2.value instanceof Uint8Array ? new TextDecoder().decode(n2.value) : typeof n2.value === "string" ? n2.value : null;
               if (value) {
-                const dedupeKey = `${name}:${value}`;
-                if (!seen.has(dedupeKey)) {
-                  seen.add(dedupeKey);
+                if (!seen.has(value)) {
+                  seen.add(value);
                   notations.push({ name, value });
                 }
               }
@@ -39528,7 +39527,8 @@ ${prettyStateOverride(stateOverride)}`;
       enabled: !!attestations && attestations.length > 0,
       staleTime: 3e5
     });
-    const isLoading = countLoading || attestationsLoading || verifyLoading;
+    const eventLogsPending = !!address && attestationCount > 0 && eventData === void 0;
+    const isLoading = countLoading || attestationsLoading || verifyLoading || eventLogsPending;
     const activeClaims = (claims || []).filter((c2) => !c2.revoked);
     const verifiedClaims = activeClaims.filter((c2) => c2.verification?.verified);
     const currentFingerprint = verifiedClaims.length > 0 ? verifiedClaims[verifiedClaims.length - 1].fingerprint : null;
@@ -39620,9 +39620,8 @@ ${prettyStateOverride(stateOverride)}`;
       parse: (m2) => ({ instance: m2[1], user: m2[2] })
     }
   ];
-  var PROOF_NAMESPACES = /* @__PURE__ */ new Set(["proof@thurin.id", "proof@ariadne.id"]);
   function identifyProof(notation) {
-    if (!PROOF_NAMESPACES.has(notation.name)) return null;
+    if (notation.name !== "proof@thurin.id") return null;
     for (const { provider, label, pattern, parse } of PROVIDERS) {
       const m2 = notation.value.match(pattern);
       if (m2) {
@@ -39798,7 +39797,7 @@ ${prettyStateOverride(stateOverride)}`;
   // src/hooks/usePGPProofs.ts
   function usePGPProofs(fingerprint) {
     const config = useIdentityKitConfig();
-    const { data, isLoading } = useQuery({
+    const { data } = useQuery({
       queryKey: ["pgp-proofs", fingerprint],
       queryFn: async () => {
         if (!fingerprint) return { keyInfo: null, proofs: [] };
@@ -39806,7 +39805,7 @@ ${prettyStateOverride(stateOverride)}`;
         if (!armoredKey) return { keyInfo: null, proofs: [] };
         const keyInfo = await parsePgpKey(armoredKey);
         if (!keyInfo) return { keyInfo: null, proofs: [] };
-        const identified = keyInfo.notations.map((n2) => identifyProof(n2)).filter((p2) => p2 !== null);
+        const identified = keyInfo.notations.map((n2) => identifyProof(n2)).filter((p2) => p2 !== null && p2.provider !== "unknown");
         const proofs = await Promise.all(
           identified.map(async (proof) => {
             const result = await verifyProof(proof, fingerprint, config.neynarApiKey);
@@ -39822,7 +39821,15 @@ ${prettyStateOverride(stateOverride)}`;
             };
           })
         );
-        return { keyInfo, proofs };
+        const byAccount = /* @__PURE__ */ new Map();
+        for (const p2 of proofs) {
+          const key = `${p2.provider}:${p2.displayUrl}`;
+          const prev = byAccount.get(key);
+          if (!prev || p2.status === "verified" && prev.status !== "verified") {
+            byAccount.set(key, p2);
+          }
+        }
+        return { keyInfo, proofs: [...byAccount.values()] };
       },
       enabled: !!fingerprint,
       staleTime: 3e5
@@ -39830,7 +39837,11 @@ ${prettyStateOverride(stateOverride)}`;
     return {
       keyInfo: data?.keyInfo ?? null,
       proofs: data?.proofs ?? [],
-      isLoading
+      // Report loading whenever a fingerprint is set but its proofs haven't
+      // resolved yet. Using react-query's own isLoading leaves a gap while the
+      // query is enabling (fingerprint just became known), during which the card
+      // would briefly paint without proof badges and then pop them in.
+      isLoading: !!fingerprint && data === void 0
     };
   }
 
@@ -39990,6 +40001,8 @@ ${prettyStateOverride(stateOverride)}`;
       el2.dataset.scryRendered = "true";
       const value = el2.dataset.scryCard;
       const theme = el2.dataset.theme || "thurin";
+      const rpcUrl = el2.dataset.rpcUrl;
+      const neynarApiKey = el2.dataset.neynarKey;
       const props = isAddress3(value) ? { address: value } : { ens: value };
       const shadow = el2.attachShadow({ mode: "open" });
       const style = document.createElement("style");
@@ -39999,7 +40012,7 @@ ${prettyStateOverride(stateOverride)}`;
       shadow.appendChild(container);
       const root = (0, import_client.createRoot)(container);
       root.render(
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IdentityKitProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ScryCard, { ...props, theme }) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IdentityKitProvider, { rpcUrl, neynarApiKey, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ScryCard, { ...props, theme }) })
       );
     });
   }