Publish to NPM and export ComponentRouter with presets/plugins props

.github/workflows/check-build.yml

@@ -43,21 +43,23 @@ jobs:
           distribution: 'temurin'
           java-version: 21
           java-package: jdk
+
+      - name: Set up yarn
+        run: |
+          corepack enable
 
       - name: Install dependencies
         run: |
-          npm install
-          npm install -g @vscode/vsce
-          npm install -g ovsx
+          yarn install
 
       - name: Package
         run: |
-          npm run release:prepare
+          yarn release:prepare
           mkdir artifacts
-          cp legend-engine-ide-client-vscode.vsix artifacts/legend-engine-ide-client-vscode.vsix
+          cp ./packages/extension/legend-engine-ide-client-vscode.vsix artifacts/legend-engine-ide-client-vscode.vsix
 
       - name: Upload artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: legend-engine-ide-client-vscode.vsix
           path: artifacts/legend-engine-ide-client-vscode.vsix

.github/workflows/check-code.yml

@@ -32,13 +32,16 @@ jobs:
         with:
           node-version: 20
 
+      - name: Set up yarn
+        run: |
+          corepack enable
+
       - name: Install dependencies
         run: |
-          npm install
-          npm install -g @vscode/vsce
+          yarn install
 
       - name: Run lint
-        run: npm run lint:ci
+        run: yarn lint:ci
 
   check-codebase-maintenance:
     name: Run Codebase Maintenance Checks
@@ -55,13 +58,16 @@ jobs:
         with:
           node-version: 20
 
+      - name: Set up yarn
+        run: |
+          corepack enable
+
       - name: Install dependencies
         run: |
-          npm install
-          npm install -g @vscode/vsce
+          yarn install
 
       - name: Check code formatting
-        run: npm run check:format
+        run: yarn check:format
 
       - name: Check copyright headers
-        run: npm run check:copyright
+        run: yarn check:copyright

.github/workflows/cve-scanning.yml

@@ -12,8 +12,11 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 20
-      - name: Build project with NPM
-        run: npm install --omit=dev
+      - name: Set up yarn
+        run: |
+          corepack enable
+      - name: Build project with yarn
+        run: yarn workspaces focus --all --production
         working-directory: .
       - name: Depcheck
         uses: dependency-check/Dependency-Check_Action@1b5d19fd4a32ff0ff982e8c9d8e27dbf7ac8a46c
@@ -31,7 +34,7 @@ jobs:
             --enableRetired
       - name: Upload Test results
         if: ${{ always() }}
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: Depcheck report
           path: ${{ github.workspace }}/reports

.github/workflows/license-scanning.yml

@@ -21,7 +21,10 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
-      - run: npm ci --prod
+      - name: Set up yarn
+        run: |
+          corepack enable
+      - run: yarn install --immutable
         working-directory: .
-      - run: npx --yes node-license-validator . --allow-licenses Apache Apache-2.0 MIT BSD-2-Clause BSD BSD-3-Clause Unlicense
+      - run: yarn dlx node-license-validator . --allow-licenses Apache Apache-2.0 MIT BSD-2-Clause BSD BSD-3-Clause Unlicense
         working-directory: .

.github/workflows/manual__release.yml

@@ -11,7 +11,7 @@ on:
 jobs:
   release:
     name: Release
-    runs-on: ubuntu-latest-4-cores
+    runs-on: ubuntu-latest
     if: github.repository == 'finos/legend-engine-ide-client-vscode' # prevent running this action in forks
     steps:
       - name: Checkout code
@@ -26,7 +26,7 @@ jobs:
         uses: actions/[email protected]
         with:
           node-version: 20
-          # The registry URL and `NODE_AUTH_TOKEN` are needed for `npm publish` to work properly
+          # The registry URL and `NODE_AUTH_TOKEN` are needed for `yarn npm publish` to work properly
           # See https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#publish-to-npmjs-and-gpr-with-npm
           registry-url: 'https://registry.npmjs.org'
       - name: Set up JDK
@@ -35,21 +35,33 @@ jobs:
           distribution: 'temurin'
           java-version: 21
           java-package: jdk
-      - name: Prepare for new release
+      - name: Set up yarn
         run: |
-            npm version ${{ github.event.inputs.bump_type }} -m "bump version to %s"
-            git push origin main                 
-      - name: Install dependencies and build project
+          corepack enable
+      - name: Install dependencies
         run: |
-          npm install
-          npm install -g @vscode/vsce
-          npm install -g ovsx
-          npm run release:prepare
+          yarn install
+      - name: Bump versions
+        run: |
+            yarn workspaces foreach --all run version ${{ github.event.inputs.bump_type }}
+            git add packages/**/package.json
+            git commit -m "${{ github.event.inputs.bump_type }}: bump versions and release"
+            git push origin feature-publish-npm                 
+      - name: Build project and prepare release
+        run: |
+          yarn release:prepare
       - name: Publish to VS Code Marketplace        
-        run: npm run release:marketPlace
+        run: yarn release:marketPlace
         env:
           VSCE_PAT: ${{ secrets.VSCE_PAT }}
       # - name: Publish to OpenVSX Marketplace
-      #   run: npm run release:openvsx -- -p ${{ secrets.OVSX_TOKEN }}
+      #   run: yarn dlx -p ovsx release:openvsx -- -p ${{ secrets.OVSX_TOKEN }}
+      - name: Publish to NPM
+        run: |
+          yarn config set npmAuthToken $NODE_AUTH_TOKEN
+          yarn release:client
+        env:
+          GITHUB_TOKEN: ${{ secrets.FINOS_GITHUB_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
 

.github/workflows/test.yml

@@ -44,12 +44,19 @@ jobs:
           java-version: 21
           java-package: jdk
 
+      - name: Set up yarn
+        run: |
+          corepack enable
+
       - name: Install dependencies
         run: |
-          npm install
-          npm install -g @vscode/vsce
+          yarn install
+
+      - name: Compile and bundle code
+        run: |
+          yarn bundle
 
       - name: Run tests
         run: |
-          xvfb-run -a npm run test        
+          xvfb-run -a yarn run test        
 

.gitignore

@@ -17,18 +17,28 @@ Thumbs.db
 # Build
 npm-debug.log
 npm-debug.log*
-/build/
-/lib
-/dist
+**/build/
+**/lib
+**/dist
 
 # Dependencies
 **/node_modules
 
 # Development
 /temp
 *.vsix
-/server/*.jar
+**/server/*.jar
 /server/legend_extension_pom*.xml
 
 # Test
-/.vscode-test/
+**/.vscode-test/
+
+# Yarn
+# See https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
+.yarn/*
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+!.yarn/constraints.pro
+.pnp.*

.vscode/launch.json

@@ -0,0 +1,19 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "args": [
+        "--extensionDevelopmentPath=${workspaceFolder}/packages/extension"
+      ],
+      "name": "Launch Legend Extension",
+      "outFiles": [
+        "${workspaceFolder}/packages/extension/dist/**/*.js"
+      ],
+      "request": "launch",
+      "type": "extensionHost"
+    }
+  ]
+}

.yarnrc.yml

@@ -0,0 +1,3 @@
+nodeLinker: node-modules
+
+npmPublishAccess: public

license-check-and-add-config.json

@@ -1,6 +1,6 @@
 {
   "ignore": ["*.json", "icons/*.svg", "build", ".vscode-test", "lib", ".github", "*.vsix", "server", "*"],
-  "license": "./scripts/copyright/COPYRIGHT_HEADER.txt",
+  "license": "../../scripts/copyright/COPYRIGHT_HEADER.txt",
   "licenseFormats": {
     "ts": {
       "prepend": "/**",