Merge pull request #62 from JichouP:fix/#45

未読チャンネルを下から消化したい

Author: JichouP

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org).
 
 ### Added
 
+- [全環境] 一番下の未読チャンネルをクリックする `clickNavigationBarHomeBottomUnreadChannel` を追加 [#62](https://github.com/JichouP/Better-traQ/issues/62)
 - [全環境] チャンネル入力時に、Enter キーで検索結果の一番上のチャンネルに飛ぶ機能を追加 [#58](https://github.com/JichouP/Better-traQ/issues/58)
 - [全環境] チャンネル/ユーザー検索にフォーカスしているかどうかを判定する条件を追加 [#56](https://github.com/JichouP/Better-traQ/issues/56)
 - [全環境] スタンプ詳細のプルダウンのクリックを追加 [#54](https://github.com/JichouP/Better-traQ/issues/54)

src/content_scripts/@types/SelectorEnum.d.ts

@@ -9,6 +9,7 @@ type SelectorEnum =
   | 'navigationSelectorHomeTab'
   | 'navigationBarHomeHomeChannel'
   | 'navigationBarHomeTopUnreadChannel'
+  | 'navigationBarHomeBottomUnreadChannel'
   /// Channelsタブ
   | 'navigationSelectorChannelsTab'
   | 'navigationBarChannelsChannelFilterInput'

src/content_scripts/actions.ts

@@ -36,6 +36,7 @@ export { default as clickNavigationBarChannelsChannelFilterStar } from './action
 export { default as clickNavigationBarChannelsNextChannel } from './actions/clickNavigationBarChannelsNextChannel';
 export { default as clickNavigationBarChannelsPreviousChannel } from './actions/clickNavigationBarChannelsPreviousChannel';
 export { default as clickNavigationBarChannelsTopSearchResult } from './actions/clickNavigationBarChannelsTopSearchResult';
+export { default as clickNavigationBarHomeBottomUnreadChannel } from './actions/clickNavigationBarHomeBottomUnreadChannel';
 export { default as clickNavigationBarHomeHomeChannel } from './actions/clickNavigationBarHomeHomeChannel';
 export { default as clickNavigationBarHomeTopUnreadChannel } from './actions/clickNavigationBarHomeTopUnreadChannel';
 export { default as clickNavigationBarUsersTopSearchResult } from './actions/clickNavigationBarUsersTopSearchResult';

src/content_scripts/actions/clickNavigationBarHomeBottomUnreadChannel.ts

@@ -0,0 +1,15 @@
+import selectors from '../selectors';
+import { mousedown } from './utils/dispatchEvent';
+
+const clickNavigationBarHomeBottomUnreadChannel = () => {
+  const unreadChannelSelector =
+    selectors.navigationBarHomeBottomUnreadChannel();
+  if (!unreadChannelSelector) return;
+  const unreadChannelEl = document.querySelector<HTMLDivElement>(
+    unreadChannelSelector
+  );
+  if (!unreadChannelEl) return;
+  mousedown(unreadChannelEl);
+};
+
+export default clickNavigationBarHomeBottomUnreadChannel;

src/content_scripts/default/task.ts

@@ -44,7 +44,7 @@ const defaultTasks: Task[] = [
     ],
   },
   {
-    name: 'トップ未読チャンネルをクリック（）',
+    name: 'ホームチャンネルをクリック（未読チャンネルがない場合）',
     keybinds: [
       {
         key: 'e',

src/content_scripts/selectors.ts

@@ -45,8 +45,12 @@ const selectors: Record<SelectorEnum, () => string | null> = {
       : null,
   navigationBarHomeTopUnreadChannel: () =>
     existHomeChannel()
-      ? '#app > div > div > div > div > div > div > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div' // ホームチャンネルが存在する場合は2番目
-      : '#app > div > div > div > div > div > div > div > div > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(1)', // ホームチャンネルが存在しない場合は1番目
+      ? '#app > div > div > div > div > div > div > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1)' // ホームチャンネルが存在する場合は2番目
+      : '#app > div > div > div > div > div > div > div > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1)', // ホームチャンネルが存在しない場合は1番目
+  navigationBarHomeBottomUnreadChannel: () =>
+    existHomeChannel()
+      ? '#app > div > div > div > div > div > div > div > div > div:nth-child(2) > div:nth-child(3) > div:nth-last-child(1) > div:nth-child(1)' // ホームチャンネルが存在する場合は2番目
+      : '#app > div > div > div > div > div > div > div > div > div:nth-child(1) > div:nth-child(3) > div:nth-last-child(1) > div:nth-child(1)', // ホームチャンネルが存在しない場合は1番目
   navigationSelectorChannelsTab: () => navigationSelector(3),
   navigationBarChannelsChannelFilterInput: () =>
     '#app > div > div > div > div > div > div > div > div > div > div > div > div > input',

src/store/zAction.ts

@@ -7,6 +7,7 @@ const zAction = z.union([
   z.literal('clickNavigationSelectorHomeTab'),
   z.literal('clickNavigationBarHomeHomeChannel'),
   z.literal('clickNavigationBarHomeTopUnreadChannel'),
+  z.literal('clickNavigationBarHomeBottomUnreadChannel'),
   z.literal('clickNavigationSelectorChannelsTab'),
   z.literal('focusNavigationBarChannelsChannelFilterInput'),
   z.literal('inputCurrentChannelNameNavigationBarChannelsChannelFilter'),