@getpara/wagmi-v2-integration 1.2.0 → 1.3.0

package/dist/index.js

@@ -1,2 +1,2 @@
-export * from './paraConnector.js';
-export * from './ParaEIP1193Provider.js';
+"use client";
+import{injected as O}from"wagmi/connectors";import{ProviderRpcError as p,webSocket as E,publicActions as y,http as S,formatTransaction as b}from"viem";import{EventEmitter as x}from"eventemitter3";import{extractRpcUrls as D}from"@wagmi/core";import{getViemChain as M,createParaViemClient as N,createParaAccount as R}from"@getpara/viem-v2-integration";import{decimalToHex as h,hexToDecimal as u}from"@getpara/react-sdk";import{ParaModal as A}from"@getpara/react-sdk";import{jsx as T}from"react/jsx-runtime";function P(n,o,e){let s=document.getElementById("para-modal"),t=s??document.createElement("div");t.id="para-modal",s||document.body.appendChild(t);let a=()=>{e(),o.onClose&&o.onClose(),r(!1)},r=async i=>{let d=T(A,{...o,onClose:a,para:n,isOpen:i});try{(await import("react-dom/client")).createRoot(t).render(d)}catch{(await import("react-dom")).render(d,t)}};r(!0)}var w="@CAPSULE/chainId",_=6e5,H={setItem:()=>{},getItem:()=>null},m=class extends x{constructor(e){super();this.getRpcUrlsFromViemChain=e=>D({chain:e,transports:this.transports});this.wagmiChainToAddEthereumChainParameters=e=>{let s=h(`${e.id}`);return[s,{chainId:s,chainName:e.name,nativeCurrency:e.nativeCurrency,rpcUrls:this.getRpcUrlsFromViemChain(e)}]};this.wagmiChainsToAddEthereumChainParameters=e=>Object.fromEntries(e.map(this.wagmiChainToAddEthereumChainParameters));this.accountFromAddress=e=>R(this.para,e);this.setCurrentChain=e=>{let s=this.chains[e];this.setChainId(e);let t=this.viemChains[e]||M(u(e)),a=this.getRpcUrlsFromViemChain(t),r;this.transports[t.id]?r=this.transports[t.id]:a[0].startsWith("ws")?r=E(s.rpcUrls[0]):(r=S(a[0]),this.chainTransportSubscribe=void 0);let i=r({chain:t});i.config.type==="ws"&&(this.chainTransportSubscribe=i.value.subscribe),this.walletClient=N(this.para,{chain:t,transport:r},{noAccount:!0}).extend(y),this.emit("chainChanged",this.currentHexChainId)};this.closeModal=()=>{this.isModalClosed=!0};this.request=async e=>{let{method:s,params:t}=e;switch(s){case"eth_accounts":return this.accounts;case"eth_chainId":return this.currentHexChainId;case"eth_requestAccounts":{if(await this.para.isFullyLoggedIn())return this.accounts;this.isModalClosed=!1;let a=()=>{this.isModalClosed=!0};this.disableModal||P(this.para,this.modalProps,a);let r=Date.now();for(;Date.now()-r<_;){if(await new Promise(i=>setTimeout(i,2e3)),await this.para.isFullyLoggedIn()){let i=this.accounts;return this.emit("accountsChanged",i),i}if(this.isModalClosed)throw new p(new Error("user closed modal"),{code:4001,shortMessage:"user closed modal"})}throw new p(new Error("timed out waiting for user to log in"),{code:4001,shortMessage:"timed out waiting for user to log in"})}case"eth_sendTransaction":{let a=t[0].from;return this.walletClient.sendTransaction({...b(t[0]),chain:void 0,account:this.accountFromAddress(a)})}case"eth_sign":case"personal_sign":return this.walletClient.signMessage({message:{raw:t[0]},account:this.accountFromAddress(t[1])});case"eth_signTransaction":{let a=t[0].from;return this.accountFromAddress(a).signTransaction(b(t[0]))}case"eth_signTypedData_v4":{let a=t[0],r=t[1];return typeof r=="string"&&(r=JSON.parse(r)),this.walletClient.signTypedData({...r,account:this.accountFromAddress(a)})}case"eth_subscribe":{if(!this.chainTransportSubscribe)throw new p(new Error("chain does not support subscriptions"),{code:4200,shortMessage:"chain does not support subscriptions"});return(await this.chainTransportSubscribe({params:t,onData:r=>{this.emit("message",{type:"eth_subscription",data:r})}})).subscriptionId}case"wallet_addEthereumChain":return this.chains[t[0].chainId]||(this.chains[t[0].chainId]=t[0]),null;case"wallet_getPermissions":return[];case"wallet_requestPermissions":return[];case"wallet_switchEthereumChain":{if(!this.chains[t[0].chainId]){let a=M(u(t[0].chainId)),[r,i]=this.wagmiChainToAddEthereumChainParameters(a);this.chains[r]=i,this.setCurrentChain(t[0].chainId)}return this.currentHexChainId!==t[0].chainId&&this.setCurrentChain(t[0].chainId),null}case"wallet_watchAsset":return!1;default:return this.walletClient.request({method:s,params:t})}};this.storage=e.storageOverride||typeof window>"u"?H:sessionStorage,this.isModalClosed=!0,this.para=e.para,this.modalProps={...e},this.disableModal=!!e.disableModal,this.viemChains=e.chains.reduce((a,r)=>(a[h(`${r.id}`)]=r,a),{}),this.chains=this.wagmiChainsToAddEthereumChainParameters(e.chains),this.transports=e.transports;let s=this.getStorageChainId()||e.chainId,t=this.chains[h(s)]?s:`${e.chains[0].id}`;this.setCurrentChain(h(t)),this.emit("connect",{chainId:this.currentHexChainId})}get accounts(){return this.para.getWalletsByType("EVM").map(e=>e.address)}getStorageChainId(){return this.storage.getItem(w)}setChainId(e){this.currentHexChainId=e,this.storage.setItem(w,u(e))}};import{createConnector as W}from"wagmi";var f="para",v="Para",F="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjE2IiBoZWlnaHQ9IjIwNCIgdmlld0JveD0iMCAwIDIxNiAyMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02MCAwSDE0NEMxODMuNzY0IDAgMjE2IDMyLjIzNTUgMjE2IDcyQzIxNiAxMTEuNzY1IDE4My43NjQgMTQ0IDE0NCAxNDRIOTZDODIuNzQ1MiAxNDQgNzIgMTU0Ljc0NSA3MiAxNjhWMjA0SDBWMTMySDM2QzQ5LjI1NDggMTMyIDYwIDEyMS4yNTUgNjAgMTA4TDYwIDBaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K",me=({para:n,chains:o,disableModal:e,storageOverride:s,options:t,iconOverride:a,nameOverride:r,idOverride:i,transports:d,...l})=>W(c=>{let C=[...c.chains],I=new m({para:n,chainId:`${C[0].id}`,chains:C,disableModal:e,storageOverride:s,transports:d||c.transports,...l}),g=O({target:{name:v,id:i??f,provider:I},...t})(c);return{...g,type:i??f,name:r??v,icon:a??F,disconnect:async()=>{I.closeModal(),await g.disconnect(),n.logout()}}});export{m as ParaEIP1193Provider,me as paraConnector};

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@getpara/wagmi-v2-integration",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "dependencies": {
-    "@getpara/react-sdk": "1.2.0",
-    "@getpara/viem-v2-integration": "1.2.0"
+    "@getpara/react-sdk": "1.3.0",
+    "@getpara/viem-v2-integration": "1.3.0"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc"
+    "build": "rm -rf dist && yarn typegen && node ./scripts/build.mjs",
+    "typegen": "tsc --emitDeclarationOnly"
   },
   "devDependencies": {
     "typescript": "5.1.6",
@@ -27,5 +28,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "a9162c59be1456292d46c56787c1d5bf313bf24b"
+  "gitHead": "2d421556a0a1497abd08e18dca94f08ec3ad640b"
 }

package/dist/ParaEIP1193Provider.js

@@ -1,224 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { ProviderRpcError, webSocket, publicActions, http, formatTransaction, } from 'viem';
-import { EventEmitter } from 'eventemitter3';
-import { extractRpcUrls } from '@wagmi/core';
-import { getViemChain, createParaViemClient, createParaAccount } from '@getpara/viem-v2-integration';
-import { decimalToHex, hexToDecimal } from '@getpara/react-sdk';
-import { renderModal } from './connectorModal.js';
-const STORAGE_CHAIN_ID_KEY = '@CAPSULE/chainId';
-const TEN_MINUTES_MS = 600000;
-const serverSessionStorageStub = {
-    setItem: () => { },
-    getItem: () => null,
-};
-export class ParaEIP1193Provider extends EventEmitter {
-    constructor(opts) {
-        super();
-        this.getRpcUrlsFromViemChain = (chain) => {
-            return extractRpcUrls({ chain, transports: this.transports });
-        };
-        this.wagmiChainToAddEthereumChainParameters = (chain) => {
-            const hexChainId = decimalToHex(`${chain.id}`);
-            return [
-                hexChainId,
-                {
-                    chainId: hexChainId,
-                    chainName: chain.name,
-                    nativeCurrency: chain.nativeCurrency,
-                    rpcUrls: this.getRpcUrlsFromViemChain(chain),
-                },
-            ];
-        };
-        this.wagmiChainsToAddEthereumChainParameters = (chains) => {
-            return Object.fromEntries(chains.map(this.wagmiChainToAddEthereumChainParameters));
-        };
-        this.accountFromAddress = (address) => {
-            return createParaAccount(this.para, address);
-        };
-        this.setCurrentChain = (chainId) => {
-            const chain = this.chains[chainId];
-            this.setChainId(chainId);
-            const viemChain = this.viemChains[chainId] || getViemChain(hexToDecimal(chainId));
-            const rpcUrls = this.getRpcUrlsFromViemChain(viemChain);
-            let transport;
-            if (this.transports[viemChain.id]) {
-                transport = this.transports[viemChain.id];
-            }
-            else if (rpcUrls[0].startsWith('ws')) {
-                transport = webSocket(chain.rpcUrls[0]);
-            }
-            else {
-                transport = http(rpcUrls[0]);
-                this.chainTransportSubscribe = undefined;
-            }
-            const chainTransport = transport({
-                chain: viemChain,
-            });
-            if (chainTransport.config.type === 'ws') {
-                this.chainTransportSubscribe = chainTransport.value.subscribe;
-            }
-            this.walletClient = createParaViemClient(this.para, {
-                chain: viemChain,
-                transport,
-                // @ts-ignore
-            }, { noAccount: true }).extend(publicActions);
-            this.emit('chainChanged', this.currentHexChainId);
-        };
-        this.closeModal = () => {
-            this.isModalClosed = true;
-        };
-        this.request = (args) => __awaiter(this, void 0, void 0, function* () {
-            const { method, params } = args;
-            switch (method) {
-                case 'eth_accounts': {
-                    return this.accounts;
-                }
-                case 'eth_chainId': {
-                    return this.currentHexChainId;
-                }
-                case 'eth_requestAccounts': {
-                    if (yield this.para.isFullyLoggedIn()) {
-                        return this.accounts;
-                    }
-                    this.isModalClosed = false;
-                    const onClose = () => {
-                        this.isModalClosed = true;
-                    };
-                    if (!this.disableModal) {
-                        renderModal(this.para, this.modalProps, onClose);
-                    }
-                    // check if para is fully logged in every 2 seconds for 10 minutes at most
-                    const now = Date.now();
-                    while (Date.now() - now < TEN_MINUTES_MS) {
-                        yield new Promise(resolve => setTimeout(resolve, 2000));
-                        if (yield this.para.isFullyLoggedIn()) {
-                            const accounts = this.accounts;
-                            this.emit('accountsChanged', accounts);
-                            return accounts;
-                        }
-                        if (this.isModalClosed) {
-                            throw new ProviderRpcError(new Error('user closed modal'), {
-                                code: 4001,
-                                shortMessage: 'user closed modal',
-                            });
-                        }
-                    }
-                    throw new ProviderRpcError(new Error('timed out waiting for user to log in'), {
-                        code: 4001,
-                        shortMessage: 'timed out waiting for user to log in',
-                    });
-                }
-                case 'eth_sendTransaction': {
-                    const fromAddress = params[0].from;
-                    return this.walletClient.sendTransaction(Object.assign(Object.assign({}, formatTransaction(params[0])), { chain: undefined, account: this.accountFromAddress(fromAddress) }));
-                }
-                case 'eth_sign':
-                case 'personal_sign': {
-                    return this.walletClient.signMessage({
-                        message: { raw: params[0] },
-                        account: this.accountFromAddress(params[1]),
-                    });
-                }
-                case 'eth_signTransaction': {
-                    const fromAddress = params[0].from;
-                    return this.accountFromAddress(fromAddress).signTransaction(formatTransaction(params[0]));
-                }
-                case 'eth_signTypedData_v4': {
-                    const fromAddress = params[0];
-                    let typedMessage = params[1];
-                    if (typeof typedMessage === 'string') {
-                        typedMessage = JSON.parse(typedMessage);
-                    }
-                    return this.walletClient.signTypedData(Object.assign(Object.assign({}, typedMessage), { account: this.accountFromAddress(fromAddress) }));
-                }
-                case 'eth_subscribe': {
-                    if (!this.chainTransportSubscribe) {
-                        throw new ProviderRpcError(new Error('chain does not support subscriptions'), {
-                            code: 4200,
-                            shortMessage: 'chain does not support subscriptions',
-                        });
-                    }
-                    const res = yield this.chainTransportSubscribe({
-                        params: params,
-                        onData: data => {
-                            this.emit('message', {
-                                type: 'eth_subscription',
-                                data,
-                            });
-                        },
-                    });
-                    return res.subscriptionId;
-                }
-                case 'wallet_addEthereumChain': {
-                    if (!this.chains[params[0].chainId]) {
-                        this.chains[params[0].chainId] = params[0];
-                    }
-                    return null;
-                }
-                case 'wallet_getPermissions': {
-                    // para doesn't support this type of functionality for now
-                    return [];
-                }
-                case 'wallet_requestPermissions': {
-                    // para doesn't support this type of functionality for now
-                    return [];
-                }
-                case 'wallet_switchEthereumChain': {
-                    if (!this.chains[params[0].chainId]) {
-                        const chain = getViemChain(hexToDecimal(params[0].chainId));
-                        const [hexChainId, addEthereumChainParameter] = this.wagmiChainToAddEthereumChainParameters(chain);
-                        this.chains[hexChainId] = addEthereumChainParameter;
-                        this.setCurrentChain(params[0].chainId);
-                    }
-                    if (this.currentHexChainId !== params[0].chainId) {
-                        this.setCurrentChain(params[0].chainId);
-                    }
-                    return null;
-                }
-                case 'wallet_watchAsset': {
-                    // para doesn't support this type of functionality for now
-                    return false;
-                }
-                default: {
-                    return this.walletClient.request({
-                        method,
-                        params,
-                    });
-                }
-            }
-        });
-        this.storage = opts.storageOverride || typeof window === 'undefined' ? serverSessionStorageStub : sessionStorage;
-        this.isModalClosed = true;
-        this.para = opts.para;
-        this.modalProps = Object.assign({}, opts);
-        this.disableModal = !!opts.disableModal;
-        this.viemChains = opts.chains.reduce((acc, curChain) => {
-            acc[decimalToHex(`${curChain.id}`)] = curChain;
-            return acc;
-        }, {});
-        this.chains = this.wagmiChainsToAddEthereumChainParameters(opts.chains);
-        this.transports = opts.transports;
-        const defaultChainId = this.getStorageChainId() || opts.chainId;
-        const currentChainId = this.chains[decimalToHex(defaultChainId)] ? defaultChainId : `${opts.chains[0].id}`;
-        this.setCurrentChain(decimalToHex(currentChainId));
-        this.emit('connect', { chainId: this.currentHexChainId });
-    }
-    get accounts() {
-        return this.para.getWalletsByType('EVM').map(w => w.address);
-    }
-    getStorageChainId() {
-        return this.storage.getItem(STORAGE_CHAIN_ID_KEY);
-    }
-    setChainId(hexChainId) {
-        this.currentHexChainId = hexChainId;
-        this.storage.setItem(STORAGE_CHAIN_ID_KEY, hexToDecimal(hexChainId));
-    }
-}

package/dist/connectorModal.js

@@ -1,37 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ParaModal } from '@getpara/react-sdk';
-export function renderModal(para, modalProps, onCloseArg) {
-    const existingContainer = document.getElementById('para-modal');
-    const container = existingContainer !== null && existingContainer !== void 0 ? existingContainer : document.createElement('div');
-    container.id = 'para-modal';
-    if (!existingContainer) {
-        document.body.appendChild(container); // Add the container to the DOM
-    }
-    const onClose = () => {
-        onCloseArg();
-        modalProps.onClose && modalProps.onClose();
-        render(false);
-    };
-    const render = (isOpen) => __awaiter(this, void 0, void 0, function* () {
-        const Modal = _jsx(ParaModal, Object.assign({}, modalProps, { onClose: onClose, para: para, isOpen: isOpen }));
-        try {
-            const client = yield import('react-dom/client');
-            const root = client.createRoot(container);
-            root.render(Modal);
-        }
-        catch (e) {
-            const ReactDOM = yield import('react-dom');
-            ReactDOM.render(Modal, container);
-        }
-    });
-    render(true);
-}

package/dist/paraConnector.js

@@ -1,45 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { injected } from 'wagmi/connectors';
-import { ParaEIP1193Provider } from './ParaEIP1193Provider.js';
-import { createConnector } from 'wagmi';
-const PARA_ID = 'para';
-const PARA_NAME = 'Para';
-const PARA_ICON = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjE2IiBoZWlnaHQ9IjIwNCIgdmlld0JveD0iMCAwIDIxNiAyMDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02MCAwSDE0NEMxODMuNzY0IDAgMjE2IDMyLjIzNTUgMjE2IDcyQzIxNiAxMTEuNzY1IDE4My43NjQgMTQ0IDE0NCAxNDRIOTZDODIuNzQ1MiAxNDQgNzIgMTU0Ljc0NSA3MiAxNjhWMjA0SDBWMTMySDM2QzQ5LjI1NDggMTMyIDYwIDEyMS4yNTUgNjAgMTA4TDYwIDBaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K';
-export const paraConnector = (_a) => {
-    var { para, chains: _chains, disableModal, storageOverride, options, iconOverride, nameOverride, idOverride, transports } = _a, modalProps = __rest(_a, ["para", "chains", "disableModal", "storageOverride", "options", "iconOverride", "nameOverride", "idOverride", "transports"]);
-    return createConnector(config => {
-        const chains = [...config.chains];
-        const eip1193Provider = new ParaEIP1193Provider(Object.assign({ para, chainId: `${chains[0].id}`, chains,
-            disableModal,
-            storageOverride, transports: transports || config.transports }, modalProps));
-        const injectedObj = injected(Object.assign({ target: {
-                name: PARA_NAME,
-                id: idOverride !== null && idOverride !== void 0 ? idOverride : PARA_ID,
-                provider: eip1193Provider,
-            } }, options))(config);
-        return Object.assign(Object.assign({}, injectedObj), { type: idOverride !== null && idOverride !== void 0 ? idOverride : PARA_ID, name: nameOverride !== null && nameOverride !== void 0 ? nameOverride : PARA_NAME, icon: iconOverride !== null && iconOverride !== void 0 ? iconOverride : PARA_ICON, disconnect: () => __awaiter(void 0, void 0, void 0, function* () {
-                eip1193Provider.closeModal();
-                yield injectedObj.disconnect();
-                para.logout();
-            }) });
-    });
-};