Restore the Twitter logo

Fixed Flash of Unmodified Twitter on initial load Fixes #260
insin · Apr 4, 2023 · bf8f7c3 · bf8f7c3
1 parent 627666e
commit bf8f7c3
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 11 deletions.
diff --git a/content.js b/content.js
@@ -1,7 +1,5 @@
-let $settings = document.createElement('script')
-$settings.type = 'text/json'
-$settings.id = 'tnt_settings'
-document.body.appendChild($settings)
+/** @type {HTMLScriptElement} */
+let $settings
 
 // Get initial config and inject it and the main script into the Twitter page
 chrome.storage.local.get((/** @type {Partial<import("./types").Config>} */ storedConfig) => {
@@ -10,13 +8,20 @@ chrome.storage.local.get((/** @type {Partial<import("./types").Config>} */ store
   if (storedConfig.twitterBlueChecks == 'dim') {
     storedConfig.twitterBlueChecks = 'replace'
   }
+
+  $settings = document.createElement('script')
+  $settings.type = 'text/json'
+  $settings.id = 'tnt_settings'
+  document.documentElement.appendChild($settings)
   $settings.innerText = JSON.stringify(storedConfig)
+
   let $main = document.createElement('script')
   $main.src = chrome.runtime.getURL('script.js')
   $main.onload = function() {
     this.remove()
   }
-  document.body.appendChild($main)
+  document.documentElement.appendChild($main)
+
   chrome.storage.onChanged.addListener(onConfigChange)
 })
 

diff --git a/manifest.json b/manifest.json
@@ -21,7 +21,8 @@
       ],
       "js": [
         "content.js"
-      ]
+      ],
+      "run_at": "document_start"
     }
   ],
   "web_accessible_resources": [

diff --git a/script.js b/script.js
@@ -9,6 +9,15 @@
 // ==/UserScript==
 void function() {
 
+let $dogeFix = document.createElement('style')
+$dogeFix.textContent = `
+svg pattern + path[fill] {
+  fill: inherit;
+  d: path("M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z");
+}
+`
+document.documentElement.appendChild($dogeFix)
+
 let debug = false
 
 /** @type {boolean} */
@@ -17,11 +26,16 @@ let desktop
 let mobile
 let isSafari = navigator.userAgent.includes('Safari/') && !/Chrom(e|ium)\//.test(navigator.userAgent)
 
-const $html = document.querySelector('html')
-const $body = document.body
-const lang = $html.lang
-const dir = $html.dir
-const ltr = dir == 'ltr'
+/** @type {HTMLHtmlElement} */
+let $html
+/** @type {HTMLBodyElement} */
+let $body
+/** @type {string} */
+let lang
+/** @type {string} */
+let dir
+/** @type {boolean} */
+let ltr
 
 //#region Default config
 /**
@@ -3622,7 +3636,14 @@ async function main() {
   }
 
   let $appWrapper = await getElement('#layers + div', {name: 'app wrapper'})
+
+  $html = document.querySelector('html')
+  $body = document.querySelector('body')
+  lang = $html.lang
+  dir = $html.dir
+  ltr = dir == 'ltr'
   let lastFlexDirection
+
   observeElement($appWrapper, () => {
     let flexDirection = getComputedStyle($appWrapper).flexDirection
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,7 +21,8 @@ @@
           ],
           "js": [
             "content.js"
-          ]
+          ],
+          "run_at": "document_start"
         }
       ],
       "web_accessible_resources": [
@@ Expand Down @@