Drop support for the old visualizer (#375)

* Drop support for the old visualizer

* remove redundant scripts

* add changeset

.changeset/nasty-elephants-drop.md

@@ -0,0 +1,5 @@
+---
+'stately-vscode': major
+---
+
+Removed support for the deprecated visualizer.

apps/extension/client/package.json

@@ -44,11 +44,6 @@
   "publisher": "statelyai",
   "contributes": {
     "commands": [
-      {
-        "command": "stately-xstate.visualize",
-        "title": "Open Inspector",
-        "category": "XState"
-      },
       {
         "command": "stately-xstate.edit",
         "title": "Open Visual Editor",
@@ -90,7 +85,7 @@
             "active"
           ],
           "default": "beside",
-          "description": "Target for opening the Visual Editor and Inspector. Beside opens in a group next to the current file, while active opens in the current group of the current file."
+          "description": "Target for opening the Visual Editor. Beside opens in a group next to the current file, while active opens in the current group of the current file."
         }
       }
     },
@@ -103,7 +98,6 @@
   "scripts": {
     "lint": "tsc",
     "test": "jest --passWithNoTests",
-    "webview:viz:build": "esbuild src/vizWebviewScript.ts --bundle --outfile=scripts/vizWebview.js",
     "vscode:build": "esbuild --bundle --platform=\"node\" src/extension.ts --outfile=dist/index.js --external:vscode --format=cjs --sourcemap",
     "vscode:build:dev": "yarn vscode:build --define:process.env.NODE_ENV=\\\"development\\\"",
     "vscode:build:prod": "yarn vscode:build --define:process.env.NODE_ENV=\\\"production\\\""

apps/extension/client/src/extension.ts

@@ -8,7 +8,6 @@ import * as vscode from 'vscode';
 import { handleTypegenNestingConfig } from './checkTypegenNesting';
 import { initiateEditor } from './initiateEditor';
 import { initiateTypegen } from './initiateTypegen';
-import { initiateVisualizer } from './initiateVisualizer';
 import { TypeSafeLanguageClient } from './typeSafeLanguageClient';
 
 let languageClient: TypeSafeLanguageClient | undefined;
@@ -21,7 +20,6 @@ export async function activate(context: vscode.ExtensionContext) {
   await languageClient.onReady();
 
   handleTypegenNestingConfig();
-  initiateVisualizer(context, languageClient);
   initiateEditor(context, languageClient);
   initiateTypegen(context, languageClient);
 }

apps/extension/client/src/typeSafeVsCode.ts

@@ -1,12 +1,8 @@
 import * as vscode from 'vscode';
 
 export interface XStateCommands {
-  // those are related to the editor
   'stately-xstate.edit': [];
   'stately-xstate.edit-code-lens': [uri: string, machineIndex: number];
-  // those are related to the visualizer
-  'stately-xstate.visualize': [];
-  'stately-xstate.inspect': [uri: string, machineIndex: number];
 }
 
 export function registerCommand<Name extends keyof XStateCommands>(

apps/extension/server/src/server.ts

@@ -194,14 +194,6 @@ connection.onCodeLens(({ textDocument }) => {
             arguments: [textDocument.uri, index],
           },
         },
-        {
-          range: getRangeFromSourceLocation(callee.loc!),
-          command: {
-            title: 'Open Inspector',
-            command: 'stately-xstate.inspect',
-            arguments: [textDocument.uri, index],
-          },
-        },
       ];
     },
   );
@@ -891,8 +883,6 @@ connection.onRequest('getNodePosition', ({ path }) => {
   ];
 });
 
-// TODO: editor and visualizer should have separate states for this
-// they can be opened for different machines at the same time
 connection.onRequest('setDisplayedMachine', ({ uri, machineIndex }) => {
   displayedMachine = { uri, machineIndex };
 });

package.json

@@ -59,25 +59,13 @@
         ],
         "cache": false
       },
-      "webview:viz:build": {
-        "outputs": [
-          "scripts/vizWebview.js"
-        ],
-        "cache": false
-      },
       "vscode:build:dev": {
-        "dependsOn": [
-          "webview:viz:build"
-        ],
         "outputs": [
           "dist/**"
         ],
         "cache": false
       },
       "vscode:build:prod": {
-        "dependsOn": [
-          "webview:viz:build"
-        ],
         "outputs": [
           "dist/**"
         ],