├── .gitignore
├── .npmrc
├── your-app
    ├── package.json
    ├── index.js
    ├── package-lock.json
    └── index.html
├── setup.js
├── main.js
├── extensions.js
├── package.json
└── README.md


/.gitignore:
--------------------------------------------------------------------------------
1 | extensions/
2 | node_modules/
3 | dist/
4 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | runtime = electron
2 | target_arch = x64
3 | brave_electron_version = 4.7.1
4 | chromedriver_version = 2.33
5 | target = 4.7.1
6 | disturl=http://brave-laptop-binaries.s3.amazonaws.com/atom-shell/dist/
7 | build_from_source = true
8 | 


--------------------------------------------------------------------------------
/your-app/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "your-app",
 3 |   "version": "1.0.0",
 4 |   "description": "Your App's package.json",
 5 |   "main": "dist/main.js",
 6 |   "author": {
 7 |     "name": "You",
 8 |     "email": "you@your.email"
 9 |   },
10 |   "scripts": {
11 |     "build": "cp index.js dist && cp index.html dist"
12 |   },
13 |   "license": "Apache-2.0",
14 |   "dependencies": {
15 |     "web3": "^0.20.4"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/setup.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | const spawn = require('child_process').spawn
 3 | 
 4 | process.env.NODE_ENV = process.env.NODE_ENV || 'development'
 5 | const options = {
 6 |   env: process.env,
 7 |   stdio: 'inherit',
 8 |   shell: true
 9 | }
10 | const muon = spawn('electron', [__dirname, ...process.argv.slice(2)], options)
11 | 
12 | muon.on('error', (err) => {
13 |   console.error(`could not start electron ${err}`)
14 | })
15 | 
16 | muon.on('exit', (code, signal) => {
17 |   console.log(`process exited with code ${code}`)
18 |   process.exit(code)
19 | })
20 | 
21 | muon.on('SIGTERM', () => {
22 |   electron.kill('SIGTERM')
23 | })
24 | 
25 | muon.on('SIGINT', () => {
26 |   electron.kill('SIGINT')
27 | })
28 | 


--------------------------------------------------------------------------------
/your-app/index.js:
--------------------------------------------------------------------------------
 1 | if (typeof window.web3 !== 'undefined') {
 2 |   window.web3 = new Web3(window.web3.currentProvider);
 3 | } else {
 4 |   // Other provider
 5 |   window.web3 = new Web3(new Web3.providers.HttpProvider('yourOtherProvider'));
 6 | }
 7 | 
 8 | function isElectron() {
 9 |   if(chrome.ipcRenderer) return true;
10 |   return false;
11 | }
12 | 
13 | function sendToElectron(message) {
14 |   chrome.ipcRenderer.send(message);
15 | }
16 | 
17 | function openMetamaskPopup() {
18 |   sendToElectron('open-metamask-popup');
19 | }
20 | 
21 | function closeMetamaskPopup() {
22 |   sendToElectron('close-metamask-popup');
23 | }
24 | 
25 | function openMetamaskNotification() {
26 |   sendToElectron('open-metamask-notification');
27 | }
28 | 
29 | function closeMetamaskNotification() {
30 |   sendToElectron('close-metamask-notification');
31 | }
32 | 
33 | function sendEther(contractFunction) {
34 |   web3.eth.sendTransaction({
35 |     to: '0x8f6c0c887F7CAF7D512C964eA2a3e668D94C5304',
36 |     value: '1000000000000'
37 |   }, (err, res) => {
38 |     if (err) closeMetamaskNotification();
39 |     if (res) closeMetamaskNotification();
40 |   });
41 | 
42 |   setTimeout(() => {
43 |     openMetamaskNotification();
44 |   }, 500);
45 | }
46 | 


--------------------------------------------------------------------------------
/your-app/package-lock.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "your-app",
 3 |   "version": "1.0.0",
 4 |   "lockfileVersion": 1,
 5 |   "requires": true,
 6 |   "dependencies": {
 7 |     "bignumber.js": {
 8 |       "version": "git+https://github.com/frozeman/bignumber.js-nolookahead.git#57692b3ecfc98bbdd6b3a516cb2353652ea49934"
 9 |     },
10 |     "crypto-js": {
11 |       "version": "3.1.8",
12 |       "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-3.1.8.tgz",
13 |       "integrity": "sha1-cV8HC/YBTyrpkqmLOSkli3E/CNU="
14 |     },
15 |     "utf8": {
16 |       "version": "2.1.2",
17 |       "resolved": "https://registry.npmjs.org/utf8/-/utf8-2.1.2.tgz",
18 |       "integrity": "sha1-H6DZJw6b6FDZsFAn9jUZv0ZFfZY="
19 |     },
20 |     "web3": {
21 |       "version": "0.20.4",
22 |       "resolved": "https://registry.npmjs.org/web3/-/web3-0.20.4.tgz",
23 |       "integrity": "sha1-QA5leaZbtKPd5xpuv2UJr63DOgQ=",
24 |       "requires": {
25 |         "bignumber.js": "git+https://github.com/frozeman/bignumber.js-nolookahead.git#57692b3ecfc98bbdd6b3a516cb2353652ea49934",
26 |         "crypto-js": "3.1.8",
27 |         "utf8": "2.1.2",
28 |         "xhr2": "0.1.4",
29 |         "xmlhttprequest": "1.8.0"
30 |       }
31 |     },
32 |     "xhr2": {
33 |       "version": "0.1.4",
34 |       "resolved": "https://registry.npmjs.org/xhr2/-/xhr2-0.1.4.tgz",
35 |       "integrity": "sha1-f4dliEdxbbUCYyOBL4GMras4el8="
36 |     },
37 |     "xmlhttprequest": {
38 |       "version": "1.8.0",
39 |       "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
40 |       "integrity": "sha1-Z/4HXFwk/vOfnWX197f+dRcZaPw="
41 |     }
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | const { app, BrowserWindow, shell, session, Menu, ipcMain } = require('electron');
 2 | const path = require('path');
 3 | const url = require('url');
 4 | const fs = require('fs');
 5 | 
 6 | const extensions = require('./extensions');
 7 | 
 8 | let isDev;
 9 | try {
10 |   isDev = require('electron-is-dev');
11 | } catch(e) {
12 |   isDev = false;
13 | }
14 | 
15 | if(isDev) {
16 |   require('electron-reload')(path.join(__dirname));
17 | }
18 | 
19 | let win;
20 | 
21 | function createWindow() {
22 |   win = new BrowserWindow({
23 |     width: 1920,
24 |     height: 1080
25 |   });
26 | 
27 |   extensions.loadMetamask(session, win, isDev);
28 | 
29 |   let indexPath;
30 |   isDev ? indexPath = path.join(`brave/${__dirname}`, 'your-app/index.html') : indexPath = path.join(`brave/${__dirname}`, 'index.html');
31 | 
32 |   setTimeout(() => {
33 |     win.loadURL(url.format({
34 |       pathname: indexPath,
35 |       protocol: 'chrome',
36 |       slashes: true
37 |     }));
38 |     var template = [{
39 |       label: "Edit",
40 |         submenu: [
41 |           { label: "Cut", accelerator: "CmdOrCtrl+X", selector: "cut:" },
42 |           { label: "Copy", accelerator: "CmdOrCtrl+C", selector: "copy:" },
43 |           { label: "Paste", accelerator: "CmdOrCtrl+V", selector: "paste:" }
44 |       ]}
45 |     ];
46 | 
47 |     Menu.setApplicationMenu(Menu.buildFromTemplate(template));
48 |     win.maximize();
49 |   }, 200);
50 | 
51 |   win.webContents.openDevTools();
52 |   if(isDev) {
53 |   }
54 | 
55 |   ipcMain.on('open-link', (evt, link) => {
56 |     shell.openExternal(link);
57 |   });
58 | 
59 |   win.on('closed', () => {
60 |     win = null;
61 |   });
62 | }
63 | 
64 | app.on('ready', createWindow);
65 | 
66 | app.on('window-all-closed', () => {
67 |   if (process.platform !== 'darwin') {
68 |     app.quit();
69 |   }
70 | });
71 | 
72 | app.on('activate', () => {
73 |   if (win === null) {
74 |     createWindow();
75 |   }
76 | });
77 | 


--------------------------------------------------------------------------------
/your-app/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Your App</title>
 6 |     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
 7 |   </head>
 8 |   <body>
 9 |     <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
10 |       <a class="navbar-brand" href="#">Your dApp</a>
11 |     </nav>
12 | 
13 |     <main role="main">
14 | 
15 |       <!-- Main jumbotron for a primary marketing message or call to action -->
16 |       <div class="jumbotron">
17 |         <div class="container">
18 |           <h1 class="display-3">Hello, decentralized world!</h1>
19 |           <p>This is a template for a dApp desktop app. It is built using Muon + MetaMask + Electron Builder.</p>
20 |           <p>Send me some ether to see it working (make sure you're using the testnet)</p>
21 |           <p><button class="btn btn-primary btn-lg" onclick="openMetamaskPopup()" href="#" role="button">Connect MetaMask</button></p>
22 |           <p><button class="btn btn-primary btn-lg" onclick="sendEther()" href="#" role="button">Send some ether</button></p>
23 |         </div>
24 |       </div>
25 | 
26 |       <div class="container">
27 |         <!-- Example row of columns -->
28 |         <div class="row">
29 |           <div class="col-md-3">
30 |             <p><button class="btn btn-success" onclick="openMetamaskPopup()" href="#" role="button">Open Metamask Popup</button></p>
31 |           </div>
32 |           <div class="col-md-3">
33 |             <p><button class="btn btn-danger" onclick="closeMetamaskPopup()" href="#" role="button">Close Metamask Popup</button></p>
34 |           </div>
35 |           <div class="col-md-3">
36 |             <p><button class="btn btn-success" onclick="openMetamaskNotification()" href="#" role="button">Open Metamask Notification</button></p>
37 |           </div>
38 |           <div class="col-md-3">
39 |             <p><button class="btn btn-danger" onclick="closeMetamaskNotification()" href="#" role="button">Close Metamask Notification</button></p>
40 |           </div>
41 |         </div>
42 |       </main>
43 | 
44 |     <script src="./index.js" charset="utf-8"></script>
45 |     <script src="node_modules/web3/src/index.js" charset="utf-8"></script>
46 |   </body>
47 | </html>
48 | 


--------------------------------------------------------------------------------
/extensions.js:
--------------------------------------------------------------------------------
 1 | const fs = require('fs');
 2 | const path = require('path');
 3 | const { ipcMain, BrowserWindow } = require('electron');
 4 | 
 5 | const METAMASK_ID = 'nkbihfbeogaeaoehlefnkodbefgpgknn';
 6 | const METAMASK_KEY = 'MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlcgI4VVL4JUvo6hlSgeCZp9mGltZrzFvc2Asqzb1dDGO9baoYOe+QRoh27/YyVXugxni480Q/R147INhBOyQZVMhZOD5pFMVutia9MHMaZhgRXzrK3BHtNSkKLL1c5mhutQNwiLqLtFkMSGvka91LoMEC8WTI0wi4tACnJ5FyFZQYzvtqy5sXo3VS3gzfOBluLKi7BxYcaUJjNrhOIxl1xL2qgK5lDrDOLKcbaurDiwqofVtAFOL5sM3uJ6D8nOO9tG+T7hoobRFN+nxk43PHgCv4poicOv+NMZQEk3da1m/xfuzXV88NcE/YRbRLwAS82m3gsJZKc6mLqm4wZHzBwIDAQAB';
 7 | 
 8 | const getMetamaskPath = (isDev) => {
 9 |   if (isDev) {
10 |     return path.join(__dirname,`extensions/metamask/`);
11 |   }
12 |   return path.resolve(__dirname,`../../app.asar.unpacked/dist/extensions/metamask/`);
13 | };
14 | 
15 | const loadMetamaskFromManifest = (session, metamaskPath) => {
16 |   fs.readFile(path.join(metamaskPath,'manifest.json'), 'utf8', function (err, data) {
17 |     if (err) throw err;
18 |     manifest = JSON.parse(data);
19 |     manifest.content_scripts[0].matches = ['chrome://brave/**/*'];
20 |     manifest.key = METAMASK_KEY;
21 |     session.defaultSession.extensions.load(metamaskPath, manifest, 'component');
22 |   });
23 | };
24 | 
25 | const createPopup = (file) => {
26 |   return new BrowserWindow({
27 |     title: 'MetaMask',
28 |     width: 360,
29 |     height: 520,
30 |     type: 'popup',
31 |     resizable: false
32 |   });
33 | };
34 | 
35 | const closePopup = (popup) => {
36 |   if(popup && !popup.isDestroyed()) popup.close();
37 | };
38 | 
39 | const loadMetamask = (session, window, isDev) => {
40 |   let manifest;
41 |   let metamaskPopup;
42 |   let metamaskNotification;
43 |   let mainWindow = window;
44 | 
45 |   const metamaskPath = getMetamaskPath(isDev);
46 |   loadMetamaskFromManifest(session, metamaskPath);
47 | 
48 |   ipcMain.on('open-metamask-popup', (event, arg) => {
49 |     if(metamaskPopup && !metamaskPopup.isDestroyed()) metamaskPopup.close();
50 | 
51 |     metamaskPopup = createPopup();
52 |     metamaskPopup.loadURL(`chrome-extension://${METAMASK_ID}/popup.html`);
53 |   });
54 | 
55 |   ipcMain.on('open-metamask-notification', (event, arg) => {
56 |     if(metamaskNotification && !metamaskNotification.isDestroyed()) metamaskNotification.close();
57 | 
58 |     metamaskNotification = createPopup();
59 |     metamaskNotification.loadURL(`chrome-extension://${METAMASK_ID}/notification.html`);
60 |   });
61 | 
62 |   ipcMain.on('close-metamask-popup', (event, arg) => {
63 |     closePopup(metamaskPopup);
64 |   });
65 | 
66 |   ipcMain.on('close-metamask-notification', (event, arg) => {
67 |     closePopup(metamaskNotification);
68 |   });
69 | };
70 | 
71 | module.exports = {
72 |   loadMetamask
73 | };
74 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "electron-metamask-boilerplate",
 3 |   "productName": "Electron Metamask Boilerplate",
 4 |   "version": "0.0.1",
 5 |   "description": "Easily create a desktop version of your dApp using Electron (Muon) + MetaMask.",
 6 |   "main": "main.js",
 7 |   "license": "Apache-2.0",
 8 |   "author": {
 9 |     "name": "Swapy Network",
10 |     "email": "contact@swapy.network"
11 |   },
12 |   "keywords": [
13 |     "muon",
14 |     "electron",
15 |     "metamask",
16 |     "dapp",
17 |     "ethereum",
18 |     "decentralized",
19 |     "desktop",
20 |     "app"
21 |   ],
22 |   "bugs": {
23 |     "url": "https://github.com/SwapyNetwork/electron-metamask-boilerplate/issues"
24 |   },
25 |   "homepage": "https://github.com/SwapyNetwork/electron-metamask-boilerplate#readme",
26 |   "scripts": {
27 |     "start": "node setup.js",
28 |     "pack": "electron-builder --dir",
29 |     "dist": "electron-builder",
30 |     "copy.metamask.prod": "cp -R extensions your-app/dist && cp extensions.js your-app/dist && cp main.js your-app/dist",
31 |     "download.metamask.dev": "mkdir -p extensions && rm -rf extensions/* && cd extensions && ced nkbihfbeogaeaoehlefnkodbefgpgknn && mv nkbihfbeogaeaoehlefnkodbefgpgknn metamask",
32 |     "download.metamask.prod": "mkdir -p your-app/dist/extensions && rm -rf your-app/dist/extensions/* && cd your-app/dist/extensions && ced nkbihfbeogaeaoehlefnkodbefgpgknn && mv nkbihfbeogaeaoehlefnkodbefgpgknn metamask",
33 |     "build": "npm run download.metamask.prod && npm run copy.metamask.prod && yarn dist",
34 |     "build.linux": "npm run download.metamask.prod && npm run copy.metamask.prod && yarn dist -l",
35 |     "build.win": "npm run download.metamask.prod && npm run copy.metamask.prod && yarn dist -w",
36 |     "build.mac": "npm run download.metamask.prod && npm run copy.metamask.prod && yarn dist -m",
37 |     "build.all": "npm run download.metamask.prod && npm run copy.metamask.prod && yarn dist -wlm",
38 |     "postinstall": "npm i --save-dev brave/electron-prebuilt"
39 |   },
40 |   "repository": {
41 |     "type": "git",
42 |     "url": "git+https://github.com/SwapyNetwork/electron-metamask-boilerplate.git"
43 |   },
44 |   "build": {
45 |     "appId": "electron-metamask-boilerplate",
46 |     "productName": "Electron Metamask Boilerplate",
47 |     "muonVersion": "4.7.1",
48 |     "files": [
49 |       "dist/**/*",
50 |       "node_modules/**/*"
51 |     ],
52 |     "asar": true,
53 |     "asarUnpack": [
54 |       "dist/extensions/"
55 |     ],
56 |     "directories": {
57 |       "buildResources": "app/dist/assets/icons",
58 |       "output": "dist",
59 |       "app": "your-app"
60 |     },
61 |     "nodeGypRebuild": false,
62 |     "linux": {
63 |       "target": [
64 |         "deb",
65 |         "AppImage"
66 |       ],
67 |       "icon": "your-app/dist/assets/icons",
68 |       "category": "Office"
69 |     },
70 |     "mac": {
71 |       "category": "public.app-category.finance",
72 |       "target": "tar.gz",
73 |       "icon": "your-app/dist/assets/icons/swapy-exchange"
74 |     },
75 |     "win": {
76 |       "target": "nsis",
77 |       "icon": "your-app/dist/assets/icons/swapy-exchange.ico"
78 |     }
79 |   },
80 |   "devDependencies": {
81 |     "chrome-ext-downloader": "^1.0.3",
82 |     "electron-builder": "^19.52.1",
83 |     "electron-is-dev": "^0.3.0",
84 |     "electron-prebuilt": "github:brave/electron-prebuilt",
85 |     "electron-reload": "^1.2.2",
86 |     "yarn": "^1.3.2"
87 |   },
88 |   "dependencies": {
89 |     "qs": "^6.5.1"
90 |   }
91 | }
92 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # [DISCONTINUED] Electron (Muon) + Metamask Boilerplate
  2 | 
  3 | **⚠️ This project is no longer maintained. Please beware of this before starting using it!**
  4 | 
  5 | Easily create a desktop version of your dApp using Electron (Muon) + MetaMask.
  6 | 
  7 | ### ![](https://cdn-images-1.medium.com/max/800/1*MYbvRTB7etsgyJGVarSFWQ.png)
  8 | 
  9 | ## Introduction
 10 | 
 11 | When it comes to decentralized apps, the more the users don’t have to rely on third parties in order to use the application, the more trust they can put in.
 12 | 
 13 | Serving your frontend through cloud servers is great because anyone using a browser with MetaMask can access it, but you’re still depending on third-parties to host the code. This means that if the servers are down, *e.g.*maintenance or a DDoS attack, the users won’t be able to use the application.
 14 | 
 15 | On the other hand, if you created an offline version of your dApp using Electron, you wouldn't be able to  use MetaMask to manage the wallets... until now.
 16 | 
 17 | Using this boilerplate, you'll be able to wrap your dApp code within a Muon application that includes MetaMask directly from Chrome Store!
 18 | 
 19 | 
 20 | 
 21 | ## How it works
 22 | 
 23 | This boilerplate is built on top of Muon, which is a security-focused fork from Electron with support for Chrome extensions. The boilerplate sets up a Muon application and injects the MetaMask extension. 
 24 | 
 25 | 1. The npm scripts download the MetaMask code from the Chrome Store to the local folder.
 26 | 2. The Muon application renders your local HTML and injects the MetaMask content scripts.
 27 | 3. Your frontend code should use `chrome.ipcRenderer.send('message')` to communicate with Muon's main process and trigger the MetaMask popups.
 28 | 4. MetaMask handles all the wallet management side of the application. So you don't have to deal directly with user's private keys.
 29 | 5. Electron Builder packs and generates installers for Linux, Windows and MacOS.
 30 | 
 31 | 
 32 | 
 33 | ## How to use
 34 | 
 35 | [Fork the repo](https://github.com/SwapyNetwork/electron-metamask-boilerplate#fork-destination-box) and clone it to your local machine
 36 | 
 37 | `git clone https://github.com/YourAccount/electron-metamask-boilerplate.git`
 38 | 
 39 | 
 40 | 
 41 | Include your dApp frontend repository as a submodule
 42 | 
 43 | `git submodule add https://github.com/your-awesome-company/dapp.git app`
 44 | 
 45 | It's recommended to add the submodule with `https` instead of `ssh`. This way you can easily clone and install both the parent and the children repos (check this [link](https://stackoverflow.com/questions/6031494/git-submodules-and-ssh-access)).
 46 | 
 47 | ------
 48 | 
 49 | Now the folder structure should be something like:
 50 | ```
 51 | electron-metamask-boilerplate
 52 |   -> node_modules/
 53 | 
 54 |   -> extensions/
 55 | 
 56 |     --> metamask/
 57 | 
 58 |   -> main.js
 59 | 
 60 |   -> package.json
 61 |   
 62 |   ->  [ ... ]
 63 | 
 64 |   -> app - (your git repository)
 65 |     --> node_modules/
 66 | 
 67 |     --> src/
 68 | 
 69 |     --> dist/
 70 | 
 71 |     --> package.json
 72 | 
 73 |     --> [ ... ]
 74 | ```
 75 | 
 76 | 
 77 | ### Setting up your project
 78 | 
 79 | Usually the frontend code that is rendered in the browser resides within a `dist` folder, so we recommend that you build your project to a `dist ` folder so you can use our configuration without having to alter too many things. 
 80 | 
 81 | Now, edit `main.js` to properly read `index.html` from your app's folder.
 82 | 
 83 | In development mode Muon will read the extensions file from the parent folder at `/extensions/metamask`, but when bundling to production, Electron Builder will expect the same folder at `app/dist/extensions/metamask` (this can be changed in `extensions.js`).
 84 | 
 85 | We've set up npm scripts to download MetaMask from Chrome Store. When in development run `npm run download.metamask.dev`. In production `npm run download.metamask.prod`.
 86 | 
 87 | Once you're ready run `npm start` for a development server.
 88 | 
 89 | ### Managing MetaMask's popups
 90 | 
 91 | Unfortunately, the built-in communication between the MetaMask scripts to trigger the UI doesn't work on Muon. In order to make the popups work, you'll need to intercept the web3 calls and manually send a message to Muon.
 92 | 
 93 | Check out [this function](https://github.com/SwapyNetwork/electron-metamask-boilerplate/blob/master/your-app/index.js#L33).
 94 | 
 95 | ### Building the installers
 96 | 
 97 | Electron Builder depends on both `package.json`s to generate the installers. For more info, check the [docs](https://www.electron.build/).
 98 | 
 99 | 
100 | 
101 | ## External Resources
102 | 
103 | [swapy-exchange-electron-wrapper](https://github.com/SwapyNetwork/swapy-exchange-electron-wrapper)
104 | 
105 | [Swapy's article on how we did the Electron + MetaMask integration](https://medium.com/@SwapyNetwork/integrating-metamask-with-electron-a-simple-secure-and-non-intrusive-approach-517a04da1656)
106 | 
107 | [Aragon's implementation](https://blog.aragon.one/electron-metamask-secure-easy-to-use-dapps-5a9987d21034)
108 | 
109 | 


--------------------------------------------------------------------------------