ローカライズの実装おわり

neet · neet · commit a44c7c2e336b · 2018-09-19T17:06:33.000+09:00
diff --git a/package.nls.json b/package.nls.json
@@ -25,7 +25,7 @@
 
   "commands.qiita.makePublic.title": "投稿を公開にする",
   "commands.qiita.makePublic.success": "公開範囲を公開に変更しました",
-  "commands.qiita.makePublic.confirm.title": "投稿を削除してもよろしいですか？ 一度公開にしてしまうと非公開に戻すことは出来ません。",
+  "commands.qiita.makePublic.confirm.title": "公開範囲を公開にしてもよろしいですか？ 一度公開にしてしまうと非公開に戻すことは出来ません。",
   "commands.qiita.makePublic.confirm.next": "公開にする",
   "commands.qiita.makePublic.confirm.cancel": "キャンセル",
   "commands.qiita.makePublic.failure.alredyPublic": "この投稿は既に公開されています。",
diff --git a/src/commands/compose.ts b/src/commands/compose.ts
@@ -1,11 +1,15 @@
 import { CreateItemOptions } from 'qiita-js-2';
 import { commands, Uri, window, workspace } from 'vscode';
+import * as nls from 'vscode-nls';
 import { client } from '../client';
 import { configuration } from '../configuration';
 import { tagQuickPickCreator } from '../quickpicks/tagQuickPickCreator';
 import { titleInputBoxCreator } from '../quickpicks/titleInputBoxCreator';
-import { visibilityQuickPickCreator } from '../quickpicks/visibilityQuickPickCreator';
+import { privateLabel, visibilityQuickPickCreator } from '../quickpicks/visibilityQuickPickCreator';
 import { createMultiStepInput } from '../utils/createMultiStepInput';
+import { handleErrorMessage } from '../utils/errorHandler';
+
+const localize = nls.loadMessageBundle();
 
 /**
  * パスからファイル名を取得
@@ -58,19 +62,32 @@ export function compose (arg: object & { path: string }): void {
 
   // visibilityQuickPick終了時に公開状態を代入してQiita.createItemを呼び出し
   visibilityQuickPick.onDidAccept(async () => {
-    options.private = visibilityQuickPick.selectedItems[0].label === '限定公開';
-    const openInBrowswer = 'ブラウザで確認';
+    options.private = visibilityQuickPick.selectedItems[0].label === privateLabel;
 
     try {
       visibilityQuickPick.hide();
       const item = await client.createItem(options);
-      const result = await window.showInformationMessage('投稿を公開しました', openInBrowswer);
 
-      if (result === openInBrowswer) {
+      const openInBrowser = localize(
+        'commands.qiita.compose.openInBrowser',
+        'ブラウザで確認',
+      );
+
+      const result = await window.showInformationMessage(
+        localize(
+          'commands.qiita.compose.success',
+          '投稿を公開しました',
+        ),
+        openInBrowser,
+      );
+
+      if (result === openInBrowser) {
         commands.executeCommand('vscode.open', Uri.parse(item.url));
       }
+
+      return;
     } catch (error) {
-      window.showErrorMessage(error.toString());
+      return handleErrorMessage(error);
     }
   });
 
diff --git a/src/commands/deleteItem.ts b/src/commands/deleteItem.ts
@@ -2,43 +2,44 @@ import { Item } from 'qiita-js-2';
 import { window } from 'vscode';
 import * as nls from 'vscode-nls';
 import { client } from '../client';
+import { handleErrorMessage } from '../utils/errorHandler';
 
 const localize = nls.loadMessageBundle();
 
-const messages = {
-  next: localize('commads.qiita.deleteItem.confirm.continue', '削除する'),
-  cancel: localize('commads.qiita.deleteItem.confirm.cancel',   'キャンセル'),
-  confirmation: localize('commads.qiita.deleteItem.confirm', '投稿を削除してもよろしいですか？'),
-  success: localize('commads.qiita.deleteItem.success', '投稿を削除しました'),
-};
-
 /**
  * コマンド `qiita.deleteItem` のハンドラーで、Qiitaの投稿を削除します。
  * @param arg Commandで渡される引数。qiitaItemsビューから発行されるので `item` キーに投稿が入っています。
  */
 export async function deleteItem (arg: object & { item: Item }) {
-  const result = await window.showInformationMessage(messages.confirmation, messages.next, messages.cancel);
+  const next = localize(
+    'commands.qiita.deleteItem.confirm.next',
+    '削除する',
+  );
+
+  const result = await window.showInformationMessage(
+    localize(
+      'commands.qiita.deleteItem.confirm.title',
+      '投稿を削除してもよろしいですか？',
+    ),
+    next,
+    localize(
+      'commands.qiita.deleteItem.confirm.cancel',
+      'キャンセル',
+    ),
+  );
 
-  if (result !== messages.next) {
+  if (result !== next) {
     return;
   }
 
   try {
     await client.deleteItem(arg.item.id);
-    return window.showInformationMessage(messages.success);
+
+    return window.showInformationMessage(localize(
+      'commands.qiita.deleteItem.success',
+      '投稿を削除しました',
+    ));
   } catch (error) {
-    switch (error.name) {
-      case 'QiitaUnauthorizedError':
-      case 'QiitaForbiddenError':
-        return window.showErrorMessage('削除に失敗しました。投稿の所有権を確認してもう一度お試しください。');
-      case 'QiitaNotFoundError':
-        return window.showErrorMessage('削除に失敗しました。この投稿は既に削除されている可能性があります。');
-      case 'QiitaRateLimitError':
-        return window.showErrorMessage('APIのレートリミットに到達しました。時間をおいてもう一度お試しください。');
-      case 'QiitaInternalServerError':
-        return window.showErrorMessage('削除に失敗しました。Qiitaのサーバーがダウンしている可能性があります。');
-      default:
-        return window.showErrorMessage('ご迷惑をお掛けしてしまい申し訳ございませんが、エラーが発生しました。 バグの可能性がある場合は開発者にご報告いただけると幸いです。\nhttps://github.com/neet/vscode-qiita/issues');
-    }
+    return handleErrorMessage(error);
   }
 }
diff --git a/src/commands/editTags.ts b/src/commands/editTags.ts
@@ -1,7 +1,11 @@
 import { Item } from 'qiita-js-2';
 import { QuickPickItem, window } from 'vscode';
+import * as nls from 'vscode-nls';
 import { client } from '../client';
 import { makeQuickPickItemFromTag, tagQuickPickCreator } from '../quickpicks/tagQuickPickCreator';
+import { handleErrorMessage } from '../utils/errorHandler';
+
+const localize = nls.loadMessageBundle();
 
 export const updater = async (item: Item, selectedItems: ReadonlyArray<QuickPickItem>) => {
   const taggings = selectedItems.map((item) => ({
@@ -16,6 +20,10 @@ export const updater = async (item: Item, selectedItems: ReadonlyArray<QuickPick
   });
 };
 
+/**
+ * タグを編集するためのquickPickを作成
+ * @param arg コマンドから渡される引数
+ */
 export async function editTags (arg: object & { item: Item }) {
   const { item } = arg;
   const { tags: taggings } = arg.item;
@@ -31,11 +39,15 @@ export async function editTags (arg: object & { item: Item }) {
 
   input.onDidAccept(async () => {
     try {
-      await updater(item, input.selectedItems);
-      window.showInformationMessage('タグを編集しました');
       input.hide();
+      await updater(item, input.selectedItems);
+
+      return window.showInformationMessage(localize(
+        'commands.qiita.editTags.success',
+        'タグを編集しました',
+      ));
     } catch (error) {
-      window.showErrorMessage(error.toString());
+      return handleErrorMessage(error);
     }
   });
 }
diff --git a/src/commands/makePublic.ts b/src/commands/makePublic.ts
@@ -1,18 +1,41 @@
 import { Item } from 'qiita-js-2';
 import { window } from 'vscode';
+import * as nls from 'vscode-nls';
 import { client } from '../client';
+import { handleErrorMessage } from '../utils/errorHandler';
 
+const localize = nls.loadMessageBundle();
+
+/**
+ * 公開状態を変更するか確認するダイアログを表示して、公開状態を変更します
+ * @param arg コマンドから渡される引数
+ */
 export async function makePublic (arg: object & { item: Item }) {
   if (!arg.item.private) {
-    return window.showInformationMessage('この投稿は既に公開されています。');
+    return window.showInformationMessage(localize(
+      'commands.qiita.makePublic.failure.alredyPublic',
+      'この投稿は既に公開されています。',
+    ));
   }
 
-  const _continue = '公開にする';
-  const cancel    = 'キャンセル';
+  const next = localize(
+    'commands.qiita.makePublic.confirm.next',
+    '公開にする',
+  );
 
-  const result = await window.showInformationMessage('投稿を削除してもよろしいですか? 一度公開にしてしまうと非公開に戻すことは出来ません。', _continue, cancel);
+  const result = await window.showInformationMessage(
+    localize(
+      'commands.qiita.makePublic.confirm.title',
+      '公開範囲を公開にしてもよろしいですか？ 一度公開にしてしまうと非公開に戻すことは出来ません。',
+    ),
+    next,
+    localize(
+      'commands.qiita.makePublic.confirm.cancel',
+      'キャンセル',
+    ),
+  );
 
-  if (result !== _continue) {
+  if (result !== next) {
     return;
   }
 
@@ -24,8 +47,11 @@ export async function makePublic (arg: object & { item: Item }) {
       private: false,
     });
 
-    return window.showInformationMessage(`公開範囲を公開に変更しました`);
+    return window.showInformationMessage(localize(
+      'commands.qiita.makePublic.success',
+      '公開範囲を公開に変更しました',
+    ));
   } catch (error) {
-    return window.showErrorMessage(error.toString());
+    return handleErrorMessage(error);
   }
 }
diff --git a/src/explorer/qiitaItems.ts b/src/explorer/qiitaItems.ts
@@ -52,11 +52,7 @@ export class QiitaItem extends TreeItem {
     super(item.title, collapsibleState);
   }
 
-  // public iconPath = this.collapsibleState === TreeItemCollapsibleState.Expanded
-  //   ? path.join(__filename, '..', '..', '..', 'resources', 'dark', 'file_focused.svg')
-  //   : path.join(__filename, '..', '..', '..', 'resources', 'dark', 'file.svg');
-
-  public resourceUri = Uri.parse('text.md');
+  public resourceUri = Uri.parse('file:///text.md');
 
   public contextValue = 'qiitaItems';
 }
diff --git a/src/quickpicks/tagQuickPickCreator.ts b/src/quickpicks/tagQuickPickCreator.ts
@@ -1,7 +1,10 @@
 import { SearchTagResult } from 'qiita-js-2';
 import { QuickPickItem, window } from 'vscode';
+import * as nls from 'vscode-nls';
 import { client } from '../client';
 
+const localize = nls.loadMessageBundle();
+
 /**
  * Tagの情報を基にQuickPickItemを作成します
  * @param id タグのID
@@ -10,7 +13,11 @@ import { client } from '../client';
  */
 export const makeQuickPickItemFromTag = (id: string, followersCount: number) => ({
   label: id,
-  description: `${followersCount}件の投稿`,
+  description: localize(
+    'quickpicks.tagQuickPick.item.description',
+    '{0}件の投稿',
+    followersCount,
+  ),
 });
 
 /**
@@ -44,6 +51,7 @@ export const insertInputRaw = (value: string, suggestions: SearchTagResult[]) =>
 export async function suggestTags (value: string): Promise<QuickPickItem[]> {
   const results = (await client.searchTags(value)).slice(0, 9);
   const formattedResults = insertInputRaw(value, results);
+
   return formattedResults.map((tag) => makeQuickPickItemFromTag(tag.name, tag.follower_count));
 }
 
@@ -58,8 +66,8 @@ export function tagQuickPickCreator (selectedItems?: QuickPickItem[]) {
   quickPick.canSelectMany = true;
   quickPick.items         = selectedItems || [];
   quickPick.selectedItems = selectedItems || [];
-  quickPick.title         = '投稿に登録するタグを入力してください';
-  quickPick.placeholder   = '例) Rails React Mastodon';
+  quickPick.title         = localize('quickpicks.tagQuickPick.title', '投稿に登録するタグを入力してください');
+  quickPick.placeholder   = localize('quickpicks.tagQuickPick.title', '例) Rails React Mastodon');
 
   quickPick.onDidChangeValue(async (value: string) => {
     quickPick.busy       = true;
diff --git a/src/quickpicks/titleInputBoxCreator.ts b/src/quickpicks/titleInputBoxCreator.ts
@@ -1,4 +1,7 @@
 import { window } from 'vscode';
+import * as nls from 'vscode-nls';
+
+const localize = nls.loadMessageBundle();
 
 /**
  * タイトルを指定させるInputBoxを作成
@@ -8,13 +11,24 @@ import { window } from 'vscode';
 export function titleInputBoxCreator (defaultValue?: string) {
   const inputBox = window.createInputBox();
 
-  inputBox.value       = defaultValue || '';
-  inputBox.title       = '投稿のタイトルを入力してください';
-  inputBox.placeholder = '例) サルでもわかる！Rails入門';
+  inputBox.value = defaultValue || '';
+
+  inputBox.title = localize(
+    'quickpicks.titleInputBox.title',
+    '投稿のタイトルを入力してください',
+  );
+
+  inputBox.placeholder = localize(
+    'quickpicks.titleInputBox.placeholder',
+    '例) サルでもわかる！Rails入門',
+  );
 
   inputBox.onDidChangeValue(() => {
     if (inputBox.value.length > 255) {
-      inputBox.validationMessage = 'タイトルは255文字まで有効です';
+      inputBox.validationMessage = localize(
+        'quickpicks.titleInputBox.validationMessage',
+        'タイトルは255文字まで有効です',
+      );
     }
   });
 
diff --git a/src/quickpicks/visibilityQuickPickCreator.ts b/src/quickpicks/visibilityQuickPickCreator.ts
@@ -1,20 +1,37 @@
 import { window } from 'vscode';
+import * as nls from 'vscode-nls';
+
+const localize = nls.loadMessageBundle();
+
+// 外のコンポーネントから結果値を利用するためエクスポート
+export const publicLabel  = localize('quickpicks.visibilityQuickPick.public.label', '公開');
+export const privateLabel = localize('quickpicks.visibilityQuickPick.private.label', '限定公開');
 
 /**
  * 公開範囲を指定させるQuickPickを作成
  * @return QuickPick
  */
 export function visibilityQuickPickCreator () {
   const quickPick = window.createQuickPick();
-  quickPick.title = '投稿の公開範囲を選択してください';
+  quickPick.title = localize(
+    'quickpicks.visibilityQuickPick.title',
+    '投稿の公開範囲を選択してください',
+  );
+
   quickPick.items = [
     {
-      label: '公開',
-      description: '誰でも投稿を閲覧できます',
+      label: publicLabel,
+      description: localize(
+        'quickpicks.visibilityQuickPick.public.description',
+        '誰でも投稿を閲覧できます',
+      ),
     },
     {
-      label: '限定公開',
-      description: '投稿のURLを知っている人だけが投稿を閲覧できます',
+      label: privateLabel,
+      description: localize(
+        'quickpicks.visibilityQuickPick.private.description',
+        '投稿のURLを知っている人だけが投稿を閲覧できます',
+      ),
     },
   ];
 
diff --git a/src/utils/errorHandler.ts b/src/utils/errorHandler.ts
@@ -1,9 +1,14 @@
+import { QiitaError } from 'qiita-js-2';
 import { window } from 'vscode';
 import * as nls from 'vscode-nls';
 
 const localize = nls.loadMessageBundle();
 
-export function handleErrorMessage (error: Error) {
+/**
+ * QiitaErrorオブジェクトの内容に応じてshowErrorMessageに適切なメッセージを表示します。
+ * @param error QiitaErrorを継承しているエラー
+ */
+export function handleErrorMessage <T extends QiitaError> (error: T) {
   switch (error.name) {
     case 'QiitaUnauthorizedError':
       return window.showErrorMessage(localize('general.failure.unauhtorized', 'リクエストに失敗しました。Qiitaアカウントを認証しているかお確かめの上もう一度お試しください'));

Original file line number	Diff line number	Diff line change
`@@ -52,11 +52,7 @@ export class QiitaItem extends TreeItem {`
`52`	`52`	`super(item.title, collapsibleState);`
`53`	`53`	`}`
`54`	`54`
`55`		`- // public iconPath = this.collapsibleState === TreeItemCollapsibleState.Expanded`
`56`		`- // ? path.join(__filename, '..', '..', '..', 'resources', 'dark', 'file_focused.svg')`
`57`		`- // : path.join(__filename, '..', '..', '..', 'resources', 'dark', 'file.svg');`
`58`		`-`
`59`		`- public resourceUri = Uri.parse('text.md');`
	`55`	`+ public resourceUri = Uri.parse('file:///text.md');`
`60`	`56`
`61`	`57`	`public contextValue = 'qiitaItems';`
`62`	`58`	`}`