add GITSER token

.gitignore

@@ -24,3 +24,6 @@ yarn-error.log*
 
 .idea
 .eslintcache
+
+# generate with `build:extension` script
+extension/build/*

.travis.yml

@@ -1,5 +1,5 @@
 language: node_js
-node_js: 10
+node_js: 14
 dist: bionic
 cache: yarn
 script: yarn build

README.md

@@ -1,8 +1,10 @@
 # SPL Token Wallet
 
+Note. This repository is used as a developer tool. Non security related issues and PRs will not be actively supported. For a wallet, it's recommended to use [Backpack](https://backpack.app/download).
+
 Example Solana wallet with support for [SPL tokens](https://spl.solana.com/token) and Serum integration.
 
-See [sollet.io](https://www.sollet.io) for a demo.
+See [sollet.io](https://www.sollet.io) or the [Sollet Chrome Extension](https://chrome.google.com/webstore/detail/sollet/fhmfendgdocmcbmfikdcogofphimnkno) for a demo.
 
 Wallet keys are stored in `localStorage`, optionally encrypted by a password.
 

extension/src/background.js

@@ -0,0 +1,77 @@
+const responseHandlers = new Map();
+let unlockedMnemonic = '';
+
+function launchPopup(message, sender, sendResponse) {
+  const searchParams = new URLSearchParams();
+  searchParams.set('origin', sender.origin);
+  searchParams.set('network', message.data.params.network);
+  searchParams.set('request', JSON.stringify(message.data));
+
+  // TODO consolidate popup dimensions
+  chrome.windows.getLastFocused((focusedWindow) => {
+    chrome.windows.create({
+      url: 'index.html#' + searchParams.toString(),
+      type: 'popup',
+      width: 375,
+      height: 600,
+      top: focusedWindow.top,
+      left: focusedWindow.left + (focusedWindow.width - 375),
+      setSelfAsOpener: true,
+      focused: true,
+    });
+  });
+
+  responseHandlers.set(message.data.id, sendResponse);
+}
+
+function handleConnect(message, sender, sendResponse) {
+  chrome.storage.local.get('connectedWallets', (result) => {
+    const connectedWallet = (result.connectedWallets || {})[sender.origin];
+    if (!connectedWallet) {
+      launchPopup(message, sender, sendResponse);
+    } else {
+      sendResponse({
+        method: 'connected',
+        params: {
+          publicKey: connectedWallet.publicKey,
+          autoApprove: connectedWallet.autoApprove,
+        },
+        id: message.data.id,
+      });
+    }
+  });
+}
+
+function handleDisconnect(message, sender, sendResponse) {
+  chrome.storage.local.get('connectedWallets', (result) => {
+    delete result.connectedWallets[sender.origin];
+    chrome.storage.local.set(
+      { connectedWallets: result.connectedWallets },
+      () => sendResponse({ method: 'disconnected', id: message.data.id }),
+    );
+  });
+}
+
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+  if (message.channel === 'sollet_contentscript_background_channel') {
+    if (message.data.method === 'connect') {
+      handleConnect(message, sender, sendResponse);
+    } else if (message.data.method === 'disconnect') {
+      handleDisconnect(message, sender, sendResponse);
+    } else {
+      launchPopup(message, sender, sendResponse);
+    }
+    // keeps response channel open
+    return true;
+  } else if (message.channel === 'sollet_extension_background_channel') {
+    const responseHandler = responseHandlers.get(message.data.id);
+    responseHandlers.delete(message.data.id);
+    responseHandler(message.data);
+  } else if (message.channel === 'sollet_extension_mnemonic_channel') {
+    if (message.method === 'set') {
+      unlockedMnemonic = message.data;
+    } else if (message.method === 'get') {
+      sendResponse(unlockedMnemonic);
+    }
+  }
+});

extension/src/contentscript.js

@@ -0,0 +1,24 @@
+const container = document.head || document.documentElement;
+const scriptTag = document.createElement('script');
+scriptTag.setAttribute('async', 'false');
+scriptTag.src = chrome.runtime.getURL('script.js');
+container.insertBefore(scriptTag, container.children[0]);
+container.removeChild(scriptTag);
+
+window.addEventListener('sollet_injected_script_message', (event) => {
+  chrome.runtime.sendMessage(
+    {
+      channel: 'sollet_contentscript_background_channel',
+      data: event.detail,
+    },
+    (response) => {
+      // Can return null response if window is killed
+      if (!response) {
+        return;
+      }
+      window.dispatchEvent(
+        new CustomEvent('sollet_contentscript_message', { detail: response }),
+      );
+    },
+  );
+});

extension/src/manifest.json

@@ -0,0 +1,42 @@
+{
+  "name": "Sollet",
+  "description": "Solana SPL Token Wallet",
+  "version": "0.3.1",
+  "browser_action": {
+    "default_popup": "index.html",
+    "default_title": "Open the popup"
+  },
+  "manifest_version": 2,
+  "icons": {
+    "16": "favicon.ico",
+    "192": "logo192.png",
+    "512": "logo512.png"
+  },
+  "background": {
+    "persistent": true,
+    "scripts": [
+      "background.js"
+    ]
+  },
+  "permissions": [
+    "storage"
+  ],
+  "content_scripts": [
+    {
+      "matches": [
+        "file://*/*",
+        "http://*/*",
+        "https://*/*"
+      ],
+      "js": [
+        "contentscript.js"
+      ],
+      "run_at": "document_start",
+      "all_frames": true
+    }
+  ],
+  "web_accessible_resources": [
+    "script.js"
+  ],
+  "content_security_policy": "script-src 'self' 'sha256-ek+jXksbUr00x+EdLLqiv69t8hATh5rPjHVvVVGA9ms='; object-src 'self'"
+}

extension/src/script.js

@@ -0,0 +1,15 @@
+window.sollet = {
+  postMessage: (message) => {
+    const listener = (event) => {
+      if (event.detail.id === message.id) {
+        window.removeEventListener('sollet_contentscript_message', listener);
+        window.postMessage(event.detail);
+      }
+    };
+    window.addEventListener('sollet_contentscript_message', listener);
+
+    window.dispatchEvent(
+      new CustomEvent('sollet_injected_script_message', { detail: message }),
+    );
+  },
+};

package.json

@@ -3,11 +3,17 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@ledgerhq/hw-transport-webusb": "^5.34.0",
-    "@material-ui/core": "^4.11.2",
+    "@bonfida/spl-name-service": "^0.1.24",
+    "@ledgerhq/hw-transport-webhid": "^5.51.1",
+    "@material-ui/core": "^4.11.4",
     "@material-ui/icons": "^4.11.2",
-    "@project-serum/serum": "^0.13.24",
-    "@solana/web3.js": "^0.87.2",
+    "@material-ui/lab": "^4.0.0-alpha.58",
+    "@project-serum/anchor": "^0.7.0",
+    "@project-serum/serum": "^0.13.33",
+    "@project-serum/swap-ui": "^0.2.4",
+    "@project-serum/token": "^0.0.1-alpha.3",
+    "@solana/spl-token-registry": "^0.2.102",
+    "@solana/web3.js": "^1.17.0",
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^12.6.0",
@@ -23,10 +29,13 @@
     "buffer-layout": "^1.2.0",
     "ed25519-hd-key": "^1.2.0",
     "immutable-tuple": "^0.4.10",
+    "material-ui-popup-state": "^1.8.3",
     "mdi-material-ui": "^6.21.0",
     "notistack": "^1.0.2",
     "qrcode.react": "^1.0.0",
     "react": "^17.0.1",
+    "react-async-hook": "^3.6.2",
+    "react-copy-to-clipboard": "^5.0.3",
     "react-dom": "^17.0.1",
     "react-scripts": "4.0.1",
     "tweetnacl": "^1.0.3",
@@ -37,14 +46,23 @@
     "predeploy": "git pull --ff-only && yarn && yarn build",
     "deploy": "gh-pages -d build",
     "fix": "run-s fix:*",
-    "fix:prettier": "prettier \"src/**/*.js\" --write",
+    "fix:prettier": "prettier \"src/**/*.js\" \"extension/src/*.js\" --write",
     "start": "react-scripts start",
     "build": "react-scripts build",
+    "build:extension": "yarn build && cp -a ./build/. ./extension/build/ && yarn build:extension-scripts",
+    "build:extension-scripts": "cp -a ./extension/src/. ./extension/build/.",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {
-    "extends": "react-app"
+    "env": {
+      "browser": true,
+      "es6": true,
+      "webextensions": true
+    },
+    "extends": [
+      "react-app"
+    ]
   },
   "jest": {
     "transformIgnorePatterns": [
@@ -73,6 +91,7 @@
     }
   },
   "devDependencies": {
+    "@types/react-copy-to-clipboard": "^5.0.1",
     "gh-pages": "^3.1.0",
     "git-format-staged": "^2.1.0",
     "husky": "^4.3.6",