既存の投稿のタイトルを編集する機能を追加 (#7)

Author: neet

package.json

@@ -78,6 +78,11 @@
         "command": "qiita.makePublic",
         "title": "%commands.makePublic.title%",
         "category": "Qiita"
+      },
+      {
+        "command": "qiita.editTitle",
+        "title": "%commands.editTitle.title%",
+        "category": "Qiita"
       }
     ],
     "configuration": [
@@ -109,7 +114,8 @@
         { "command": "qiita.deleteItem", "when": "false" },
         { "command": "qiita.editTags", "when": "false" },
         { "command": "qiita.openItemExternal", "when": "false"},
-        { "command": "qiita.makePublic", "when": "false"}
+        { "command": "qiita.makePublic", "when": "false"},
+        { "command": "qiita.editTitle", "when": "false" }
       ],
       "editor/title": [
         {
@@ -155,6 +161,11 @@
           "when": "viewItem == qiitaItems",
           "group": "1_modification"
         },
+        {
+          "command": "qiita.editTitle",
+          "when": "viewItem == qiitaItems",
+          "group": "1_modification"
+        },
         {
           "command": "qiita.deleteItem",
           "when": "viewItem == qiitaItems",

package.nls.json

@@ -31,6 +31,9 @@
   "commands.makePublic.confirm.cancel": "キャンセル",
   "commands.makePublic.failure.alredyPublic": "この投稿は既に公開されています。",
 
+  "commands.editTitle.title": "タイトルを編集",
+  "commands.editTitle.success": "タイトルを編集しました",
+
   "quickpicks.tagQuickPick.title": "投稿に登録するタグを入力してください",
   "quickpicks.tagQuickPick.placeholder": "例) Rails React Mastodon",
   "quickpicks.tagQuickPick.item.description": "{0}件の投稿",

src/commands/deleteItem.ts

@@ -8,9 +8,9 @@ const localize = nls.loadMessageBundle();
 
 /**
  * コマンド `qiita.deleteItem` のハンドラーで、Qiitaの投稿を削除します。
- * @param arg Commandで渡される引数。qiitaItemsビューから発行されるので `item` キーに投稿が入っています。
+ * @param resource Commandで渡される引数。qiitaItemsビューから発行されるので `item` キーに投稿が入っています。
  */
-export async function deleteItem (arg: object & { item: Item }) {
+export async function deleteItem (resource: { item: Item }) {
   const next = localize(
     'commands.deleteItem.confirm.next',
     '削除する',
@@ -33,7 +33,7 @@ export async function deleteItem (arg: object & { item: Item }) {
   }
 
   try {
-    await client.deleteItem(arg.item.id);
+    await client.deleteItem(resource.item.id);
 
     return window.showInformationMessage(localize(
       'commands.deleteItem.success',

src/commands/editTags.ts

@@ -22,11 +22,11 @@ export const updater = async (item: Item, selectedItems: ReadonlyArray<QuickPick
 
 /**
  * タグを編集するためのquickPickを作成
- * @param arg コマンドから渡される引数
+ * @param resource コマンドから渡される引数
  */
-export async function editTags (arg: object & { item: Item }) {
-  const { item } = arg;
-  const taggings = arg.item.tags;
+export async function editTags (resource: { item: Item }) {
+  const { item } = resource;
+  const taggings = resource.item.tags;
 
   // 既存のタグを取得してselectedItemsとして初期化
   const selectedItems = await Promise.all(taggings.map(async (tagging) => {
@@ -36,8 +36,6 @@ export async function editTags (arg: object & { item: Item }) {
 
   const quickPick = tagQuickPickCreator(selectedItems);
 
-  quickPick.show();
-
   quickPick.onDidAccept(async () => {
     if (!validateTagQuickPick(quickPick)) {
       return window.showErrorMessage(localize(
@@ -59,4 +57,6 @@ export async function editTags (arg: object & { item: Item }) {
       return handleErrorMessage(error);
     }
   });
+
+  quickPick.show();
 }

src/commands/editTitle.ts

@@ -0,0 +1,45 @@
+import { Item } from 'qiita-js-2';
+import { window } from 'vscode';
+import * as nls from 'vscode-nls';
+import { client } from '../client';
+import { titleInputBoxCreator, validateTitleInputBox } from '../quickpicks/titleInputBoxCreator';
+import { handleErrorMessage } from '../utils/errorHandler';
+
+const localize = nls.loadMessageBundle();
+
+/**
+ * タイトル編集用のコマンドのハンドラー
+ * @param コマンドから渡される引数
+ */
+export function editTitle (resource: { item: Item }) {
+  const { item } = resource;
+  const inputBox = titleInputBoxCreator(item.title);
+
+  inputBox.onDidAccept(async () => {
+    if (!validateTitleInputBox(inputBox)) {
+      return window.showErrorMessage(localize(
+        'quickpicks.titleInputBox.failure.validationError',
+        'タイトルは1文字以上255文字以内で入力してください。',
+      ));
+    }
+
+    try {
+      inputBox.hide();
+
+      await client.updateItem(item.id, {
+        body: item.body,
+        tags: item.tags,
+        title: inputBox.value,
+      });
+
+      return window.showInformationMessage(localize(
+        'commands.editTitle.success',
+        'タイトルを編集しました',
+      ));
+    } catch (error) {
+      return handleErrorMessage(error);
+    }
+  });
+
+  inputBox.show();
+}

src/commands/makePublic.ts

@@ -8,10 +8,10 @@ const localize = nls.loadMessageBundle();
 
 /**
  * 公開状態を変更するか確認するダイアログを表示して、公開状態を変更します
- * @param arg コマンドから渡される引数
+ * @param resource コマンドから渡される引数
  */
-export async function makePublic (arg: object & { item: Item }) {
-  if (!arg.item.private) {
+export async function makePublic (resource: { item: Item }) {
+  if (!resource.item.private) {
     return window.showInformationMessage(localize(
       'commands.makePublic.failure.alredyPublic',
       'この投稿は既に公開されています。',
@@ -40,10 +40,10 @@ export async function makePublic (arg: object & { item: Item }) {
   }
 
   try {
-    await client.updateItem(arg.item.id, {
-      body: arg.item.body,
-      title: arg.item.title,
-      tags: arg.item.tags,
+    await client.updateItem(resource.item.id, {
+      body: resource.item.body,
+      title: resource.item.title,
+      tags: resource.item.tags,
       private: false,
     });
 

src/commands/openItemExternal.ts

@@ -1,7 +1,7 @@
 import { Item } from 'qiita-js-2';
 import { commands, Uri } from 'vscode';
 
-export function openItemExternal (arg: object & { item: Item }) {
-  const { url } = arg.item;
+export function openItemExternal (resource: { item: Item }) {
+  const { url } = resource.item;
   commands.executeCommand('vscode.open', Uri.parse(url));
 }

src/extension.ts

@@ -3,6 +3,7 @@ import * as nls from 'vscode-nls';
 import { compose } from './commands/compose';
 import { deleteItem } from './commands/deleteItem';
 import { editTags } from './commands/editTags';
+import { editTitle } from './commands/editTitle';
 import { makePublic } from './commands/makePublic';
 import { openItem } from './commands/openItem';
 import { openItemExternal } from './commands/openItemExternal';
@@ -21,6 +22,7 @@ export function activate (context: ExtensionContext) {
     commands.registerCommand('qiita.compose', compose),
     commands.registerCommand('qiita.openItemExternal', openItemExternal),
     commands.registerCommand('qiita.deleteItem', deleteItem),
+    commands.registerCommand('qiita.editTitle', editTitle),
   );
 }