@fresh-editor/fresh-editor 0.2.17 → 0.2.18

package/plugins/theme_editor.ts

@@ -74,28 +74,28 @@ type PickerFocusTarget =
 // =============================================================================
 
 const NAMED_COLORS_PER_ROW = 6;
-const NAMED_COLOR_GRID: Array<Array<{ display: string; value: string; rgb: RGB | null }>> = [
+const NAMED_COLOR_GRID: Array<Array<{ display: string; value: string; rgb: OverlayColorSpec | null }>> = [
   [
-    { display: "Black", value: "Black", rgb: [0, 0, 0] },
-    { display: "Red", value: "Red", rgb: [255, 0, 0] },
-    { display: "Green", value: "Green", rgb: [0, 128, 0] },
-    { display: "Yellow", value: "Yellow", rgb: [255, 255, 0] },
-    { display: "Blue", value: "Blue", rgb: [0, 0, 255] },
-    { display: "Magenta", value: "Magenta", rgb: [255, 0, 255] },
+    { display: "Black", value: "Black", rgb: "Black" },
+    { display: "Red", value: "Red", rgb: "Red" },
+    { display: "Green", value: "Green", rgb: "Green" },
+    { display: "Yellow", value: "Yellow", rgb: "Yellow" },
+    { display: "Blue", value: "Blue", rgb: "Blue" },
+    { display: "Magenta", value: "Magenta", rgb: "Magenta" },
   ],
   [
-    { display: "Cyan", value: "Cyan", rgb: [0, 255, 255] },
-    { display: "Gray", value: "Gray", rgb: [128, 128, 128] },
-    { display: "DkGray", value: "DarkGray", rgb: [169, 169, 169] },
-    { display: "LtRed", value: "LightRed", rgb: [255, 128, 128] },
-    { display: "LtGreen", value: "LightGreen", rgb: [144, 238, 144] },
-    { display: "LtYellw", value: "LightYellow", rgb: [255, 255, 224] },
+    { display: "Cyan", value: "Cyan", rgb: "Cyan" },
+    { display: "Gray", value: "Gray", rgb: "Gray" },
+    { display: "DkGray", value: "DarkGray", rgb: "DarkGray" },
+    { display: "LtRed", value: "LightRed", rgb: "LightRed" },
+    { display: "LtGreen", value: "LightGreen", rgb: "LightGreen" },
+    { display: "LtYellw", value: "LightYellow", rgb: "LightYellow" },
   ],
   [
-    { display: "LtBlue", value: "LightBlue", rgb: [173, 216, 230] },
-    { display: "LtMag", value: "LightMagenta", rgb: [255, 128, 255] },
-    { display: "LtCyan", value: "LightCyan", rgb: [224, 255, 255] },
-    { display: "White", value: "White", rgb: [255, 255, 255] },
+    { display: "LtBlue", value: "LightBlue", rgb: "LightBlue" },
+    { display: "LtMag", value: "LightMagenta", rgb: "LightMagenta" },
+    { display: "LtCyan", value: "LightCyan", rgb: "LightCyan" },
+    { display: "White", value: "White", rgb: "White" },
     { display: "Default", value: "Default", rgb: null },
     { display: "Reset", value: "Reset", rgb: null },
   ],
@@ -555,6 +555,27 @@ function parseColorToRgb(value: ColorValue): RGB | null {
   return null;
 }
 
+/**
+ * Convert a color value to an OverlayColorSpec for rendering.
+ * Named colors (e.g. "Yellow") are sent as strings so the editor renders them
+ * using native ANSI color codes, matching the actual theme rendering.
+ * RGB arrays are passed through directly.
+ */
+function colorValueToOverlaySpec(value: ColorValue): OverlayColorSpec | null {
+  if (Array.isArray(value) && value.length === 3) {
+    return value as RGB;
+  }
+  if (typeof value === "string") {
+    // For recognized named colors, send the name directly so the editor
+    // uses native ANSI rendering (matching actual theme output)
+    if (NAMED_COLORS[value] !== undefined) {
+      return value;
+    }
+    return null;
+  }
+  return null;
+}
+
 /**
  * Convert RGB to hex string
  */
@@ -856,14 +877,19 @@ function buildPickerLines(): PickerLine[] {
   lines.push({ text: `"${field.def.description}"`, type: "picker-desc" });
   lines.push({ text: "─".repeat(RIGHT_WIDTH - 2), type: "picker-separator" });
 
-  // Hex / RGB value
-  const colorStr = formatColorValue(field.value);
-  const rgb = parseColorToRgb(field.value);
-  let valueLine = `Hex: ${colorStr}`;
-  if (rgb) {
-    valueLine += `     RGB: ${rgb[0]}, ${rgb[1]}, ${rgb[2]}`;
+  // Color value display
+  const isNamed = typeof field.value === "string" && NAMED_COLORS[field.value] !== undefined;
+  if (isNamed) {
+    lines.push({ text: `Color: ${field.value} (terminal native)`, type: "picker-hex" });
+  } else {
+    const colorStr = formatColorValue(field.value);
+    const rgb = parseColorToRgb(field.value);
+    let valueLine = `Hex: ${colorStr}`;
+    if (rgb) {
+      valueLine += `     RGB: ${rgb[0]}, ${rgb[1]}, ${rgb[2]}`;
+    }
+    lines.push({ text: valueLine, type: "picker-hex" });
   }
-  lines.push({ text: valueLine, type: "picker-hex" });
 
   lines.push({ text: "", type: "picker-blank" });
 
@@ -929,14 +955,22 @@ function styleForLeftEntry(item: TreeLine | undefined): { style?: Partial<Overla
     const paddedLen = getUtf8ByteLength(text.padEnd(LEFT_WIDTH));
     const colorValue = item.colorValue;
     const swatchIdx = colorValue !== undefined ? text.indexOf("██") : -1;
-    const rgb = colorValue !== undefined ? parseColorToRgb(colorValue) : null;
 
-    if (rgb && swatchIdx >= 0) {
+    // For the swatch, use the native color representation to ensure it matches
+    // how the theme actually renders: named colors (e.g. "Yellow") should use
+    // the terminal's native ANSI color, not an RGB approximation.
+    const swatchColor: OverlayColorSpec | null = colorValue !== undefined
+      ? (typeof colorValue === "string" && NAMED_COLORS[colorValue] !== undefined
+        ? colorValue as OverlayColorSpec  // Send named color string directly
+        : parseColorToRgb(colorValue))    // Send RGB for array values
+      : null;
+
+    if (swatchColor && swatchIdx >= 0) {
       const swatchStart = getUtf8ByteLength(text.substring(0, swatchIdx));
       const swatchEnd = swatchStart + getUtf8ByteLength("██");
       // Non-overlapping segments: fieldName | swatch | value
       inlines.push({ start: 0, end: swatchStart, style: { fg: colors.fieldName } });
-      inlines.push({ start: swatchStart, end: swatchEnd, style: { fg: rgb, bg: rgb } });
+      inlines.push({ start: swatchStart, end: swatchEnd, style: { fg: swatchColor, bg: swatchColor } });
       const valueStart = swatchEnd + getUtf8ByteLength(" ");
       if (valueStart < paddedLen) {
         inlines.push({ start: valueStart, end: paddedLen, style: { fg: colors.customValue } });
@@ -1015,10 +1049,10 @@ function styleForRightEntry(item: PickerLine | undefined): { style?: Partial<Ove
     // entry text = " " + item.text
     // item.text = " " + token texts concatenated
     const editorBg = getNestedValue(state.themeData, "editor.bg") as ColorValue;
-    const bgRgb = parseColorToRgb(editorBg);
+    const bgSpec = colorValueToOverlaySpec(editorBg);
     const entryText = " " + item.text;
     const entryLen = getUtf8ByteLength(entryText);
-    const baseStyle: Partial<OverlayOptions> | undefined = bgRgb ? { bg: bgRgb } : undefined;
+    const baseStyle: Partial<OverlayOptions> | undefined = bgSpec ? { bg: bgSpec } : undefined;
 
     // Skip the leading " " + " " (from entry " " prefix + item.text leading " ")
     let charPos = 2; // " " prefix + " " in item.text
@@ -1028,15 +1062,15 @@ function styleForRightEntry(item: PickerLine | undefined): { style?: Partial<Ove
       if (token.syntaxType) {
         const syntaxPath = `syntax.${token.syntaxType}`;
         const syntaxColor = getNestedValue(state.themeData, syntaxPath) as ColorValue;
-        const syntaxRgb = parseColorToRgb(syntaxColor);
-        if (syntaxRgb) {
-          inlines.push({ start: bytePos, end: bytePos + tokenLen, style: { fg: syntaxRgb } });
+        const fgSpec = colorValueToOverlaySpec(syntaxColor);
+        if (fgSpec) {
+          inlines.push({ start: bytePos, end: bytePos + tokenLen, style: { fg: fgSpec } });
         }
       } else {
         const fgColor = getNestedValue(state.themeData, "editor.fg") as ColorValue;
-        const fgRgb = parseColorToRgb(fgColor);
-        if (fgRgb) {
-          inlines.push({ start: bytePos, end: bytePos + tokenLen, style: { fg: fgRgb } });
+        const fgSpec = colorValueToOverlaySpec(fgColor);
+        if (fgSpec) {
+          inlines.push({ start: bytePos, end: bytePos + tokenLen, style: { fg: fgSpec } });
         }
       }
       bytePos += tokenLen;
@@ -1344,11 +1378,9 @@ function buildColorSuggestions(field: ThemeField): PromptSuggestion[] {
     suggestions.push({ text: name, description: editor.t("suggestion.terminal_native"), value: name });
   }
 
-  // Add named colors with hex format
+  // Add named colors (terminal native - no hex shown since actual color depends on terminal)
   for (const name of NAMED_COLOR_LIST) {
-    const rgb = NAMED_COLORS[name];
-    const hexValue = rgbToHex(rgb[0], rgb[1], rgb[2]);
-    suggestions.push({ text: name, description: hexValue, value: name });
+    suggestions.push({ text: name, description: editor.t("suggestion.terminal_native"), value: name });
   }
 
   return suggestions;

package/plugins/toml-lsp.ts

@@ -0,0 +1,162 @@
+/// <reference path="./lib/fresh.d.ts" />
+const editor = getEditor();
+
+/**
+ * TOML LSP Helper Plugin
+ *
+ * Provides user-friendly error handling for TOML LSP server issues.
+ * When taplo fails to start, this plugin shows an actionable
+ * popup with installation instructions.
+ *
+ * Features:
+ * - Detects TOML LSP server errors (taplo)
+ * - Shows popup with install commands (cargo, npm, brew)
+ * - Allows copying install commands to clipboard
+ * - Provides option to disable TOML LSP
+ *
+ * Notes:
+ * - Taplo supports schema validation for Cargo.toml, pyproject.toml, etc.
+ * - Also available as a VS Code extension and CLI formatter
+ */
+
+interface LspServerErrorData {
+  language: string;
+  server_command: string;
+  error_type: string;
+  message: string;
+}
+
+interface LspStatusClickedData {
+  language: string;
+  has_error: boolean;
+}
+
+interface ActionPopupResultData {
+  popup_id: string;
+  action_id: string;
+}
+
+// Install commands for TOML LSP server (taplo)
+// See: https://taplo.tamasfe.dev/cli/installation.html
+const INSTALL_COMMANDS = {
+  cargo: "cargo install taplo-cli --locked",
+  npm: "npm i -g @taplo/cli",
+  brew: "brew install taplo",
+};
+
+// Track error state for TOML LSP
+let tomlLspError: { serverCommand: string; message: string } | null = null;
+
+/**
+ * Handle LSP server errors for TOML
+ */
+function on_toml_lsp_server_error(data: LspServerErrorData): void {
+  // Only handle TOML language errors
+  if (data.language !== "toml") {
+    return;
+  }
+
+  editor.debug(`toml-lsp: Server error - ${data.error_type}: ${data.message}`);
+
+  // Store error state for later reference
+  tomlLspError = {
+    serverCommand: data.server_command,
+    message: data.message,
+  };
+
+  // Show a status message for immediate feedback
+  if (data.error_type === "not_found") {
+    editor.setStatus(
+      `TOML LSP server '${data.server_command}' not found. Click status bar for help.`
+    );
+  } else {
+    editor.setStatus(`TOML LSP error: ${data.message}`);
+  }
+}
+registerHandler("on_toml_lsp_server_error", on_toml_lsp_server_error);
+
+// Register hook for LSP server errors
+editor.on("lsp_server_error", "on_toml_lsp_server_error");
+
+/**
+ * Handle status bar click when there's a TOML LSP error
+ */
+function on_toml_lsp_status_clicked(
+  data: LspStatusClickedData
+): void {
+  // Only handle TOML language clicks when there's an error
+  if (data.language !== "toml" || !tomlLspError) {
+    return;
+  }
+
+  editor.debug("toml-lsp: Status clicked, showing help popup");
+
+  // Show action popup with install options
+  editor.showActionPopup({
+    id: "toml-lsp-help",
+    title: "TOML Language Server Not Found",
+    message: `"${tomlLspError.serverCommand}" provides code completion, validation, formatting, and schema support for TOML files (Cargo.toml, pyproject.toml, etc.). Copy a command below to install it, or visit https://taplo.tamasfe.dev/cli/installation.html for details.`,
+    actions: [
+      { id: "copy_cargo", label: `Copy: ${INSTALL_COMMANDS.cargo}` },
+      { id: "copy_npm", label: `Copy: ${INSTALL_COMMANDS.npm}` },
+      { id: "copy_brew", label: `Copy: ${INSTALL_COMMANDS.brew}` },
+      { id: "disable", label: "Disable TOML LSP" },
+      { id: "dismiss", label: "Dismiss (ESC)" },
+    ],
+  });
+}
+registerHandler("on_toml_lsp_status_clicked", on_toml_lsp_status_clicked);
+
+// Register hook for status bar clicks
+editor.on("lsp_status_clicked", "on_toml_lsp_status_clicked");
+
+/**
+ * Handle action popup results for TOML LSP help
+ */
+function on_toml_lsp_action_result(
+  data: ActionPopupResultData
+): void {
+  // Only handle our popup
+  if (data.popup_id !== "toml-lsp-help") {
+    return;
+  }
+
+  editor.debug(`toml-lsp: Action selected - ${data.action_id}`);
+
+  switch (data.action_id) {
+    case "copy_cargo":
+      editor.setClipboard(INSTALL_COMMANDS.cargo);
+      editor.setStatus("Copied: " + INSTALL_COMMANDS.cargo);
+      break;
+
+    case "copy_npm":
+      editor.setClipboard(INSTALL_COMMANDS.npm);
+      editor.setStatus("Copied: " + INSTALL_COMMANDS.npm);
+      break;
+
+    case "copy_brew":
+      editor.setClipboard(INSTALL_COMMANDS.brew);
+      editor.setStatus("Copied: " + INSTALL_COMMANDS.brew);
+      break;
+
+    case "disable":
+      editor.disableLspForLanguage("toml");
+      editor.setStatus("TOML LSP disabled");
+      tomlLspError = null;
+      break;
+
+    case "dismiss":
+    case "dismissed":
+      // Just close the popup without action
+      break;
+
+    default:
+      editor.debug(`toml-lsp: Unknown action: ${data.action_id}`);
+  }
+}
+registerHandler("on_toml_lsp_action_result", on_toml_lsp_action_result);
+
+// Register hook for action popup results
+editor.on("action_popup_result", "on_toml_lsp_action_result");
+
+editor.debug("toml-lsp: Plugin loaded");

package/plugins/typst-lsp.ts

@@ -0,0 +1,165 @@
+/// <reference path="./lib/fresh.d.ts" />
+const editor = getEditor();
+
+/**
+ * Typst LSP Helper Plugin
+ *
+ * Provides user-friendly error handling for Typst LSP server issues.
+ * When tinymist fails to start, this plugin shows an actionable
+ * popup with installation instructions.
+ *
+ * Features:
+ * - Detects Typst LSP server errors (tinymist)
+ * - Shows popup with install commands (cargo, brew, etc.)
+ * - Allows copying install commands to clipboard
+ * - Provides option to disable Typst LSP
+ *
+ * Alternatives:
+ * - typst-lsp: Original Typst LSP (superseded by tinymist)
+ *
+ * Notes:
+ * - Tinymist also provides PDF preview and export features
+ * - Also available as VS Code extension "Tinymist Typst"
+ */
+
+interface LspServerErrorData {
+  language: string;
+  server_command: string;
+  error_type: string;
+  message: string;
+}
+
+interface LspStatusClickedData {
+  language: string;
+  has_error: boolean;
+}
+
+interface ActionPopupResultData {
+  popup_id: string;
+  action_id: string;
+}
+
+// Install commands for Typst LSP server (tinymist)
+// See: https://github.com/Myriad-Dreamin/tinymist
+const INSTALL_COMMANDS = {
+  cargo: "cargo install tinymist",
+  brew: "brew install tinymist",
+  nix: "nix-env -iA nixpkgs.tinymist",
+};
+
+// Track error state for Typst LSP
+let typstLspError: { serverCommand: string; message: string } | null = null;
+
+/**
+ * Handle LSP server errors for Typst
+ */
+function on_typst_lsp_server_error(data: LspServerErrorData): void {
+  // Only handle Typst language errors
+  if (data.language !== "typst") {
+    return;
+  }
+
+  editor.debug(`typst-lsp: Server error - ${data.error_type}: ${data.message}`);
+
+  // Store error state for later reference
+  typstLspError = {
+    serverCommand: data.server_command,
+    message: data.message,
+  };
+
+  // Show a status message for immediate feedback
+  if (data.error_type === "not_found") {
+    editor.setStatus(
+      `Typst LSP server '${data.server_command}' not found. Click status bar for help.`
+    );
+  } else {
+    editor.setStatus(`Typst LSP error: ${data.message}`);
+  }
+}
+registerHandler("on_typst_lsp_server_error", on_typst_lsp_server_error);
+
+// Register hook for LSP server errors
+editor.on("lsp_server_error", "on_typst_lsp_server_error");
+
+/**
+ * Handle status bar click when there's a Typst LSP error
+ */
+function on_typst_lsp_status_clicked(
+  data: LspStatusClickedData
+): void {
+  // Only handle Typst language clicks when there's an error
+  if (data.language !== "typst" || !typstLspError) {
+    return;
+  }
+
+  editor.debug("typst-lsp: Status clicked, showing help popup");
+
+  // Show action popup with install options
+  editor.showActionPopup({
+    id: "typst-lsp-help",
+    title: "Typst Language Server Not Found",
+    message: `"${typstLspError.serverCommand}" provides code completion, diagnostics, and preview support for Typst documents. Copy a command below to install it, or visit https://github.com/Myriad-Dreamin/tinymist for details and pre-built binaries. Also available as the "Tinymist Typst" VS Code extension.`,
+    actions: [
+      { id: "copy_cargo", label: `Copy: ${INSTALL_COMMANDS.cargo}` },
+      { id: "copy_brew", label: `Copy: ${INSTALL_COMMANDS.brew}` },
+      { id: "copy_nix", label: `Copy: ${INSTALL_COMMANDS.nix}` },
+      { id: "disable", label: "Disable Typst LSP" },
+      { id: "dismiss", label: "Dismiss (ESC)" },
+    ],
+  });
+}
+registerHandler("on_typst_lsp_status_clicked", on_typst_lsp_status_clicked);
+
+// Register hook for status bar clicks
+editor.on("lsp_status_clicked", "on_typst_lsp_status_clicked");
+
+/**
+ * Handle action popup results for Typst LSP help
+ */
+function on_typst_lsp_action_result(
+  data: ActionPopupResultData
+): void {
+  // Only handle our popup
+  if (data.popup_id !== "typst-lsp-help") {
+    return;
+  }
+
+  editor.debug(`typst-lsp: Action selected - ${data.action_id}`);
+
+  switch (data.action_id) {
+    case "copy_cargo":
+      editor.setClipboard(INSTALL_COMMANDS.cargo);
+      editor.setStatus("Copied: " + INSTALL_COMMANDS.cargo);
+      break;
+
+    case "copy_brew":
+      editor.setClipboard(INSTALL_COMMANDS.brew);
+      editor.setStatus("Copied: " + INSTALL_COMMANDS.brew);
+      break;
+
+    case "copy_nix":
+      editor.setClipboard(INSTALL_COMMANDS.nix);
+      editor.setStatus("Copied: " + INSTALL_COMMANDS.nix);
+      break;
+
+    case "disable":
+      editor.disableLspForLanguage("typst");
+      editor.setStatus("Typst LSP disabled");
+      typstLspError = null;
+      break;
+
+    case "dismiss":
+    case "dismissed":
+      // Just close the popup without action
+      break;
+
+    default:
+      editor.debug(`typst-lsp: Unknown action: ${data.action_id}`);
+  }
+}
+registerHandler("on_typst_lsp_action_result", on_typst_lsp_action_result);
+
+// Register hook for action popup results
+editor.on("action_popup_result", "on_typst_lsp_action_result");
+
+editor.debug("typst-lsp: Plugin loaded");

package/plugins/vue-lsp.ts

@@ -0,0 +1,118 @@
+/// <reference path="./lib/fresh.d.ts" />
+const editor = getEditor();
+
+/**
+ * Vue LSP Helper Plugin
+ *
+ * Server: vue-language-server (@vue/language-server, formerly Volar)
+ * VS Code: "Vue - Official" extension (replaces deprecated Vetur)
+ * Neovim: nvim-lspconfig volar
+ * Note: Supports hybrid mode with @vue/typescript-plugin for TS integration
+ */
+
+interface LspServerErrorData {
+  language: string;
+  server_command: string;
+  error_type: string;
+  message: string;
+}
+
+interface LspStatusClickedData {
+  language: string;
+  has_error: boolean;
+}
+
+interface ActionPopupResultData {
+  popup_id: string;
+  action_id: string;
+}
+
+const INSTALL_COMMANDS = {
+  npm: "npm install -g @vue/language-server",
+  yarn: "yarn global add @vue/language-server",
+  pnpm: "pnpm add -g @vue/language-server",
+};
+
+let vueLspError: { serverCommand: string; message: string } | null = null;
+
+function on_vue_lsp_server_error(data: LspServerErrorData): void {
+  if (data.language !== "vue") {
+    return;
+  }
+
+  editor.debug(`vue-lsp: Server error - ${data.error_type}: ${data.message}`);
+
+  vueLspError = {
+    serverCommand: data.server_command,
+    message: data.message,
+  };
+
+  if (data.error_type === "not_found") {
+    editor.setStatus(
+      `Vue LSP server '${data.server_command}' not found. Click status bar for help.`
+    );
+  } else {
+    editor.setStatus(`Vue LSP error: ${data.message}`);
+  }
+}
+registerHandler("on_vue_lsp_server_error", on_vue_lsp_server_error);
+editor.on("lsp_server_error", "on_vue_lsp_server_error");
+
+function on_vue_lsp_status_clicked(data: LspStatusClickedData): void {
+  if (data.language !== "vue" || !vueLspError) {
+    return;
+  }
+
+  editor.debug("vue-lsp: Status clicked, showing help popup");
+
+  editor.showActionPopup({
+    id: "vue-lsp-help",
+    title: "Vue Language Server Not Found",
+    message: `"${vueLspError.serverCommand}" (formerly Volar) provides completion, diagnostics, and refactoring for Vue SFCs. It replaces the deprecated Vetur.\n\nFor TypeScript integration, also install @vue/typescript-plugin.\nVS Code users: Install the "Vue - Official" extension.\nSee: https://github.com/vuejs/language-tools`,
+    actions: [
+      { id: "copy_npm", label: `Copy: ${INSTALL_COMMANDS.npm}` },
+      { id: "copy_pnpm", label: `Copy: ${INSTALL_COMMANDS.pnpm}` },
+      { id: "disable", label: "Disable Vue LSP" },
+      { id: "dismiss", label: "Dismiss (ESC)" },
+    ],
+  });
+}
+registerHandler("on_vue_lsp_status_clicked", on_vue_lsp_status_clicked);
+editor.on("lsp_status_clicked", "on_vue_lsp_status_clicked");
+
+function on_vue_lsp_action_result(data: ActionPopupResultData): void {
+  if (data.popup_id !== "vue-lsp-help") {
+    return;
+  }
+
+  editor.debug(`vue-lsp: Action selected - ${data.action_id}`);
+
+  switch (data.action_id) {
+    case "copy_npm":
+      editor.setClipboard(INSTALL_COMMANDS.npm);
+      editor.setStatus("Copied: " + INSTALL_COMMANDS.npm);
+      break;
+
+    case "copy_pnpm":
+      editor.setClipboard(INSTALL_COMMANDS.pnpm);
+      editor.setStatus("Copied: " + INSTALL_COMMANDS.pnpm);
+      break;
+
+    case "disable":
+      editor.disableLspForLanguage("vue");
+      editor.setStatus("Vue LSP disabled");
+      vueLspError = null;
+      break;
+
+    case "dismiss":
+    case "dismissed":
+      break;
+
+    default:
+      editor.debug(`vue-lsp: Unknown action: ${data.action_id}`);
+  }
+}
+registerHandler("on_vue_lsp_action_result", on_vue_lsp_action_result);
+editor.on("action_popup_result", "on_vue_lsp_action_result");
+
+editor.debug("vue-lsp: Plugin loaded");