[NO MERGE] Extension Development Improvements

tools/vscode-extension/.vscode/launch.json

@@ -0,0 +1,13 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "extensionHost",
+      "request": "launch",
+      "name": "Launch Extension",
+      "runtimeExecutable": "${execPath}",
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}"],
+      "outFiles": ["${workspaceFolder}/out/**/*.js"]
+    }
+  ]
+}

tools/vscode-extension/README.md

@@ -14,17 +14,20 @@ and have configured the [`code` command line interface](https://code.visualstudi
 
 ### Using the Flow CLI
 
-The recommended way to install the latest released version is to use the Flow CLI. 
+The recommended way to install the latest released version is to use the Flow CLI.
+
 ```shell script
 brew tap dapperlabs/homebrew && brew install flow-cli
 ```
 
 Check that it's been installed correctly.
+
 ```shell script
 flow version
 ```
 
 Next, use the CLI to install the VS Code extension.
+
 ```shell script
 flow cadence install-vscode-extension
 ```
@@ -33,49 +36,55 @@ Restart VS Code and the extension should be installed!
 
 ### Building
 
-If you are building the extension from source, you need to build both the 
+If you are building the extension from source, you need to build both the
 extension itself and the Flow CLI (if you don't already have a version installed).
-Unless you're developing the extension or need access to unreleased features, 
+Unless you're developing the extension or need access to unreleased features,
 you should use the Flow CLI option. It's much easier!
 
 #### VS Code Extension
-Make sure you are in this `vscode-extension` directory. 
+
+Make sure you are in this `vscode-extension` directory.
 
 If you haven't already, install dependencies.
+
 ```shell script
 npm install
 ```
 
 Next, build and package the extension.
+
 ```shell script
 npm run package
 ```
 
-This will result in a `.vsix` file containing the packaged extension. 
+This will result in a `.vsix` file containing the packaged extension.
 
 Install the packaged extension.
+
 ```shell script
 code --install-extension cadence-*.vsix
 ```
 
 Restart VS Code and the extension should be installed!
 
-#### FLow CLI
+#### Flow CLI
 
 Make sure you are in the root directory.
 
 Build the Flow CLI.
+
 ```shell script
 make cmd/flow/flow
 ```
 
 Move the resulting binary (`cmd/flow/flow`) into your `$PATH`. For example:
+
 ```shell script
 mv ./cmd/flow/flow /usr/local/bin/
 ```
 
 Restart your terminal and check to ensure it was installed correctly.
+
 ```shell script
 flow version
 ```
-

tools/vscode-extension/package.json

@@ -20,6 +20,27 @@
   ],
   "main": "./out/extension.js",
   "contributes": {
+    "viewsContainers": {
+      "activitybar": [
+        {
+          "id": "flow-explorer",
+          "title": "Flow Explorer",
+          "icon": "images/flow.svg"
+        }
+      ]
+    },
+    "views": {
+      "flow-explorer": [
+        {
+          "id": "flowAccounts",
+          "name": "Flow Accounts"
+        },
+        {
+          "id": "flowContracts",
+          "name": "Deployed Contract"
+        }
+      ]
+    },
     "commands": [
       {
         "command": "cadence.restartServer",
@@ -47,6 +68,14 @@
         "title": "Switch account"
       }
     ],
+    "menus": {
+      "view/title": [
+        {
+          "command": "cadence.createAccount",
+          "when": "view == flowAccounts"
+        }
+      ]
+    },
     "configuration": {
       "title": "Cadence",
       "properties": {

tools/vscode-extension/src/accounts.ts

@@ -0,0 +1,78 @@
+import { addAddressPrefix } from "./address";
+import { Extension } from "./extension";
+export const SERVICE_ADDR: string = "f8d6e0586b0a20c7";
+
+export class AccountsService {
+  numAccounts: number;
+  // Set of created accounts for which we can submit transactions.
+  // Mapping from account address to account object.
+  list: Array<Account>;
+  // Index of the currently active account.
+  activeAccount: number;
+
+  ext: Extension | undefined;
+
+  constructor(numAccounts: number) {
+    this.numAccounts = numAccounts;
+    this.list = [new Account(0, SERVICE_ADDR)];
+    this.activeAccount = 0;
+    this.ext = undefined;
+  }
+
+  init(ext: Extension) {
+    this.ext = ext;
+  }
+
+  addAccount(address: string) {
+    const index = this.list.length;
+    const account = new Account(index, address);
+    this.list.push(account);
+    this.ext &&
+      this.ext.accountsTreeView.accountsTreeViewDataProvider.refresh();
+  }
+
+  setActiveAccount(index: number) {
+    this.activeAccount = index;
+  }
+
+  getActiveAccount(): Account {
+    return this.list[this.activeAccount];
+  }
+
+  getAccount(index: number): Account | null {
+    if (index < 0 || index >= this.list.length) {
+      return null;
+    }
+
+    return this.list[index];
+  }
+
+  // Resets account state
+  resetAccounts() {
+    this.list = [new Account(0, SERVICE_ADDR)];
+    this.activeAccount = 0;
+  }
+}
+
+export class Account {
+  index: number;
+  address: string;
+
+  constructor(index: number, address: string) {
+    this.index = index;
+    this.address = address;
+  }
+
+  name(): string {
+    return this.index === 0 ? "Service Account" : `Account ${this.index}`;
+  }
+
+  fullName(): string {
+    return `${this.name()} (${addAddressPrefix(this.address)})`;
+  }
+}
+
+export function createAccountsService(numAccounts: number) {
+  const accountsService = new AccountsService(numAccounts);
+  return accountsService;
+}