Skip to content

Commit 7b3d429

Browse files
10xSebastian10xSebastian
committed
v4.15.0: update dependencies + add base support
1 parent 8b0cce1 commit 7b3d429

File tree

14 files changed

+163
-55
lines changed

14 files changed

+163
-55
lines changed

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@ This library supports the following blockchains:
3737
- [Avalanche](https://www.avax.network)
3838
- [Gnosis](https://gnosis.io)
3939
- [Optimism](https://www.optimism.io)
40+
- [Base](https://base.org)
4041

4142
## Platform specific packaging
4243

‎demo.html‎

Lines changed: 94 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -386,7 +386,7 @@ <h5 class="px-4 pb-4">Solana Token from MetaPlex</h5>
386386
ReactDOM.createRoot(
387387
document.getElementById('solanaTokenFromMetaPlex')
388388
).render(
389-
React.createElement(window.ReactTokenImage.TokenImage, { className:"Token", blockchain: 'solana', address: 'SRMuApVNdxXokk5GT7XD5cUUgXMBCoAz2LHeuAoKWRt' }),
389+
React.createElement(window.ReactTokenImage.TokenImage, { className:"Token", blockchain: 'solana', address: 'METAewgxyPbgwsseH8T16a39CQ5VyVxZi9zXiDPY18m' }),
390390
)
391391
</script>
392392
</div>
@@ -512,7 +512,7 @@ <h5 class="px-4 pb-4">Fantom Token from Trustwallet</h5>
512512
<div class="px-0 py-4 rounded-lg bg-white border">
513513
<div class="col px-0">
514514
<div class="overflow-auto">
515-
<h5 class="px-4 pb-4">Polygon Token from DePay API</h5>
515+
<h5 class="px-4 pb-4">Fantom Token from DePay API</h5>
516516
<div class="px-4">
517517
<div id="fantomTokenFromDepayApi" class="container d-flex justify-content-center token-image pt-2"></div>
518518
</div>
@@ -531,6 +531,98 @@ <h5 class="px-4 pb-4">Polygon Token from DePay API</h5>
531531
</div>
532532
</div>
533533

534+
<div class="row px-2 pt-5">
535+
<h1>Avalanche</h1>
536+
537+
<div class="d-block d-md-inline-block p-2 col-12 col-md-4">
538+
<div class="px-0 py-4 rounded-lg bg-white border">
539+
<div class="col px-0">
540+
<div class="overflow-auto">
541+
<h5 class="px-4 pb-4">Token: Avalanche Fantom</h5>
542+
<div class="px-4">
543+
<div id="tokenNativeAvalanche" class="container d-flex justify-content-center token-image pt-2"></div>
544+
</div>
545+
</div>
546+
<div class="px-4 pt-3">
547+
<script>
548+
ReactDOM.createRoot(
549+
document.getElementById('tokenNativeAvalanche')
550+
).render(
551+
React.createElement(window.ReactTokenImage.TokenImage, { className:"Token", blockchain: 'avalanche', address: '0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE' })
552+
)
553+
</script>
554+
</div>
555+
</div>
556+
</div>
557+
</div>
558+
559+
<div class="d-block d-md-inline-block p-2 col-12 col-md-4">
560+
<div class="px-0 py-4 rounded-lg bg-white border">
561+
<div class="col px-0">
562+
<div class="overflow-auto">
563+
<h5 class="px-4 pb-4">Avalance Token from web3-blockchains</h5>
564+
<div class="px-4">
565+
<div id="avalancheTokenFromWeb3Blockchains" class="container d-flex justify-content-center token-image pt-2"></div>
566+
</div>
567+
</div>
568+
<div class="px-4 pt-3">
569+
<script>
570+
ReactDOM.createRoot(
571+
document.getElementById('avalancheTokenFromWeb3Blockchains')
572+
).render(
573+
React.createElement(window.ReactTokenImage.TokenImage, { className:"Token", blockchain: 'avalanche', address: '0x9702230A8Ea53601f5cD2dc00fDBc13d4dF4A8c7' }),
574+
)
575+
</script>
576+
</div>
577+
</div>
578+
</div>
579+
</div>
580+
581+
<div class="d-block d-md-inline-block p-2 col-12 col-md-4">
582+
<div class="px-0 py-4 rounded-lg bg-white border">
583+
<div class="col px-0">
584+
<div class="overflow-auto">
585+
<h5 class="px-4 pb-4">Avalanche Token from Trustwallet</h5>
586+
<div class="px-4">
587+
<div id="avalancheTokenFromTrustwallet" class="container d-flex justify-content-center token-image pt-2"></div>
588+
</div>
589+
</div>
590+
<div class="px-4 pt-3">
591+
<script>
592+
ReactDOM.createRoot(
593+
document.getElementById('avalancheTokenFromTrustwallet')
594+
).render(
595+
React.createElement(window.ReactTokenImage.TokenImage, { className:"Token", blockchain: 'avalanche', address: '0x02D980A0D7AF3fb7Cf7Df8cB35d9eDBCF355f665' }),
596+
)
597+
</script>
598+
</div>
599+
</div>
600+
</div>
601+
</div>
602+
603+
<div class="d-block d-md-inline-block p-2 col-12 col-md-4">
604+
<div class="px-0 py-4 rounded-lg bg-white border">
605+
<div class="col px-0">
606+
<div class="overflow-auto">
607+
<h5 class="px-4 pb-4">Avalanche Token from DePay API</h5>
608+
<div class="px-4">
609+
<div id="avalancheTokenFromDepayApi" class="container d-flex justify-content-center token-image pt-2"></div>
610+
</div>
611+
</div>
612+
<div class="px-4 pt-3">
613+
<script>
614+
ReactDOM.createRoot(
615+
document.getElementById('avalancheTokenFromDepayApi')
616+
).render(
617+
React.createElement(window.ReactTokenImage.TokenImage, { className:"Token", blockchain: 'avalanche', address: '0x1B6382DBDEa11d97f24495C9A90b7c88469134a4' })
618+
)
619+
</script>
620+
</div>
621+
</div>
622+
</div>
623+
</div>
624+
</div>
625+
534626
<div class="row px-2 pt-5">
535627
<h1>NFTS</h1>
536628

‎dist/esm/index.evm.js‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ import Token from '@depay/web3-tokens-evm';
33
import React, { useState, useEffect } from 'react';
44
import Blockchains from '@depay/web3-blockchains';
55

6-
let supported = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism'];
7-
supported.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism'];
6+
let supported = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base'];
7+
supported.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base'];
88
supported.solana = [];
99

1010
const _jsxFileName = "/Users/sebastian/Work/DePay/react-token-image/src/index.js"; function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
@@ -131,6 +131,8 @@ let TokenImage = function(props){
131131
return 'xdai'
132132
case 'optimism':
133133
return 'optimism'
134+
case 'base':
135+
return 'base'
134136
default:
135137
throw('DePayReactTokenImage: Unknown blockchain')
136138
}
@@ -187,15 +189,15 @@ let TokenImage = function(props){
187189

188190
if(src == undefined) {
189191
return(
190-
React.createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 197}} )
192+
React.createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 200}} )
191193
)
192194
}
193195

194196
return(
195197
React.createElement('img', {
196198
className: props.className ,
197199
src: src ,
198-
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 202}}
200+
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 205}}
199201
)
200202
)
201203
};

‎dist/esm/index.js‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ import Token from '@depay/web3-tokens';
44
import React, { useState, useEffect } from 'react';
55
import Blockchains from '@depay/web3-blockchains';
66

7-
let supported = ['ethereum', 'bsc', 'polygon', 'solana', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism'];
8-
supported.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism'];
7+
let supported = ['ethereum', 'bsc', 'polygon', 'solana', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base'];
8+
supported.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base'];
99
supported.solana = ['solana'];
1010

1111
const _jsxFileName = "/Users/sebastian/Work/DePay/react-token-image/src/index.js"; function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
@@ -132,6 +132,8 @@ let TokenImage = function(props){
132132
return 'xdai'
133133
case 'optimism':
134134
return 'optimism'
135+
case 'base':
136+
return 'base'
135137
default:
136138
throw('DePayReactTokenImage: Unknown blockchain')
137139
}
@@ -188,15 +190,15 @@ let TokenImage = function(props){
188190

189191
if(src == undefined) {
190192
return(
191-
React.createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 198}} )
193+
React.createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 201}} )
192194
)
193195
}
194196

195197
return(
196198
React.createElement('img', {
197199
className: props.className ,
198200
src: src ,
199-
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 203}}
201+
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 206}}
200202
)
201203
)
202204
};

‎dist/esm/index.solana.js‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -132,6 +132,8 @@ let TokenImage = function(props){
132132
return 'xdai'
133133
case 'optimism':
134134
return 'optimism'
135+
case 'base':
136+
return 'base'
135137
default:
136138
throw('DePayReactTokenImage: Unknown blockchain')
137139
}
@@ -188,15 +190,15 @@ let TokenImage = function(props){
188190

189191
if(src == undefined) {
190192
return(
191-
React.createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 198}} )
193+
React.createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 201}} )
192194
)
193195
}
194196

195197
return(
196198
React.createElement('img', {
197199
className: props.className ,
198200
src: src ,
199-
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 203}}
201+
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 206}}
200202
)
201203
)
202204
};

‎dist/umd/index.evm.js‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
1111
var Blockchains__default = /*#__PURE__*/_interopDefaultLegacy(Blockchains);
1212

13-
let supported = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism'];
14-
supported.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism'];
13+
let supported = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base'];
14+
supported.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base'];
1515
supported.solana = [];
1616

1717
const _jsxFileName = "/Users/sebastian/Work/DePay/react-token-image/src/index.js"; function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
@@ -138,6 +138,8 @@
138138
return 'xdai'
139139
case 'optimism':
140140
return 'optimism'
141+
case 'base':
142+
return 'base'
141143
default:
142144
throw('DePayReactTokenImage: Unknown blockchain')
143145
}
@@ -194,15 +196,15 @@
194196

195197
if(src == undefined) {
196198
return(
197-
React__default['default'].createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 197}} )
199+
React__default['default'].createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 200}} )
198200
)
199201
}
200202

201203
return(
202204
React__default['default'].createElement('img', {
203205
className: props.className ,
204206
src: src ,
205-
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 202}}
207+
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 205}}
206208
)
207209
)
208210
};

‎dist/umd/index.js‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,8 @@
1010
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
1111
var Blockchains__default = /*#__PURE__*/_interopDefaultLegacy(Blockchains);
1212

13-
let supported = ['ethereum', 'bsc', 'polygon', 'solana', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism'];
14-
supported.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism'];
13+
let supported = ['ethereum', 'bsc', 'polygon', 'solana', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base'];
14+
supported.evm = ['ethereum', 'bsc', 'polygon', 'fantom', 'arbitrum', 'avalanche', 'gnosis', 'optimism', 'base'];
1515
supported.solana = ['solana'];
1616

1717
const _jsxFileName = "/Users/sebastian/Work/DePay/react-token-image/src/index.js"; function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
@@ -138,6 +138,8 @@
138138
return 'xdai'
139139
case 'optimism':
140140
return 'optimism'
141+
case 'base':
142+
return 'base'
141143
default:
142144
throw('DePayReactTokenImage: Unknown blockchain')
143145
}
@@ -194,15 +196,15 @@
194196

195197
if(src == undefined) {
196198
return(
197-
React__default['default'].createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 198}} )
199+
React__default['default'].createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 201}} )
198200
)
199201
}
200202

201203
return(
202204
React__default['default'].createElement('img', {
203205
className: props.className ,
204206
src: src ,
205-
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 203}}
207+
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 206}}
206208
)
207209
)
208210
};

‎dist/umd/index.solana.js‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -138,6 +138,8 @@
138138
return 'xdai'
139139
case 'optimism':
140140
return 'optimism'
141+
case 'base':
142+
return 'base'
141143
default:
142144
throw('DePayReactTokenImage: Unknown blockchain')
143145
}
@@ -194,15 +196,15 @@
194196

195197
if(src == undefined) {
196198
return(
197-
React__default['default'].createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 198}} )
199+
React__default['default'].createElement('div', { className: props.className , __self: this, __source: {fileName: _jsxFileName, lineNumber: 201}} )
198200
)
199201
}
200202

201203
return(
202204
React__default['default'].createElement('img', {
203205
className: props.className ,
204206
src: src ,
205-
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 203}}
207+
onError: handleLoadError , __self: this, __source: {fileName: _jsxFileName, lineNumber: 206}}
206208
)
207209
)
208210
};

‎package.evm.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@depay/react-token-image-evm",
33
"moduleName": "ReactTokenImage",
4-
"version": "4.14.2",
4+
"version": "4.15.0",
55
"description": "React component to display token images with fallbacks and unknown state.",
66
"main": "./dist/umd/index.evm.js",
77
"module": "./dist/esm/index.evm.js",
@@ -24,9 +24,9 @@
2424
"homepage": "https://depay.com",
2525
"private": false,
2626
"peerDependencies": {
27-
"@depay/web3-blockchains": "^9.0.0",
28-
"@depay/web3-client-evm": "^10.17.0",
29-
"@depay/web3-tokens-evm": "^10.2.0",
27+
"@depay/web3-blockchains": "^9.1.4",
28+
"@depay/web3-client-evm": "^10.18.0",
29+
"@depay/web3-tokens-evm": "^10.3.0",
3030
"ethers": "^5.7.1",
3131
"react": "^18",
3232
"react-dom": "^18"

‎package.json‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@depay/react-token-image",
33
"moduleName": "ReactTokenImage",
4-
"version": "4.14.2",
4+
"version": "4.15.0",
55
"description": "React component to display token images with fallbacks and unknown state.",
66
"main": "./dist/umd/index.js",
77
"module": "./dist/esm/index.js",
@@ -36,9 +36,9 @@
3636
"private": false,
3737
"peerDependencies": {
3838
"@depay/solana-web3.js": "^1.25.1",
39-
"@depay/web3-blockchains": "^9.0.0",
40-
"@depay/web3-client": "^10.17.0",
41-
"@depay/web3-tokens": "^10.2.0",
39+
"@depay/web3-blockchains": "^9.1.4",
40+
"@depay/web3-client": "^10.18.0",
41+
"@depay/web3-tokens": "^10.3.0",
4242
"ethers": "^5.7.1",
4343
"react": "^18",
4444
"react-dom": "^18"
@@ -51,9 +51,9 @@
5151
"@babel/preset-env": "^7.12.7",
5252
"@babel/preset-react": "^7.12.7",
5353
"@depay/solana-web3.js": "^1.25.1",
54-
"@depay/web3-blockchains": "^9.0.0",
55-
"@depay/web3-client": "^10.17.0",
56-
"@depay/web3-tokens": "^10.2.0",
54+
"@depay/web3-blockchains": "^9.1.4",
55+
"@depay/web3-client": "^10.18.0",
56+
"@depay/web3-tokens": "^10.3.0",
5757
"@rollup/plugin-commonjs": "^18.0.0",
5858
"@rollup/plugin-node-resolve": "^11.2.1",
5959
"@rollup/plugin-replace": "^2.4.2",

0 commit comments

Comments
 (0)