ws-miniwallet-v0 MiniWallet Functionality

client/src/config.js

@@ -1,3 +1,37 @@
+// require('dotenv-webpack').config()
+
+const NFTS = [{
+  contractAddress: '0x426dD435EE83dEdb5af8eDa2729a9064C415777B',
+  tokenId: '1',
+  tokenType: 'ERC721',
+}, {
+  contractAddress: '0x426dD435EE83dEdb5af8eDa2729a9064C415777B',
+  tokenId: '2',
+  tokenType: 'ERC721',
+}, {
+  contractAddress: '0x6b2d0691dfF5eb5Baa039b9aD9597B9169cA44d0',
+  tokenId: '1',
+  tokenType: 'ERC1155',
+}, {
+  contractAddress: '0x6b2d0691dfF5eb5Baa039b9aD9597B9169cA44d0',
+  tokenId: '2',
+  tokenType: 'ERC1155',
+}]
+
+const TEST_NFTS = [{
+  contractAddress: '0xCf7Ed3AccA5a467e9e704C703E8D87F634fB0Fc9',
+  tokenId: '1',
+  tokenType: 'ERC721'
+}, {
+  contractAddress: '0xa513E6E4b8f2a923D98304ec87F64353C4D5C853',
+  tokenId: '1',
+  tokenType: 'ERC721'
+}, {
+  contractAddress: '0xB7f8BC63BbcaD18155201308C8f3540b07f84F5e',
+  tokenId: '2',
+  tokenType: 'ERC1155'
+}]
+
 const config = {
   priceRefreshInterval: 60 * 1000,
   appId: 'sms-wallet',
@@ -7,7 +41,7 @@ const config = {
     // gateway: process.env.IPFS_GATEWAY || 'https://dweb.link/ipfs/{{hash}}'
     // gateway: process.env.IPFS_GATEWAY || 'https://ipfs.io/ipfs/{{hash}}'
     // gateway: process.env.IPFS_GATEWAY || 'https://gateway.pinata.cloud/ipfs/{{hash}}'
-    gateway: process.env.IPFS_GATEWAY || 'https://1wallet.mypinata.cloud/ipfs/{{hash}}'
+    gateway: process.env.IPFS_GATEWAY || 'https://modulo.mypinata.cloud/ipfs/{{hash}}'
   },
   gasPrice: process.env.GAS_PRICE || 1000,
   networkId: process.env.NETWORK_ID || 1666600000,
@@ -46,6 +80,12 @@ const config = {
   },
   scanDelay: 250,
   defaultSignatureValidDuration: 1000 * 60 * 15,
+  mainnet: {
+    nfts: JSON.parse(process.env.NFTS || JSON.stringify(NFTS))
+  },
+  test: {
+    nfts: JSON.parse(process.env.TEST_NFTS || JSON.stringify(TEST_NFTS))
+  }
 }
 
 export default config

client/src/pages/NFT.jsx

@@ -13,6 +13,7 @@ import { TailSpin } from 'react-loading-icons'
 import PhoneInput from 'react-phone-number-input'
 import { walletActions } from '../state/modules/wallet'
 import { balanceActions } from '../state/modules/balance'
+import config from '../config'
 
 export const MetadataURITransformer = (url) => {
   const IPFSIO = /https:\/\/ipfs\.io\/ipfs\/(.+)/
@@ -46,17 +47,20 @@ export const useMetadata = ({
       try {
         const { data: metadata } = await axios.get(uri)
         setMetadata(metadata)
-        if (metadata.image && (metadata.image.length - metadata.image.lastIndexOf('.')) > 5 && !contentTypeOverride) {
-          const resolvedImageUrl = NFTUtils.replaceIPFSLink(metadata.image, ipfsGateway)
+        if (!metadata.image) {
+          return
+        }
+        const resolvedImageUrl = NFTUtils.replaceIPFSLink(metadata.image, ipfsGateway)
+        if (!contentType) {
           const { headers: { 'content-type': contentType } } = await axios.head(resolvedImageUrl)
-          setResolvedImageUrl(resolvedImageUrl)
           setContentType(contentType)
-          if (metadata.animation_url) {
-            const animationUrl = NFTUtils.replaceIPFSLink(metadata?.animation_url || metadata?.properties?.animation_url, ipfsGateway)
-            const { headers: { 'content-type': animationUrlContentType } } = await axios.head(animationUrl)
-            setResolvedAnimationUrl(animationUrl)
-            setAnimationUrlContentType(animationUrlContentType)
-          }
+        }
+        setResolvedImageUrl(resolvedImageUrl)
+        if (metadata.animation_url) {
+          const animationUrl = NFTUtils.replaceIPFSLink(metadata?.animation_url || metadata?.properties?.animation_url, ipfsGateway)
+          const { headers: { 'content-type': animationUrlContentType } } = await axios.head(animationUrl)
+          setResolvedAnimationUrl(animationUrl)
+          setAnimationUrlContentType(animationUrlContentType)
         }
       } catch (ex) {
         console.error(ex)
@@ -278,6 +282,7 @@ export const NFTItem = ({ address, contractAddress, tokenId, tokenType, onSelect
       <NFTItemContainer onClick={() => onSelect && onSelect({ resolvedImageUrl, contractAddress, isImage, isVideo, metadata, contractName, tokenId, tokenType })}>
         {!contentType && <Loading><TailSpin /> </Loading>}
         {isImage && <NFTImage src={resolvedImageUrl} />}
+        {/* <NFTImage src='https://1wallet.mypinata.cloud/ipfs/QmUgueVH4cQgBEB8aJ3JJT8hMaDS4yHaHvBugGhGLyz9Nx/1.png' /> */}
         {isVideo && <NFTVideo src={resolvedImageUrl} loop muted autoplay />}
         <Row>
           <FlexColumn style={{ flex: 1 }}>
@@ -292,23 +297,12 @@ export const NFTItem = ({ address, contractAddress, tokenId, tokenType, onSelect
 }
 
 // eslint-disable-next-line no-unused-vars
-const DUMMY_NFTS = [{
-  contractAddress: '0x426dD435EE83dEdb5af8eDa2729a9064C415777B',
-  tokenId: '1',
-  tokenType: 'ERC721',
-}, {
-  contractAddress: '0x426dD435EE83dEdb5af8eDa2729a9064C415777B',
-  tokenId: '2',
-  tokenType: 'ERC721',
-}, {
-  contractAddress: '0x6b2d0691dfF5eb5Baa039b9aD9597B9169cA44d0',
-  tokenId: '1',
-  tokenType: 'ERC1155',
-}, {
-  contractAddress: '0x6b2d0691dfF5eb5Baa039b9aD9597B9169cA44d0',
-  tokenId: '2',
-  tokenType: 'ERC1155',
-}]
+let DUMMY_NFTS
+if (config.chainId === 1666600000) {
+  DUMMY_NFTS = config.mainnet.nfts
+} else {
+  DUMMY_NFTS = config.test.nfts
+}
 
 const loadNFTs = ({ address }) => {
   const dispatch = useDispatch()

miniserver/.env.example

@@ -0,0 +1,57 @@
+# Server Configuration
+SERVER_URL='https://localhost'
+PORT=3101
+HTTPS_PORT=8444
+
+
+## Configurable (set these values to change default behaviour for local testing)
+MINISERVER_DEBUG=1
+RELAYER_DEBUG=1
+VERBOSE=1
+SAFE_NONCE=1
+APIDOCS=1
+
+## Mandatory 
+CORS=*
+SECRET='none'
+
+# Datastore
+GCP_PROJECT='sms-wallet-00'
+GCP_CRED_PATH='./credentials/sms-wallet-00-a91857ffcaaf.json'
+GCP_NAMESPACE='sms-wallet'
+
+# Twilio
+TWILIO_ACCOUNT_SID=
+TWILIO_AUTH_TOKEN=
+TWILIO_FROM=
+
+# OTP
+OTP_SALT='local-salt'
+
+# Client
+CLIENT_ROOT='https://localhost:3100/'
+
+## Netork Information
+# eth-local
+ETH_LOCAL_RPC='http://127.0.0.1:8545'
+ETH_LOCAL_WSS='ws://127.0.0.1:8545'
+ETH_LOCAL_KEY='0x59c6995e998f97a5a0044966f0945389dc9e86dae88c7a8412f4603b6b78690d'
+ETH_LOCAL_MNEMONIC='test test test test test test test test test test test junk'
+ETH_LOCAL_NUM_ACCOUNTS=3
+ETH_LOCAL_MINI_WALLET=0xe7f1725E7734CE288F8367e1Bb143E90bb3F0512
+ETH_LOCAL_MINI_ID=0x5FC8d32690cc91D4c39d9d3abcBD16989F875707
+
+## Default Values (can be ommitted) 
+POLLING_INTERVAL=1000
+DEFAULT_NETWORK='eth-local'
+GAS_LIMIT='67219000'
+#GAS_PRICE='10000000'
+GAS_PRICE='413290302'
+CACHE='cache'
+STATS_PATH='../data/stats.json'
+OTP_INTERVAL=60000
+
+
+
+
+

miniserver/.eslintrc.js

@@ -0,0 +1,36 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+    es2020: true,
+    jest: true,
+  },
+  extends: [
+    'standard',
+  ],
+  globals: {
+    artifacts: 'readonly',
+    contract: 'readonly',
+    assert: 'readonly',
+    ethers: 'readonly'
+  },
+  // 'parser': '@babel/eslint-parser',
+  rules: {
+    'no-await-in-loop': 0,
+    'no-underscore-dangle': 0,
+    'import/prefer-default-export': 0,
+    'import/no-extraneous-dependencies': 1,
+    'comma-dangle': 0,
+    'no-console': 0,
+    'no-mixed-operators': 0,
+    'new-cap': 0,
+    'max-len': 0,
+  },
+  parserOptions: {
+    requireConfigFile: false,
+    ecmaVersion: 2020
+  },
+  plugins: [
+    '@babel',
+  ],
+}

miniserver/.gitignore

@@ -0,0 +1,4 @@
+/credentials
+/certs/*
+!/certs/README.md
+!/certs/gen.sh

miniserver/app.js

@@ -0,0 +1,119 @@
+require('dotenv').config()
+const createError = require('http-errors')
+// const rateLimit = require('express-rate-limit')
+const Fingerprint = require('express-fingerprint')
+const express = require('express')
+const path = require('path')
+const cookieParser = require('cookie-parser')
+const logger = require('morgan')
+const config = require('./config')
+const _index = require('./routes/index')
+const bodyParser = require('body-parser')
+const app = express()
+const https = require('https')
+const http = require('http')
+const env = process.env.NODE_ENV || 'development'
+const fs = require('fs')
+const blockchain = require('./blockchain')
+
+Error.stackTraceLimit = 100
+app.locals.ENV = env
+app.locals.ENV_DEVELOPMENT = env === 'development'
+
+app.set('trust proxy', true)
+
+try {
+  blockchain.init().catch(ex => {
+    console.error('Blockchain initialization failed')
+    console.error(ex)
+    process.exit(2)
+  })
+} catch (ex) {
+  console.error(ex)
+  process.exit(1)
+}
+
+let httpServer, httpsServer
+
+const httpsOptions = {
+  key: fs.readFileSync(config.https.key),
+  cert: fs.readFileSync(config.https.cert)
+}
+
+if (config.https.only) {
+  const httpApp = express()
+  const httpRouter = express.Router()
+  httpApp.use('*', httpRouter)
+  httpRouter.get('*', function (req, res) {
+    const hostPort = (req.get('host') || '').split(':')
+    const url = hostPort.length === 2 ? `https://${hostPort[0]}:${config.httpsPort}${req.originalUrl}` : `https://${hostPort[0]}${req.originalUrl}`
+    res.redirect(url)
+  })
+  httpServer = http.createServer(httpApp)
+} else {
+  httpServer = http.createServer(app)
+}
+
+httpsServer = https.createServer(httpsOptions, app)
+
+app.use(Fingerprint({
+  parameters: [
+    Fingerprint.useragent,
+    Fingerprint.acceptHeaders,
+    Fingerprint.geoip,
+  ]
+}))
+
+app.use(bodyParser.json({
+  verify: function (req, _res, buf) {
+    req.rawBody = buf
+  }
+}))
+app.use(bodyParser.urlencoded({ extended: true }))
+app.use(logger('dev'))
+app.use(express.json())
+app.use(express.urlencoded({ extended: false }))
+app.use(cookieParser())
+
+if (config.corsOrigins) {
+  app.use((req, res, next) => {
+    // res.header('Access-Control-Allow-Origin', config.corsOrigins)
+    if (config.corsOrigins === '*' || config.corsOrigins.indexOf(req.headers.origin) >= 0) {
+      res.header('Access-Control-Allow-Origin', req.headers.origin || config.corsOrigins)
+    } else {
+      res.header('Access-Control-Allow-Origin', config.corsOrigins)
+    }
+
+    res.header('Access-Control-Allow-Credentials', 'true')
+
+    res.header('Access-Control-Allow-Methods', 'GET, PUT, POST, DELETE, OPTIONS')
+
+    res.header('Access-Control-Allow-Headers', 'X-SECRET, X-NETWORK, X-MAJOR-VERSION, X-MINOR-VERSION, Accept, Accept-CH, Accept-Charset, Accept-Datetime, Accept-Encoding, Accept-Ext, Accept-Features, Accept-Language, Accept-Params, Accept-Ranges, Access-Control-Allow-Credentials, Access-Control-Allow-Headers, Access-Control-Allow-Methods, Access-Control-Allow-Origin, Access-Control-Expose-Headers, Access-Control-Max-Age, Access-Control-Request-Headers, Access-Control-Request-Method, Age, Allow, Alternates, Authentication-Info, Authorization, C-Ext, C-Man, C-Opt, C-PEP, C-PEP-Info, CONNECT, Cache-Control, Compliance, Connection, Content-Base, Content-Disposition, Content-Encoding, Content-ID, Content-Language, Content-Length, Content-Location, Content-MD5, Content-Range, Content-Script-Type, Content-Security-Policy, Content-Style-Type, Content-Transfer-Encoding, Content-Type, Content-Version, Cookie, Cost, DAV, DELETE, DNT, DPR, Date, Default-Style, Delta-Base, Depth, Derived-From, Destination, Differential-ID, Digest, ETag, Expect, Expires, Ext, From, GET, GetProfile, HEAD, HTTP-date, Host, IM, If, If-Match, If-Modified-Since, If-None-Match, If-Range, If-Unmodified-Since, Keep-Alive, Label, Last-Event-ID, Last-Modified, Link, Location, Lock-Token, MIME-Version, Man, Max-Forwards, Media-Range, Message-ID, Meter, Negotiate, Non-Compliance, OPTION, OPTIONS, OWS, Opt, Optional, Ordering-Type, Origin, Overwrite, P3P, PEP, PICS-Label, POST, PUT, Pep-Info, Permanent, Position, Pragma, ProfileObject, Protocol, Protocol-Query, Protocol-Request, Proxy-Authenticate, Proxy-Authentication-Info, Proxy-Authorization, Proxy-Features, Proxy-Instruction, Public, RWS, Range, Referer, Refresh, Resolution-Hint, Resolver-Location, Retry-After, Safe, Sec-Websocket-Extensions, Sec-Websocket-Key, Sec-Websocket-Origin, Sec-Websocket-Protocol, Sec-Websocket-Version, Security-Scheme, Server, Set-Cookie, Set-Cookie2, SetProfile, SoapAction, Status, Status-URI, Strict-Transport-Security, SubOK, Subst, Surrogate-Capability, Surrogate-Control, TCN, TE, TRACE, Timeout, Title, Trailer, Transfer-Encoding, UA-Color, UA-Media, UA-Pixels, UA-Resolution, UA-Windowpixels, URI, Upgrade, User-Agent, Variant-Vary, Vary, Version, Via, Viewport-Width, WWW-Authenticate, Want-Digest, Warning, Width, X-Content-Duration, X-Content-Security-Policy, X-Content-Type-Options, X-CustomHeader, X-DNSPrefetch-Control, X-Forwarded-For, X-Forwarded-Port, X-Forwarded-Proto, X-Frame-Options, X-Modified, X-OTHER, X-PING, X-PINGOTHER, X-Powered-By, X-Requested-With')
+    next()
+  })
+}
+
+app.use(express.static(path.join(__dirname, 'public')))
+app.options('*', async (_req, res) => res.end())
+app.use('/', _index)
+
+// catch 404 and forward to error handler
+app.use(function (req, res, next) {
+  next(createError(404))
+})
+
+// error handler
+app.use(function (err, req, res, next) {
+  // set locals, only providing error in development
+  res.locals.message = err.message
+  res.locals.error = config.debug ? err : {}
+
+  // render the error page
+  res.status(err.status || 500)
+  res.json({ error: res.locals.error, message: err.message })
+})
+
+module.exports = {
+  httpServer,
+  httpsServer
+}

miniserver/bin/run.js

@@ -0,0 +1,16 @@
+#!/usr/bin/env node
+const apps = require('../app')
+const config = require('../config')
+const httpsServer = apps.httpsServer
+const httpServer = apps.httpServer
+console.log('Starting web server...')
+
+httpsServer.listen(config.httpsPort || 8443, () => {
+  const addr = httpsServer.address()
+  console.log(`HTTPS server listening on port ${addr.port} at ${addr.address}`)
+})
+
+httpServer.listen(config.port || 3000, () => {
+  const addr = httpServer.address()
+  console.log(`HTTP server listening on port ${addr.port} at ${addr.address}`)
+})