Lingua Franca Package Explorer: extensions to UI in VScode plugin

.gitignore

@@ -5,5 +5,6 @@ node_modules/*
 out/
 .gradle/*
 __pycache__/*
+.DS_Store
 lfw-pkg/
 dist/

.vscode/launch.json

@@ -9,6 +9,7 @@
             "outFiles": [
                 "${workspaceFolder}/out/**/*.js"
             ],
+            "sourceMaps": true,
             "request": "launch",
             "type": "extensionHost",
             "preLaunchTask": "${defaultBuildTask}"
@@ -58,6 +59,25 @@
                 "${workspaceFolder}/out/**/*.js"
             ],
         },
+        {
+            "name": "Launch VS Code Extension (Socket) LF",
+            "type": "extensionHost",
+            "request": "launch",
+            "args": [
+                "--extensionDevelopmentPath=${workspaceFolder}/",
+            ],
+            "env": {
+                "LF_LS_PORT": "7670"
+            },
+            "skipFiles": [
+              "<node_internals>/**"
+            ],
+            "sourceMaps": true,
+            "smartStep": true,
+            "outFiles": [
+                "${workspaceFolder}/out/**/*.js",
+            ],
+        },
         {
             "args": [
                 "--extensionDevelopmentPath=${workspaceFolder}",

README.md

@@ -15,6 +15,9 @@ This extension adds language support for [Lingua Franca (LF)](https://www.lf-lan
 * target code validation upon build or file save
 * user-triggered build (<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd>, then `Lingua Franca: Build`) 
 * user-triggered build and run (<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd>, then `Lingua Franca: Build and Run`) 
+* Lingua Franca Package Explorer (click on the LF icon in the Activity Bar on the left), which features two distinct tree-view sections:
+   * **Local Libraries:** This section showcases a catalog of Local Libraries, which are libraries personally defined by the programmer.
+   * **Lingo Libraries:** Here, you'll find a catalog of all libraries downloaded in the personal workspace using the Lingo package manager.
 
 ## Quick Start
  1. Install this plugin from the [VSCode

package.json

@@ -59,6 +59,24 @@
                 }
             }
         ],
+        "colors": [
+            {
+                "id": "editorIcon.currentProject",
+                "description": "Color for a TreeIteem label",
+                "defaults": {
+                    "dark": "#57cc99",
+                    "light": "#57cc99"
+                }
+            },
+            {
+                "id": "editorIcon.notCurrentProject",
+                "description": "Color for a TreeIteem label",
+                "defaults": {
+                    "dark": "#fcbf49",
+                    "light": "#fcbf49"
+                }
+            }
+        ],
         "semanticTokenScopes": [
             {
                 "scopes": {
@@ -83,7 +101,8 @@
             },
             {
                 "command": "linguafranca.buildAndRun",
-                "title": "Lingua Franca: Build and Run"
+                "title": "Lingua Franca: Build and Run",
+                "icon": "$(play)"
             },
             {
                 "command": "linguafranca.checkDocker",
@@ -94,10 +113,51 @@
                 "title": "New Lingua Franca File",
                 "shortTitle": "Lingua Franca File"
             },
+            {
+                "command": "linguafranca.refreshEntries",
+                "title": "Refresh Tree View",
+                "icon": "$(refresh)"
+            },
+            {
+                "command": "linguafranca.goToFile",
+                "title": "Go To Selected File",
+                "icon": "$(go-to-file)"
+            },
+            {
+                "command": "linguafranca.importReactor",
+                "title": "Import Selected Reactor",
+                "icon": "$(insert)"
+            },
+            {
+                "command": "linguafranca.openInSplitView",
+                "title": "Open in Split View",
+                "icon": "$(split-horizontal)"
+            },
+            {
+                "command": "linguafranca.collapseAll",
+                "title": "Collapse All",
+                "icon": "$(collapse-all)"
+            },
             {
                 "command": "linguafranca.getVersion",
                 "title": "Lingua Franca: Get Version"
+            },
+            {
+                "command": "linguafranca.includeProject",
+                "title": "Include in current project",
+                "icon": "$(desktop-download)"
+            },
+            {
+                "command": "linguafranca.goToLingoToml",
+                "title": "Go to Lingo.toml",
+                "icon": "$(edit)"
+            },
+            {
+                "command": "linguafranca.openInTerminal",
+                "title": "Open in Terminal",
+                "icon": "$(terminal)"
             }
+
         ],
         "configuration": {
             "title": "LinguaFranca",
@@ -120,6 +180,11 @@
                     "when": "resourceLangId == lflang",
                     "command": "klighd-vscode.diagram.open",
                     "group": "navigation"
+                },
+                {
+                    "when": "resourceLangId == lflang",
+                    "command": "linguafranca.buildAndRun",
+                    "group": "navigation"
                 }
             ],
             "editor/context": [
@@ -146,7 +211,73 @@
                     "command": "linguafranca.getVersion",
                     "when": "false"
                 }
+            ],
+            "view/title": [
+                {
+                    "command": "linguafranca.refreshEntries",
+                    "group": "navigation@1",
+                    "when": "view == lf-lang-projects"
+                },
+                {
+                    "command": "linguafranca.collapseAll",
+                    "group": "navigation@2",
+                    "when": "view == lf-lang-projects"
+                }
+
+            ],
+            "view/item/context" : [
+                {
+                    "command": "linguafranca.openInTerminal",
+                    "group": "inline@1",
+                    "when": "viewItem == project"
+                },
+                {
+                    "command": "linguafranca.includeProject",
+                    "group": "inline@1",
+                    "when": "viewItem == root || viewItem == file-local"
+                },
+                {
+                    "command": "linguafranca.goToFile",
+                    "group": "inline@2",
+                    "when": "viewItem == file-local || viewItem == file-lingo || viewItem == file-local-included || viewItem == reactor || viewItem == reactor-included"
+                },
+                {
+                    "command": "linguafranca.openInSplitView",
+                    "group": "inline@3",
+                    "when": "viewItem == file-local || viewItem == file-lingo || viewItem == file-local-included"
+                },
+                {
+                    "command": "linguafranca.openInSplitView",
+                    "when": "viewItem == reactor || viewItem == reactor-included"
+                },
+                {
+                    "command": "linguafranca.importReactor",
+                    "group": "inline@3",
+                    "when": "viewItem == reactor-included"
+                },
+                {
+                    "command": "linguafranca.goToLingoToml",
+                    "group": "inline",
+                    "when": "viewItem == lingo"
+                }
             ]
+        },
+        "viewsContainers": {
+            "activitybar": [
+                {
+                    "id": "lf-lang",
+                    "title": "Lingua Franca Projects",
+                    "icon": "images/logo/lf-logo-dark.svg"
+                }
+            ]
+        },
+        "views": {
+            "lf-lang": [
+                {
+                    "id": "lf-lang-projects",
+                    "name": ""
+                }
+              ]
         }
     },
     "devDependencies": {