Vscode extension which generates workspaces for each project

[knight10-ux]

Let's take example workspace:

{
  "folders": [
    {
      "path": "../libs/common",
      "name": "common"
    },
    {
      "path": "../libs/node",
      "name": "node"
    },
    {
      "path": "../libs/browser",
      "name": "browser"
    },
    {
      "path": "../apps/api",
      "name": "api"
    },
    {
      "path": "../apps/web",
      "name": "web"
    },
    {
      "path": "../apps/api-ssr",
      "name": "api-ssr"
    },
}

Dependency tree for projects looks like this:

api
  node
    common
web
  browser
    common
api-ssr
  browser
    common
  node
    common

The best vscode experience for nx would be to have workspace folders being dynamic - perhaps second file explorer, similary to pycharm project dependencies, where list of folders would be ordered by desc distance in dependency graph. In first explorer would be only currently selected application project with all debug and test integrated into vscode.

What do you think?

PS. hmmm maybe simple workspace executor to generate vscode workspaces for each nx app project based on project dependency graph? Potentially could be added to existing nx vscode plugin 🤔

[knight10-ux]

First of all I'm blown away by this project. It is really the best build system in node ecosystem I've seen so far and I hope it is going to spread to other languages!

I've tried what is mentioned in previous post and so far seems pretty good https://gist.github.com/mkieblesz/d7a3e1f70f1bf59f16bec827ae67e9af.

To try this out put those files intools/generators/gen-ide-workspaces/ and trigger it with yarn nx workspace-generator gen-ide-workspaces. It's going to create workspace files for vscode and sublime for selected libraries (tagged with type:platform) and applications. I will try this out and update the gist if it will be going well.

Here is result:

~/work/example$ ls .vscode/
total 112
-rw-r--r-- 1 user staff 1554 Oct  1 19:30 api.code-workspace
-rw-r--r-- 1 user staff  519 Oct  1 19:30 api.sublime-project
-rw-r--r-- 1 user staff 1772 Oct  1 19:30 browser.code-workspace
-rw-r--r-- 1 user staff  830 Oct  1 19:30 browser.sublime-project
-rw-r--r-- 1 user staff 1242 Oct  1 19:30 cli.code-workspace
-rw-r--r-- 1 user staff  114 Oct  1 19:30 cli.sublime-project
-rw-r--r-- 1 user staff 1402 Oct  1 19:30 common.code-workspace
-rw-r--r-- 1 user staff  336 Oct  1 19:30 common.sublime-project
-rw-r--r-- 1 user staff 1250 Oct  1 19:30 desktop.code-workspace
-rw-r--r-- 1 user staff  122 Oct  1 19:30 desktop.sublime-project
-rw-r--r-- 1 user staff 1252 Oct  1 19:30 electron.code-workspace
-rw-r--r-- 1 user staff  124 Oct  1 19:30 electron.sublime-project
-rw-r--r-- 1 user staff  934 Sep 30 21:50 extensions.json
-rw-r--r-- 1 user staff  959 Sep  3 08:38 keybindings.json
-rw-r--r-- 1 user staff 1250 Oct  1 19:30 manager.code-workspace
-rw-r--r-- 1 user staff  122 Oct  1 19:30 manager.sublime-project
-rw-r--r-- 1 user staff 2996 Oct  1 19:30 mobile.code-workspace
-rw-r--r-- 1 user staff 2426 Oct  1 19:30 mobile.sublime-project
-rw-r--r-- 1 user staff 3270 Oct  1 19:30 node.code-workspace
-rw-r--r-- 1 user staff 2824 Oct  1 19:30 node.sublime-project
-rw-r--r-- 1 user staff 1554 Oct  1 19:30 react-native.code-workspace
-rw-r--r-- 1 user staff  519 Oct  1 19:30 react-native.sublime-project
-rw-r--r-- 1 user staff  109 Sep 30 21:51 settings.json
-rw-r--r-- 1 user staff 2936 Sep 30 16:42 tapchan.code-workspace
-rw-r--r-- 1 user staff 1444 Oct  1 19:30 web.code-workspace
-rw-r--r-- 1 user staff  378 Oct  1 19:30 web.sublime-project
-rw-r--r-- 1 user staff 1248 Oct  1 19:30 worker.code-workspace
-rw-r--r-- 1 user staff  120 Oct  1 19:30 worker.sublime-project

Let me know what you think! Thanks