Added replace Plus icon of Poe Attach File button w/ Paperclip to not confuse w/ my New Chat button ↞ [auto-sync from https://github.com/adamlui/ai-web-extensions/tree/main/chatgpt-widescreen]

kudo-sync-bot · kudo-sync-bot · commit 05601b9d9c55 · 2025-03-09T09:36:42.000-07:00
diff --git a/chromium/extension/components/icons.js b/chromium/extension/components/icons.js
@@ -29,6 +29,13 @@ window.icons = {
         ]
     },
 
+    paperclip: {
+        type: 'svg',  viewBox: '0 0 448 512',
+        elems: [
+            [ 'path', { d: 'M375 73c-26-26-68.1-26-94.1 0L89 265C45.3 308.6 45.3 379.4 89 423s114.4 43.6 158.1 0L399 271c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L281 457c-62.4 62.4-163.5 62.4-225.9 0S-7.4 293.4 55 231L247 39C291.7-5.7 364.3-5.7 409 39s44.7 117.2 0 161.9L225.2 384.7c-31.6 31.6-83.6 28.7-111.5-6.2c-23.8-29.8-21.5-72.8 5.5-99.8L271 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L153.2 312.7c-9.7 9.7-10.6 25.1-2 35.8c10 12.5 28.7 13.6 40 2.2L375 167c26-26 26-68.1 0-94.1z' }]
+        ]
+    },
+
     plus: {
         type: 'svg',  viewBox: '0 0 1024 1024',
         elems: [
diff --git a/chromium/extension/content.js b/chromium/extension/content.js
@@ -24,7 +24,7 @@
     // Import JS resources
     for (const resource of [
         'lib/chatbar.js', 'lib/chatgpt.js', 'lib/dom.js', 'lib/settings.js', 'lib/ui.js',
-        'components/buttons.js', 'components/modals.js', 'components/tooltip.js'
+        'components/buttons.js', 'components/icons.js', 'components/modals.js', 'components/tooltip.js'
     ]) await import(chrome.runtime.getURL(resource))
 
     // Init ENV context
diff --git a/chromium/extension/lib/chatbar.js b/chromium/extension/lib/chatbar.js
@@ -1,4 +1,4 @@
-// Requires lib/dom.js + components/buttons.js + site: env.site + sites
+// Requires lib/dom.js + components/<buttons|icons>.js + site: env.site + sites
 
 window.chatbar = {
     import(deps) { Object.assign(this.imports = this.imports || {}, deps) },
@@ -36,13 +36,19 @@ window.chatbar = {
                 })
                 chatbarDiv.querySelector('button').closest('div').style.marginRight = '' // reset gap
             }
-        } else if (site == 'poe') { // restore Poe Mic button position
+        } else if (site == 'poe') { // restore Attach File button icon + Poe Mic button position
+            ['attachFile', 'mic'].forEach(btnType => {
+                const btn = chatbarDiv.querySelector(selectors.btns[btnType]) ; if (!btn) return
+                if (btnType == 'attachFile')
+                    btn.querySelector('svg').replaceWith(buttons.poe.attachFile.icon.cloneNode(true))
+                else /* Mic */ btn.style.marginRight = ''
+            })
             const micBtn = chatbarDiv.querySelector(selectors.btns.mic) ; if (!micBtn) return
             micBtn.style.marginRight = ''
         }
     },
 
-    async tweak() { // update ChatGPT chatbar inner width or left-align Perplexity btns or move Poe Mic btn right
+    async tweak() { // update ChatGPT chatbar inner width or hack Perplexity/Poe buttons
         const site = this.imports.site
         const chatbarDiv = await this.get() ; if (!chatbarDiv) return
         const selectors = this.imports.sites[site].selectors
@@ -72,8 +78,16 @@ window.chatbar = {
                 btn.setAttribute('left-aligned', true) // for this.reset()
             })
             if (chatbarDiv.querySelector('[left-aligned]')) modelSelectorDiv.style.marginRight = '3px' // close gap
-        } else if (site == 'poe') // move Mic btn closer to Send
-            dom.get.loadedElem(selectors.btns.mic, { timeout: 5000 })
+        } else if (site == 'poe') { // replace Attach File btn icon + move Mic btn closer to Send
+            const btnLoadTimeout = 5000
+            dom.get.loadedElem(selectors.btns.attachFile, { timeout: btnLoadTimeout }).then(btn => {
+                if (!btn) return
+                buttons.poe = buttons.poe || { attachFile: { icon: btn.querySelector('svg') }}
+                btn.querySelector('svg').replaceWith(icons.create('paperclip', {
+                    style: 'height: 15px !important ; width: 15px !important' }))
+            })
+            dom.get.loadedElem(selectors.btns.mic, { timeout: btnLoadTimeout })
                 .then(btn => { if (btn) btn.style.marginRight = '-7px' })
+        }
     }
 };
diff --git a/chromium/extension/manifest.json b/chromium/extension/manifest.json
@@ -19,7 +19,7 @@
   "web_accessible_resources": [{
     "matches": [ "<all_urls>" ],
     "resources": [
-      "components/buttons.js", "components/modals.js", "components/tooltip.js",
+      "components/buttons.js", "components/icons.js", "components/modals.js", "components/tooltip.js",
       "lib/chatbar.js", "lib/chatgpt.js", "lib/dom.js", "lib/settings.js", "lib/ui.js"
     ]
   }],
diff --git a/chromium/extension/service-worker.js b/chromium/extension/service-worker.js
@@ -32,7 +32,7 @@ chrome.runtime.onMessage.addListener(async req => {
     // Init APP data
     const app = {
         version: chrome.runtime.getManifest().version,
-        latestResourceCommitHash: '1eba036', // for cached app.json + sites.json5 + icons.questionMark.src
+        latestResourceCommitHash: 'a659911', // for cached app.json + sites.json5 + icons.questionMark.src
         urls: {},
         chatgptJSver: /v(\d+\.\d+\.\d+)/.exec(await (await fetch(chrome.runtime.getURL('lib/chatgpt.js'))).text())[1]
     }
diff --git a/firefox/extension/background.js b/firefox/extension/background.js
@@ -32,7 +32,7 @@ chrome.runtime.onMessage.addListener(async req => {
     // Init APP data
     const app = {
         version: chrome.runtime.getManifest().version,
-        latestResourceCommitHash: '1eba036', // for cached app.json + sites.json5 + icons.questionMark.src
+        latestResourceCommitHash: 'a659911', // for cached app.json + sites.json5 + icons.questionMark.src
         urls: {},
         chatgptJSver: /v(\d+\.\d+\.\d+)/.exec(await (await fetch(chrome.runtime.getURL('lib/chatgpt.js'))).text())[1]
     }
diff --git a/firefox/extension/components/icons.js b/firefox/extension/components/icons.js
@@ -29,6 +29,13 @@ window.icons = {
         ]
     },
 
+    paperclip: {
+        type: 'svg',  viewBox: '0 0 448 512',
+        elems: [
+            [ 'path', { d: 'M375 73c-26-26-68.1-26-94.1 0L89 265C45.3 308.6 45.3 379.4 89 423s114.4 43.6 158.1 0L399 271c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L281 457c-62.4 62.4-163.5 62.4-225.9 0S-7.4 293.4 55 231L247 39C291.7-5.7 364.3-5.7 409 39s44.7 117.2 0 161.9L225.2 384.7c-31.6 31.6-83.6 28.7-111.5-6.2c-23.8-29.8-21.5-72.8 5.5-99.8L271 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L153.2 312.7c-9.7 9.7-10.6 25.1-2 35.8c10 12.5 28.7 13.6 40 2.2L375 167c26-26 26-68.1 0-94.1z' }]
+        ]
+    },
+
     plus: {
         type: 'svg',  viewBox: '0 0 1024 1024',
         elems: [
diff --git a/firefox/extension/content.js b/firefox/extension/content.js
@@ -24,7 +24,7 @@
     // Import JS resources
     for (const resource of [
         'lib/chatbar.js', 'lib/chatgpt.js', 'lib/dom.js', 'lib/settings.js', 'lib/ui.js',
-        'components/buttons.js', 'components/modals.js', 'components/tooltip.js'
+        'components/buttons.js', 'components/icons.js', 'components/modals.js', 'components/tooltip.js'
     ]) await import(chrome.runtime.getURL(resource))
 
     // Init ENV context
diff --git a/firefox/extension/lib/chatbar.js b/firefox/extension/lib/chatbar.js
@@ -1,4 +1,4 @@
-// Requires lib/dom.js + components/buttons.js + site: env.site + sites
+// Requires lib/dom.js + components/<buttons|icons>.js + site: env.site + sites
 
 window.chatbar = {
     import(deps) { Object.assign(this.imports = this.imports || {}, deps) },
@@ -36,13 +36,19 @@ window.chatbar = {
                 })
                 chatbarDiv.querySelector('button').closest('div').style.marginRight = '' // reset gap
             }
-        } else if (site == 'poe') { // restore Poe Mic button position
+        } else if (site == 'poe') { // restore Attach File button icon + Poe Mic button position
+            ['attachFile', 'mic'].forEach(btnType => {
+                const btn = chatbarDiv.querySelector(selectors.btns[btnType]) ; if (!btn) return
+                if (btnType == 'attachFile')
+                    btn.querySelector('svg').replaceWith(buttons.poe.attachFile.icon.cloneNode(true))
+                else /* Mic */ btn.style.marginRight = ''
+            })
             const micBtn = chatbarDiv.querySelector(selectors.btns.mic) ; if (!micBtn) return
             micBtn.style.marginRight = ''
         }
     },
 
-    async tweak() { // update ChatGPT chatbar inner width or left-align Perplexity btns or move Poe Mic btn right
+    async tweak() { // update ChatGPT chatbar inner width or hack Perplexity/Poe buttons
         const site = this.imports.site
         const chatbarDiv = await this.get() ; if (!chatbarDiv) return
         const selectors = this.imports.sites[site].selectors
@@ -72,8 +78,16 @@ window.chatbar = {
                 btn.setAttribute('left-aligned', true) // for this.reset()
             })
             if (chatbarDiv.querySelector('[left-aligned]')) modelSelectorDiv.style.marginRight = '3px' // close gap
-        } else if (site == 'poe') // move Mic btn closer to Send
-            dom.get.loadedElem(selectors.btns.mic, { timeout: 5000 })
+        } else if (site == 'poe') { // replace Attach File btn icon + move Mic btn closer to Send
+            const btnLoadTimeout = 5000
+            dom.get.loadedElem(selectors.btns.attachFile, { timeout: btnLoadTimeout }).then(btn => {
+                if (!btn) return
+                buttons.poe = buttons.poe || { attachFile: { icon: btn.querySelector('svg') }}
+                btn.querySelector('svg').replaceWith(icons.create('paperclip', {
+                    style: 'height: 15px !important ; width: 15px !important' }))
+            })
+            dom.get.loadedElem(selectors.btns.mic, { timeout: btnLoadTimeout })
                 .then(btn => { if (btn) btn.style.marginRight = '-7px' })
+        }
     }
 };
diff --git a/firefox/extension/manifest.json b/firefox/extension/manifest.json
@@ -19,7 +19,7 @@
   "web_accessible_resources": [{
     "matches": [ "<all_urls>" ],
     "resources": [
-      "components/buttons.js", "components/modals.js", "components/tooltip.js",
+      "components/buttons.js", "components/icons.js", "components/modals.js", "components/tooltip.js",
       "lib/chatbar.js", "lib/chatgpt.js", "lib/dom.js", "lib/settings.js", "lib/ui.js"
     ]
   }],

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@`
`19`	`19`	`"web_accessible_resources": [{`
`20`	`20`	`"matches": [ "<all_urls>" ],`
`21`	`21`	`"resources": [`
`22`		`- "components/buttons.js", "components/modals.js", "components/tooltip.js",`
	`22`	`+ "components/buttons.js", "components/icons.js", "components/modals.js", "components/tooltip.js",`
`23`	`23`	`"lib/chatbar.js", "lib/chatgpt.js", "lib/dom.js", "lib/settings.js", "lib/ui.js"`
`24`	`24`	`]`
`25`	`25`	`}],`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ chrome.runtime.onMessage.addListener(async req => {`
`32`	`32`	`// Init APP data`
`33`	`33`	`const app = {`
`34`	`34`	`version: chrome.runtime.getManifest().version,`
`35`		`- latestResourceCommitHash: '1eba036', // for cached app.json + sites.json5 + icons.questionMark.src`
	`35`	`+ latestResourceCommitHash: 'a659911', // for cached app.json + sites.json5 + icons.questionMark.src`
`36`	`36`	`urls: {},`
`37`	`37`	`chatgptJSver: /v(\d+\.\d+\.\d+)/.exec(await (await fetch(chrome.runtime.getURL('lib/chatgpt.js'))).text())[1]`
`38`	`38`	`}`