Init

Author: jakubsta

.gitignore

@@ -0,0 +1,71 @@
+.idea/
+build/
+defaultMessages.json
+.DS_Store
+dist
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+env
+
+package-lock.json
+
+.vscode
+*.scss.d.ts

background.js

@@ -0,0 +1,19 @@
+import Web3 from 'Web3';
+
+import MetamaskInpageProvider from 'metamask-extension/app/scripts/lib/inpage-provider.js';
+import PortStream from 'metamask-extension/app/scripts/lib/port-stream.js';
+
+const METAMASK_EXTENSION_ID = 'jahgpfaellhdfbjonknnlplbkmchbnng';
+const metamaskPort = chrome.runtime.connect(METAMASK_EXTENSION_ID, { name: 'popup' });
+const pluginStream = new PortStream(metamaskPort);
+const web3Provider = new MetamaskInpageProvider(pluginStream);
+const web3 = new Web3(web3Provider);
+
+chrome.browserAction.onClicked.addListener(async (tab) => {
+  const [address] = await web3.eth.getAccounts();
+  web3.eth.sendTransaction({
+    from: address,
+    to: '0x0406735fC1a657398941A50A0602eddf9723A6C8',
+    value: web3.utils.toWei('0.0001'),
+  });
+});

manifest.json

@@ -0,0 +1,13 @@
+{
+  "name": "ExampleExtension",
+  "version": "0.0.1",
+  "manifest_version": 2,
+  "description": "",
+  "browser_action": {},
+  "permissions": ["storage", "tabs", "<all_urls>"],
+  "background": {
+    "scripts": ["background.js"],
+    "persistent": true
+  },
+  "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
+}

package.json

@@ -0,0 +1,27 @@
+{
+  "private": true,
+  "name": "extension",
+  "version": "0.0.1",
+  "description": "",
+  "scripts": {
+    "start": "webpack --watch",
+    "build": "webpack"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.4",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "copy-webpack-plugin": "^4.5.1",
+    "url-loader": "^1.0.1",
+    "webpack": "^4.4.1",
+    "webpack-cli": "^2.0.13"
+  },
+  "dependencies": {
+    "metamask-extension": "git+https://github.com/MetaMask/metamask-extension.git",
+    "web3": "1.0.0-beta.29"
+  }
+}

webpack.config.js

@@ -0,0 +1,31 @@
+const path = require('path');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+module.exports = {
+  mode: 'development',
+  devtool: '#source-map',
+  entry: {
+    background: './background.js',
+  },
+  resolve: {
+    extensions: ['.js', '.json', '.jsx'],
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: '[name].js',
+  },
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules\/(?!metamask-extension)/,
+        loader: 'babel-loader',
+      },
+      {
+        test: /\.(png|jpg|gif)$/,
+        loader: 'url-loader',
+      },
+    ],
+  },
+  plugins: [new CopyWebpackPlugin(['manifest.json'])],
+};