feat(vscode): rework PDV integration to use new apis & state machine (#2272)

Author: MaxKless

apps/generate-ui-v2-e2e/project.json

@@ -20,6 +20,7 @@
     },
     "setup-lit-dir": {
       "command": "node ./setup-lit-dir.mjs",
+      "cache": true,
       "options": {
         "cwd": "apps/generate-ui-v2-e2e"
       },

apps/generate-ui-v2/src/components/badge.ts

@@ -1,8 +1,6 @@
 import { LitElement, html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { EditorContext } from '../contexts/editor-context';
-import { when } from 'lit/directives/when.js';
-import { t } from 'xstate';
 
 @customElement('badge-element')
 export class Banner extends EditorContext(LitElement) {

apps/vscode/package.json

@@ -62,7 +62,8 @@
     "@nx/nx-linux-x64-gnu": "19.0.3",
     "@nx/nx-linux-x64-musl": "19.0.3",
     "@nx/nx-win32-arm64-msvc": "19.0.3",
-    "@nx/nx-win32-x64-msvc": "19.0.3"
+    "@nx/nx-win32-x64-msvc": "19.0.3",
+    "@vscode-elements/elements": "^1.6.1"
   },
   "contributes": {
     "typescriptServerPlugins": [

apps/vscode/project.json

@@ -91,6 +91,10 @@
       }
     },
     "build": {
+      "command": "node ./tools/scripts/install-vscode-deps.js",
+      "dependsOn": ["_build"]
+    },
+    "_build": {
       "executor": "@nx/esbuild:esbuild",
       "options": {
         "external": [
@@ -203,10 +207,7 @@
       "executor": "nx:run-commands",
       "dependsOn": ["build", "^build"],
       "options": {
-        "commands": [
-          "node ./tools/scripts/vscode-yarn.js",
-          "node ./tools/scripts/vscode-vsce.js"
-        ],
+        "commands": ["node ./tools/scripts/vscode-vsce.js"],
         "parallel": false
       },
       "outputs": ["{workspaceRoot}/dist/apps/vscode"]

libs/language-server/watcher/src/lib/daemon-watcher.ts

@@ -102,7 +102,11 @@ export class DaemonWatcher {
                   );
                 }) ?? [];
               if (filteredChangedFiles.length === 0) {
-                lspLogger.log(`filtered out files: ${data?.changedFiles}`);
+                lspLogger.log(
+                  `filtered out files: ${data?.changedFiles
+                    .map((f) => f.path)
+                    .join(', ')}`
+                );
                 return;
               }
               if (filteredChangedFiles.length) {

libs/vscode/nx-workspace/src/index.ts

@@ -15,3 +15,4 @@ export * from './lib/has-affected-projects';
 export * from './lib/get-source-map';
 export * from './lib/get-nx-cloud-status';
 export * from './lib/get-cloud-onboarding-info';
+export * from './lib/get-pdv-data';

libs/vscode/nx-workspace/src/lib/get-pdv-data.ts

@@ -0,0 +1,9 @@
+import { NxPDVDataRequest } from '@nx-console/language-server/types';
+import { PDVData } from '@nx-console/shared/types';
+import { sendRequest } from '@nx-console/vscode/lsp-client';
+
+export async function getPDVData(
+  path: string | undefined
+): Promise<PDVData | undefined> {
+  return sendRequest(NxPDVDataRequest, { filePath: path });
+}