Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 1 | import {injectScript, injectStyles, injectStylesheet} from '../../common/contentScriptsUtils.js'; |
Adrià Vilanova Martínez | 4d59925 | 2023-02-04 20:54:54 +0100 | [diff] [blame] | 2 | import {getOptions} from '../../common/optionsUtils.js'; |
Adrià Vilanova Martínez | 825888a | 2023-07-23 01:53:48 +0200 | [diff] [blame] | 3 | import XHRProxyKillSwitchHandler from '../../xhrInterceptor/killSwitchHandler.js'; |
Adrià Vilanova Martínez | 1f65252 | 2021-10-14 00:23:23 +0200 | [diff] [blame] | 4 | import {injectPreviousPostsLinksUnifiedProfileIfEnabled} from '../utilsCommon/unifiedProfiles.js'; |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 5 | |
Adrià Vilanova Martínez | 27c6996 | 2021-07-17 23:32:51 +0200 | [diff] [blame] | 6 | import AvatarsHandler from './avatars.js'; |
Adrià Vilanova Martínez | 462280f | 2021-08-07 22:59:02 +0200 | [diff] [blame] | 7 | import {batchLock} from './batchLock.js'; |
Adrià Vilanova Martínez | 968e93c | 2024-03-11 23:18:16 +0100 | [diff] [blame] | 8 | import {injectDarkThemeButton, isDarkThemeOn} from './darkTheme/darkTheme.js'; |
Adrià Vilanova Martínez | f472d49 | 2024-03-05 21:26:53 +0100 | [diff] [blame] | 9 | import ReportDialogColorThemeFix from './darkTheme/reportDialog.js'; |
Adrià Vilanova Martínez | 968e93c | 2024-03-11 23:18:16 +0100 | [diff] [blame] | 10 | import {unifiedProfilesFix} from './darkTheme/unifiedProfiles.js'; |
Adrià Vilanova Martínez | eebc0ac | 2022-01-05 14:45:53 +0100 | [diff] [blame] | 11 | // #!if ['chromium', 'chromium_mv3'].includes(browser_target) |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 12 | import {applyDragAndDropFixIfEnabled} from './dragAndDropFix.js'; |
Adrià Vilanova Martínez | eebc0ac | 2022-01-05 14:45:53 +0100 | [diff] [blame] | 13 | // #!endif |
Adrià Vilanova Martínez | 115e3d8 | 2023-01-10 21:50:06 +0100 | [diff] [blame] | 14 | import {default as FlattenThreads, kMatchingSelectors as kFlattenThreadMatchingSelectors} from './flattenThreads/flattenThreads.js'; |
Adrià Vilanova Martínez | 2d9be8d | 2022-12-28 00:50:14 +0100 | [diff] [blame] | 15 | import {kRepliesSectionSelector} from './threadToolbar/constants.js'; |
| 16 | import ThreadToolbar from './threadToolbar/threadToolbar.js'; |
Adrià Vilanova Martínez | 2788d12 | 2022-10-10 22:06:25 +0200 | [diff] [blame] | 17 | import Workflows from './workflows/workflows.js'; |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 18 | |
Adrià Vilanova Martínez | 18d03c4 | 2024-04-21 16:43:01 +0200 | [diff] [blame^] | 19 | var mutationObserver, options, avatars, workflows, |
Adrià Vilanova Martínez | f472d49 | 2024-03-05 21:26:53 +0100 | [diff] [blame] | 20 | threadToolbar, flattenThreads, reportDialogColorThemeFix; |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 21 | |
| 22 | const watchedNodesSelectors = [ |
| 23 | // App container (used to set up the intersection observer and inject the dark |
| 24 | // mode button) |
| 25 | 'ec-app', |
| 26 | |
Adrià Vilanova Martínez | a7ae3db | 2022-01-28 11:57:27 +0100 | [diff] [blame] | 27 | // Scrollable content (used for the intersection observer) |
| 28 | '.scrollable-content', |
| 29 | |
| 30 | // Load more bar and buttons |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 31 | '.load-more-bar', |
Adrià Vilanova Martínez | a7ae3db | 2022-01-28 11:57:27 +0100 | [diff] [blame] | 32 | '.scTailwindThreadMorebuttonbutton', |
Adrià Vilanova Martínez | 8885497 | 2022-08-28 11:57:12 +0200 | [diff] [blame] | 33 | '.scTailwindThreadMessagegapbutton', |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 34 | |
Adrià Vilanova Martínez | 7e8796c | 2022-01-23 21:46:46 +0100 | [diff] [blame] | 35 | // User profile card inside ec-unified-user |
| 36 | 'ec-unified-user .scTailwindUser_profileUsercardmain', |
| 37 | |
Adrià Vilanova Martínez | 531cd07 | 2021-12-05 20:15:43 +0100 | [diff] [blame] | 38 | // Username span/editor inside ec-unified-user (user profile view) |
Adrià Vilanova Martínez | 1f65252 | 2021-10-14 00:23:23 +0200 | [diff] [blame] | 39 | 'ec-unified-user .scTailwindUser_profileUsercarddetails', |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 40 | |
| 41 | // Rich text editor |
| 42 | 'ec-movable-dialog', |
| 43 | 'ec-rich-text-editor', |
| 44 | |
| 45 | // Read/unread bulk action in the list of thread, for the batch lock feature |
| 46 | 'ec-bulk-actions material-button[debugid="mark-read-button"]', |
| 47 | 'ec-bulk-actions material-button[debugid="mark-unread-button"]', |
| 48 | |
Adrià Vilanova Martínez | 854cb91 | 2022-02-02 16:18:23 +0100 | [diff] [blame] | 49 | // Thread list items (used to inject the avatars and extra info) |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 50 | 'li', |
| 51 | |
Adrià Vilanova Martínez | 854cb91 | 2022-02-02 16:18:23 +0100 | [diff] [blame] | 52 | // Thread list item toolbelt (used for the extra info feature) |
| 53 | 'ec-thread-summary .main .toolbelt', |
| 54 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 55 | // Thread list (used for the autorefresh feature) |
| 56 | 'ec-thread-list', |
| 57 | |
Adrià Vilanova Martínez | f472d49 | 2024-03-05 21:26:53 +0100 | [diff] [blame] | 58 | // Unified profile iframe and report dialog iframe |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 59 | 'iframe', |
Adrià Vilanova Martínez | 74a2520 | 2022-01-23 23:36:58 +0100 | [diff] [blame] | 60 | |
Adrià Vilanova Martínez | 46ecb98 | 2024-01-30 22:02:17 +0100 | [diff] [blame] | 61 | // Canned response tags (for the "import CR" popup for the workflows feature) |
Adrià Vilanova Martínez | 6e4a68d | 2022-01-24 21:44:32 +0100 | [diff] [blame] | 62 | 'ec-canned-response-row .tags', |
Adrià Vilanova Martínez | 6e4a68d | 2022-01-24 21:44:32 +0100 | [diff] [blame] | 63 | |
Adrià Vilanova Martínez | 09b3bdb | 2022-02-05 00:15:05 +0100 | [diff] [blame] | 64 | // Question state chips container (for the extra info feature) |
Adrià Vilanova Martínez | 19f6a65 | 2023-11-15 19:38:50 +0100 | [diff] [blame] | 65 | 'sc-tailwind-thread-question-question-card sc-tailwind-thread-question-state-chips', |
Adrià Vilanova Martínez | 6e4a68d | 2022-01-24 21:44:32 +0100 | [diff] [blame] | 66 | |
| 67 | // Replies (for the extra info feature) |
Adrià Vilanova Martínez | 19f6a65 | 2023-11-15 19:38:50 +0100 | [diff] [blame] | 68 | 'sc-tailwind-thread-message-message-list sc-tailwind-thread-message-message-card', |
Adrià Vilanova Martínez | 4f56d56 | 2022-01-26 00:23:27 +0100 | [diff] [blame] | 69 | |
Adrià Vilanova Martínez | 80f1c73 | 2023-11-16 00:52:56 +0100 | [diff] [blame] | 70 | // Comments (for the extra info feature) |
| 71 | 'sc-tailwind-thread-message-message-list sc-tailwind-thread-message-comment-card', |
| 72 | |
Adrià Vilanova Martínez | 4f56d56 | 2022-01-26 00:23:27 +0100 | [diff] [blame] | 73 | // User activity chart (for the per-forum stats feature) |
| 74 | 'ec-unified-user .scTailwindUser_profileUserprofilesection ' + |
| 75 | 'sc-tailwind-shared-activity-chart', |
Adrià Vilanova Martínez | 5a8055b | 2022-09-29 13:05:19 +0200 | [diff] [blame] | 76 | |
| 77 | // Thread page main content |
| 78 | 'ec-thread > .page > .material-content > div[role="list"]', |
Adrià Vilanova Martínez | 2d9be8d | 2022-12-28 00:50:14 +0100 | [diff] [blame] | 79 | |
| 80 | // Thread page reply section (for the thread page toolbar) |
| 81 | kRepliesSectionSelector, |
Adrià Vilanova Martínez | 412b758 | 2022-12-30 01:35:30 +0100 | [diff] [blame] | 82 | |
| 83 | // Reply payload (for the flatten threads UI) |
Adrià Vilanova Martínez | 115e3d8 | 2023-01-10 21:50:06 +0100 | [diff] [blame] | 84 | ...kFlattenThreadMatchingSelectors, |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 85 | ]; |
| 86 | |
| 87 | function handleCandidateNode(node) { |
| 88 | if (typeof node.classList !== 'undefined') { |
| 89 | if (('tagName' in node) && node.tagName == 'EC-APP') { |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 90 | // Inject the dark mode button |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 91 | // TODO(avm99963): make this feature dynamic. |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 92 | if (options.ccdarktheme && options.ccdarktheme_mode == 'switch') { |
| 93 | var rightControl = node.querySelector('header .right-control'); |
| 94 | if (rightControl !== null) |
Adrià Vilanova Martínez | 968e93c | 2024-03-11 23:18:16 +0100 | [diff] [blame] | 95 | injectDarkThemeButton( |
| 96 | rightControl, options.ccdarktheme_switch_status); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 97 | } |
| 98 | } |
| 99 | |
Adrià Vilanova Martínez | 7e8796c | 2022-01-23 21:46:46 +0100 | [diff] [blame] | 100 | // Show additional details in the profile view. |
| 101 | if (node.matches('ec-unified-user .scTailwindUser_profileUsercardmain')) { |
Adrià Vilanova Martínez | 0d92a0c | 2023-11-06 01:37:20 +0100 | [diff] [blame] | 102 | window.TWPTExtraInfo.injectAbuseChipsAtProfileIfEnabled(node); |
Adrià Vilanova Martínez | 7e8796c | 2022-01-23 21:46:46 +0100 | [diff] [blame] | 103 | } |
| 104 | |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 105 | // Show the "previous posts" links if the option is currently enabled. |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 106 | // Here we're selecting the 'ec-user > div' element (unique child) |
Adrià Vilanova Martínez | 1f65252 | 2021-10-14 00:23:23 +0200 | [diff] [blame] | 107 | if (node.matches( |
| 108 | 'ec-unified-user .scTailwindUser_profileUsercarddetails')) { |
| 109 | injectPreviousPostsLinksUnifiedProfileIfEnabled( |
| 110 | /* isCommunityConsole = */ true); |
| 111 | } |
| 112 | |
Adrià Vilanova Martínez | eebc0ac | 2022-01-05 14:45:53 +0100 | [diff] [blame] | 113 | // #!if ['chromium', 'chromium_mv3'].includes(browser_target) |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 114 | // Fix the drag&drop issue with the rich text editor if the option is |
| 115 | // currently enabled. |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 116 | // |
| 117 | // We target both tags because in different contexts different |
| 118 | // elements containing the text editor get added to the DOM structure. |
| 119 | // Sometimes it's a EC-MOVABLE-DIALOG which already contains the |
| 120 | // EC-RICH-TEXT-EDITOR, and sometimes it's the EC-RICH-TEXT-EDITOR |
| 121 | // directly. |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 122 | if (('tagName' in node) && |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 123 | (node.tagName == 'EC-MOVABLE-DIALOG' || |
| 124 | node.tagName == 'EC-RICH-TEXT-EDITOR')) { |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 125 | applyDragAndDropFixIfEnabled(node); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 126 | } |
Adrià Vilanova Martínez | eebc0ac | 2022-01-05 14:45:53 +0100 | [diff] [blame] | 127 | // #!endif |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 128 | |
Adrià Vilanova Martínez | 2788d12 | 2022-10-10 22:06:25 +0200 | [diff] [blame] | 129 | // Inject the worflows menu in the thread list if the option is currently |
| 130 | // enabled. |
| 131 | if (workflows.shouldAddThreadListBtn(node)) { |
| 132 | workflows.addThreadListBtnIfEnabled(node); |
| 133 | } |
| 134 | |
Adrià Vilanova Martínez | b06c13d | 2022-06-20 17:30:14 +0000 | [diff] [blame] | 135 | // Inject the batch lock button in the thread list if the option is |
| 136 | // currently enabled. |
Adrià Vilanova Martínez | 4107b5e | 2022-10-09 23:11:11 +0200 | [diff] [blame] | 137 | if (batchLock.shouldAddButton(node)) { |
Adrià Vilanova Martínez | b06c13d | 2022-06-20 17:30:14 +0000 | [diff] [blame] | 138 | batchLock.addButtonIfEnabled(node); |
| 139 | } |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 140 | |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 141 | // Inject avatar links to threads in the thread list. injectIfEnabled is |
| 142 | // responsible of determining whether it should run or not depending on its |
| 143 | // current setting. |
Adrià Vilanova Martínez | 854cb91 | 2022-02-02 16:18:23 +0100 | [diff] [blame] | 144 | // |
| 145 | // Also, inject extra info in the thread list. |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 146 | if (('tagName' in node) && (node.tagName == 'LI') && |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 147 | node.querySelector('ec-thread-summary') !== null) { |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 148 | avatars.injectIfEnabled(node); |
Adrià Vilanova Martínez | 854cb91 | 2022-02-02 16:18:23 +0100 | [diff] [blame] | 149 | window.TWPTExtraInfo.injectAtThreadListIfEnabled(node); |
| 150 | } |
| 151 | |
| 152 | // Inject extra info in the toolbelt of an expanded thread list item. |
| 153 | if (node.matches('ec-thread-summary .main .toolbelt')) { |
| 154 | window.TWPTExtraInfo.injectAtExpandedThreadListIfEnabled(node); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 155 | } |
| 156 | |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 157 | // Set up the autorefresh list feature. The setUp function is responsible |
| 158 | // of determining whether it should run or not depending on the current |
| 159 | // setting. |
| 160 | if (('tagName' in node) && node.tagName == 'EC-THREAD-LIST') { |
avm99963 | fd22267 | 2021-08-12 23:23:01 +0200 | [diff] [blame] | 161 | window.TWPTAutoRefresh.setUp(); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 162 | } |
| 163 | |
Adrià Vilanova Martínez | f472d49 | 2024-03-05 21:26:53 +0100 | [diff] [blame] | 164 | if (node.tagName == 'IFRAME') { |
| 165 | // Redirect unified profile iframe to dark version if applicable |
| 166 | if (isDarkThemeOn(options) && unifiedProfilesFix.checkIframe(node)) { |
| 167 | unifiedProfilesFix.fixIframe(node); |
| 168 | } |
| 169 | |
| 170 | // Set report dialog iframe's theme to the appropriate theme |
| 171 | reportDialogColorThemeFix.fixThemeIfReportDialogIframeAndApplicable(node); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 172 | } |
Adrià Vilanova Martínez | 74a2520 | 2022-01-23 23:36:58 +0100 | [diff] [blame] | 173 | |
Adrià Vilanova Martínez | 46ecb98 | 2024-01-30 22:02:17 +0100 | [diff] [blame] | 174 | // Add the "import" button in the canned responses view for the workflows |
| 175 | // feature if applicable. |
Adrià Vilanova Martínez | 74a2520 | 2022-01-23 23:36:58 +0100 | [diff] [blame] | 176 | if (node.matches('ec-canned-response-row .tags')) { |
Adrià Vilanova Martínez | e0d65f2 | 2022-11-06 18:49:35 +0100 | [diff] [blame] | 177 | window.TWPTWorkflowsImport.addButtonIfEnabled(node); |
Adrià Vilanova Martínez | 74a2520 | 2022-01-23 23:36:58 +0100 | [diff] [blame] | 178 | } |
Adrià Vilanova Martínez | 6e4a68d | 2022-01-24 21:44:32 +0100 | [diff] [blame] | 179 | |
| 180 | // Show additional details in the thread view. |
Adrià Vilanova Martínez | 19f6a65 | 2023-11-15 19:38:50 +0100 | [diff] [blame] | 181 | if (node.matches( |
| 182 | 'sc-tailwind-thread-question-question-card sc-tailwind-thread-question-state-chips')) { |
Adrià Vilanova Martínez | 09b3bdb | 2022-02-05 00:15:05 +0100 | [diff] [blame] | 183 | window.TWPTExtraInfo.injectAtQuestionIfEnabled(node); |
Adrià Vilanova Martínez | 6e4a68d | 2022-01-24 21:44:32 +0100 | [diff] [blame] | 184 | } |
Adrià Vilanova Martínez | 19f6a65 | 2023-11-15 19:38:50 +0100 | [diff] [blame] | 185 | if (node.matches( |
| 186 | 'sc-tailwind-thread-message-message-list sc-tailwind-thread-message-message-card')) { |
Adrià Vilanova Martínez | 80f1c73 | 2023-11-16 00:52:56 +0100 | [diff] [blame] | 187 | window.TWPTExtraInfo.injectAtReplyIfEnabled(node); |
| 188 | } |
| 189 | |
| 190 | if (node.matches( |
| 191 | 'sc-tailwind-thread-message-message-list sc-tailwind-thread-message-comment-card')) { |
| 192 | window.TWPTExtraInfo.injectAtCommentIfEnabled(node); |
Adrià Vilanova Martínez | 74a2520 | 2022-01-23 23:36:58 +0100 | [diff] [blame] | 193 | } |
Adrià Vilanova Martínez | 4f56d56 | 2022-01-26 00:23:27 +0100 | [diff] [blame] | 194 | |
| 195 | // Inject per-forum stats section in the user profile |
| 196 | if (node.matches( |
| 197 | 'ec-unified-user .scTailwindUser_profileUserprofilesection ' + |
| 198 | 'sc-tailwind-shared-activity-chart')) { |
| 199 | window.TWPTExtraInfo.injectPerForumStatsIfEnabled(node); |
| 200 | } |
Adrià Vilanova Martínez | 5a8055b | 2022-09-29 13:05:19 +0200 | [diff] [blame] | 201 | |
Adrià Vilanova Martínez | 2d9be8d | 2022-12-28 00:50:14 +0100 | [diff] [blame] | 202 | // Inject old thread page design warning if applicable |
Adrià Vilanova Martínez | d2344c4 | 2022-09-30 13:14:29 +0200 | [diff] [blame] | 203 | if (node.matches( |
| 204 | 'ec-thread > .page > .material-content > div[role="list"]')) { |
| 205 | window.TWPTThreadPageDesignWarning.injectWarningIfApplicable(node); |
Adrià Vilanova Martínez | 5a8055b | 2022-09-29 13:05:19 +0200 | [diff] [blame] | 206 | } |
Adrià Vilanova Martínez | 2d9be8d | 2022-12-28 00:50:14 +0100 | [diff] [blame] | 207 | |
| 208 | // Inject thread toolbar |
| 209 | if (threadToolbar.shouldInject(node)) { |
| 210 | threadToolbar.injectIfApplicable(node); |
| 211 | } |
Adrià Vilanova Martínez | 412b758 | 2022-12-30 01:35:30 +0100 | [diff] [blame] | 212 | |
| 213 | // Inject parent reply quote |
Adrià Vilanova Martínez | 115e3d8 | 2023-01-10 21:50:06 +0100 | [diff] [blame] | 214 | if (flattenThreads.shouldInjectQuote(node)) { |
| 215 | flattenThreads.injectQuoteIfApplicable(node); |
| 216 | } |
| 217 | |
| 218 | // Inject reply button in non-nested view |
| 219 | if (flattenThreads.shouldInjectReplyBtn(node)) { |
| 220 | flattenThreads.injectReplyBtnIfApplicable(node); |
Adrià Vilanova Martínez | 412b758 | 2022-12-30 01:35:30 +0100 | [diff] [blame] | 221 | } |
Adrià Vilanova Martínez | 4d59925 | 2023-02-04 20:54:54 +0100 | [diff] [blame] | 222 | |
| 223 | // Delete additional info in the edit message box |
| 224 | if (flattenThreads.isAdditionalInfoElement(node)) { |
| 225 | flattenThreads.deleteAdditionalInfoElementIfApplicable(node); |
| 226 | } |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 227 | } |
| 228 | } |
| 229 | |
Adrià Vilanova Martínez | 115e3d8 | 2023-01-10 21:50:06 +0100 | [diff] [blame] | 230 | function handleRemovedNode(mutation, node) { |
| 231 | if (!('tagName' in node)) return; |
| 232 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 233 | // Remove snackbar when exiting thread list view |
Adrià Vilanova Martínez | 115e3d8 | 2023-01-10 21:50:06 +0100 | [diff] [blame] | 234 | if (node.tagName == 'EC-THREAD-LIST') { |
avm99963 | fd22267 | 2021-08-12 23:23:01 +0200 | [diff] [blame] | 235 | window.TWPTAutoRefresh.hideUpdatePrompt(); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 236 | } |
Adrià Vilanova Martínez | 115e3d8 | 2023-01-10 21:50:06 +0100 | [diff] [blame] | 237 | |
| 238 | // Readd reply button when the Community Console removes it |
| 239 | if (node.tagName == 'TWPT-FLATTEN-THREAD-REPLY-BUTTON') { |
| 240 | flattenThreads.injectReplyBtn( |
| 241 | mutation.target, JSON.parse(node.getAttribute('extraInfo'))); |
| 242 | } |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 243 | } |
| 244 | |
Adrià Vilanova Martínez | 115e3d8 | 2023-01-10 21:50:06 +0100 | [diff] [blame] | 245 | function mutationCallback(mutationList) { |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 246 | mutationList.forEach((mutation) => { |
| 247 | if (mutation.type == 'childList') { |
| 248 | mutation.addedNodes.forEach(function(node) { |
| 249 | handleCandidateNode(node); |
| 250 | }); |
| 251 | |
| 252 | mutation.removedNodes.forEach(function(node) { |
Adrià Vilanova Martínez | 115e3d8 | 2023-01-10 21:50:06 +0100 | [diff] [blame] | 253 | handleRemovedNode(mutation, node); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 254 | }); |
| 255 | } |
| 256 | }); |
| 257 | } |
| 258 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 259 | var observerOptions = { |
| 260 | childList: true, |
| 261 | subtree: true, |
| 262 | }; |
| 263 | |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 264 | getOptions(null).then(items => { |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 265 | options = items; |
| 266 | |
Adrià Vilanova Martínez | 27c6996 | 2021-07-17 23:32:51 +0200 | [diff] [blame] | 267 | // Initialize classes needed by the mutation observer |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 268 | avatars = new AvatarsHandler(); |
Adrià Vilanova Martínez | 2788d12 | 2022-10-10 22:06:25 +0200 | [diff] [blame] | 269 | workflows = new Workflows(); |
Adrià Vilanova Martínez | 2d9be8d | 2022-12-28 00:50:14 +0100 | [diff] [blame] | 270 | threadToolbar = new ThreadToolbar(); |
Adrià Vilanova Martínez | 412b758 | 2022-12-30 01:35:30 +0100 | [diff] [blame] | 271 | flattenThreads = new FlattenThreads(); |
Adrià Vilanova Martínez | f472d49 | 2024-03-05 21:26:53 +0100 | [diff] [blame] | 272 | reportDialogColorThemeFix = new ReportDialogColorThemeFix(options); |
Adrià Vilanova Martínez | 27c6996 | 2021-07-17 23:32:51 +0200 | [diff] [blame] | 273 | |
Adrià Vilanova Martínez | e0d65f2 | 2022-11-06 18:49:35 +0100 | [diff] [blame] | 274 | // autoRefresh, extraInfo, threadPageDesignWarning and workflowsImport are |
| 275 | // initialized in start.js |
avm99963 | d3f4ac0 | 2021-08-12 18:36:58 +0200 | [diff] [blame] | 276 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 277 | // Before starting the mutation Observer, check whether we missed any |
| 278 | // mutations by manually checking whether some watched nodes already |
| 279 | // exist. |
| 280 | var cssSelectors = watchedNodesSelectors.join(','); |
| 281 | document.querySelectorAll(cssSelectors) |
| 282 | .forEach(node => handleCandidateNode(node)); |
| 283 | |
| 284 | mutationObserver = new MutationObserver(mutationCallback); |
| 285 | mutationObserver.observe(document.body, observerOptions); |
| 286 | |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 287 | // TODO(avm99963): The following features are not dynamic. Make them be. |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 288 | if (options.fixedtoolbar) { |
| 289 | injectStyles( |
Adrià Vilanova | e8ba09a | 2024-02-29 19:25:39 +0000 | [diff] [blame] | 290 | 'ec-bulk-actions{position: sticky; top: 0; background: var(--TWPT-primary-background, #fff); z-index: 96;}'); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 291 | } |
| 292 | |
| 293 | if (options.increasecontrast) { |
| 294 | injectStyles( |
| 295 | '.thread-summary.read:not(.checked){background: var(--TWPT-thread-read-background, #ecedee)!important;}'); |
| 296 | } |
| 297 | |
| 298 | if (options.stickysidebarheaders) { |
| 299 | injectStyles( |
| 300 | 'material-drawer .main-header{background: var(--TWPT-drawer-background, #fff)!important; position: sticky; top: 0; z-index: 1;}'); |
| 301 | } |
| 302 | |
| 303 | if (options.enhancedannouncementsdot) { |
| 304 | injectStylesheet( |
| 305 | chrome.runtime.getURL('css/enhanced_announcements_dot.css')); |
| 306 | } |
| 307 | |
| 308 | if (options.repositionexpandthread) { |
Adrià Vilanova Martínez | 27c6996 | 2021-07-17 23:32:51 +0200 | [diff] [blame] | 309 | injectStylesheet(chrome.runtime.getURL('css/reposition_expand_thread.css')); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 310 | } |
| 311 | |
Adrià Vilanova Martínez | 9d27c21 | 2021-12-05 13:54:10 +0100 | [diff] [blame] | 312 | if (options.imagemaxheight) { |
| 313 | injectStylesheet(chrome.runtime.getURL('css/image_max_height.css')); |
| 314 | } |
| 315 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 316 | if (options.ccforcehidedrawer) { |
| 317 | var drawer = document.querySelector('material-drawer'); |
| 318 | if (drawer !== null && drawer.classList.contains('mat-drawer-expanded')) { |
| 319 | document.querySelector('.material-drawer-button').click(); |
| 320 | } |
| 321 | } |
| 322 | |
Adrià Vilanova Martínez | d269c62 | 2021-09-04 18:35:55 +0200 | [diff] [blame] | 323 | // Batch lock |
| 324 | injectScript(chrome.runtime.getURL('batchLockInject.bundle.js')); |
| 325 | injectStylesheet(chrome.runtime.getURL('css/batchlock_inject.css')); |
| 326 | // Thread list avatars |
| 327 | injectStylesheet(chrome.runtime.getURL('css/thread_list_avatars.css')); |
| 328 | // Auto refresh list |
| 329 | injectStylesheet(chrome.runtime.getURL('css/autorefresh_list.css')); |
Adrià Vilanova Martínez | 7e8796c | 2022-01-23 21:46:46 +0100 | [diff] [blame] | 330 | // Extra info |
| 331 | injectStylesheet(chrome.runtime.getURL('css/extrainfo.css')); |
avm99963 | 37601bc | 2022-02-21 10:36:45 +0100 | [diff] [blame] | 332 | injectStylesheet(chrome.runtime.getURL('css/extrainfo_perforumstats.css')); |
Adrià Vilanova Martínez | 2d9be8d | 2022-12-28 00:50:14 +0100 | [diff] [blame] | 333 | // Workflows, Thread toolbar |
| 334 | injectScript(chrome.runtime.getURL('litComponentsInject.bundle.js')); |
| 335 | // Thread toolbar |
| 336 | injectStylesheet(chrome.runtime.getURL('css/thread_toolbar.css')); |
Adrià Vilanova Martínez | 115e3d8 | 2023-01-10 21:50:06 +0100 | [diff] [blame] | 337 | // Flatten threads |
| 338 | injectStylesheet(chrome.runtime.getURL('css/flatten_threads.css')); |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 339 | }); |
Adrià Vilanova Martínez | 825888a | 2023-07-23 01:53:48 +0200 | [diff] [blame] | 340 | |
| 341 | new XHRProxyKillSwitchHandler(); |