${TEXT_VERIFIED_LABEL}
198 | `; 199 | try { 200 | if (prependHTML !== "") { 201 | // Ideally, we wouldn't mutate the parent element, because those 2 styles won't be managed by us further on. 202 | // That is, if the `aria-label`-selected element changes, the parent styles won't be properly updated. 203 | // This approach is tolerable, because it's unlikely that a `aria-label`-selected element changes from a 204 | // "React text node(s) + React element node" sibling configuration to a "single React element node" sibling configuration. 205 | elm.style.display = "inline-flex"; 206 | elm.style.alignItems = "center"; 207 | } 208 | if (isSmall || !TEXT_ENABLED) { 209 | elm.innerHTML = `${prependHTML}${small}`; 210 | } else { 211 | elm.innerHTML = `${prependHTML}${big}`; 212 | } 213 | } catch (e) { 214 | console.error("error changing verified", e); 215 | } 216 | } 217 | 218 | function changeBlueVerified(prependHTML, elm, isSmall) { 219 | if (elm.dataset.eightDollarsStatus === "blueVerified") { 220 | // already replaced this element 221 | return; 222 | } 223 | 224 | if (REMOVE_TWITTER_BLUE_VERIFICATION) { 225 | elm.style.display = "none"; 226 | elm.setAttribute("data-eight-dollars-status", "blueVerified"); 227 | return; 228 | } 229 | 230 | const small = MEME_MODE 231 | ? `${COMIC_SANS_BLUE_DOLLAR_SVG(true, getOriginalClasses(elm))}` 232 | : `${REGULAR_BLUE_DOLLAR_SVG(true, getOriginalClasses(elm))}`; 233 | const smallInnerElement = MEME_MODE 234 | ? `${COMIC_SANS_BLUE_DOLLAR_SVG(false, getOriginalClasses(elm))}` 235 | : `${REGULAR_BLUE_DOLLAR_SVG(false, getOriginalClasses(elm))}`; 236 | const big = ` 237 | 246 | ${smallInnerElement} 247 |${TEXT_TWITTER_BLUE_LABEL}
248 | `; 249 | try { 250 | if (prependHTML !== "") { 251 | // Ideally, we wouldn't mutate the parent element, because those 2 styles won't be managed by us further on. 252 | // That is, if the `aria-label`-selected element changes, the parent styles won't be properly updated. 253 | // This approach is tolerable, because it's unlikely that a `aria-label`-selected element changes from a 254 | // "React text node(s) + React element node" sibling configuration to a "single React element node" sibling configuration. 255 | elm.style.display = "inline-flex"; 256 | elm.style.alignItems = "center"; 257 | } 258 | if (isSmall || !TEXT_ENABLED) { 259 | elm.innerHTML = `${prependHTML}${small}`; 260 | } else { 261 | elm.innerHTML = `${prependHTML}${big}`; 262 | } 263 | } catch (e) { 264 | console.error("error changing blue verified", e); 265 | } 266 | } 267 | 268 | function querySelectorAllIncludingMe(node, selector) { 269 | if (node.matches(selector)) { 270 | return [node]; 271 | } 272 | return [...node.querySelectorAll(selector)]; 273 | } 274 | 275 | const trackingTweets = new Set(); 276 | const trackingHovercards = new Set(); 277 | const trackingUsercells = new Set(); 278 | const trackingConversation = new Set(); 279 | const trackingDmDrawHeader = new Set(); 280 | const trackingUserName = new Set(); 281 | const trackingHeadings = new Set(); 282 | 283 | function collectAndTrackElements(node) { 284 | const tweets = querySelectorAllIncludingMe(node, '[data-testid="tweet"]'); 285 | for (const tweet of tweets) { 286 | trackingTweets.add(tweet); 287 | } 288 | const hovercards = querySelectorAllIncludingMe( 289 | node, 290 | '[data-testid="HoverCard"]' 291 | ); 292 | for (const hovercard of hovercards) { 293 | trackingHovercards.add(hovercard); 294 | } 295 | const usercells = querySelectorAllIncludingMe( 296 | node, 297 | '[data-testid="UserCell"]' 298 | ); 299 | for (const usercell of usercells) { 300 | trackingUsercells.add(usercell); 301 | } 302 | const conversations = querySelectorAllIncludingMe( 303 | node, 304 | '[data-testid="conversation"]' 305 | ); 306 | for (const conversation of conversations) { 307 | trackingConversation.add(conversation); 308 | } 309 | const dmDrawHeader = querySelectorAllIncludingMe( 310 | node, 311 | '[data-testid="DMDrawerHeader"]' 312 | ); 313 | for (const dm of dmDrawHeader) { 314 | trackingDmDrawHeader.add(dm); 315 | } 316 | const userName = querySelectorAllIncludingMe( 317 | node, 318 | '[data-testid="UserName"]' 319 | ); 320 | for (const name of userName) { 321 | trackingUserName.add(name); 322 | } 323 | const headings = querySelectorAllIncludingMe( 324 | node, 325 | '[data-testid="primaryColumn"] [role="heading"][aria-level="2"][dir="ltr"]' 326 | ); 327 | for (const heading of headings) { 328 | trackingHeadings.add(heading); 329 | } 330 | } 331 | 332 | function handleProfileModification(containerElement, isBig) { 333 | const ltr = containerElement.querySelectorAll('[dir="ltr"]'); 334 | 335 | const checkmarkContainer = ltr[0]; 336 | const spans = checkmarkContainer.querySelectorAll("span"); 337 | const checkmarkSpan = spans[spans.length - 1]; 338 | const protectd = checkmarkSpan.querySelectorAll('[aria-label="Protected account"]')[0] 339 | 340 | if (!checkmarkSpan || protectd) { 341 | console.error("no checkmark span found"); 342 | return; 343 | } 344 | 345 | let hasVerifiedIcon = checkmarkSpan.children.length > 0; 346 | 347 | const handleContainer = ltr[1]; 348 | const handle = handleContainer.innerText; 349 | if (!handle) { 350 | return; 351 | } 352 | const parsedHandle = handle.replace("@", "").toLowerCase(); 353 | const isLegacyVerifed = VERIFIED_USERS.has(parsedHandle); 354 | 355 | if (isLegacyVerifed) { 356 | changeVerified("", checkmarkSpan, isBig); 357 | } else if (hasVerifiedIcon) { 358 | changeBlueVerified("", checkmarkSpan, isBig); 359 | } 360 | 361 | if (DEBUG) { 362 | if (isLegacyVerifed) { 363 | containerElement.style = "border: 1px solid green;"; 364 | } else if (hasVerifiedIcon) { 365 | containerElement.style = "border: 1px solid red;"; 366 | } 367 | 368 | // add a plain text node to the tweet 369 | containerElement.appendChild( 370 | document.createTextNode( 371 | `isLegacyVerified: ${isLegacyVerifed.toString()}\n verifiedIcon: ${hasVerifiedIcon.toString()}\n` 372 | ) 373 | ); 374 | } 375 | } 376 | 377 | function waitForElm(selector) { 378 | return new Promise((resolve) => { 379 | if (document.querySelector(selector)) { 380 | return resolve(document.querySelector(selector)); 381 | } 382 | 383 | const observer = new MutationObserver((mutations) => { 384 | if (document.querySelector(selector)) { 385 | resolve(document.querySelector(selector)); 386 | observer.disconnect(); 387 | } 388 | }); 389 | 390 | observer.observe(document.body, { 391 | childList: true, 392 | subtree: true, 393 | }); 394 | }); 395 | } 396 | 397 | async function handleHeadingModification(containerElement, isBig) { 398 | const profile = await waitForElm('[data-testid="UserName"]'); 399 | if (!profile) { 400 | console.error("no profile found"); 401 | return; 402 | } 403 | const ltr = profile.querySelectorAll('[dir="ltr"]'); 404 | const handleContainer = ltr[1]; 405 | const handle = handleContainer.innerText; 406 | if (!handle) { 407 | return; 408 | } 409 | const parsedHandle = handle.replace("@", "").toLowerCase(); 410 | const isLegacyVerifed = VERIFIED_USERS.has(parsedHandle); 411 | 412 | const spans = containerElement.querySelectorAll("span"); 413 | const checkmarkSpan = spans[spans.length - 1]; 414 | const protectd = checkmarkSpan.querySelectorAll('[aria-label="Protected account"]')[0] 415 | 416 | if (!checkmarkSpan || protectd) { 417 | console.error("no checkmark span found"); 418 | return; 419 | } 420 | 421 | let hasVerifiedIcon = checkmarkSpan.children.length > 0; 422 | 423 | if (isLegacyVerifed) { 424 | changeVerified("", checkmarkSpan, isBig); 425 | } else if (hasVerifiedIcon) { 426 | changeBlueVerified("", checkmarkSpan, isBig); 427 | } 428 | 429 | if (DEBUG) { 430 | if (isLegacyVerifed) { 431 | containerElement.style = "border: 1px solid green;"; 432 | } else if (hasVerifiedIcon) { 433 | containerElement.style = "border: 1px solid red;"; 434 | } 435 | 436 | // add a plain text node to the tweet 437 | containerElement.appendChild( 438 | document.createTextNode( 439 | `isLegacyVerified: ${isLegacyVerifed.toString()}\n verifiedIcon: ${hasVerifiedIcon.toString()}\n` 440 | ) 441 | ); 442 | } 443 | } 444 | 445 | function handleModification( 446 | containerElement, 447 | checkmarkIndex, 448 | handleIndex, 449 | isBig 450 | ) { 451 | const ltr = containerElement.querySelectorAll('[dir="ltr"]'); 452 | const checkmarkContainer = ltr[checkmarkIndex]; 453 | const checkmarkSpan = checkmarkContainer.children?.[0]; 454 | const protectd = checkmarkSpan.querySelectorAll('[aria-label="Protected account"]')[0] 455 | 456 | if (!checkmarkSpan || protectd) { 457 | return; 458 | } 459 | 460 | let hasVerifiedIcon = checkmarkSpan.children.length > 0; 461 | 462 | const handleContainer = ltr[handleIndex]; 463 | const handle = handleContainer.innerText; 464 | if (!handle) { 465 | return; 466 | } 467 | const parsedHandle = handle.replace("@", "").toLowerCase(); 468 | const isLegacyVerifed = VERIFIED_USERS.has(parsedHandle); 469 | 470 | if (isLegacyVerifed) { 471 | changeVerified("", checkmarkSpan, isBig); 472 | } else if (hasVerifiedIcon) { 473 | changeBlueVerified("", checkmarkSpan, isBig); 474 | } 475 | 476 | if (DEBUG) { 477 | if (isLegacyVerifed) { 478 | containerElement.style = "border: 1px solid green;"; 479 | } else if (hasVerifiedIcon) { 480 | containerElement.style = "border: 1px solid red;"; 481 | } 482 | 483 | // add a plain text node to the tweet 484 | containerElement.appendChild( 485 | document.createTextNode( 486 | `isLegacyVerified: ${isLegacyVerifed.toString()}\n verifiedIcon: ${hasVerifiedIcon.toString()}\n` 487 | ) 488 | ); 489 | } 490 | } 491 | 492 | async function main() { 493 | const observer = new MutationObserver(function (mutations, observer) { 494 | try { 495 | for (const mutation of mutations) { 496 | if (mutation.type === "attributes") { 497 | collectAndTrackElements(mutation.target); 498 | } 499 | for (const node of mutation.addedNodes) { 500 | if (node.nodeType === 1) { 501 | collectAndTrackElements(node); 502 | } 503 | } 504 | } 505 | 506 | for (const tweet of trackingTweets) { 507 | if (!tweet.dataset.processed) { 508 | // includes subtweets 509 | const userNameContainer = tweet.querySelectorAll( 510 | '[data-testid="User-Name"]' 511 | ); 512 | for (const container of userNameContainer) { 513 | handleModification(container, 1, 2, false); 514 | } 515 | 516 | tweet.dataset.processed = true; 517 | } 518 | } 519 | for (const hovercard of trackingHovercards) { 520 | if (!hovercard.dataset.processed) { 521 | handleModification(hovercard, 2, 3, false); 522 | 523 | hovercard.dataset.processed = true; 524 | } 525 | } 526 | for (const usercell of trackingUsercells) { 527 | if (!usercell.dataset.processed) { 528 | handleModification(usercell, 1, 2, true); 529 | usercell.dataset.processed = true; 530 | } 531 | } 532 | for (const conversation of trackingConversation) { 533 | if (!conversation.dataset.processed) { 534 | handleModification(conversation, 1, 2, true); 535 | 536 | conversation.dataset.processed = true; 537 | } 538 | } 539 | for (const dm of trackingDmDrawHeader) { 540 | if (!dm.dataset.processed) { 541 | //handleModification(dm, 2, 2, true); 542 | 543 | dm.dataset.processed = true; 544 | } 545 | } 546 | for (const name of trackingUserName) { 547 | if (!name.dataset.processed) { 548 | handleProfileModification(name); 549 | 550 | name.dataset.processed = true; 551 | } 552 | } 553 | for (const heading of trackingHeadings) { 554 | if (!heading.dataset.processed) { 555 | handleHeadingModification(heading); 556 | 557 | heading.dataset.processed = true; 558 | } 559 | } 560 | } catch (error) { 561 | console.log("uncaught mutation error", error); 562 | } 563 | }); 564 | 565 | observer.observe(document, { 566 | childList: true, 567 | subtree: true, 568 | attributes: true, 569 | }); 570 | } 571 | 572 | main(); 573 | --------------------------------------------------------------------------------