6 | {network.name}
7 |
8 | );
9 | }
--------------------------------------------------------------------------------
/packages/react-app/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { render } from "@testing-library/react";
3 | import App from "./App";
4 |
5 | test("renders learn react link", () => {
6 | const { getByText } = render({error}
,
14 | });
15 | };
16 |
17 | return popUp();
18 | };
19 |
20 | export default showModal;
21 |
--------------------------------------------------------------------------------
/packages/react-app/src/helpers/PolygonRelayerAccountHelper.js:
--------------------------------------------------------------------------------
1 | import { sendTransaction } from "./EIP1559Helper";
2 |
3 | const { ethers } = require("ethers");
4 |
5 | const RELAYER_PK = process.env.REACT_APP_RELAYER_PK;
6 |
7 | export const sendTransactionViaRelayerAccount = async (txParams, origin, provider) => {
8 | const relayerWallet = new ethers.Wallet(RELAYER_PK, provider);
9 |
10 | const result = await sendTransaction(txParams, undefined, undefined, relayerWallet);
11 |
12 | result.origin = origin;
13 |
14 | return result;
15 | }
16 |
--------------------------------------------------------------------------------
/packages/react-app/src/helpers/LiFiTokenPriceHelper.js:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 |
3 | const API_BASE_URL = "https://li.quest/v1/token";
4 |
5 | export const getTokenPrice = async (chainId, address) => {
6 | try {
7 | const apiURL = API_BASE_URL + `?chain=${chainId}&token=${address}`;
8 |
9 | const tokenInfo = (await axios.get(apiURL)).data;
10 |
11 | return tokenInfo.priceUSD;
12 | } catch (error) {
13 | console.error(`Couldn't fetch token price for ${chainId} ${address} , maybe there is a rate limit`, error);
14 |
15 | return 0;
16 | }
17 | };
18 |
--------------------------------------------------------------------------------
/packages/hardhat/scripts/watch.js:
--------------------------------------------------------------------------------
1 | const watch = require("node-watch");
2 | const { exec } = require("child_process");
3 |
4 | const run = () => {
5 | console.log("🛠 Compiling & Deploying...");
6 | exec("yarn deploy", function (error, stdout, stderr) {
7 | console.log(stdout);
8 | if (error) console.log(error);
9 | if (stderr) console.log(stderr);
10 | });
11 | };
12 |
13 | console.log("🔬 Watching Contracts...");
14 | watch("./contracts", { recursive: true }, function (evt, name) {
15 | console.log("%s changed.", name);
16 | run();
17 | });
18 | run();
19 |
--------------------------------------------------------------------------------
/packages/react-app/scripts/watch.js:
--------------------------------------------------------------------------------
1 | const watch = require("node-watch");
2 | const { exec } = require("child_process");
3 |
4 | const run = () => {
5 | console.log("Compiling & Generating...");
6 | exec("npx gulp less", function (error, stdout, stderr) {
7 | console.log(stdout);
8 | if (error) console.log(error);
9 | if (stderr) console.log(stderr);
10 | });
11 | };
12 |
13 | console.log("🔬 Watching Themes...");
14 | watch("./src/themes", { recursive: true }, function (evt, name) {
15 | console.log("%s changed.", name);
16 | run();
17 | });
18 | run();
19 |
--------------------------------------------------------------------------------
/packages/hardhat/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | env: {
3 | mocha: true,
4 | },
5 | extends: ["airbnb", "plugin:prettier/recommended"],
6 | plugins: ["babel"],
7 | rules: {
8 | "prettier/prettier": ["error"],
9 | "import/extensions": [
10 | "error",
11 | "ignorePackages",
12 | {
13 | js: "never",
14 | ts: "never",
15 | },
16 | ],
17 | "import/prefer-default-export": "off",
18 | "prefer-destructuring": "off",
19 | "prefer-template": "off",
20 | "no-console": "off",
21 | "func-names": "off",
22 | },
23 | };
24 |
--------------------------------------------------------------------------------
/packages/react-app/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "esModuleInterop": true,
8 | "allowSyntheticDefaultImports": true,
9 | "strict": true,
10 | "forceConsistentCasingInFileNames": true,
11 | "noFallthroughCasesInSwitch": true,
12 | "module": "esnext",
13 | "moduleResolution": "node",
14 | "resolveJsonModule": true,
15 | "isolatedModules": true,
16 | "noEmit": true,
17 | "jsx": "react"
18 | },
19 | "include": ["src"]
20 | }
21 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/Contract/utils.js:
--------------------------------------------------------------------------------
1 | import { formatUnits } from "@ethersproject/units";
2 | import React from "react";
3 | import { Address } from "..";
4 |
5 | const tryToDisplay = thing => {
6 | if (thing && thing.toNumber) {
7 | try {
8 | return thing.toNumber();
9 | } catch (e) {
10 | return "Ξ" + formatUnits(thing, "ether");
11 | }
12 | }
13 | if (thing && thing.indexOf && thing.indexOf("0x") === 0 && thing.length === 42) {
14 | return ;
15 | }
16 | return JSON.stringify(thing);
17 | };
18 |
19 | export default tryToDisplay;
20 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/Punk.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default function Punk({ address, size }) {
4 | const part1 = address.substr(2, 20);
5 | const part2 = address.substr(22);
6 |
7 | const x = parseInt(part1, 16) % 100;
8 | const y = parseInt(part2, 16) % 100;
9 |
10 | return (
11 |
12 | 
16 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/packages/react-app/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "PunkWallet.io",
3 | "start_url": ".",
4 | "name": "PunkWallet.io",
5 | "icons": [
6 | {
7 | "src": "favicon.ico",
8 | "sizes": "64x64 32x32 24x24 16x16",
9 | "type": "image/x-icon"
10 | },
11 | {
12 | "src": "logo192.png",
13 | "type": "image/png",
14 | "sizes": "192x192"
15 | },
16 | {
17 | "src": "logo512.png",
18 | "type": "image/png",
19 | "sizes": "512x512"
20 | }
21 | ],
22 | "start_url": ".",
23 | "display": "browser",
24 | "theme_color": "#000000",
25 | "background_color": "#ffffff"
26 | }
27 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/PasteButton.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import { Button, Tooltip } from "antd";
4 | import { SnippetsOutlined } from "@ant-design/icons";
5 |
6 | export default function PasteButton({ setState, disabled }) {
7 | return (
8 |
16 |
9 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/TokenDisplay.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default function TokenDisplay({ token, divStyle, spanStyle, optionalEnding, showName = true }) {
4 | return (
5 |
10 |
17 |
11 |
13 |
14 |
16 |
13 | {token.imgSrc && 
}
14 |
15 |
16 | {showName && token.name} {optionalEnding}
17 |
18 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/packages/react-app/src/themes/dark-theme.less:
--------------------------------------------------------------------------------
1 | @import "~antd/lib/style/color/colorPalette.less";
2 | @import "~antd/dist/antd.less";
3 | @import "~antd/lib/style/themes/dark.less";
4 |
5 | // These are shared variables that can be extracted to their own file
6 | @primary-color: #2caad9;
7 | @border-radius-base: 4px;
8 |
9 | @component-background: #212121;
10 | @body-background: #212121;
11 | @popover-background: #212121;
12 | @border-color-base: #6f6c6c;
13 | @border-color-split: #424242;
14 | @table-header-sort-active-bg: #424242;
15 | @card-skeleton-bg: #424242;
16 | @skeleton-color: #424242;
17 | @table-header-sort-active-bg: #424242;
18 |
19 |
20 | .highlight {
21 | background-color: #3f3f3f;
22 | }
23 |
--------------------------------------------------------------------------------
/.gitpod.yml:
--------------------------------------------------------------------------------
1 | tasks:
2 | - name: App
3 | init: >
4 | yarn &&
5 | gp sync-done install
6 | command: REACT_APP_PROVIDER=$(gp url 8545) yarn start
7 | - name: Chain
8 | init: gp sync-await install
9 | command: yarn chain
10 | openMode: split-right
11 | - name: Deployment
12 | init: gp sync-await install
13 | command: yarn deploy
14 | openMode: split-right
15 | ports:
16 | - port: 3000
17 | onOpen: open-preview
18 | - port: 8545
19 | onOpen: ignore
20 | github:
21 | prebuilds:
22 | pullRequestsFromForks: true
23 | addComment: true
24 | vscode:
25 | extensions:
26 | - dbaeumer.vscode-eslint
27 | - esbenp.prettier-vscode
28 | - juanblanco.solidity
--------------------------------------------------------------------------------
/packages/subgraph/src/subgraph.template.yaml:
--------------------------------------------------------------------------------
1 | specVersion: 0.0.2
2 | schema:
3 | file: ./src/schema.graphql
4 | dataSources:
5 | - kind: ethereum/contract
6 | name: YourContract
7 | network: localhost
8 | source:
9 | address: '{{YourContractAddress}}'
10 | abi: YourContract
11 | startBlock: 1
12 | mapping:
13 | kind: ethereum/events
14 | apiVersion: 0.0.4
15 | language: wasm/assemblyscript
16 | entities:
17 | - Purpose
18 | - Sender
19 | abis:
20 | - name: YourContract
21 | file: ./abis/YourContract.json
22 | eventHandlers:
23 | - event: SetPurpose(address,string)
24 | handler: handleSetPurpose
25 | file: ./src/mapping.ts
26 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/AmountDollarSwitch.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import TokenDisplay from "./TokenDisplay";
3 |
4 | // toggle functionality for switching between ERC20 token and USD
5 | export default function AmountDollarSwitch({ token, dollarMode, setDollarMode }) {
6 | return (
7 | {
9 | setDollarMode(!dollarMode);
10 | }}
11 | >
12 |
14 | );
15 | }
16 |
17 | const Switch = ({ dollarMode, token }) => {
18 | return dollarMode ? (
19 | <>💵 USD 🔀
20 | ) : (
21 | <>
22 |
10 | setMoneriumRadio(e.target.value)} value={moneriumRadio}>
11 | {"OnChain / IBAN"}
12 | {`\u00a0\u00a0CrossChain\u00a0\u00a0`}
13 |
14 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/WalletConnectV2ConnectionError.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Modal } from "antd";
3 |
4 | export default function WalletConnectV2ConnectionError(error, proposer) {
5 | const popUp = () => {
6 | const proposerName = proposer?.metadata?.name;
7 | const title = "Coudn't connect to " + (proposerName ? proposerName : "the Dapp") + "!";
8 |
9 | Modal.confirm({
10 | width: "90%",
11 | title: title,
12 | maskClosable:true,
13 | cancelButtonProps:{ style: { display: 'none' }},
14 | content: (
15 |
16 | {error.message}
17 |
18 | ),
19 | });
20 | }
21 |
22 | return popUp();
23 | }
--------------------------------------------------------------------------------
/packages/react-app/src/hooks/Poller.js:
--------------------------------------------------------------------------------
1 | import { useEffect, useRef } from "react";
2 |
3 | // helper hook to call a function regularly in time intervals
4 |
5 | export default function usePoller(fn, delay, extraWatch) {
6 | const savedCallback = useRef();
7 | // Remember the latest fn.
8 | useEffect(() => {
9 | savedCallback.current = fn;
10 | }, [fn]);
11 | // Set up the interval.
12 | // eslint-disable-next-line consistent-return
13 | useEffect(() => {
14 | function tick() {
15 | savedCallback.current();
16 | }
17 | if (delay !== null) {
18 | const id = setInterval(tick, delay);
19 | return () => clearInterval(id);
20 | }
21 | }, [delay]);
22 | // run at start too
23 | useEffect(() => {
24 | fn();
25 | }, [extraWatch]);
26 | }
27 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | packages/subgraph/subgraph.yaml
2 | packages/subgraph/generated
3 | packages/subgraph/abis
4 | packages/hardhat/*.txt
5 | **/aws.json
6 |
7 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
8 | **/node_modules
9 | packages/hardhat/artifacts
10 | packages/hardhat/deployments
11 | packages/react-app/src/contracts/*
12 | !packages/react-app/src/contracts/contracts.js
13 | packages/hardhat/cache
14 |
15 | docker/**/data
16 |
17 | packages/subgraph/config/config.json
18 | tenderly.yaml
19 |
20 | # dependencies
21 | /node_modules
22 | /.pnp
23 | .pnp.js
24 |
25 | # testing
26 | coverage
27 |
28 | # production
29 | build
30 |
31 | # misc
32 | .DS_Store
33 | .env*
34 |
35 | # debug
36 | npm-debug.log*
37 | yarn-debug.log*
38 | yarn-error.log*
39 |
40 | .idea
41 |
--------------------------------------------------------------------------------
/packages/react-app/gulpfile.js:
--------------------------------------------------------------------------------
1 | const gulp = require('gulp')
2 | const gulpless = require('gulp-less')
3 | const postcss = require('gulp-postcss')
4 | const debug = require('gulp-debug')
5 | var csso = require('gulp-csso')
6 | const autoprefixer = require('autoprefixer')
7 | const NpmImportPlugin = require('less-plugin-npm-import')
8 |
9 | gulp.task('less', function () {
10 | const plugins = [autoprefixer()]
11 |
12 | return gulp
13 | .src('src/themes/*-theme.less')
14 | .pipe(debug({title: 'Less files:'}))
15 | .pipe(
16 | gulpless({
17 | javascriptEnabled: true,
18 | plugins: [new NpmImportPlugin({prefix: '~'})],
19 | }),
20 | )
21 | .pipe(postcss(plugins))
22 | .pipe(
23 | csso({
24 | debug: true,
25 | }),
26 | )
27 | .pipe(gulp.dest('./public'))
28 | })
29 |
--------------------------------------------------------------------------------
/packages/hardhat/test/myTest.js:
--------------------------------------------------------------------------------
1 | const { ethers } = require("hardhat");
2 | const { use, expect } = require("chai");
3 | const { solidity } = require("ethereum-waffle");
4 |
5 | use(solidity);
6 |
7 | describe("My Dapp", function () {
8 | let myContract;
9 |
10 | describe("YourContract", function () {
11 | it("Should deploy YourContract", async function () {
12 | const YourContract = await ethers.getContractFactory("YourContract");
13 |
14 | myContract = await YourContract.deploy();
15 | });
16 |
17 | describe("setPurpose()", function () {
18 | it("Should be able to set a new purpose", async function () {
19 | const newPurpose = "Test Purpose";
20 |
21 | await myContract.setPurpose(newPurpose);
22 | expect(await myContract.purpose()).to.equal(newPurpose);
23 | });
24 | });
25 | });
26 | });
27 |
--------------------------------------------------------------------------------
/packages/subgraph/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@scaffold-eth/subgraph",
3 | "license": "UNLICENSED",
4 | "version": "1.0.0",
5 | "scripts": {
6 | "codegen": "graph codegen",
7 | "build": "graph build",
8 | "deploy": "graph deploy --node https://api.thegraph.com/deploy/ --ipfs https://api.thegraph.com/ipfs/ GITHUB_USERNAME/your-contract",
9 | "create-local": "graph create --node http://localhost:8020/ scaffold-eth/your-contract",
10 | "remove-local": "graph remove --node http://localhost:8020/ scaffold-eth/your-contract",
11 | "deploy-local": "graph deploy --node http://localhost:8020/ --ipfs http://localhost:5001 scaffold-eth/your-contract"
12 | },
13 | "dependencies": {
14 | "@graphprotocol/graph-cli": "0.18.0",
15 | "@graphprotocol/graph-ts": "0.18.0"
16 | },
17 | "devDependencies": {
18 | "mustache": "^3.1.0"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/react-app/src/hooks/ResolveName.js:
--------------------------------------------------------------------------------
1 | import { AddressZero } from "@ethersproject/constants";
2 | import { useEffect, useState } from "react";
3 |
4 | /*
5 | ~ What it does? ~
6 |
7 | Gets address from given ENS name and provider
8 |
9 | ~ How can I use? ~
10 |
11 | const addressFromENS = useResolveName(mainnetProvider, "austingriffith.eth");
12 |
13 | ~ Features ~
14 |
15 | - Specify mainnetProvider
16 | - Provide ENS name and get address corresponding to given ENS name
17 | */
18 |
19 | const useResolveName = (provider, ensName) => {
20 | const [address, setAddress] = useState(AddressZero);
21 |
22 | useEffect(() => {
23 | if (provider) {
24 | provider.resolveName(ensName).then(resolvedAddress => setAddress(resolvedAddress));
25 | }
26 | }, [provider, ensName]);
27 |
28 | return address;
29 | };
30 |
31 | export default useResolveName;
32 |
--------------------------------------------------------------------------------
/docker/graph-node/tag.sh:
--------------------------------------------------------------------------------
1 | #! /bin/bash
2 |
3 | # This script is used by cloud build to push Docker images into Docker hub
4 |
5 | tag_and_push() {
6 | tag=$1
7 | docker tag gcr.io/$PROJECT_ID/graph-node:$SHORT_SHA \
8 | graphprotocol/graph-node:$tag
9 | docker push graphprotocol/graph-node:$tag
10 |
11 | docker tag gcr.io/$PROJECT_ID/graph-node-debug:$SHORT_SHA \
12 | graphprotocol/graph-node-debug:$tag
13 | docker push graphprotocol/graph-node-debug:$tag
14 | }
15 |
16 | echo "Logging into Docker Hub"
17 | echo $PASSWORD | docker login --username="$DOCKER_HUB_USER" --password-stdin
18 |
19 | set -ex
20 |
21 | tag_and_push "$SHORT_SHA"
22 |
23 | # Builds on the master branch become the 'latest'
24 | [ "$BRANCH_NAME" = master ] && tag_and_push latest
25 | # Builds of tags set the tag in Docker Hub, too
26 | [ -n "$TAG_NAME" ] && tag_and_push "$TAG_NAME"
27 |
28 | exit 0
29 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/MoneriumDescription.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default function MoneriumDescription( { } ) {
4 | return (
5 |
6 | 
11 |
17 | );
18 | }
--------------------------------------------------------------------------------
/docker/graph-node/build.sh:
--------------------------------------------------------------------------------
1 | #! /bin/bash
2 |
3 | # This file is only here to ease testing/development. Official images are
4 | # built using the 'cloudbuild.yaml' file
5 |
6 | type -p podman > /dev/null && docker=podman || docker=docker
7 |
8 | cd $(dirname $0)/..
9 |
10 | if [ -d .git ]
11 | then
12 | COMMIT_SHA=$(git rev-parse HEAD)
13 | TAG_NAME=$(git tag --points-at HEAD)
14 | REPO_NAME="Checkout of $(git remote get-url origin) at $(git describe --dirty)"
15 | BRANCH_NAME=$(git rev-parse --abbrev-ref HEAD)
16 | fi
17 | for stage in graph-node-build graph-node graph-node-debug
18 | do
19 | $docker build --target $stage \
20 | --build-arg "COMMIT_SHA=$COMMIT_SHA" \
21 | --build-arg "REPO_NAME=$REPO_NAME" \
22 | --build-arg "BRANCH_NAME=$BRANCH_NAME" \
23 | --build-arg "TAG_NAME=$TAG_NAME" \
24 | -t $stage \
25 | -f docker/Dockerfile .
26 | done
27 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/GasGauge.jsx:
--------------------------------------------------------------------------------
1 | import { Button } from "antd";
2 | import React from "react";
3 |
4 | // added display of 0 instead of NaN if gas price is not provided
5 |
6 | /*
7 | ~ What it does? ~
8 |
9 | Displays gas gauge
10 |
11 | ~ How can I use? ~
12 |
13 |
11 |
12 |
16 | 13 | The EURe is a fully authorised and regulated euro stablecoin for web3 available on Ethereum, Polygon, and Gnosis. Send and receive euros between any bank account and Web3 wallet. 14 |
15 | {onClickAction()}} >
6 | 
14 | {showImage2 && 
}
25 |
26 | );
27 | };
--------------------------------------------------------------------------------
/docker/graph-node/docker-compose.yml:
--------------------------------------------------------------------------------
1 | version: '3'
2 | services:
3 | graph-node:
4 | image: graphprotocol/graph-node
5 | ports:
6 | - '8000:8000'
7 | - '8001:8001'
8 | - '8020:8020'
9 | - '8030:8030'
10 | - '8040:8040'
11 | depends_on:
12 | - ipfs
13 | - postgres
14 | environment:
15 | postgres_host: postgres
16 | postgres_user: graph-node
17 | postgres_pass: let-me-in
18 | postgres_db: graph-node
19 | ipfs: 'ipfs:5001'
20 | ethereum: 'localhost:http://host.docker.internal:8545'
21 | RUST_LOG: info
22 | ipfs:
23 | image: ipfs/go-ipfs:v0.4.23
24 | ports:
25 | - '5001:5001'
26 | volumes:
27 | - ./data/ipfs:/data/ipfs
28 | postgres:
29 | image: postgres
30 | ports:
31 | - '5432:5432'
32 | command: ["postgres", "-cshared_preload_libraries=pg_stat_statements"]
33 | environment:
34 | POSTGRES_USER: graph-node
35 | POSTGRES_PASSWORD: let-me-in
36 | POSTGRES_DB: graph-node
37 | volumes:
38 | - ./data/postgres:/var/lib/postgresql/data
39 |
--------------------------------------------------------------------------------
/packages/subgraph/src/mapping.ts:
--------------------------------------------------------------------------------
1 | import { BigInt, Address } from "@graphprotocol/graph-ts"
2 | import {
3 | YourContract,
4 | SetPurpose
5 | } from "../generated/YourContract/YourContract"
6 | import { Purpose, Sender } from "../generated/schema"
7 |
8 | export function handleSetPurpose(event: SetPurpose): void {
9 |
10 | let senderString = event.params.sender.toHexString()
11 |
12 | let sender = Sender.load(senderString)
13 |
14 | if (sender == null) {
15 | sender = new Sender(senderString)
16 | sender.address = event.params.sender
17 | sender.createdAt = event.block.timestamp
18 | sender.purposeCount = BigInt.fromI32(1)
19 | }
20 | else {
21 | sender.purposeCount = sender.purposeCount.plus(BigInt.fromI32(1))
22 | }
23 |
24 | let purpose = new Purpose(event.transaction.hash.toHex() + "-" + event.logIndex.toString())
25 |
26 | purpose.purpose = event.params.purpose
27 | purpose.sender = senderString
28 | purpose.createdAt = event.block.timestamp
29 | purpose.transactionHash = event.transaction.hash.toHex()
30 |
31 | purpose.save()
32 | sender.save()
33 |
34 | }
35 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) Austin Griffith 2021
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/ThemeSwitch.jsx:
--------------------------------------------------------------------------------
1 | import { Switch } from "antd";
2 | import React, { useEffect, useState } from "react";
3 | import { useThemeSwitcher } from "react-css-theme-switcher";
4 |
5 | export default function ThemeSwitcher() {
6 | const theme = window.localStorage.getItem("theme");
7 | const [isDarkMode, setIsDarkMode] = useState(!(!theme || theme === "light"));
8 | const { switcher, currentTheme, status, themes } = useThemeSwitcher();
9 |
10 | useEffect(() => {
11 | window.localStorage.setItem("theme", currentTheme);
12 | }, [currentTheme]);
13 |
14 | const toggleTheme = isChecked => {
15 | setIsDarkMode(isChecked);
16 | switcher({ theme: isChecked ? themes.dark : themes.light });
17 | };
18 |
19 | // Avoid theme change flicker
20 | // if (status === "loading") {
21 | // return null;
22 | // }
23 |
24 | return (
25 |
26 | {currentTheme === "light" ? "☀️" : "🌜"}
27 |
29 | );
30 | }
31 |
--------------------------------------------------------------------------------
/packages/react-app/src/index.jsx:
--------------------------------------------------------------------------------
1 | import { ApolloClient, ApolloProvider, InMemoryCache } from "@apollo/client";
2 | import React from "react";
3 | import { ThemeSwitcherProvider } from "react-css-theme-switcher";
4 | import ReactDOM from "react-dom";
5 | import App from "./App";
6 | import "./index.css";
7 | import { SafeInjectProvider } from "./contexts/SafeInjectContext";
8 |
9 | const themes = {
10 | dark: `${process.env.PUBLIC_URL}/dark-theme.css`,
11 | light: `${process.env.PUBLIC_URL}/light-theme.css`,
12 | };
13 |
14 | const prevTheme = window.localStorage.getItem("theme");
15 |
16 | const subgraphUri = "http://localhost:8000/subgraphs/name/scaffold-eth/your-contract";
17 |
18 | const client = new ApolloClient({
19 | uri: subgraphUri,
20 | cache: new InMemoryCache(),
21 | });
22 |
23 | ReactDOM.render(
24 |
13 |
33 | );
34 | }
--------------------------------------------------------------------------------
/packages/react-app/public/gnosis-bgfill-icon.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
26 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/Contract/DisplayVariable.jsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable jsx-a11y/accessible-emoji */
2 | /* eslint-disable jsx-a11y/anchor-is-valid */
3 | import { Col, Divider, Row } from "antd";
4 | import React, { useCallback, useEffect, useState } from "react";
5 | import tryToDisplay from "./utils";
6 |
7 | const DisplayVariable = ({ contractFunction, functionInfo, refreshRequired, triggerRefresh }) => {
8 | const [variable, setVariable] = useState("");
9 |
10 | const refresh = useCallback(async () => {
11 | try {
12 | const funcResponse = await contractFunction();
13 | setVariable(funcResponse);
14 | triggerRefresh(false);
15 | } catch (e) {
16 | console.log(e);
17 | }
18 | }, [setVariable, contractFunction, triggerRefresh]);
19 |
20 | useEffect(() => {
21 | refresh();
22 | }, [refresh, refreshRequired, contractFunction]);
23 |
24 | return (
25 |
14 | Your current Punk Wallet {getShortAddress(currentPunkAddress)} is not linked to your Monerium account.
15 |
16 |
17 | }
22 | onClick={async () => {
23 | setLinkButtonLoading(true);
24 | await linkAddress(moneriumClient, currentPunkAddress);
25 | await initClientData();
26 | setLinkButtonLoading(false);
27 | }}
28 | >
29 | Link Punk Wallet
30 |
31 |
32 |
26 |
27 |
49 |
51 | );
52 | };
53 |
54 | export default DisplayVariable;
55 |
--------------------------------------------------------------------------------
/packages/react-app/src/hooks/EventListener.js:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 |
3 | /*
4 | ~ What it does? ~
5 |
6 | Enables you to keep track of events
7 |
8 | ~ How can I use? ~
9 |
10 | const setPurposeEvents = useEventListener(readContracts, "YourContract", "SetPurpose", localProvider, 1);
11 |
12 | ~ Features ~
13 |
14 | - Provide readContracts by loading contracts (see more on ContractLoader.js)
15 | - Specify the name of the contract, in this case it is "YourContract"
16 | - Specify the name of the event in the contract, in this case we keep track of "SetPurpose" event
17 | - Specify the provider
18 | */
19 |
20 | export default function useEventListener(contracts, contractName, eventName, provider, startBlock, args) {
21 | const [updates, setUpdates] = useState([]);
22 |
23 | useEffect(() => {
24 | if (typeof provider !== "undefined" && typeof startBlock !== "undefined") {
25 | // if you want to read _all_ events from your contracts, set this to the block number it is deployed
26 | provider.resetEventsBlock(startBlock);
27 | }
28 | if (contracts && contractName && contracts[contractName]) {
29 | try {
30 | contracts[contractName].on(eventName, (...args) => {
31 | const blockNumber = args[args.length - 1].blockNumber;
32 | setUpdates(messages => [{ blockNumber, ...args.pop().args }, ...messages]);
33 | });
34 | return () => {
35 | contracts[contractName].removeListener(eventName);
36 | };
37 | } catch (e) {
38 | console.log(e);
39 | }
40 | }
41 | }, [provider, startBlock, contracts, contractName, eventName]);
42 |
43 | return updates;
44 | }
45 |
--------------------------------------------------------------------------------
/packages/react-app/src/helpers/TokenSettingsHelper.js:
--------------------------------------------------------------------------------
1 | export const TOKEN_SETTINGS_STORAGE_KEY = "TokenSettings";
2 |
3 | export const getSelectedErc20Token = (selectedToken, erc20Tokens) => {
4 | if (!selectedToken || !erc20Tokens) {
5 | return undefined;
6 | }
7 |
8 | return erc20Tokens.find(token => token.name === selectedToken.name);
9 | }
10 |
11 | export const getTokens = (nativeToken, erc20Tokens) => {
12 | let tokens;
13 |
14 | if (!nativeToken && !erc20Tokens) {
15 | return tokens
16 | }
17 |
18 | if (nativeToken) {
19 | tokens = [nativeToken];
20 | }
21 |
22 | if (erc20Tokens) {
23 | if (tokens) {
24 | tokens.push(...erc20Tokens);
25 | }
26 | else {
27 | tokens = [...erc20Tokens]
28 | }
29 | }
30 |
31 | return tokens;
32 | }
33 |
34 | export const migrateSelectedTokenStorageSetting = (networkName, tokenSettingsHelper) => {
35 | // Old code
36 | // const [tokenName, setTokenName] = useLocalStorage(targetNetwork.name + "TokenName");
37 |
38 | try {
39 | const oldKey = networkName + "TokenName";
40 |
41 | const storedOldValue = localStorage.getItem(oldKey);
42 |
43 | if (!storedOldValue) {
44 | return;
45 | }
46 |
47 | localStorage.removeItem(oldKey);
48 |
49 | // value was stored with double quotes, e.g.: "DAI"
50 | const oldValue = storedOldValue.replace(/"/g, '');
51 |
52 | // when the default native token was selected, the storage value was: ""
53 | if (oldValue != '""') {
54 | tokenSettingsHelper.updateSelectedName(oldValue);
55 | }
56 | }
57 | catch (error) {
58 | console.error("Coudn't migrate selected token name setting", error);
59 | }
60 |
61 | }
--------------------------------------------------------------------------------
/packages/react-app/src/hooks/Balance.js:
--------------------------------------------------------------------------------
1 | import { useCallback, useEffect, useState } from "react";
2 | import useOnBlock from "./OnBlock";
3 | import usePoller from "./Poller";
4 |
5 | /*
6 | ~ What it does? ~
7 |
8 | Gets your balance in ETH from given address and provider
9 |
10 | ~ How can I use? ~
11 |
12 | const yourLocalBalance = useBalance(localProvider, address);
13 |
14 | ~ Features ~
15 |
16 | - Provide address and get balance corresponding to given address
17 | - Change provider to access balance on different chains (ex. mainnetProvider)
18 | - If no pollTime is passed, the balance will update on every new block
19 | */
20 |
21 | const DEBUG = false;
22 |
23 | export default function useBalance(provider, address, pollTime = 0) {
24 | const [balance, setBalance] = useState();
25 |
26 | useEffect(() => {
27 | setBalance();
28 | }, [provider]);
29 |
30 | const pollBalance = useCallback(
31 | async (provider, address) => {
32 | if (provider && address) {
33 | const newBalance = await provider.getBalance(address);
34 | if (newBalance !== balance) {
35 | setBalance(newBalance);
36 | }
37 | }
38 | },
39 | [provider, address],
40 | );
41 |
42 | // Only pass a provider to watch on a block if there is no pollTime
43 | useOnBlock(pollTime === 0 && provider, () => {
44 | if (provider && address && pollTime === 0) {
45 | pollBalance(provider, address);
46 | }
47 | });
48 |
49 | // Use a poller if a pollTime is provided
50 | usePoller(
51 | async () => {
52 | if (provider && address && pollTime > 0) {
53 | if (DEBUG) console.log("polling!", address);
54 | pollBalance();
55 | }
56 | },
57 | pollTime,
58 | provider && address,
59 | );
60 |
61 | return balance;
62 | }
63 |
--------------------------------------------------------------------------------
/docker/graph-node/wait_for:
--------------------------------------------------------------------------------
1 | #!/bin/sh
2 |
3 | # POSIX compatible clone of wait-for-it.sh
4 | # This copy is from https://github.com/eficode/wait-for/commits/master
5 | # at commit 8d9b4446
6 |
7 | TIMEOUT=15
8 | QUIET=0
9 |
10 | echoerr() {
11 | if [ "$QUIET" -ne 1 ]; then printf "%s\n" "$*" 1>&2; fi
12 | }
13 |
14 | usage() {
15 | exitcode="$1"
16 | cat << USAGE >&2
17 | Usage:
18 | $cmdname host:port [-t timeout] [-- command args]
19 | -q | --quiet Do not output any status messages
20 | -t TIMEOUT | --timeout=timeout Timeout in seconds, zero for no timeout
21 | -- COMMAND ARGS Execute command with args after the test finishes
22 | USAGE
23 | exit "$exitcode"
24 | }
25 |
26 | wait_for() {
27 | for i in `seq $TIMEOUT` ; do
28 | nc -z "$HOST" "$PORT" > /dev/null 2>&1
29 |
30 | result=$?
31 | if [ $result -eq 0 ] ; then
32 | if [ $# -gt 0 ] ; then
33 | exec "$@"
34 | fi
35 | exit 0
36 | fi
37 | sleep 1
38 | done
39 | echo "Operation timed out" >&2
40 | exit 1
41 | }
42 |
43 | while [ $# -gt 0 ]
44 | do
45 | case "$1" in
46 | *:* )
47 | HOST=$(printf "%s\n" "$1"| cut -d : -f 1)
48 | PORT=$(printf "%s\n" "$1"| cut -d : -f 2)
49 | shift 1
50 | ;;
51 | -q | --quiet)
52 | QUIET=1
53 | shift 1
54 | ;;
55 | -t)
56 | TIMEOUT="$2"
57 | if [ "$TIMEOUT" = "" ]; then break; fi
58 | shift 2
59 | ;;
60 | --timeout=*)
61 | TIMEOUT="${1#*=}"
62 | shift 1
63 | ;;
64 | --)
65 | shift
66 | break
67 | ;;
68 | --help)
69 | usage 0
70 | ;;
71 | *)
72 | echoerr "Unknown argument: $1"
73 | usage 1
74 | ;;
75 | esac
76 | done
77 |
78 | if [ "$HOST" = "" -o "$PORT" = "" ]; then
79 | echoerr "Error: you need to provide a host and port to test."
80 | usage 2
81 | fi
82 |
83 | wait_for "$@"
84 |
--------------------------------------------------------------------------------
/packages/react-app/public/MoneriumEURe.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/packages/react-app/src/hooks/ExternalContractLoader.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable import/no-dynamic-require */
2 | /* eslint-disable global-require */
3 | import { Contract } from "@ethersproject/contracts";
4 | import { useEffect, useState } from "react";
5 |
6 | /*
7 | when you want to load an existing contract using just the provider, address, and ABI
8 | */
9 |
10 | /*
11 | ~ What it does? ~
12 |
13 | Enables you to load an existing mainnet DAI contract using the provider, address and abi
14 |
15 | ~ How can I use? ~
16 |
17 | const mainnetDAIContract = useExternalContractLoader(mainnetProvider, DAI_ADDRESS, DAI_ABI)
18 |
19 | ~ Features ~
20 |
21 | - Specify mainnetProvider
22 | - Specify DAI_ADDRESS and DAI_ABI, you can load/write them using constants.js
23 | */
24 | export default function useExternalContractLoader(provider, address, ABI, optionalBytecode) {
25 | const [contract, setContract] = useState();
26 | useEffect(() => {
27 | async function loadContract() {
28 | if (typeof provider !== "undefined" && address && ABI) {
29 | try {
30 | // we need to check to see if this provider has a signer or not
31 | let signer;
32 | const accounts = await provider.listAccounts();
33 | if (accounts && accounts.length > 0) {
34 | signer = provider.getSigner();
35 | } else {
36 | signer = provider;
37 | }
38 |
39 | const customContract = new Contract(address, ABI, signer);
40 | if (optionalBytecode) customContract.bytecode = optionalBytecode;
41 |
42 | setContract(customContract);
43 | } catch (e) {
44 | console.log("ERROR LOADING EXTERNAL CONTRACT AT " + address + " (check provider, address, and ABI)!!", e);
45 | }
46 | }
47 | }
48 | loadContract();
49 | }, [provider, address, ABI, optionalBytecode]);
50 | return contract;
51 | }
52 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/WalletConnectActiveSessions.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Input } from "antd";
3 |
4 | import { getWalletConnectV2ActiveSessions, disconnectWallectConnectV2Session } from "../helpers/WalletConnectV2Helper";
5 |
6 | export default function WalletConnectActiveSessions({ web3wallet }) {
7 | return getWalletConnectV2ActiveSessions(web3wallet).map((activeSession, index) => (
8 | {tryToDisplay(variable)}
40 | 41 |43 | 44 | 🔄 45 | 46 |
47 | 48 |
9 |
11 | ));
12 | }
13 |
14 | const WalletConnectActiveSession = ({ web3wallet, activeSession }) => {
15 | const walletConnectPeerMeta = activeSession?.peer?.metadata;
16 |
17 | return (
18 |
19 | {walletConnectPeerMeta?.icons[0] ? (
20 |
21 | {walletConnectPeerMeta?.icons[0] && (
22 | 
27 | )}
28 |
29 | ) : (
30 | ✅
31 | )}
32 | )"}
35 | value={walletConnectPeerMeta?.name ? walletConnectPeerMeta.name : "Wallet Connect"}
36 | disabled={true}
37 | />
38 |
39 | {
42 | await disconnectWallectConnectV2Session(web3wallet, activeSession.topic);
43 | }}
44 | >
45 | 🗑
46 |
47 |
48 | );
49 | };
50 |
--------------------------------------------------------------------------------
/packages/react-app/src/hooks/CustomContractLoader.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable import/no-dynamic-require */
2 | /* eslint-disable global-require */
3 | import { Contract } from "@ethersproject/contracts";
4 | import { useEffect, useState } from "react";
5 |
6 | /*
7 | when you want to load a local contract's abi but supply a custom address
8 | */
9 |
10 | /*
11 | ~ What it does? ~
12 |
13 | Enables you to load a local contract with custom address
14 |
15 | ~ How can I use? ~
16 |
17 | const customContract = useCustomContractLoader(localProvider, "YourContract", customAddress)
18 |
19 | ~ Features ~
20 |
21 | - Specify the localProvider
22 | - Specify the name of the contract, in this case it is "YourContract"
23 | - Specify the customAddress of your contract
24 | */
25 |
26 | export default function useCustomContractLoader(provider, contractName, address) {
27 | const [contract, setContract] = useState();
28 | useEffect(() => {
29 | async function loadContract() {
30 | if (typeof provider !== "undefined" && contractName && address) {
31 | try {
32 | // we need to check to see if this provider has a signer or not
33 | let signer;
34 | const accounts = await provider.listAccounts();
35 | if (accounts && accounts.length > 0) {
36 | signer = provider.getSigner();
37 | } else {
38 | signer = provider;
39 | }
40 |
41 | const customContract = new Contract(address, require(`../contracts/${contractName}.abi.js`), signer);
42 | try {
43 | customContract.bytecode = require(`../contracts/${contractName}.bytecode.js`);
44 | } catch (e) {
45 | console.log(e);
46 | }
47 |
48 | setContract(customContract);
49 | } catch (e) {
50 | console.log("ERROR LOADING CONTRACTS!!", e);
51 | }
52 | }
53 | }
54 | loadContract();
55 | }, [provider, contractName, address]);
56 | return contract;
57 | }
58 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/MoneriumHeader.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import { Button } from "antd";
4 | import { LoginOutlined, LogoutOutlined } from "@ant-design/icons";
5 |
6 | import { LogoOnLogo } from "./";
7 |
8 | import { getNewMoneriumClient, getAuthFlowURI, cleanStorage} from "../helpers/MoneriumHelper";
9 |
10 | export default function MoneriumHeader( { moneriumConnected, setMoneriumConnected, setPunkConnectedToMonerium, setMoneriumClient, setClientData} ) {
11 | const disconnectClient = () => {
12 | cleanStorage();
13 |
14 | setMoneriumConnected(false);
15 | setPunkConnectedToMonerium(false);
16 | setClientData(null);
17 |
18 | setMoneriumClient(getNewMoneriumClient());
19 | }
20 |
21 | return (
22 |
23 |
60 | );
61 | }
--------------------------------------------------------------------------------
/packages/react-app/src/hooks/ExchangePrice.js:
--------------------------------------------------------------------------------
1 | import { Fetcher, Route, Token, WETH } from "@uniswap/sdk";
2 | import { usePoller } from "eth-hooks";
3 | import { useEffect, useState } from "react";
4 |
5 | export default function useExchangePrice(targetNetwork, mainnetProvider, pollTime) {
6 | const [price, setPrice] = useState(0);
7 |
8 | useEffect(() => {
9 | setPrice(0);
10 | pollPrice();
11 | }, [targetNetwork]);
12 |
13 | const pollPrice = () => {
14 | async function getPrice() {
15 | if (targetNetwork && targetNetwork.price && targetNetwork.price.indexOf("uniswap") >= 0) {
16 | const DAI = new Token(
17 | mainnetProvider.network ? mainnetProvider.network.chainId : 1,
18 | "0x6B175474E89094C44Da98b954EedeAC495271d0F",
19 | 18,
20 | );
21 | const pair = await Fetcher.fetchPairData(DAI, WETH[DAI.chainId], mainnetProvider);
22 | const route = new Route([pair], WETH[DAI.chainId]);
23 | const priceOfETHinDAI = parseFloat(route.midPrice.toSignificant(6));
24 | let contractAddress = targetNetwork.price.replace("uniswap", "");
25 | contractAddress = contractAddress.replace(":", "");
26 | if (contractAddress) {
27 | const TOKEN = new Token(mainnetProvider.network ? mainnetProvider.network.chainId : 1, contractAddress, 18);
28 | const pair = await Fetcher.fetchPairData(WETH[TOKEN.chainId], TOKEN, mainnetProvider);
29 | const route = new Route([pair], TOKEN);
30 | const price = parseFloat(route.midPrice.toSignificant(6) * priceOfETHinDAI);
31 | setPrice(price);
32 | } else {
33 | setPrice(priceOfETHinDAI);
34 | }
35 | } else if (targetNetwork.price) {
36 | setPrice(targetNetwork.price);
37 | } else {
38 | setPrice(0);
39 | }
40 | }
41 | if (targetNetwork.price && !targetNetwork.price.indexOf) {
42 | setPrice(targetNetwork.price);
43 | } else {
44 | getPrice();
45 | }
46 | };
47 | usePoller(pollPrice, pollTime || 37777);
48 |
49 | return price;
50 | }
51 |
--------------------------------------------------------------------------------
/packages/react-app/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
12 |
13 |
17 |
18 |
27 | window.open('https://monerium.com/', '_blank')}>
26 |
27 | 
42 |
43 |
44 |
35 | MONERIUM
36 |
37 |
38 |
42 |
45 | :
59 |
15 |
17 | );
18 |
19 | export default function SelectorWithSettings({
20 | settingsHelper,
21 | itemCoreDisplay,
22 | settingsModalOpen,
23 | onChange,
24 | optionStyle,
25 | }) {
26 | const selectedItem = settingsHelper.getSelectedItem();
27 | const selectedItemName = selectedItem ? selectedItem.name : settingsHelper.items[0].name;
28 |
29 | const [currentValue, setCurrentValue] = useState(selectedItemName);
30 |
31 | useEffect(() => {
32 | // This is only needed once, after migrating an old storage key
33 | if (selectedItem && selectedItem.name != currentValue) {
34 | setCurrentValue(selectedItem.name);
35 | }
36 | }, [selectedItem]);
37 |
38 | const options = settingsHelper.sortedItems.map(item => option(item, itemCoreDisplay, optionStyle));
39 |
40 | options.push(option({ name: SETTINGS_NAME }, settingsOption, { fontSize: 32 }));
41 |
42 | const listHeight = window.innerHeight * 0.6;
43 |
44 | return (
45 |
46 |
65 |
66 | );
67 | }
68 |
--------------------------------------------------------------------------------
/packages/react-app/src/hooks/LookupAddress.js:
--------------------------------------------------------------------------------
1 | import { getAddress, isAddress } from "@ethersproject/address";
2 | import { useEffect, useState } from "react";
3 |
4 | // resolved if(name){} to not save "" into cache
5 |
6 | /*
7 | ~ What it does? ~
8 |
9 | Gets ENS name from given address and provider
10 |
11 | ~ How can I use? ~
12 |
13 | const ensName = useLookupAddress(mainnetProvider, address);
14 |
15 | ~ Features ~
16 |
17 | - Provide address and get ENS name corresponding to given address
18 | */
19 |
20 | const lookupAddress = async (provider, address) => {
21 | if (isAddress(address)) {
22 | // console.log(`looking up ${address}`)
23 | try {
24 | // Accuracy of reverse resolution is not enforced.
25 | // We then manually ensure that the reported ens name resolves to address
26 | const reportedName = await provider.lookupAddress(address);
27 |
28 | const resolvedAddress = await provider.resolveName(reportedName);
29 |
30 | if (getAddress(address) === getAddress(resolvedAddress)) {
31 | return reportedName;
32 | }
33 | return getAddress(address);
34 | } catch (e) {
35 | return getAddress(address);
36 | }
37 | }
38 | return 0;
39 | };
40 |
41 | const useLookupAddress = (provider, address) => {
42 | const [ensName, setEnsName] = useState(address);
43 | // const [ensCache, setEnsCache] = useLocalStorage('ensCache_'+address); Writing directly due to sync issues
44 |
45 | useEffect(() => {
46 | let cache = window.localStorage.getItem("ensCache_" + address);
47 | cache = cache && JSON.parse(cache);
48 |
49 | if (cache && cache.timestamp > Date.now()) {
50 | setEnsName(cache.name);
51 | } else if (provider) {
52 | lookupAddress(provider, address).then(name => {
53 | if (name) {
54 | setEnsName(name);
55 | window.localStorage.setItem(
56 | "ensCache_" + address,
57 | JSON.stringify({
58 | timestamp: Date.now() + 360000,
59 | name,
60 | }),
61 | );
62 | }
63 | });
64 | }
65 | }, [provider, address, setEnsName]);
66 |
67 | return ensName;
68 | };
69 |
70 | export default useLookupAddress;
71 |
--------------------------------------------------------------------------------
/docker/graph-node/cloudbuild.yaml:
--------------------------------------------------------------------------------
1 | options:
2 | machineType: "N1_HIGHCPU_32"
3 | timeout: 1800s
4 | steps:
5 | - name: 'gcr.io/cloud-builders/docker'
6 | args: ['build', '--target', 'graph-node-build',
7 | '--build-arg', 'COMMIT_SHA=$COMMIT_SHA',
8 | '--build-arg', 'REPO_NAME=$REPO_NAME',
9 | '--build-arg', 'BRANCH_NAME=$BRANCH_NAME',
10 | '--build-arg', 'TAG_NAME=$TAG_NAME',
11 | '-t', 'gcr.io/$PROJECT_ID/graph-node-build:$SHORT_SHA',
12 | '-f', 'docker/Dockerfile', '.']
13 | - name: 'gcr.io/cloud-builders/docker'
14 | args: ['build', '--target', 'graph-node',
15 | '--build-arg', 'COMMIT_SHA=$COMMIT_SHA',
16 | '--build-arg', 'REPO_NAME=$REPO_NAME',
17 | '--build-arg', 'BRANCH_NAME=$BRANCH_NAME',
18 | '--build-arg', 'TAG_NAME=$TAG_NAME',
19 | '-t', 'gcr.io/$PROJECT_ID/graph-node:$SHORT_SHA',
20 | '-f', 'docker/Dockerfile', '.']
21 | - name: 'gcr.io/cloud-builders/docker'
22 | args: ['build', '--target', 'graph-node-debug',
23 | '--build-arg', 'COMMIT_SHA=$COMMIT_SHA',
24 | '--build-arg', 'REPO_NAME=$REPO_NAME',
25 | '--build-arg', 'BRANCH_NAME=$BRANCH_NAME',
26 | '--build-arg', 'TAG_NAME=$TAG_NAME',
27 | '-t', 'gcr.io/$PROJECT_ID/graph-node-debug:$SHORT_SHA',
28 | '-f', 'docker/Dockerfile', '.']
29 | - name: 'gcr.io/cloud-builders/docker'
30 | args: ['tag',
31 | 'gcr.io/$PROJECT_ID/graph-node:$SHORT_SHA',
32 | 'lutter/graph-node:$SHORT_SHA']
33 | - name: 'gcr.io/cloud-builders/docker'
34 | entrypoint: 'bash'
35 | args: ['docker/tag.sh']
36 | secretEnv: ['PASSWORD']
37 | env:
38 | - 'SHORT_SHA=$SHORT_SHA'
39 | - 'TAG_NAME=$TAG_NAME'
40 | - 'PROJECT_ID=$PROJECT_ID'
41 | - 'DOCKER_HUB_USER=$_DOCKER_HUB_USER'
42 | - 'BRANCH_NAME=$BRANCH_NAME'
43 | images:
44 | - 'gcr.io/$PROJECT_ID/graph-node-build:$SHORT_SHA'
45 | - 'gcr.io/$PROJECT_ID/graph-node:$SHORT_SHA'
46 | - 'gcr.io/$PROJECT_ID/graph-node-debug:$SHORT_SHA'
47 | substitutions:
48 | # The owner of the access token whose encrypted value is in PASSWORD
49 | _DOCKER_HUB_USER: "lutter"
50 | secrets:
51 | - kmsKeyName: projects/the-graph-staging/locations/global/keyRings/docker/cryptoKeys/docker-hub-push
52 | secretEnv:
53 | PASSWORD: 'CiQAdfFldbmUiHgGP1lPq6bAOfd+VQ/dFwyohB1IQwiwQg03ZE8STQDvWKpv6eJHVUN1YoFC5FcooJrH+Stvx9oMD7jBjgxEH5ngIiAysWP3E4Pgxt/73xnaanbM1EQ94eVFKCiY0GaEKFNu0BJx22vCYmU4'
54 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/MoneriumCrossChainAddressSelector.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 |
3 | import { Radio, Select, Space } from "antd";
4 |
5 | import { NETWORKS } from "../constants";
6 |
7 | import { PunkBlockie } from "./";
8 |
9 | import {
10 | capitalizeFirstLetter,
11 | getAvailableTargetChainNames,
12 | getNetworkColor,
13 | getShortAddress,
14 | } from "../helpers/MoneriumHelper";
15 |
16 | const optionSize = 28;
17 |
18 | export default function MoneriumCrossChainAddressSelector({
19 | clientData,
20 | currentPunkAddress,
21 | targetChain,
22 | setTargetChain,
23 | targetAddress,
24 | setTargetAddress,
25 | networkName,
26 | }) {
27 | const radios = getAvailableTargetChainNames(networkName).map(targetChainName => radio(targetChainName));
28 |
29 | const options = clientData.addressesArray.map(address => option(address));
30 |
31 | return (
32 |
33 |
52 | );
53 | }
54 |
55 | const radio = networkName => {
56 | return (
57 |
34 | setTargetChain(e.target.value)} value={targetChain}>
35 |
36 | {radios}
37 |
38 |
39 |
40 |
41 |
50 |
51 |
77 |
82 | );
83 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/Reload.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 |
3 | import { ReloadOutlined } from "@ant-design/icons";
4 |
5 | import { ethers } from "ethers";
6 | import { JsonRpcProvider} from "@ethersproject/providers";
7 | import { formatEther } from "@ethersproject/units";
8 |
9 | import { NETWORKS } from "../constants";
10 |
11 | export default function Reload({ currentPunkAddress, localProvider, networkSettingsHelper, setTargetNetwork }) {
12 | const [checkingBalances, setCheckingBalances] = useState();
13 |
14 | return (
15 | {
25 | checkBalances(currentPunkAddress, checkingBalances, setCheckingBalances, localProvider, networkSettingsHelper, setTargetNetwork);
26 | }}
27 | >
28 |
78 |
80 | {getShortAddress(address)}
81 |
22 | {tokenCoreDisplay && tokenCoreDisplay(token)}
23 |
24 |
25 |
30 | {token.hasOwnProperty("address") ? (
31 |
56 |
57 | {setItemDetailed && (
58 | <>
59 | {tokenSettingsHelper.isCustomItem(token) && (
60 | <>
61 |
32 |
46 | copy(token.address, () =>
47 | message.success(Copied Contract Address),
48 | )
49 | }
50 | />
51 |
52 | ) : (
53 | window.open(tokenLink, "_blank")}
40 | >
41 | {token.address}
42 |
43 | Native Token
54 | )}
55 |
62 | }
66 | disabled={tokenSettingsHelper.isItemsTheSame(token, tokenSettingsHelper.getSelectedItem())}
67 | onClick={() => {
68 | tokenSettingsHelper.removeCustomItem(token);
69 | setItemDetailed();
70 | }}
71 | >
72 | Remove Custom Token
73 |
74 |
75 |
76 |
77 | {tokenSettingsHelper.isItemsTheSame(token, tokenSettingsHelper.getSelectedItem()) && (
78 |
81 |
82 | )}
83 |
84 | )}
85 |
86 | );
87 | }
88 |
--------------------------------------------------------------------------------
/docker/graph-node/start:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | save_coredumps() {
4 | graph_dir=/var/lib/graph
5 | datestamp=$(date +"%Y-%m-%dT%H:%M:%S")
6 | ls /core.* >& /dev/null && have_cores=yes || have_cores=no
7 | if [ -d "$graph_dir" -a "$have_cores" = yes ]
8 | then
9 | core_dir=$graph_dir/cores
10 | mkdir -p $core_dir
11 | exec >> "$core_dir"/messages 2>&1
12 | echo "${HOSTNAME##*-} Saving core dump on ${HOSTNAME} at ${datestamp}"
13 |
14 | dst="$core_dir/$datestamp-${HOSTNAME}"
15 | mkdir "$dst"
16 | cp /usr/local/bin/graph-node "$dst"
17 | cp /proc/loadavg "$dst"
18 | [ -f /Dockerfile ] && cp /Dockerfile "$dst"
19 | tar czf "$dst/etc.tgz" /etc/
20 | dmesg -e > "$dst/dmesg"
21 | # Capture environment variables, but filter out passwords
22 | env | sort | sed -r -e 's/^(postgres_pass|ELASTICSEARCH_PASSWORD)=.*$/\1=REDACTED/' > "$dst/env"
23 |
24 | for f in /core.*
25 | do
26 | echo "${HOSTNAME##*-} Found core dump $f"
27 | mv "$f" "$dst"
28 | done
29 | echo "${HOSTNAME##*-} Saving done"
30 | fi
31 | }
32 |
33 | wait_for_ipfs() {
34 | # Take the IPFS URL in $1 apart and extract host and port. If no explicit
35 | # host is given, use 443 for https, and 80 otherwise
36 | if [[ "$1" =~ ^((https?)://)?([^:/]+)(:([0-9]+))? ]]
37 | then
38 | proto=${BASH_REMATCH[2]:-http}
39 | host=${BASH_REMATCH[3]}
40 | port=${BASH_REMATCH[5]}
41 | if [ -z "$port" ]
42 | then
43 | [ "$proto" = "https" ] && port=443 || port=80
44 | fi
45 | wait_for "$host:$port" -t 120
46 | else
47 | echo "invalid IPFS URL: $1"
48 | exit 1
49 | fi
50 | }
51 |
52 | start_query_node() {
53 | export DISABLE_BLOCK_INGESTOR=true
54 | graph-node \
55 | --postgres-url "$postgres_url" \
56 | --ethereum-rpc $ethereum \
57 | --ipfs "$ipfs"
58 | }
59 |
60 | start_index_node() {
61 | # Only the index node with the name set in BLOCK_INGESTOR should ingest
62 | # blocks
63 | if [[ ${node_id} != "${BLOCK_INGESTOR}" ]]; then
64 | export DISABLE_BLOCK_INGESTOR=true
65 | fi
66 |
67 | graph-node \
68 | --node-id "${node_id//-/_}" \
69 | --postgres-url "$postgres_url" \
70 | --ethereum-rpc $ethereum \
71 | --ipfs "$ipfs"
72 | }
73 |
74 | start_combined_node() {
75 | graph-node \
76 | --postgres-url "$postgres_url" \
77 | --ethereum-rpc $ethereum \
78 | --ipfs "$ipfs"
79 | }
80 |
81 | postgres_url="postgresql://$postgres_user:$postgres_pass@$postgres_host/$postgres_db"
82 |
83 | wait_for_ipfs "$ipfs"
84 | wait_for "$postgres_host:5432" -t 120
85 | sleep 5
86 |
87 | trap save_coredumps EXIT
88 |
89 | export PGAPPNAME="${node_id-$HOSTNAME}"
90 |
91 | case "${node_role-combined-node}" in
92 | query-node)
93 | start_query_node
94 | ;;
95 | index-node)
96 | start_index_node
97 | ;;
98 | combined-node)
99 | start_combined_node
100 | ;;
101 | *)
102 | echo "Unknown mode for start-node: $1"
103 | echo "usage: start (combined-node|query-node|index-node)"
104 | exit 1
105 | esac
106 |
--------------------------------------------------------------------------------
/packages/react-app/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@scaffold-eth/react-app",
3 | "version": "1.0.0",
4 | "homepage": ".",
5 | "browserslist": [
6 | ">0.2%",
7 | "not dead",
8 | "not op_mini all"
9 | ],
10 | "dependencies": {
11 | "@ant-design/icons": "^4.2.2",
12 | "@apollo/react-hooks": "^4.0.0",
13 | "@monerium/sdk": "^2.10.0",
14 | "@ramp-network/ramp-instant-sdk": "^2.2.0",
15 | "@testing-library/jest-dom": "^5.11.4",
16 | "@testing-library/react": "^11.1.0",
17 | "@testing-library/user-event": "^12.1.8",
18 | "@uniswap/sdk": "^3.0.3",
19 | "@uniswap/v2-periphery": "^1.1.0-beta.0",
20 | "@walletconnect/utils": "^2.7.2",
21 | "@walletconnect/web3-provider": "^1.6.5",
22 | "@walletconnect/web3wallet": "^1.7.0",
23 | "antd": "^4.7.0",
24 | "apollo-boost": "^0.4.9",
25 | "apollo-client": "^2.6.10",
26 | "apollo-utilities": "^1.3.4",
27 | "axios": "^0.20.0",
28 | "bignumber.js": "^9.1.2",
29 | "bnc-notify": "^1.5.0",
30 | "burner-provider": "^1.0.38",
31 | "dotenv": "^8.2.0",
32 | "eth-hooks": "^1.1.2",
33 | "eth-url-parser": "^1.0.4",
34 | "ethers": "^5.7.2",
35 | "graphiql": "^1.0.5",
36 | "graphql": "^15.3.0",
37 | "iban": "^0.0.14",
38 | "ibantools": "^4.3.4",
39 | "isomorphic-fetch": "^3.0.0",
40 | "moment": "^2.29.4",
41 | "node-watch": "^0.7.1",
42 | "postcss": "^8.2.6",
43 | "qrcode.react": "^1.0.0",
44 | "react": "^16.14.0",
45 | "react-blockies": "^1.4.1",
46 | "react-css-theme-switcher": "^0.2.2",
47 | "react-dom": "^16.14.0",
48 | "react-infinite-scroll-component": "^6.1.0",
49 | "react-qr-reader-es6": "2.2.1-2",
50 | "react-router-dom": "^5.2.0",
51 | "react-scripts": "^3.4.3",
52 | "typescript": "^4.9.4",
53 | "web3modal": "^1.9.11",
54 | "zksync-web3": "^0.14.3"
55 | },
56 | "devDependencies": {
57 | "@testing-library/dom": "^6.12.2",
58 | "@types/react": "^16.9.19",
59 | "autoprefixer": "^10.2.4",
60 | "chalk": "^4.1.0",
61 | "eslint": "^7.5.0",
62 | "eslint-config-airbnb": "^18.2.0",
63 | "eslint-config-prettier": "^6.11.0",
64 | "eslint-plugin-babel": "^5.3.1",
65 | "eslint-plugin-import": "^2.22.1",
66 | "eslint-plugin-jsx-a11y": "^6.4.1",
67 | "eslint-plugin-prettier": "^3.1.4",
68 | "eslint-plugin-react": "^7.22.0",
69 | "eslint-plugin-react-hooks": "^4.2.0",
70 | "gulp": "^4.0.2",
71 | "gulp-csso": "^4.0.1",
72 | "gulp-debug": "^4.0.0",
73 | "gulp-less": "^4.0.1",
74 | "gulp-postcss": "^9.0.0",
75 | "ipfs-http-client": "^45.0.0",
76 | "less-plugin-npm-import": "^2.1.0",
77 | "prettier": "^2.0.5",
78 | "s3-folder-upload": "^2.3.1",
79 | "surge": "^0.21.5"
80 | },
81 | "eslintConfig": {
82 | "extends": "react-app"
83 | },
84 | "scripts": {
85 | "build": "react-scripts --openssl-legacy-provider build",
86 | "eject": "react-scripts eject",
87 | "start": "react-scripts --openssl-legacy-provider start",
88 | "test": "react-scripts test",
89 | "lint": "eslint --config ./.eslintrc.js --ignore-path ./.eslintignore ./src/**/*",
90 | "ipfs": "node ./scripts/ipfs.js",
91 | "surge": "surge ./build",
92 | "s3": "node ./scripts/s3.js",
93 | "ship": "yarn surge",
94 | "theme": "npx gulp less",
95 | "watch": "node ./scripts/watch.js"
96 | }
97 | }
98 |
--------------------------------------------------------------------------------
/packages/hardhat/scripts/publish.js:
--------------------------------------------------------------------------------
1 | const fs = require("fs");
2 | const chalk = require("chalk");
3 | const bre = require("hardhat");
4 |
5 | const publishDir = "../react-app/src/contracts";
6 | const graphDir = "../subgraph"
7 |
8 | function publishContract(contractName) {
9 | console.log(
10 | " 💽 Publishing",
11 | chalk.cyan(contractName),
12 | "to",
13 | chalk.gray(publishDir)
14 | );
15 | try {
16 | let contract = fs
17 | .readFileSync(`${bre.config.paths.artifacts}/contracts/${contractName}.sol/${contractName}.json`)
18 | .toString();
19 | const address = fs
20 | .readFileSync(`${bre.config.paths.artifacts}/${contractName}.address`)
21 | .toString();
22 | contract = JSON.parse(contract);
23 | let graphConfigPath = `${graphDir}/config/config.json`
24 | let graphConfig
25 | try {
26 | if (fs.existsSync(graphConfigPath)) {
27 | graphConfig = fs
28 | .readFileSync(graphConfigPath)
29 | .toString();
30 | } else {
31 | graphConfig = '{}'
32 | }
33 | } catch (e) {
34 | console.log(e)
35 | }
36 |
37 | graphConfig = JSON.parse(graphConfig)
38 | graphConfig[contractName + "Address"] = address
39 | fs.writeFileSync(
40 | `${publishDir}/${contractName}.address.js`,
41 | `module.exports = "${address}";`
42 | );
43 | fs.writeFileSync(
44 | `${publishDir}/${contractName}.abi.js`,
45 | `module.exports = ${JSON.stringify(contract.abi, null, 2)};`
46 | );
47 | fs.writeFileSync(
48 | `${publishDir}/${contractName}.bytecode.js`,
49 | `module.exports = "${contract.bytecode}";`
50 | );
51 |
52 | const folderPath = graphConfigPath.replace("/config.json","")
53 | if (!fs.existsSync(folderPath)){
54 | fs.mkdirSync(folderPath);
55 | }
56 | fs.writeFileSync(
57 | graphConfigPath,
58 | JSON.stringify(graphConfig, null, 2)
59 | );
60 | fs.writeFileSync(
61 | `${graphDir}/abis/${contractName}.json`,
62 | JSON.stringify(contract.abi, null, 2)
63 | );
64 |
65 | console.log(" 📠 Published "+chalk.green(contractName)+" to the frontend.")
66 |
67 | return true;
68 | } catch (e) {
69 | if(e.toString().indexOf("no such file or directory")>=0){
70 | console.log(chalk.yellow(" ⚠️ Can't publish "+contractName+" yet (make sure it getting deployed)."))
71 | }else{
72 | console.log(e);
73 | return false;
74 | }
75 | }
76 | }
77 |
78 | async function main() {
79 | if (!fs.existsSync(publishDir)) {
80 | fs.mkdirSync(publishDir);
81 | }
82 | const finalContractList = [];
83 | fs.readdirSync(bre.config.paths.sources).forEach((file) => {
84 | if (file.indexOf(".sol") >= 0) {
85 | const contractName = file.replace(".sol", "");
86 | // Add contract to list if publishing is successful
87 | if (publishContract(contractName)) {
88 | finalContractList.push(contractName);
89 | }
90 | }
91 | });
92 | fs.writeFileSync(
93 | `${publishDir}/contracts.js`,
94 | `module.exports = ${JSON.stringify(finalContractList)};`
95 | );
96 | }
97 | main()
98 | .then(() => process.exit(0))
99 | .catch((error) => {
100 | console.error(error);
101 | process.exit(1);
102 | });
103 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/CustomRPC.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | import { Button, Input, Spin } from "antd";
4 | import { ApiOutlined, DeleteOutlined, DisconnectOutlined } from "@ant-design/icons";
5 |
6 | import { PasteButton } from ".";
7 |
8 | import { getShortRPC, CUSTOM_RPC_KEY } from "../helpers/NetworkSettingsHelper";
9 |
10 | export default function CustomRPC({
11 | network,
12 | userValue,
13 | setUserValue,
14 | validRPC,
15 | setValidRPC,
16 | loading,
17 | storedRPC,
18 | networkSettingsHelper,
19 | setTargetNetwork,
20 | }) {
21 | return (
22 | <>
23 | Cannot remove the selected token!
79 | )}
80 |
24 |
38 |
25 | {
29 | setUserValue(e.target.value);
30 | }}
31 | disabled={storedRPC}
32 | />
33 |
34 |
35 |
37 |
39 |
51 |
52 | );
53 | }
54 |
55 | const RPC = ({
56 | network,
57 | rpc,
58 | setUserValue,
59 | validRPC,
60 | setValidRPC,
61 | loading,
62 | storedRPC,
63 | networkSettingsHelper,
64 | setTargetNetwork,
65 | }) => {
66 | if (loading) {
67 | return
76 |
90 | );
91 | };
92 |
93 | const RemoveButton = ({ networkSettingsHelper, network, setTargetNetwork, setUserValue, setValidRPC }) => {
94 | return (
95 | {validRPC ? getShortRPC(rpc) : "Invalid RPC"}
77 |
78 | {validRPC ?
96 | }
98 | onClick={async () => {
99 | networkSettingsHelper.removeItemSetting(network, CUSTOM_RPC_KEY);
100 | setTargetNetwork(networkSettingsHelper.getSelectedItem(true));
101 | setUserValue();
102 | setValidRPC();
103 | }}
104 | >
105 | Delete RPC
106 |
107 |
108 | );
109 | };
110 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@scaffold-eth/monorepo",
3 | "version": "1.0.0",
4 | "keywords": [
5 | "ethereum",
6 | "react",
7 | "uniswap",
8 | "workspaces",
9 | "yarn"
10 | ],
11 | "private": true,
12 | "scripts": {
13 | "react-app:build": "yarn workspace @scaffold-eth/react-app build --max-old-space-size=12288",
14 | "react-app:eject": "yarn workspace @scaffold-eth/react-app eject",
15 | "react-app:start": "yarn workspace @scaffold-eth/react-app start",
16 | "react-app:test": "yarn workspace @scaffold-eth/react-app test",
17 | "build": "yarn workspace @scaffold-eth/react-app build --max-old-space-size=12288",
18 | "chain": "yarn workspace @scaffold-eth/hardhat chain",
19 | "fork": "yarn workspace @scaffold-eth/hardhat fork",
20 | "node": "yarn workspace @scaffold-eth/hardhat chain",
21 | "test": "yarn workspace @scaffold-eth/hardhat test",
22 | "start": "yarn workspace @scaffold-eth/react-app start",
23 | "compile": "yarn workspace @scaffold-eth/hardhat compile",
24 | "deploy": "yarn workspace @scaffold-eth/hardhat deploy",
25 | "watch": "yarn workspace @scaffold-eth/hardhat watch",
26 | "accounts": "yarn workspace @scaffold-eth/hardhat accounts",
27 | "balance": "yarn workspace @scaffold-eth/hardhat balance",
28 | "send": "yarn workspace @scaffold-eth/hardhat send",
29 | "ipfs": "yarn workspace @scaffold-eth/react-app ipfs",
30 | "surge": "yarn workspace @scaffold-eth/react-app surge",
31 | "s3": "yarn workspace @scaffold-eth/react-app s3",
32 | "ship": "yarn workspace @scaffold-eth/react-app ship",
33 | "generate": "yarn workspace @scaffold-eth/hardhat generate",
34 | "account": "yarn workspace @scaffold-eth/hardhat account",
35 | "mineContractAddress": "cd packages/hardhat && npx hardhat mineContractAddress",
36 | "wallet": "cd packages/hardhat && npx hardhat wallet",
37 | "fundedwallet": "cd packages/hardhat && npx hardhat fundedwallet",
38 | "flatten": "cd packages/hardhat && npx hardhat flatten",
39 | "graph-run-node": "cd docker/graph-node && docker-compose up",
40 | "graph-remove-node": "cd docker/graph-node && docker-compose down",
41 | "graph-prepare": "mustache packages/subgraph/config/config.json packages/subgraph/src/subgraph.template.yaml > packages/subgraph/subgraph.yaml",
42 | "graph-codegen": "yarn workspace @scaffold-eth/subgraph graph codegen",
43 | "graph-build": "yarn workspace @scaffold-eth/subgraph graph build",
44 | "graph-create-local": "yarn workspace @scaffold-eth/subgraph graph create --node http://localhost:8020/ scaffold-eth/your-contract",
45 | "graph-remove-local": "yarn workspace @scaffold-eth/subgraph graph remove --node http://localhost:8020/ scaffold-eth/your-contract",
46 | "graph-deploy-local": "yarn workspace @scaffold-eth/subgraph graph deploy --node http://localhost:8020/ --ipfs http://localhost:5001 scaffold-eth/your-contract",
47 | "graph-ship-local": "yarn graph-prepare && yarn graph-codegen && yarn graph-deploy-local",
48 | "deploy-and-graph": "yarn deploy && yarn graph-ship-local",
49 | "theme": "yarn workspace @scaffold-eth/react-app theme",
50 | "watch-theme": "yarn workspace @scaffold-eth/react-app watch"
51 | },
52 | "workspaces": {
53 | "packages": [
54 | "packages/*"
55 | ],
56 | "nohoist": [
57 | "**/@graphprotocol/graph-ts",
58 | "**/@graphprotocol/graph-ts/**",
59 | "**/hardhat",
60 | "**/hardhat/**"
61 | ]
62 | }
63 | }
64 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/BytesStringInput.jsx:
--------------------------------------------------------------------------------
1 | import { Input } from "antd";
2 | import React, { useEffect, useState } from "react";
3 |
4 | const { utils, constants } = require("ethers");
5 |
6 | /*
7 | ~ What it does? ~
8 |
9 | Displays input field with options to convert between STRING and BYTES32
10 |
11 | ~ How can I use? ~
12 |
13 | {
43 | if (mode === "STRING") {
44 | setMode("BYTES32");
45 | if (!utils.isHexString(currentValue)) {
46 | /* in case user enters invalid bytes32 number,
47 | it considers it as string and converts to bytes32 */
48 | const changedValue = utils.formatBytes32String(currentValue);
49 | setDisplay(changedValue);
50 | } else {
51 | setDisplay(currentValue);
52 | }
53 | } else {
54 | setMode("STRING");
55 | if (currentValue && utils.isHexString(currentValue)) {
56 | setDisplay(utils.parseBytes32String(currentValue));
57 | } else {
58 | setDisplay(currentValue);
59 | }
60 | }
61 | }}
62 | >
63 | {title}
64 |
65 | );
66 | };
67 |
68 | let addonAfter;
69 | if (mode === "STRING") {
70 | addonAfter = option("STRING 🔀");
71 | } else {
72 | addonAfter = option("BYTES32 🔀");
73 | }
74 |
75 | useEffect(() => {
76 | if (!currentValue) {
77 | setDisplay("");
78 | }
79 | }, [currentValue]);
80 |
81 | return (
82 | {
88 | const newValue = e.target.value;
89 | if (mode === "STRING") {
90 | // const ethValue = parseFloat(newValue) / props.price;
91 | // setValue(ethValue);
92 | if (typeof props.onChange === "function") {
93 | props.onChange(utils.formatBytes32String(newValue));
94 | }
95 | setValue(utils.formatBytes32String(newValue));
96 | setDisplay(newValue);
97 | } else {
98 | if (typeof props.onChange === "function") {
99 | props.onChange(newValue);
100 | }
101 | setValue(newValue);
102 | setDisplay(newValue);
103 | }
104 | }}
105 | />
106 | );
107 | }
108 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/index.js:
--------------------------------------------------------------------------------
1 | export { default as Account } from "./Account";
2 | export { default as Address } from "./Address";
3 | export { default as AddressInput } from "./AddressInput";
4 | export { default as AmountDollarSwitch } from "./AmountDollarSwitch";
5 | export { default as Balance } from "./Balance";
6 | export { default as Blockie } from "./Blockie";
7 | export { default as BytesStringInput } from "./BytesStringInput";
8 | export { default as CustomRPC } from "./CustomRPC";
9 | export { default as ERC20Balance } from "./ERC20Balance";
10 | export { default as ERC20Input } from "./ERC20Input";
11 | export { default as Contract } from "./Contract";
12 | export { default as EtherInput } from "./EtherInput";
13 | export { default as Faucet } from "./Faucet";
14 | export { default as GasGauge } from "./GasGauge";
15 | export { default as Header } from "./Header";
16 | export { default as IFrame } from "./IFrame";
17 | export { default as LogoOnLogo } from "./LogoOnLogo";
18 | export { default as Monerium } from "./Monerium";
19 | export { default as MoneriumBalances } from "./MoneriumBalances";
20 | export { default as MoneriumCrossChainAddressSelector } from "./MoneriumCrossChainAddressSelector";
21 | export { default as MoneriumDescription } from "./MoneriumDescription";
22 | export { default as MoneriumHeader } from "./MoneriumHeader";
23 | export { default as MoneriumIban } from "./MoneriumIban";
24 | export { default as MoneriumOnChainCrossChainRadio } from "./MoneriumOnChainCrossChainRadio";
25 | export { default as MoneriumPunkNotConnected } from "./MoneriumPunkNotConnected";
26 | export { default as NetworkDetailedDisplay } from "./NetworkDetailedDisplay";
27 | export { default as NetworkDisplay } from "./NetworkDisplay";
28 | export { default as PasteButton } from "./PasteButton";
29 | export { default as Provider } from "./Provider";
30 | export { default as Punk } from "./Punk";
31 | export { default as PunkBlockie } from "./PunkBlockie";
32 | export { default as QRPunkBlockie } from "./QRPunkBlockie";
33 | export { default as Ramp } from "./Ramp";
34 | export { default as Reload } from "./Reload";
35 | export { default as SelectorWithSettings } from "./SelectorWithSettings";
36 | export { default as SettingsModal } from "./SettingsModal";
37 | export { default as Swap } from "./Swap";
38 | export { default as ThemeSwitch } from "./ThemeSwitch";
39 | export { default as Timeline } from "./Timeline";
40 | export { default as TokenDetailedDisplay } from "./TokenDetailedDisplay";
41 | export { default as TokenBalance } from "./TokenBalance";
42 | export { default as TokenDisplay } from "./TokenDisplay";
43 | export { default as TokenImportDisplay } from "./TokenImportDisplay";
44 | export { default as TransactionDisplay } from "./TransactionDisplay";
45 | export { default as TransactionHistory } from "./TransactionHistory";
46 | export { default as TransactionResponseDisplay } from "./TransactionResponseDisplay";
47 | export { default as TransactionResponses } from "./TransactionResponses";
48 | export { default as Wallet } from "./Wallet";
49 | export { default as WalletImport } from "./WalletImport";
50 | export { default as WalletConnectActiveSessions } from "./WalletConnectActiveSessions";
51 | export { default as WalletConnectTransactionDisplay } from "./WalletConnectTransactionDisplay";
52 | export { default as WalletConnectTransactionPopUp } from "./WalletConnectTransactionPopUp";
53 | export { default as WalletConnectV2ConnectionError } from "./WalletConnectV2ConnectionError";
54 |
--------------------------------------------------------------------------------
/packages/react-app/src/helpers/NetworkSettingsHelper.js:
--------------------------------------------------------------------------------
1 | import { StaticJsonRpcProvider } from "@ethersproject/providers";
2 |
3 | import { getBLockExplorer, getChain } from "./ChainHelper";
4 |
5 | export const NETWORK_SETTINGS_STORAGE_KEY = "networkSettings";
6 |
7 | export const SELECTED_BLOCK_EXPORER_NAME_KEY = "selectedBlockExplorerName";
8 | export const SELECTED_BLOCK_EXPORER_URL_KEY = "selectedBlockExplorerURL";
9 | export const CUSTOM_RPC_KEY = "customRPC";
10 |
11 | export const getNetworkWithSettings = (network, networkSettings) => {
12 | const networkWithSettings = {};
13 |
14 | const selectedBlockExplorerURL = networkSettings[SELECTED_BLOCK_EXPORER_URL_KEY];
15 |
16 | if (selectedBlockExplorerURL) {
17 | networkWithSettings.blockExplorer = selectedBlockExplorerURL;
18 | }
19 |
20 | const customRPC = networkSettings[CUSTOM_RPC_KEY];
21 |
22 | if (customRPC) {
23 | networkWithSettings.rpcUrl = customRPC;
24 | }
25 |
26 | return { ...network, ...networkWithSettings };
27 | };
28 |
29 | export const getShortRPC = rpc => {
30 | const RPC_URL_BEGINNING = "://";
31 |
32 | try {
33 | let startIndex = rpc.indexOf(RPC_URL_BEGINNING);
34 |
35 | if (startIndex === -1) {
36 | startIndex = 0;
37 | } else {
38 | startIndex = startIndex + RPC_URL_BEGINNING.length;
39 | }
40 |
41 | let endIndex = rpc.indexOf("/", startIndex);
42 |
43 | if (endIndex === -1) {
44 | endIndex = rpc.length;
45 | }
46 |
47 | return rpc.substring(startIndex, endIndex);
48 | } catch (error) {
49 | console.error("Couldn't get short RPC", error);
50 |
51 | return rpc;
52 | }
53 | };
54 |
55 | export const migrateSelectedNetworkStorageSetting = networkSettingsHelper => {
56 | // Old code
57 | // const cachedNetwork = window.localStorage.getItem("network");
58 |
59 | try {
60 | const oldKey = "network";
61 |
62 | const oldValue = localStorage.getItem(oldKey);
63 |
64 | if (!oldValue) {
65 | return;
66 | }
67 |
68 | localStorage.removeItem(oldKey);
69 |
70 | networkSettingsHelper.updateSelectedName(oldValue);
71 | } catch (error) {
72 | console.error("Coudn't migrate selected token name setting", error);
73 | }
74 | };
75 |
76 | export const validateRPC = async (
77 | setLoading,
78 | network,
79 | rpc,
80 | currentPunkAddress,
81 | networkSettingsHelper,
82 | setTargetNetwork,
83 | setValidRPC,
84 | ) => {
85 | setLoading(true);
86 |
87 | const validRPC = await isValidRPC(rpc, currentPunkAddress, network);
88 |
89 | if (validRPC) {
90 | networkSettingsHelper.updateItemSettings(network, {
91 | [CUSTOM_RPC_KEY]: rpc,
92 | });
93 |
94 | setTargetNetwork(networkSettingsHelper.getSelectedItem(true));
95 | }
96 |
97 | setValidRPC(validRPC);
98 |
99 | setLoading(false);
100 | };
101 |
102 | const isValidRPC = async (rpc, currentPunkAddress, network) => {
103 | try {
104 | const provider = new StaticJsonRpcProvider(rpc);
105 |
106 | const nonce = await provider.getTransactionCount(currentPunkAddress);
107 |
108 | const rpcNetwork = await provider.getNetwork();
109 |
110 | if (network?.chainId !== rpcNetwork?.chainId) {
111 | console.log("ChainId doesn't match current networ's chainId", network?.chainId, rpcNetwork?.chainId);
112 |
113 | return false;
114 | }
115 |
116 | return true;
117 | } catch (error) {
118 | console.log("Couldn't validate RPC", error);
119 |
120 | return false;
121 | }
122 | };
123 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/Faucet.jsx:
--------------------------------------------------------------------------------
1 | import { SendOutlined } from "@ant-design/icons";
2 | import { parseEther } from "@ethersproject/units";
3 | import { Button, Input, Tooltip } from "antd";
4 | import { useLookupAddress } from "eth-hooks";
5 | import React, { useCallback, useState } from "react";
6 | import Blockies from "react-blockies";
7 | import { Transactor } from "../helpers";
8 |
9 | // improved a bit by converting address to ens if it exists
10 | // added option to directly input ens name
11 | // added placeholder option
12 |
13 | /*
14 | ~ What it does? ~
15 |
16 | Displays a local faucet to send ETH to given address, also wallet is provided
17 |
18 | ~ How can I use? ~
19 |
20 | {
75 | setShowHistory(!showHistory)
76 | }
77 | }
78 | >
79 |
81 | }
82 |
83 | {(transactionResponsesArray.length > 0) && showHistory &&
16 |
28 | );
29 | }
30 |
31 | const EUReBalances = ( {balances} ) => {
32 | const ethereumImgSrc = "ethereum-bgfill-icon.svg";
33 | const ethereumBalance = balances.ethereum;
34 |
35 | const polygonImgSrc = "polygon-bgfill-icon.svg";
36 | const polygonBalance = balances.polygon;
37 |
38 | const gnosisImgSrc = "gnosis-bgfill-icon.svg";
39 | const gnosisBalance = balances.gnosis;
40 |
41 | return (
42 |
17 |
24 |
25 | €{balance ? balance : "0.00"}
26 |
27 |
43 |
44 |
45 |
46 |
47 | );
48 | }
49 |
50 | const accountAddress = currentPunkAddress;
51 | let part1 = accountAddress && accountAddress.substr(2,20)
52 | let part2= accountAddress && accountAddress.substr(22)
53 | const x = parseInt(part1, 16)%100
54 | const y = parseInt(part2, 16)%100
55 | const iconPunkSize = 32;
56 |
57 | return (
58 | <>
59 |
60 | {showBalances &&
81 |
82 | {showBalances &&
61 |
68 | }
69 |
70 |
62 |
63 |
64 |
63 |
65 | {getShortAddress(accountAddress)}
66 |
67 | {
74 | setShowBalances(!showBalances)
75 | }
76 | }
77 | >
78 |
80 |
83 |
85 | }
86 |
87 | );
88 | }
--------------------------------------------------------------------------------
/packages/react-app/src/components/Address.jsx:
--------------------------------------------------------------------------------
1 | import { Skeleton, Typography } from "antd";
2 | import React from "react";
3 | import Blockies from "react-blockies";
4 | import { useThemeSwitcher } from "react-css-theme-switcher";
5 | import { useLookupAddress } from "../hooks";
6 |
7 | // changed value={address} to address={address}
8 |
9 | /*
10 | ~ What it does? ~
11 |
12 | Displays an address with a blockie image and option to copy address
13 |
14 | ~ How can I use? ~
15 |
16 |
22 |
23 | ~ Features ~
24 |
25 | - Provide ensProvider={mainnetProvider} and your address will be replaced by ENS name
26 | (ex. "0xa870" => "user.eth")
27 | - Provide blockExplorer={blockExplorer}, click on address and get the link
28 | (ex. by default "https://etherscan.io/" or for xdai "https://blockscout.com/poa/xdai/")
29 | - Provide fontSize={fontSize} to change the size of address text
30 | */
31 |
32 | const { Text } = Typography;
33 |
34 | const blockExplorerLink = (address, blockExplorer) =>
35 | `${blockExplorer || "https://etherscan.io/"}${"address/"}${address}`;
36 |
37 | export default function Address(props) {
38 | const address = props.value || props.address;
39 |
40 | const ens = useLookupAddress(props.ensProvider, address);
41 |
42 | const { currentTheme } = useThemeSwitcher();
43 |
44 | if (!address) {
45 | return (
46 |
47 |
112 | {
115 | if (price) {
116 | setDollarMode(!dollarMode);
117 | }
118 | }}
119 | >
120 | {!displayedNumber || loading ?
123 | );
124 | }
125 |
126 | const Display = ({ displayedNumber, dollarMode }) => {
127 | if (dollarMode) {
128 | return "$" + displayedNumber;
129 | } else {
130 | return displayedNumber;
131 | }
132 | };
133 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/TransactionHistory.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 | import { Button, Divider, List } from 'antd';
3 |
4 | import InfiniteScroll from 'react-infinite-scroll-component';
5 |
6 | import { TransactionResponseDisplay, TransactionDisplay } from "./";
7 |
8 | import { appendDeletedOrderIdToLocalStorage, getChainId } from "../helpers/MoneriumHelper";
9 |
10 | import { NETWORKS } from "../constants";
11 |
12 | const getDate = (transactionResponse) => {
13 | return transactionResponse?.date ? transactionResponse.date : transactionResponse?.meta?.placedAt;
14 | }
15 |
16 | export default function TransactionHistory({ transactionResponsesArray, transactionManager, blockExplorer, useInfiniteScroll = false }) {
17 | const sortedTransactionResponsesArray = transactionResponsesArray.sort(
18 | (a, b) => {
19 | return new Date(getDate(b)) - new Date(getDate(a));
20 | }
21 | )
22 |
23 | const transactionList = (
24 | - (
28 |
80 | {useInfiniteScroll ?
81 |
108 | );
109 | }
110 |
--------------------------------------------------------------------------------
/packages/react-app/src/helpers/PolygonTransferWithAuthorizationHelper.js:
--------------------------------------------------------------------------------
1 | // USDC implements EIP-3009
2 | // https://github.com/centrehq/centre-tokens/blob/0d3cab14ebd133a83fc834dbd48d0468bdf0b391/contracts/v2/EIP3009.sol
3 | // On Polygon a slightly different version is deployed, where EIP_712 version is "1" and the domain uses salt instead of the chainId
4 | // https://polygonscan.com/address/0x2791bca1f2de4661ed88a30c99a7a9449aa84174#readProxyContract
5 |
6 | // Instead of calling the transfer function on the token contract and pay for the transaction fee,
7 | // we can sign the transferWithAuthorization message, and execute it
8 | // from a different "relayer account", who has MATIC to pay for the transaction.
9 |
10 | // PolygonNativeMetaTransaction should work for USDC as well, USDC contract handles nonces differently than DAI and USDT though
11 | // USDC has the nonces method instead of getNonce
12 |
13 | import { createEthersWallet } from "./EIP1559Helper";
14 | import { getAmount } from "./ERC20Helper";
15 | import { sendTransactionViaRelayerAccount } from "./PolygonRelayerAccountHelper";
16 | import { NETWORKS, POLYGON_USDC_ADDRESS } from "../constants";
17 |
18 | const { ethers, BigNumber } = require("ethers");
19 |
20 | const ABI = [
21 | "function transferWithAuthorization (address from, address to, uint256 value, uint256 validAfter, uint256 validBefore, bytes32 nonce, uint8 v, bytes32 r, bytes32 s)"
22 | ];
23 |
24 | export const transferWithAuthorization = async (token, to, value) => {
25 | value = getAmount(value, token.decimals);
26 |
27 | const validAfter = "0x0000000000000000000000000000000000000000000000000000000000000001"; // signature valid from the beginning
28 |
29 | const provider = new ethers.providers.JsonRpcProvider(NETWORKS.polygon.rpcUrl);
30 | const timestamp = (await provider.getBlock()).timestamp + 60; // signature valid till a minute
31 | const validBefore = ethers.utils.hexZeroPad(BigNumber.from(timestamp).toHexString(), 32);
32 |
33 | const nonce = ethers.utils.hexlify(ethers.utils.randomBytes(32)); // eip-3009 uses Unique Random Nonces
34 |
35 | const signerWallet = createEthersWallet();
36 | const transferWithAuthorizationSignature = await getTransferWithAuthorizationSignature(signerWallet, to, value, validAfter, validBefore, nonce);
37 |
38 | const contract = new ethers.Contract(POLYGON_USDC_ADDRESS, ABI, provider);
39 |
40 | const txParams =
41 | await contract.populateTransaction.transferWithAuthorization(
42 | signerWallet.address, to, value, validAfter, validBefore, nonce, transferWithAuthorizationSignature.v, transferWithAuthorizationSignature.r, transferWithAuthorizationSignature.s);
43 |
44 | console.log("txParams", JSON.parse(JSON.stringify(txParams)));
45 |
46 | txParams.chainId = NETWORKS.polygon.chainId;
47 |
48 | return sendTransactionViaRelayerAccount(txParams, signerWallet.address, provider);
49 | }
50 |
51 | const getTransferWithAuthorizationSignature = async (signer, to, value, validAfter, validBefore, nonce) => {
52 | const name = "USD Coin (PoS)";
53 | const version = "1";
54 | const verifyingContract = POLYGON_USDC_ADDRESS;
55 | const salt = ethers.utils.hexZeroPad(ethers.utils.hexlify(NETWORKS.polygon.chainId), 32);
56 |
57 | return ethers.utils.splitSignature(
58 | await signer._signTypedData(
59 | {
60 | name,
61 | version,
62 | verifyingContract,
63 | salt
64 | },
65 | {
66 | TransferWithAuthorization: [
67 | {
68 | name: "from",
69 | type: "address",
70 | },
71 | {
72 | name: "to",
73 | type: "address",
74 | },
75 | {
76 | name: "value",
77 | type: "uint256",
78 | },
79 | {
80 | name: "validAfter",
81 | type: "uint256",
82 | },
83 | {
84 | name: "validBefore",
85 | type: "uint256",
86 | },
87 | {
88 | name: "nonce",
89 | type: "bytes32",
90 | }
91 | ],
92 | },
93 | {
94 | from: signer.address,
95 | to,
96 | value,
97 | validAfter,
98 | validBefore,
99 | nonce,
100 | }
101 | )
102 | )
103 | }
--------------------------------------------------------------------------------
/packages/react-app/src/helpers/ERC20Helper.js:
--------------------------------------------------------------------------------
1 | import { NETWORKS } from "../constants";
2 |
3 | const { ethers, BigNumber, utils } = require("ethers");
4 |
5 | // https://docs.ethers.org/v5/single-page/#/v5/api/contract/example/-%23-example-erc-20-contract--connecting-to-a-contract
6 | // A Human-Readable ABI; for interacting with the contract, we
7 | // must include any fragment we wish to use
8 | const abi = [
9 | "function balanceOf(address owner) view returns (uint256)",
10 | "function decimals() view returns (uint8)",
11 | "function symbol() view returns (string)",
12 | "function transfer(address to, uint amount) returns (bool)",
13 | ];
14 |
15 | export class ERC20Helper {
16 | constructor(tokenAddress, wallet, rpcURL) {
17 | this.tokenAddress = tokenAddress;
18 | this.wallet = wallet;
19 |
20 | let provider;
21 |
22 | if (!wallet && rpcURL) {
23 | provider = new ethers.providers.StaticJsonRpcProvider(rpcURL);
24 | }
25 |
26 | let signerOrProvider = wallet ? wallet : provider ? provider : undefined;
27 |
28 | this.contract = new ethers.Contract(tokenAddress, abi, signerOrProvider);
29 | }
30 |
31 | balanceOf = address => this.contract.balanceOf(address);
32 |
33 | symbol = () => this.contract.symbol();
34 |
35 | decimals = () => this.contract.decimals();
36 |
37 | transfer = (toAddress, amount) => this.contract.transfer(toAddress, amount);
38 |
39 | transferPopulateTransaction = (toAddress, amount) => this.contract.populateTransaction.transfer(toAddress, amount);
40 | }
41 |
42 | export const getAmount = (amount, decimals) => {
43 | if (utils.isHexString(amount)) {
44 | return amount;
45 | }
46 |
47 | return getDecimalCorrectedAmountBigNumber(amount, decimals).toHexString();
48 | };
49 |
50 | export const getDecimalCorrectedAmountBigNumber = (amountNumber, decimals) =>
51 | utils.parseUnits(amountNumber.toString(), decimals);
52 |
53 | export const getInverseDecimalCorrectedAmountNumber = (amountBigNumber, decimals) =>
54 | Number(utils.formatUnits(amountBigNumber.toString(), decimals));
55 |
56 | export const getDisplayNumberWithDecimals = (number, dollarMode) => {
57 | let decimals = 2;
58 |
59 | if (!dollarMode && number < 1) {
60 | decimals = 4;
61 | }
62 |
63 | return number.toFixed(decimals);
64 | };
65 |
66 | export const getTokenBalance = async (token, rpcURL, address) => {
67 | const erc20Helper = new ERC20Helper(token.address, null, rpcURL);
68 |
69 | const balanceBigNumber = await erc20Helper.balanceOf(address);
70 |
71 | return balanceBigNumber;
72 | };
73 |
74 | export const getTransferTxParams = (token, to, amount) => {
75 | const erc20Helper = new ERC20Helper(token.address);
76 |
77 | return erc20Helper.transferPopulateTransaction(to, getAmount(amount, token.decimals));
78 | };
79 |
80 | const checkBalance = async (token, rpcURL, address, balance, setBalance, intervalId) => {
81 | try {
82 | const balanceBigNumber = BigNumber.from(balance);
83 |
84 | const currentBalanceBigNumber = await getTokenBalance(token, rpcURL, address);
85 |
86 | if (!balanceBigNumber.eq(currentBalanceBigNumber)) {
87 | setBalance(currentBalanceBigNumber.toHexString());
88 |
89 | clearInterval(intervalId);
90 | }
91 | } catch (error) {
92 | console.error("Couldn't check balance", error);
93 | }
94 | };
95 |
96 | export const monitorBalance = (token, rpcURL, address, balance, setBalance) => {
97 | if (!token || !balance || !address) {
98 | return;
99 | }
100 |
101 | let intervalId;
102 |
103 | const checkBalanceAndUpdate = () => {
104 | checkBalance(token, rpcURL, address, balance, setBalance, intervalId);
105 | };
106 |
107 | intervalId = setInterval(checkBalanceAndUpdate, 1000);
108 |
109 | setTimeout(() => {
110 | clearInterval(intervalId);
111 | }, 30 * 1000);
112 | };
113 |
114 | const isTokenAddressMainnetWETH = tokenAddress => {
115 | const tokens = NETWORKS?.ethereum?.erc20Tokens;
116 |
117 | if (!tokens) {
118 | return false;
119 | }
120 |
121 | let tokenAddressWETH = undefined;
122 |
123 | for (const token of tokens) {
124 | if (token.name === "WETH") {
125 | tokenAddressWETH = token.address;
126 | break;
127 | }
128 | }
129 |
130 | if (tokenAddress == tokenAddressWETH) {
131 | return true;
132 | }
133 |
134 | return false;
135 | };
136 |
--------------------------------------------------------------------------------
/packages/react-app/src/components/QRPunkBlockie.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import QR from "qrcode.react";
3 | import { message } from "antd";
4 | import { build } from "eth-url-parser";
5 |
6 | import { Punk, PunkBlockie } from ".";
7 |
8 | import { copy } from "../helpers/EditorHelper";
9 |
10 | const { ethers } = require("ethers");
11 |
12 | export const BLOCKIES_DEFAULT_SIZE = 8;
13 |
14 | export default function QRPunkBlockie({
15 | address,
16 | showAddress,
17 | withQr,
18 | receiveMode,
19 | scale,
20 | chainId,
21 | amount,
22 | selectedErc20Token,
23 | }) {
24 | let displayValue = address;
25 | let paymentLink;
26 |
27 | if (receiveMode) {
28 | try {
29 | const eip681Data = {
30 | scheme: "ethereum",
31 | prefix: null,
32 | target_address: selectedErc20Token ? selectedErc20Token.address : address,
33 | chain_id: chainId,
34 | function_name: selectedErc20Token ? "transfer" : null,
35 | parameters: {},
36 | };
37 |
38 | if (selectedErc20Token) {
39 | eip681Data.parameters.address = address;
40 | }
41 |
42 | if (amount) {
43 | let amountString;
44 |
45 | try {
46 | const decimals = selectedErc20Token ? selectedErc20Token.decimals : 18;
47 |
48 | amountString = ethers.utils
49 | .parseUnits(typeof amount === "string" ? amount : amount.toFixed(decimals).toString(), decimals)
50 | .toString();
51 | } catch (error) {
52 | console.error("Couldn't parse amount", amount, error);
53 | }
54 |
55 | if (amountString) {
56 | if (selectedErc20Token) {
57 | eip681Data.parameters.uint256 = amountString;
58 | } else {
59 | eip681Data.parameters.value = amountString;
60 | }
61 | }
62 | }
63 |
64 | const eip681 = build(eip681Data);
65 |
66 | displayValue = eip681;
67 |
68 | paymentLink = window.location.href + displayValue;
69 | } catch (error) {
70 | console.error("Couldn't create EIP-681 QR value", error);
71 | }
72 | }
73 |
74 | const hardcodedSizeForNow = 380;
75 | let blockieScale = 11.5;
76 |
77 | if (scale) {
78 | blockieScale *= scale;
79 | }
80 |
81 | const punkSize = blockieScale * BLOCKIES_DEFAULT_SIZE; // Make punk image the same size as the blockie, from https://github.com/ethereum/blockies: width/height of the icon in blocks, default: 8
82 |
83 | return (
84 |
86 | copy(paymentLink || displayValue, () =>
87 | message.success(
88 |
89 | {!receiveMode ? "Copied Address" : "Copied Payment Link"}
90 |
90 |
95 | {transactionList}
96 |
97 |
98 | {(transactionResponsesArray.length > 2) && clearAllButton}
99 |
100 | :
101 | <>
102 | {transactionList}
103 | {(transactionResponsesArray.length > 1) && clearAllButton }
104 |
91 |
93 | ,
94 | ),
95 | )
96 | }
97 | >
98 |
108 | {withQr && (
109 |
124 |
125 | {showAddress && (
126 |
110 |
118 | )}
119 |
120 |
121 |
123 |
137 | {displayValue}
138 |
139 | )}
140 |
141 | );
142 | }
143 |
--------------------------------------------------------------------------------