フォーマットエラー時にステータスバーのアイコンの背景色で通知するように変更 (#53)

* adding icon to status bar

* add error icon

* npx prettier

* Create gentle-flies-own.md

---------

Co-authored-by: kawabuchi4280 <k.kawabuchi.z8@future.co.jp>
Co-authored-by: Yosuke Ota <otameshiyo23@gmail.com>

.changeset/gentle-flies-own.md

@@ -0,0 +1,5 @@
+---
+"uroborosql-fmt": minor
+---
+
+Improved to notify the status bar when formatting errors.

client/src/extension.ts

@@ -1,5 +1,13 @@
 import * as path from "path";
-import { workspace, ExtensionContext, window, commands } from "vscode";
+import {
+ workspace,
+ ExtensionContext,
+ window,
+ commands,
+ StatusBarAlignment,
+ ThemeColor,
+ StatusBarItem,
+} from "vscode";
 
 import {
  LanguageClient,
@@ -66,10 +74,54 @@ export function activate(context: ExtensionContext) {
  }),
  );
 
+ // ステータスバーの作成と表示
+ const statusBar = createStatusBar();
+ statusBar.show();
+
+ client.onReady().then(() => {
+ // ステータスバーの背景色を黄色に変更
+ client.onRequest("custom/warning", () => {
+ statusBar.backgroundColor = new ThemeColor(
+ "statusBarItem.warningBackground",
+ );
+ statusBar.text = "$(warning) Uroborosql-fmt";
+ });
+
+ // ステータスバーの背景色を赤色に変更
+ client.onRequest("custom/error", () => {
+ statusBar.backgroundColor = new ThemeColor(
+ "statusBarItem.errorBackground",
+ );
+ statusBar.text = "$(alert) Uroborosql-fmt";
+ });
+
+ // ステータスバーの背景色を通常色に変更
+ client.onRequest("custom/normal", () => {
+ statusBar.backgroundColor = new ThemeColor(
+ "statusBarItem.fourgroundBackground",
+ );
+ statusBar.text = "Uroborosql-fmt";
+ });
+ });
+
  // Start the client. This will also launch the server
  client.start();
 }
 
+function createStatusBar(): StatusBarItem {
+ commands.registerCommand("uroborosql-fmt.show-output", async () => {
+ const output_channnel = client.outputChannel;
+ output_channnel.show();
+ });
+
+ const statusBar = window.createStatusBarItem(StatusBarAlignment.Right, 100);
+ statusBar.text = "Uroborosql-fmt";
+ statusBar.name = "Uroborosql-fmt";
+ statusBar.command = "uroborosql-fmt.show-output";
+
+ return statusBar;
+}
+
 export function deactivate(): Thenable<void> | undefined {
  if (!client) {
  return undefined;

server/src/server.ts

@@ -210,8 +210,12 @@ async function formatText(
 
  try {
  formattedText = runfmt(text, configPath);
+ // ステータスバーの背景を通常色に変更
+ connection.sendRequest("custom/normal", []);
  } catch (e) {
  console.error(e);
+ // ステータスバーの背景を赤色に変更
+ connection.sendRequest("custom/error", []);
  return [];
  }
 
@@ -227,11 +231,12 @@ async function formatText(
  const startTime = performance.now();
  try {
  formattedText = runfmt(text, configPath);
+ // ステータスバーの背景を通常色に変更
+ connection.sendRequest("custom/normal", []);
  } catch (e) {
  console.error(e);
- connection.window.showErrorMessage(
- `Formatter error. src:${textDocument.uri}, config:${configPath} msg: ${e}`,
- );
+ // ステータスバーの背景を赤色に変更
+ connection.sendRequest("custom/error", []);
  return [];
  }
  //タイマーストップ