Merge pull request #90 from blocknative/develop

Release 0.2.12

Author: lnbc1QWFyb24

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": false,
+  "singleQuote": true
+}

README.md

@@ -9,19 +9,19 @@ JavaScript library to easily onboard users to ethereum apps by enabling wallet s
 ## Quick Start with Default Modules
 
 ```javascript
-import Onboard from "bnc-onboard"
+import Onboard from 'bnc-onboard'
 
 // initialize onboard
 const onboard = Onboard.init({
-  dappId: "Your apiKey here",
+  dappId: 'Your apiKey here',
   networkId: 1,
   subscriptions: {
-    address: address => console.log("user address has changed:", address),
-    network: network => console.log("user network has changed:", network),
-    balance: balance => console.log("user balance has changed:", balance),
+    address: address => console.log('user address has changed:', address),
+    network: network => console.log('user network has changed:', network),
+    balance: balance => console.log('user balance has changed:', balance),
     wallet: wallet =>
       console.log(
-        "a new wallet has been selected by user",
+        'a new wallet has been selected by user',
         wallet.provider,
         wallet.name
       )
@@ -30,17 +30,17 @@ const onboard = Onboard.init({
     // default wallets that are included: MetaMask, Dapper, Coinbase, Trust, WalletConnect
     walletSelect: Onboard.modules.select.defaults({
       // if you want squarelink as a wallet option
-      squarelinkInit: { apiKey: "Your squarelink key here" },
+      squarelinkInit: { apiKey: 'Your squarelink key here' },
       // if you want fortmatic as a wallet option
-      fortmaticInit: { apiKey: "Your fortmatic key here" },
+      fortmaticInit: { apiKey: 'Your fortmatic key here' },
       // if you want portis as a wallet option
-      portisInit: { apiKey: "Your portis key here" },
+      portisInit: { apiKey: 'Your portis key here' },
       networkId: 4
     }),
     // default ready steps are: connect, network, balance
     walletReady: Onboard.modules.ready.defaults({
       networkId: 4,
-      minimumBalance: "200000000000000000"
+      minimumBalance: '200000000000000000'
     })
   }
 })
@@ -241,7 +241,7 @@ walletConnect({
 #### Example
 
 ```javascript
-import Onboard from "bnc-onboard"
+import Onboard from 'bnc-onboard'
 
 // PICK AND CHOOSE MODULES
 
@@ -257,17 +257,17 @@ const onboard = Onboard.init({
   // ...
   modules: {
     walletSelect: {
-      heading: "Select a Wallet",
+      heading: 'Select a Wallet',
       description:
-        "Please select the wallet that you would like to use with this Dapp",
+        'Please select the wallet that you would like to use with this Dapp',
       wallets: {
         desktop: [
-          portis({ apiKey: "sdda-w2-ds3", networkId: 1 }),
-          squarelink({ apiKey: "sdda-w2-ds3", networkId: 1 }),
+          portis({ apiKey: 'sdda-w2-ds3', networkId: 1 }),
+          squarelink({ apiKey: 'sdda-w2-ds3', networkId: 1 }),
           dapper(),
           metmask()
         ],
-        mobile: [fortmatic({ apiKey: "sd-3d3-d", networkId: 1 })]
+        mobile: [fortmatic({ apiKey: 'sd-3d3-d', networkId: 1 })]
       }
     }
     //....
@@ -282,7 +282,7 @@ const onboard = Onboard.init({
   // ...
   modules: {
     walletSelect: Onboard.modules.select.defaults({
-      portisInit: { apiKey: "Your portis key here" },
+      portisInit: { apiKey: 'Your portis key here' },
       networkId: 4
     })
     // ...
@@ -323,7 +323,7 @@ balance(String) //  the minimum balance in wei required to interact with your da
 #### Example
 
 ```javascript
-import Onboard from "bnc-onboard"
+import Onboard from 'bnc-onboard'
 
 // PICK AND CHOOSE MODULES
 
@@ -333,7 +333,7 @@ const onboard = Onboard.init({
   // ...
   modules: {
     //....
-    walletReady: [connect(), network(1), balance("400000000000")]
+    walletReady: [connect(), network(1), balance('400000000000')]
   }
 })
 
@@ -347,7 +347,7 @@ const onboard = Onboard.init({
     // ...
     walletReady: Onboard.modules.ready.defaults({
       networkId: 1,
-      minimumBalance: "400000000000"
+      minimumBalance: '400000000000'
     })
   }
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bnc-onboard",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "description": "Onboard users to web3 by allowing them to select a wallet, get that wallet ready to transact and have access to synced wallet state.",
   "keywords": [
     "ethereum",

rollup.config.js

@@ -1,17 +1,17 @@
-import svelte from "rollup-plugin-svelte"
-import resolve from "rollup-plugin-node-resolve"
-import json from "@rollup/plugin-json"
-import image from "rollup-plugin-img"
-import commonjs from "rollup-plugin-commonjs"
-import globals from "rollup-plugin-node-globals"
-import builtins from "@joseph184/rollup-plugin-node-builtins"
-import typescript from "rollup-plugin-typescript2"
+import svelte from 'rollup-plugin-svelte'
+import resolve from 'rollup-plugin-node-resolve'
+import json from '@rollup/plugin-json'
+import image from 'rollup-plugin-img'
+import commonjs from 'rollup-plugin-commonjs'
+import globals from 'rollup-plugin-node-globals'
+import builtins from '@joseph184/rollup-plugin-node-builtins'
+import typescript from 'rollup-plugin-typescript2'
 
 import {
   preprocess,
   createEnv,
   readConfigFile
-} from "@pyoner/svelte-ts-preprocess"
+} from '@pyoner/svelte-ts-preprocess'
 
 const env = createEnv()
 const compilerOptions = readConfigFile(env)
@@ -25,20 +25,20 @@ const opts = {
 
 export default [
   {
-    input: "src/onboard.ts",
+    input: 'src/onboard.ts',
     output: {
-      format: "umd",
-      name: "onboard",
-      file: "dist/onboard.umd.js"
+      format: 'umd',
+      name: 'onboard',
+      file: 'dist/onboard.umd.js'
     },
     moduleContext: id => {
       const thisAsWindowForModules = [
-        "node_modules/intl-messageformat/lib/core.js",
-        "node_modules/intl-messageformat/lib/compiler.js"
+        'node_modules/intl-messageformat/lib/core.js',
+        'node_modules/intl-messageformat/lib/compiler.js'
       ]
 
       if (thisAsWindowForModules.some(id_ => id.trimRight().endsWith(id_))) {
-        return "window"
+        return 'window'
       }
     },
     plugins: [
@@ -51,7 +51,7 @@ export default [
         browser: true,
         preferBuiltins: true,
         dedupe: importee =>
-          importee === "svelte" || importee.startsWith("svelte/")
+          importee === 'svelte' || importee.startsWith('svelte/')
       }),
       commonjs(),
       globals(),
@@ -60,19 +60,19 @@ export default [
     ]
   },
   {
-    input: "src/onboard.ts",
+    input: 'src/onboard.ts',
     output: {
-      format: "es",
-      file: "dist/onboard.esm.js"
+      format: 'es',
+      file: 'dist/onboard.esm.js'
     },
     moduleContext: id => {
       const thisAsWindowForModules = [
-        "node_modules/intl-messageformat/lib/core.js",
-        "node_modules/intl-messageformat/lib/compiler.js"
+        'node_modules/intl-messageformat/lib/core.js',
+        'node_modules/intl-messageformat/lib/compiler.js'
       ]
 
       if (thisAsWindowForModules.some(id_ => id.trimRight().endsWith(id_))) {
-        return "window"
+        return 'window'
       }
     },
     plugins: [
@@ -84,22 +84,22 @@ export default [
       resolve({
         browser: true,
         dedupe: importee =>
-          importee === "svelte" || importee.startsWith("svelte/")
+          importee === 'svelte' || importee.startsWith('svelte/')
       }),
       commonjs(),
       typescript()
     ],
     external: [
-      "bowser",
-      "bnc-sdk",
-      "bignumber.js",
-      "promise-cancelable",
-      "@portis/web3",
-      "@walletconnect/web3-provider",
-      "fortmatic",
-      "squarelink",
-      "authereum",
-      "regenerator-runtime/runtime"
+      'bowser',
+      'bnc-sdk',
+      'bignumber.js',
+      'promise-cancelable',
+      '@portis/web3',
+      '@walletconnect/web3-provider',
+      'fortmatic',
+      'squarelink',
+      'authereum',
+      'regenerator-runtime/runtime'
     ]
   }
 ]

src/@types/images.d.ts

@@ -1,2 +1,2 @@
-declare module "*.png"
-declare module "*.svg"
+declare module '*.png'
+declare module '*.svg'

src/@types/libraries.d.ts

@@ -1,4 +1,4 @@
-declare module "promise-cancelable" {
+declare module 'promise-cancelable' {
   export default class Cancelable extends Promise<any> {
     constructor(executor: any)
     cancel(func: () => void): any
@@ -7,6 +7,6 @@ declare module "promise-cancelable" {
     isRejected(): any
   }
 }
-declare module "@walletconnect/web3-provider"
-declare module "squarelink"
-declare module "fortmatic"
+declare module '@walletconnect/web3-provider'
+declare module 'squarelink'
+declare module 'fortmatic'

src/components/ModalHeader.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { app } from "../stores";
-  export let heading: string;
-  export let icon: string;
+  import { app } from '../stores'
+  export let heading: string
+  export let icon: string
 </script>
 
 <style>

src/components/SelectedWallet.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import Button from "../elements/Button.svelte";
-  import IconDisplay from "../elements/IconDisplay.svelte";
-  import { fade } from "svelte/transition";
-  import { WalletModule } from "../interfaces";
-  export let selectedWalletModule: WalletModule;
-  export let onBack: () => void;
-  export let installMessage: string;
+  import Button from '../elements/Button.svelte'
+  import IconDisplay from '../elements/IconDisplay.svelte'
+  import { fade } from 'svelte/transition'
+  import { WalletModule } from '../interfaces'
+  export let selectedWalletModule: WalletModule
+  export let onBack: () => void
+  export let installMessage: string
 </script>
 
 <style>

src/components/Wallets.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import { fade } from "svelte/transition";
-  import Button from "../elements/Button.svelte";
-  import IconButton from "../elements/IconButton.svelte";
-  import { SelectModalData, WalletModule } from "../interfaces";
-  export let modalData: SelectModalData;
-  export let handleWalletSelect: (wallet: WalletModule) => void;
+  import { fade } from 'svelte/transition'
+  import Button from '../elements/Button.svelte'
+  import IconButton from '../elements/IconButton.svelte'
+  import { SelectModalData, WalletModule } from '../interfaces'
+  export let modalData: SelectModalData
+  export let handleWalletSelect: (wallet: WalletModule) => void
 
-  let showingAllWalletModules: boolean = false;
+  let showingAllWalletModules: boolean = false
 </script>
 
 <style>
@@ -21,7 +21,7 @@
     overflow-y: scroll;
     padding: 0;
     scrollbar-width: none;
-    font-family: "Helvetica Neue";
+    font-family: 'Helvetica Neue';
     font-size: inherit;
     line-height: 1.15;
     box-sizing: border-box;

src/elements/IconDisplay.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  export let iconSrc: string;
-  export let iconSrcSet: string;
-  export let text: string;
+  export let iconSrc: string
+  export let iconSrcSet: string
+  export let text: string
 </script>
 
 <style>