Skip to content

Commit 10a633c

Browse files
Adamj1232Adamj1232
authored
Merge pull request #1221 from blocknative/release/v2.8.0
Release 2.8.0
2 parents d9ee5ee + 3b25da6 commit 10a633c

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

92 files changed

+3009
-596
lines changed

‎.circleci/config.yml

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -291,6 +291,12 @@ jobs:
291291
working_directory: ~/web3-onboard-monorepo/packages/gas
292292
steps:
293293
- node-build-steps
294+
build-hw-common:
295+
docker:
296+
- image: cimg/node:16.13.1
297+
working_directory: ~/web3-onboard-monorepo/packages/hw-common
298+
steps:
299+
- node-build-steps
294300

295301
# Build staging/Alpha releases
296302
build-staging-core:
@@ -419,6 +425,12 @@ jobs:
419425
working_directory: ~/web3-onboard-monorepo/packages/gas
420426
steps:
421427
- node-staging-build-steps
428+
build-staging-hw-common:
429+
docker:
430+
- image: cimg/node:16.13.1
431+
working_directory: ~/web3-onboard-monorepo/packages/hw-common
432+
steps:
433+
- node-staging-build-steps
422434

423435
workflows:
424436
version: 2
@@ -549,3 +561,9 @@ workflows:
549561
<<: *deploy_production_filters
550562
- build-staging-gas:
551563
<<: *deploy_staging_filters
564+
hw-common:
565+
jobs:
566+
- build-common:
567+
<<: *deploy_production_filters
568+
- build-staging-common:
569+
<<: *deploy_staging_filters

‎examples/with-nextjs/.eslintrc.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"extends": ["next/babel", "next/core-web-vitals"]
3+
}

‎examples/with-nextjs/.gitignore

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# next.js
12+
/.next/
13+
/out/
14+
15+
# production
16+
/build
17+
18+
# misc
19+
.DS_Store
20+
*.pem
21+
22+
# debug
23+
npm-debug.log*
24+
yarn-debug.log*
25+
yarn-error.log*
26+
.pnpm-debug.log*
27+
28+
# local env files
29+
.env*.local
30+
31+
# vercel
32+
.vercel
33+
34+
# typescript
35+
*.tsbuildinfo
36+
next-env.d.ts

‎examples/with-nextjs/README.md

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2+
3+
## Getting Started
4+
5+
First, run the development server:
6+
7+
```bash
8+
npm run dev
9+
# or
10+
yarn dev
11+
```
12+
13+
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
14+
15+
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
16+
17+
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
18+
19+
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
20+
21+
## Learn More
22+
23+
To learn more about Next.js, take a look at the following resources:
24+
25+
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
26+
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
27+
28+
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
29+
30+
## Deploy on Vercel
31+
32+
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
33+
34+
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

‎examples/with-nextjs/next.config.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
/** @type {import('next').NextConfig} */
2+
const nextConfig = {
3+
reactStrictMode: true,
4+
swcMinify: true,
5+
}
6+
7+
module.exports = nextConfig

‎examples/with-nextjs/package.json

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"name": "with-nextjs",
3+
"version": "0.1.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "next dev",
7+
"build": "next build",
8+
"start": "next start",
9+
"lint": "next lint"
10+
},
11+
"dependencies": {
12+
"@web3-onboard/react": "2.2.6",
13+
"next": "12.2.5",
14+
"react": "18.2.0",
15+
"react-dom": "18.2.0"
16+
},
17+
"devDependencies": {
18+
"eslint": "8.22.0",
19+
"eslint-config-next": "12.2.5"
20+
}
21+
}

‎examples/with-nextjs/pages/_app.js

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
import '../styles/globals.css'
2+
import { Web3OnboardProvider, init } from '@web3-onboard/react'
3+
import injectedModule from '@web3-onboard/injected-wallets'
4+
5+
const INFURA_KEY = ''
6+
7+
const ethereumRopsten = {
8+
id: '0x3',
9+
token: 'rETH',
10+
label: 'Ethereum Ropsten',
11+
rpcUrl: `https://ropsten.infura.io/v3/${INFURA_KEY}`
12+
}
13+
14+
const polygonMainnet = {
15+
id: '0x89',
16+
token: 'MATIC',
17+
label: 'Polygon',
18+
rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
19+
}
20+
21+
const chains = [ethereumRopsten, polygonMainnet]
22+
const wallets = [injectedModule()]
23+
24+
const web3Onboard = init({
25+
wallets,
26+
chains,
27+
appMetadata: {
28+
name: "Web3-Onboard Demo",
29+
icon: '<svg>My App Icon</svg>',
30+
description: "A demo of Web3-Onboard."
31+
}
32+
})
33+
34+
function MyApp({ Component, pageProps }) {
35+
return (
36+
<Web3OnboardProvider web3Onboard={web3Onboard}>
37+
<Component {...pageProps} />
38+
</Web3OnboardProvider>
39+
)
40+
}
41+
42+
export default MyApp

‎examples/with-nextjs/pages/api/hello.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2+
3+
export default function handler(req, res) {
4+
res.status(200).json({ name: 'John Doe' })
5+
}

‎examples/with-nextjs/pages/index.js

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
import Head from 'next/head'
2+
import styles from '../styles/Home.module.css'
3+
4+
import { useConnectWallet } from '@web3-onboard/react'
5+
import { ethers } from 'ethers'
6+
7+
const buttonStyles = {
8+
borderRadius: '6px',
9+
background: '#111827',
10+
border: 'none',
11+
fontSize: '18px',
12+
fontWeight: '600',
13+
cursor: 'pointer',
14+
color: 'white',
15+
padding: '14px 12px',
16+
marginTop: '40px',
17+
fontFamily: 'inherit'
18+
}
19+
20+
export default function Home() {
21+
const [{ wallet, connecting }, connect, disconnect] = useConnectWallet()
22+
23+
// create an ethers provider
24+
let ethersProvider
25+
26+
if (wallet) {
27+
ethersProvider = new ethers.providers.Web3Provider(wallet.provider, 'any')
28+
}
29+
30+
return (
31+
<div className={styles.container}>
32+
<Head>
33+
<title>Web3-Onboard Demo</title>
34+
<meta
35+
name="description"
36+
content="Example of how to integrate Web3-Onboard with Next.js"
37+
/>
38+
<link rel="icon" href="/favicon.ico" />
39+
</Head>
40+
41+
<main className={styles.main}>
42+
<h1 className={styles.title}>
43+
Welcome to this demo of
44+
<a href="https://github.com/blocknative/web3-onboard">
45+
{' '}
46+
Web3-Onboard
47+
</a>
48+
!
49+
</h1>
50+
<button
51+
style={buttonStyles}
52+
disabled={connecting}
53+
onClick={() => (wallet ? disconnect(wallet) : connect())}
54+
>
55+
{connecting ? 'Connecting' : wallet ? 'Disconnect' : 'Connect'}
56+
</button>
57+
</main>
58+
</div>
59+
)
60+
}

‎examples/with-nextjs/public/favicon.ico

25.3 KB
Binary file not shown.

‎examples/with-nextjs/public/vercel.svg

Lines changed: 4 additions & 0 deletions
Loading

‎examples/with-nextjs/styles/Home.module.css

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
.container {
2+
padding: 0 2rem;
3+
}
4+
5+
.main {
6+
min-height: 100vh;
7+
padding: 4rem 0;
8+
flex: 1;
9+
display: flex;
10+
flex-direction: column;
11+
justify-content: center;
12+
align-items: center;
13+
}
14+
15+
.footer {
16+
display: flex;
17+
flex: 1;
18+
padding: 2rem 0;
19+
border-top: 1px solid #eaeaea;
20+
justify-content: center;
21+
align-items: center;
22+
}
23+
24+
.footer a {
25+
display: flex;
26+
justify-content: center;
27+
align-items: center;
28+
flex-grow: 1;
29+
}
30+
31+
.title a {
32+
color: #0070f3;
33+
text-decoration: none;
34+
}
35+
36+
.title a:hover,
37+
.title a:focus,
38+
.title a:active {
39+
text-decoration: underline;
40+
}
41+
42+
.title {
43+
margin: 0;
44+
line-height: 1.15;
45+
font-size: 4rem;
46+
}
47+
48+
.title,
49+
.description {
50+
text-align: center;
51+
}
52+
53+
.description {
54+
margin: 4rem 0;
55+
line-height: 1.5;
56+
font-size: 1.5rem;
57+
}
58+
59+
.code {
60+
background: #fafafa;
61+
border-radius: 5px;
62+
padding: 0.75rem;
63+
font-size: 1.1rem;
64+
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
65+
Bitstream Vera Sans Mono, Courier New, monospace;
66+
}
67+
68+
.grid {
69+
display: flex;
70+
align-items: center;
71+
justify-content: center;
72+
flex-wrap: wrap;
73+
max-width: 800px;
74+
}
75+
76+
.card {
77+
margin: 1rem;
78+
padding: 1.5rem;
79+
text-align: left;
80+
color: inherit;
81+
text-decoration: none;
82+
border: 1px solid #eaeaea;
83+
border-radius: 10px;
84+
transition: color 0.15s ease, border-color 0.15s ease;
85+
max-width: 300px;
86+
}
87+
88+
.card:hover,
89+
.card:focus,
90+
.card:active {
91+
color: #0070f3;
92+
border-color: #0070f3;
93+
}
94+
95+
.card h2 {
96+
margin: 0 0 1rem 0;
97+
font-size: 1.5rem;
98+
}
99+
100+
.card p {
101+
margin: 0;
102+
font-size: 1.25rem;
103+
line-height: 1.5;
104+
}
105+
106+
.logo {
107+
height: 1em;
108+
margin-left: 0.5rem;
109+
}
110+
111+
@media (max-width: 600px) {
112+
.grid {
113+
width: 100%;
114+
flex-direction: column;
115+
}
116+
}
117+
118+
@media (prefers-color-scheme: dark) {
119+
.card,
120+
.footer {
121+
border-color: #222;
122+
}
123+
.code {
124+
background: #111;
125+
}
126+
.logo img {
127+
filter: invert(1);
128+
}
129+
}

0 commit comments

Comments
 (0)