avm99963 | e6166ed | 2021-08-26 10:45:17 +0200 | [diff] [blame] | 1 | import {CCApi} from '../common/api.js'; |
Adrià Vilanova Martínez | e777047 | 2021-10-17 00:02:37 +0200 | [diff] [blame] | 2 | import {createImmuneLink} from '../common/commonUtils.js'; |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 3 | import {escapeUsername} from '../common/communityConsoleUtils.js'; |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 4 | import {createPlainTooltip} from '../common/tooltip.js'; |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 5 | |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 6 | var CCProfileRegex = |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 7 | /^(?:https:\/\/support\.google\.com)?\/s\/community(?:\/forum\/[0-9]*)?\/user\/(?:[0-9]+)(?:\?.*)?$/; |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 8 | var CCRegex = /^https:\/\/support\.google\.com\/s\/community/; |
| 9 | |
| 10 | const OP_FIRST_POST = 0; |
| 11 | const OP_OTHER_POSTS_READ = 1; |
| 12 | const OP_OTHER_POSTS_UNREAD = 2; |
| 13 | |
| 14 | const OPClasses = { |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 15 | 0: 'first-post', |
| 16 | 1: 'other-posts-read', |
| 17 | 2: 'other-posts-unread', |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 18 | }; |
| 19 | |
| 20 | const OPi18n = { |
| 21 | 0: 'first_post', |
| 22 | 1: 'other_posts_read', |
| 23 | 2: 'other_posts_unread', |
| 24 | }; |
| 25 | |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 26 | const UI_COMMUNITY_CONSOLE = 0; |
| 27 | const UI_TW_LEGACY = 1; |
| 28 | const UI_TW_INTEROP = 2; |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 29 | const UI_COMMUNITY_CONSOLE_INTEROP = 3; |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 30 | |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 31 | // Filter used as a workaround to speed up the ViewForum request. |
| 32 | const FILTER_ALL_LANGUAGES = |
| 33 | 'lang:(ar | bg | ca | "zh-hk" | "zh-cn" | "zh-tw" | hr | cs | da | nl | en | "en-au" | "en-gb" | et | fil | fi | fr | de | el | iw | hi | hu | id | it | ja | ko | lv | lt | ms | no | pl | "pt-br" | "pt-pt" | ro | ru | sr | sk | sl | es | "es-419" | sv | th | tr | uk | vi)'; |
| 34 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 35 | const numPostsForumArraysToSum = [3, 4]; |
| 36 | |
avm99963 | a2945b6 | 2020-11-27 00:32:02 +0100 | [diff] [blame] | 37 | var authuser = null; |
| 38 | |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 39 | function isCommunityConsole(ui) { |
| 40 | return ui === UI_COMMUNITY_CONSOLE || ui === UI_COMMUNITY_CONSOLE_INTEROP; |
| 41 | } |
| 42 | |
| 43 | function isInterop(ui) { |
| 44 | return ui === UI_TW_INTEROP || ui === UI_COMMUNITY_CONSOLE_INTEROP; |
| 45 | } |
| 46 | |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 47 | |
avm99963 | a2945b6 | 2020-11-27 00:32:02 +0100 | [diff] [blame] | 48 | function getPosts(query, forumId) { |
avm99963 | e6166ed | 2021-08-26 10:45:17 +0200 | [diff] [blame] | 49 | return CCApi( |
| 50 | 'ViewForum', { |
| 51 | '1': forumId, |
| 52 | '2': { |
| 53 | '1': { |
| 54 | '2': 5, |
| 55 | }, |
| 56 | '2': { |
| 57 | '1': 1, |
| 58 | '2': true, |
| 59 | }, |
| 60 | '12': query, |
| 61 | }, |
avm99963 | a2945b6 | 2020-11-27 00:32:02 +0100 | [diff] [blame] | 62 | }, |
avm99963 | e6166ed | 2021-08-26 10:45:17 +0200 | [diff] [blame] | 63 | /* authenticated = */ true, authuser); |
avm99963 | a2945b6 | 2020-11-27 00:32:02 +0100 | [diff] [blame] | 64 | } |
| 65 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 66 | function getProfile(userId, forumId) { |
avm99963 | e6166ed | 2021-08-26 10:45:17 +0200 | [diff] [blame] | 67 | return CCApi( |
| 68 | 'ViewUser', { |
| 69 | '1': userId, |
| 70 | '2': 0, |
| 71 | '3': forumId, |
| 72 | '4': { |
| 73 | '20': true, |
| 74 | }, |
| 75 | }, |
| 76 | /* authenticated = */ true, authuser); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 77 | } |
| 78 | |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 79 | // Source: |
| 80 | // https://stackoverflow.com/questions/33063774/communication-from-an-injected-script-to-the-content-script-with-a-response |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 81 | var contentScriptRequest = (function() { |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 82 | var requestId = 0; |
avm99963 | 3e23888 | 2020-12-07 18:38:54 +0100 | [diff] [blame] | 83 | var prefix = 'TWPT-profileindicator'; |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 84 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 85 | function sendRequest(data) { |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 86 | var id = requestId++; |
| 87 | |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 88 | return new Promise(function(resolve) { |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 89 | var listener = function(evt) { |
avm99963 | 3e23888 | 2020-12-07 18:38:54 +0100 | [diff] [blame] | 90 | if (evt.source === window && evt.data && evt.data.prefix === prefix && |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 91 | evt.data.requestId == id) { |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 92 | // Deregister self |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 93 | window.removeEventListener('message', listener); |
| 94 | resolve(evt.data.data); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 95 | } |
| 96 | }; |
| 97 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 98 | window.addEventListener('message', listener); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 99 | |
avm99963 | 3e23888 | 2020-12-07 18:38:54 +0100 | [diff] [blame] | 100 | var payload = {data, id, prefix}; |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 101 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 102 | window.dispatchEvent( |
| 103 | new CustomEvent('TWPT_sendRequest', {detail: payload})); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 104 | }); |
| 105 | } |
| 106 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 107 | return {sendRequest: sendRequest}; |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 108 | })(); |
| 109 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 110 | // Create profile indicator dot with a loading state, or return the numPosts |
| 111 | // badge if it is already created. |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 112 | function createIndicatorDot(sourceNode, searchURL, options, ui) { |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 113 | if (options.numPosts) return document.querySelector('.num-posts-indicator'); |
avm99963 | a1b23b6 | 2020-09-01 14:32:34 +0200 | [diff] [blame] | 114 | var dotContainer = document.createElement('div'); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 115 | dotContainer.classList.add('profile-indicator', 'profile-indicator--loading'); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 116 | |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 117 | var dotLink = (isCommunityConsole(ui)) ? createImmuneLink() : |
| 118 | document.createElement('a'); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 119 | dotLink.href = searchURL; |
| 120 | dotLink.innerText = '●'; |
| 121 | |
| 122 | dotContainer.appendChild(dotLink); |
| 123 | sourceNode.parentNode.appendChild(dotContainer); |
| 124 | |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 125 | contentScriptRequest |
| 126 | .sendRequest({ |
| 127 | 'action': 'geti18nMessage', |
| 128 | 'msg': 'inject_profileindicator_loading' |
| 129 | }) |
| 130 | .then(string => createPlainTooltip(dotContainer, string)); |
| 131 | |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 132 | return dotContainer; |
| 133 | } |
| 134 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 135 | // Create badge indicating the number of posts with a loading state |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 136 | function createNumPostsBadge(sourceNode, searchURL, ui) { |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 137 | var link = (isCommunityConsole(ui)) ? createImmuneLink() : |
| 138 | document.createElement('a'); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 139 | link.href = searchURL; |
| 140 | |
| 141 | var numPostsContainer = document.createElement('div'); |
| 142 | numPostsContainer.classList.add( |
| 143 | 'num-posts-indicator', 'num-posts-indicator--loading'); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 144 | |
| 145 | var numPostsSpan = document.createElement('span'); |
| 146 | numPostsSpan.classList.add('num-posts-indicator--num'); |
| 147 | |
| 148 | numPostsContainer.appendChild(numPostsSpan); |
| 149 | link.appendChild(numPostsContainer); |
| 150 | sourceNode.parentNode.appendChild(link); |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 151 | |
| 152 | contentScriptRequest |
| 153 | .sendRequest({ |
| 154 | 'action': 'geti18nMessage', |
| 155 | 'msg': 'inject_profileindicator_loading' |
| 156 | }) |
| 157 | .then(string => createPlainTooltip(numPostsContainer, string)); |
| 158 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 159 | return numPostsContainer; |
| 160 | } |
| 161 | |
avm99963 | 13658b9 | 2020-12-02 00:02:53 +0100 | [diff] [blame] | 162 | // Set the badge text |
| 163 | function setNumPostsBadge(badge, text) { |
| 164 | badge.classList.remove('num-posts-indicator--loading'); |
| 165 | badge.querySelector('span').classList.remove( |
| 166 | 'num-posts-indicator--num--loading'); |
| 167 | badge.querySelector('span').textContent = text; |
| 168 | } |
| 169 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 170 | // Get options and then handle all the indicators |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 171 | function getOptionsAndHandleIndicators(sourceNode, ui) { |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 172 | contentScriptRequest.sendRequest({'action': 'getProfileIndicatorOptions'}) |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 173 | .then(options => handleIndicators(sourceNode, ui, options)); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 174 | } |
| 175 | |
| 176 | // Handle the profile indicator dot |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 177 | function handleIndicators(sourceNode, ui, options) { |
| 178 | let nameEl; |
| 179 | if (ui === UI_COMMUNITY_CONSOLE) |
| 180 | nameEl = sourceNode.querySelector('.name-text'); |
| 181 | if (ui === UI_TW_LEGACY) nameEl = sourceNode.querySelector('span'); |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 182 | if (isInterop(ui)) nameEl = sourceNode; |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 183 | var escapedUsername = escapeUsername(nameEl.textContent); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 184 | |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 185 | var threadLink; |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 186 | if (isCommunityConsole(ui)) { |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 187 | threadLink = document.location.href; |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 188 | } else { |
| 189 | var CCLink = document.getElementById('onebar-community-console'); |
| 190 | if (CCLink === null) { |
| 191 | console.error( |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 192 | '[opindicator] The user is not a PE so the dot indicator cannot be shown in TW.'); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 193 | return; |
| 194 | } |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 195 | threadLink = CCLink.href; |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 196 | } |
| 197 | |
| 198 | var forumUrlSplit = threadLink.split('/forum/'); |
| 199 | if (forumUrlSplit.length < 2) { |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 200 | console.error('[opindicator] Can\'t get forum id.'); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 201 | return; |
| 202 | } |
| 203 | |
| 204 | var forumId = forumUrlSplit[1].split('/')[0]; |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 205 | |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 206 | var query = '(replier:"' + escapedUsername + '" | creator:"' + |
Adrià Vilanova Martínez | 2b2d69c | 2022-01-28 15:03:03 +0100 | [diff] [blame] | 207 | escapedUsername + '") ' + FILTER_ALL_LANGUAGES + ' forum:' + forumId; |
| 208 | var encodedQuery = encodeURIComponent(query); |
avm99963 | a2945b6 | 2020-11-27 00:32:02 +0100 | [diff] [blame] | 209 | var authuserPart = |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 210 | (authuser == '0' ? '' : '?authuser=' + encodeURIComponent(authuser)); |
| 211 | var searchURL = 'https://support.google.com/s/community/search/' + |
| 212 | encodeURIComponent('query=' + encodedQuery) + authuserPart; |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 213 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 214 | if (options.numPosts) { |
| 215 | var profileURL = new URL(sourceNode.href); |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 216 | var userId = profileURL.pathname |
| 217 | .split(isCommunityConsole(ui) ? 'user/' : 'profile/')[1] |
| 218 | .split('?')[0] |
| 219 | .split('/')[0]; |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 220 | |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 221 | var numPostsContainer = createNumPostsBadge(sourceNode, searchURL, ui); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 222 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 223 | getProfile(userId, forumId) |
| 224 | .then(res => { |
| 225 | if (!('1' in res) || !('2' in res[1])) { |
| 226 | throw new Error('Unexpected profile response.'); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 227 | } |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 228 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 229 | contentScriptRequest.sendRequest({'action': 'getNumPostMonths'}) |
| 230 | .then(months => { |
| 231 | if (!options.indicatorDot) |
| 232 | contentScriptRequest |
| 233 | .sendRequest({ |
| 234 | 'action': 'geti18nMessage', |
| 235 | 'msg': 'inject_profileindicatoralt_numposts', |
| 236 | 'placeholders': [months] |
| 237 | }) |
| 238 | .then( |
| 239 | string => |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 240 | createPlainTooltip(numPostsContainer, string)); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 241 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 242 | var numPosts = 0; |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 243 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 244 | for (const index of numPostsForumArraysToSum) { |
| 245 | if (!(index in res[1][2])) { |
| 246 | throw new Error('Unexpected profile response.'); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 247 | } |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 248 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 249 | var i = 0; |
| 250 | for (const month of res[1][2][index].reverse()) { |
| 251 | if (i == months) break; |
| 252 | numPosts += month[3] || 0; |
| 253 | ++i; |
| 254 | } |
| 255 | } |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 256 | |
avm99963 | 13658b9 | 2020-12-02 00:02:53 +0100 | [diff] [blame] | 257 | setNumPostsBadge(numPostsContainer, numPosts); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 258 | }) |
| 259 | .catch( |
| 260 | err => console.error('[opindicator] Unexpected error.', err)); |
| 261 | }) |
avm99963 | 13658b9 | 2020-12-02 00:02:53 +0100 | [diff] [blame] | 262 | .catch(err => { |
| 263 | console.error( |
| 264 | '[opindicator] Unexpected error. Couldn\'t load profile.', err); |
| 265 | setNumPostsBadge(numPostsContainer, '?'); |
| 266 | }); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 267 | } |
| 268 | |
| 269 | if (options.indicatorDot) { |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 270 | var dotContainer = createIndicatorDot(sourceNode, searchURL, options, ui); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 271 | |
| 272 | // Query threads in order to see what state the indicator should be in |
| 273 | getPosts(query, forumId) |
| 274 | .then(res => { |
avm99963 | 9f586f4 | 2021-02-05 12:37:51 +0100 | [diff] [blame] | 275 | // Throw an error when the replies array is not present in the reply. |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 276 | if (!('1' in res) || !('2' in res['1'])) { |
avm99963 | 9f586f4 | 2021-02-05 12:37:51 +0100 | [diff] [blame] | 277 | // Throw a different error when the numThreads field exists and is |
| 278 | // equal to 0. This reply can be received, but is enexpected, |
| 279 | // because we know that the user has replied in at least 1 thread |
| 280 | // (the current one). |
| 281 | if (('1' in res) && ('4' in res['1']) && res['1']['4'] == 0) |
| 282 | throw new Error( |
| 283 | 'Thread list is empty ' + |
| 284 | '(but the OP has participated in this thread, ' + |
| 285 | 'so it shouldn\'t be empty).'); |
| 286 | |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 287 | throw new Error('Unexpected thread list response.'); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 288 | } |
| 289 | |
| 290 | // Current thread ID |
| 291 | var threadUrlSplit = threadLink.split('/thread/'); |
| 292 | if (threadUrlSplit.length < 2) |
| 293 | throw new Error('Can\'t get thread id.'); |
| 294 | |
Adrià Vilanova Martínez | 2b2d69c | 2022-01-28 15:03:03 +0100 | [diff] [blame] | 295 | var currId = threadUrlSplit[1].split('?')[0].split('/')[0]; |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 296 | |
| 297 | var OPStatus = OP_FIRST_POST; |
| 298 | |
| 299 | for (const thread of res['1']['2']) { |
| 300 | var id = thread['2']['1']['1'] || undefined; |
| 301 | if (id === undefined || id == currId) continue; |
| 302 | |
| 303 | var isRead = thread['6'] || false; |
| 304 | if (isRead) |
| 305 | OPStatus = Math.max(OP_OTHER_POSTS_READ, OPStatus); |
| 306 | else |
| 307 | OPStatus = Math.max(OP_OTHER_POSTS_UNREAD, OPStatus); |
| 308 | } |
| 309 | |
| 310 | var dotContainerPrefix = |
| 311 | (options.numPosts ? 'num-posts-indicator' : 'profile-indicator'); |
| 312 | |
| 313 | if (!options.numPosts) |
| 314 | dotContainer.classList.remove(dotContainerPrefix + '--loading'); |
| 315 | dotContainer.classList.add( |
| 316 | dotContainerPrefix + '--' + OPClasses[OPStatus]); |
| 317 | contentScriptRequest |
| 318 | .sendRequest({ |
| 319 | 'action': 'geti18nMessage', |
| 320 | 'msg': 'inject_profileindicator_' + OPi18n[OPStatus] |
| 321 | }) |
avm99963 | 2485a3e | 2021-09-08 22:18:38 +0200 | [diff] [blame] | 322 | .then(string => createPlainTooltip(dotContainer, string)); |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 323 | }) |
| 324 | .catch( |
| 325 | err => console.error( |
| 326 | '[opindicator] Unexpected error. Couldn\'t load recent posts.', |
| 327 | err)); |
| 328 | } |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 329 | } |
| 330 | |
| 331 | if (CCRegex.test(location.href)) { |
| 332 | // We are in the Community Console |
avm99963 | a2945b6 | 2020-11-27 00:32:02 +0100 | [diff] [blame] | 333 | var startup = |
| 334 | JSON.parse(document.querySelector('html').getAttribute('data-startup')); |
| 335 | |
| 336 | authuser = startup[2][1] || '0'; |
| 337 | |
avm99963 | 8981288 | 2021-02-02 20:51:25 +0100 | [diff] [blame] | 338 | // When the OP's username is found, call getOptionsAndHandleIndicators |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 339 | var mutationCallback = function(mutationList) { |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 340 | mutationList.forEach((mutation) => { |
| 341 | if (mutation.type == 'childList') { |
| 342 | mutation.addedNodes.forEach(function(node) { |
| 343 | if (node.tagName == 'A' && ('href' in node) && |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 344 | CCProfileRegex.test(node.href)) { |
| 345 | if (node.matches( |
| 346 | 'ec-question ec-message-header .name-section ec-user-link a')) { |
| 347 | console.info('Handling profile indicator via mutation callback.'); |
| 348 | getOptionsAndHandleIndicators(node, UI_COMMUNITY_CONSOLE); |
| 349 | } else if (node.matches( |
| 350 | 'sc-tailwind-thread-question-question-card ' + |
| 351 | 'sc-tailwind-thread-post_header-user-info ' + |
| 352 | '.scTailwindThreadPost_headerUserinfoname a')) { |
| 353 | console.info( |
| 354 | 'Handling interop profile indicator via mutation callback.'); |
| 355 | getOptionsAndHandleIndicators(node, UI_COMMUNITY_CONSOLE_INTEROP); |
| 356 | } |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 357 | } |
| 358 | }); |
| 359 | } |
| 360 | }); |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 361 | } |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 362 | |
| 363 | var observerOptions = { |
| 364 | childList: true, |
| 365 | subtree: true, |
| 366 | } |
| 367 | |
avm99963 | 8981288 | 2021-02-02 20:51:25 +0100 | [diff] [blame] | 368 | // Before starting the mutation Observer, check if the OP's username link is |
| 369 | // already part of the page |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 370 | let node = document.querySelector( |
avm99963 | 8981288 | 2021-02-02 20:51:25 +0100 | [diff] [blame] | 371 | 'ec-question ec-message-header .name-section ec-user-link a'); |
| 372 | if (node !== null) { |
| 373 | console.info('Handling profile indicator via first check.'); |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 374 | getOptionsAndHandleIndicators(node, UI_COMMUNITY_CONSOLE); |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 375 | } else { |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 376 | node = document.querySelector( |
Adrià Vilanova Martínez | cb28fd9 | 2022-01-28 12:41:52 +0100 | [diff] [blame] | 377 | 'sc-tailwind-thread-question-question-card ' + |
| 378 | 'sc-tailwind-thread-post_header-user-info ' + |
| 379 | '.scTailwindThreadPost_headerUserinfoname a'); |
| 380 | if (node !== null) { |
| 381 | console.info('Handling interop profile indicator via first check.'); |
| 382 | getOptionsAndHandleIndicators(node, UI_COMMUNITY_CONSOLE_INTEROP); |
| 383 | } |
avm99963 | 8981288 | 2021-02-02 20:51:25 +0100 | [diff] [blame] | 384 | } |
| 385 | |
Adrià Vilanova Martínez | 3465e77 | 2021-07-11 19:18:41 +0200 | [diff] [blame] | 386 | var mutationObserver = new MutationObserver(mutationCallback); |
avm99963 | e4cac40 | 2020-12-03 16:10:58 +0100 | [diff] [blame] | 387 | mutationObserver.observe(document.body, observerOptions); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 388 | } else { |
| 389 | // We are in TW |
avm99963 | a2945b6 | 2020-11-27 00:32:02 +0100 | [diff] [blame] | 390 | authuser = (new URL(location.href)).searchParams.get('authuser') || '0'; |
| 391 | |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 392 | let node = |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 393 | document.querySelector('.thread-question a.user-info-display-name'); |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 394 | if (node !== null) |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 395 | getOptionsAndHandleIndicators(node, UI_TW_LEGACY); |
| 396 | else { |
| 397 | // The user might be using the redesigned thread page. |
Adrià Vilanova Martínez | 78ff406 | 2023-07-06 20:03:29 +0200 | [diff] [blame^] | 398 | let node = document.querySelector( |
Adrià Vilanova Martínez | ad6bedf | 2022-01-28 10:41:10 +0100 | [diff] [blame] | 399 | 'sc-tailwind-thread-question-question-card ' + |
| 400 | 'sc-tailwind-thread-post_header-user-info ' + |
| 401 | '.scTailwindThreadPost_headerUserinfoname a'); |
| 402 | if (node !== null) |
| 403 | getOptionsAndHandleIndicators(node, UI_TW_INTEROP); |
| 404 | else |
| 405 | console.error('[opindicator] Couldn\'t find username.'); |
| 406 | } |
avm99963 | e51444e | 2020-08-31 14:50:06 +0200 | [diff] [blame] | 407 | } |