Skip to content

Commit 6d20087

Browse files
adamluiadamlui
committed
Improved dom.addRisingParticles()
± Added option to pass color of generated particles ± Shortened `particlesDivsContainer` to `particlesDivsWrapper`
1 parent fbbbddd commit 6d20087

File tree

11 files changed

+111
-75
lines changed

11 files changed

+111
-75
lines changed

‎assets/lib/dom.js/dist/dom.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/lib/dom.js/src/dom.js‎

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,20 +5,23 @@ window.dom = {
55
for (const depName in deps) this[depName] = deps[depName] }
66
},
77

8-
addRisingParticles(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<gray|white>.min.css
8+
addRisingParticles(targetNode, { lightScheme = 'gray', darkScheme = 'white' } = {}) {
9+
// Requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<lightScheme|darkScheme>.min.css
10+
911
if (targetNode.querySelector('[id*=particles]')) return
10-
const particlesDivsContainer = document.createElement('div')
11-
particlesDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
12+
const particlesDivsWrapper = document.createElement('div')
13+
particlesDivsWrapper.style.cssText = (
14+
'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
1215
+ 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
13-
+ 'z-index: -1'; // allow interactive elems to be clicked
16+
+ 'z-index: -1' ); // allow interactive elems to be clicked
1417
['sm', 'med', 'lg'].forEach(particleSize => {
1518
const particlesDiv = document.createElement('div')
1619
particlesDiv.id = this.imports.config?.bgAnimationsDisabled ? `particles-${particleSize}-off`
17-
: `${( this.imports.env?.ui?.scheme || this.imports.env?.ui?.app?.scheme ) == 'dark' ? 'white'
18-
: 'gray' }-particles-${particleSize}`
19-
particlesDivsContainer.append(particlesDiv)
20+
: `${( this.imports.env?.ui?.scheme || this.imports.env?.ui?.app?.scheme ) == 'dark' ? darkScheme
21+
: lightScheme }-particles-${particleSize}`
22+
particlesDivsWrapper.append(particlesDiv)
2023
})
21-
targetNode.prepend(particlesDivsContainer)
24+
targetNode.prepend(particlesDivsWrapper)
2225
},
2326

2427
create: {

‎autoclear-chatgpt-history/greasemonkey/autoclear-chatgpt-history.user.js‎

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -225,7 +225,7 @@
225225
// @description:zu Ziba itshala lokucabanga okuzoshintshwa ngokuzenzakalelayo uma ukubuka chatgpt.com
226226
// @author Adam Lui
227227
// @namespace https://github.com/adamlui
228-
// @version 2025.1.30.5
228+
// @version 2025.1.30.6
229229
// @license MIT
230230
// @icon https://assets.autoclearchatgpt.com/images/icons/openai/black/icon48.png?v=f461c06
231231
// @icon64 https://assets.autoclearchatgpt.com/images/icons/openai/black/icon64.png?v=f461c06
@@ -753,18 +753,21 @@
753753
return style
754754
}
755755

756-
function addRisingParticles(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<gray|white>.min.css
756+
function addRisingParticles(targetNode, { lightScheme = 'gray', darkScheme = 'white' } = {}) {
757+
// Requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<lightScheme|darkScheme>.min.css
758+
757759
if (targetNode.querySelector('[id*=particles]')) return
758-
const particlesDivsContainer = document.createElement('div')
759-
particlesDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
760+
const particlesDivsWrapper = document.createElement('div')
761+
particlesDivsWrapper.style.cssText = (
762+
'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
760763
+ 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
761-
+ 'z-index: -1'; // allow interactive elems to be clicked
764+
+ 'z-index: -1' ); // allow interactive elems to be clicked
762765
['sm', 'med', 'lg'].forEach(particleSize => {
763766
const particlesDiv = document.createElement('div')
764-
particlesDiv.id = `${ env.ui.scheme == 'dark' ? 'white' : 'gray' }-particles-${particleSize}`
765-
particlesDivsContainer.append(particlesDiv)
767+
particlesDiv.id = `${ env.ui.scheme == 'dark' ? darkScheme : lightScheme }-particles-${particleSize}`
768+
particlesDivsWrapper.append(particlesDiv)
766769
})
767-
targetNode.prepend(particlesDivsContainer)
770+
targetNode.prepend(particlesDivsWrapper)
768771
}
769772

770773
const toggles = {

‎chatgpt-auto-continue/chromium/extension/lib/dom.js‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,22 @@ window.dom = {
55
for (const depName in deps) this[depName] = deps[depName] }
66
},
77

8-
addRisingParticles(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<gray|white>.min.css
8+
addRisingParticles(targetNode, { lightScheme = 'gray', darkScheme = 'white' } = {}) {
9+
// Requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<lightScheme|darkScheme>.min.css
10+
911
if (targetNode.querySelector('[id*=particles]')) return
10-
const particlesDivsContainer = document.createElement('div')
11-
particlesDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
12+
const particlesDivsWrapper = document.createElement('div')
13+
particlesDivsWrapper.style.cssText = (
14+
'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
1215
+ 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
13-
+ 'z-index: -1'; // allow interactive elems to be clicked
16+
+ 'z-index: -1' ); // allow interactive elems to be clicked
1417
['sm', 'med', 'lg'].forEach(particleSize => {
1518
const particlesDiv = document.createElement('div')
16-
particlesDiv.id = `${ this.imports.env.ui.scheme == 'dark' ? 'white' : 'gray' }-particles-${particleSize}`
17-
particlesDivsContainer.append(particlesDiv)
19+
particlesDiv.id = `${ this.imports.env.ui.scheme == 'dark' ? darkScheme
20+
: lightScheme }-particles-${particleSize}`
21+
particlesDivsWrapper.append(particlesDiv)
1822
})
19-
targetNode.prepend(particlesDivsContainer)
23+
targetNode.prepend(particlesDivsWrapper)
2024
},
2125

2226
create: {

‎chatgpt-auto-continue/firefox/extension/lib/dom.js‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,22 @@ window.dom = {
55
for (const depName in deps) this[depName] = deps[depName] }
66
},
77

8-
addRisingParticles(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<gray|white>.min.css
8+
addRisingParticles(targetNode, { lightScheme = 'gray', darkScheme = 'white' } = {}) {
9+
// Requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<lightScheme|darkScheme>.min.css
10+
911
if (targetNode.querySelector('[id*=particles]')) return
10-
const particlesDivsContainer = document.createElement('div')
11-
particlesDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
12+
const particlesDivsWrapper = document.createElement('div')
13+
particlesDivsWrapper.style.cssText = (
14+
'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
1215
+ 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
13-
+ 'z-index: -1'; // allow interactive elems to be clicked
16+
+ 'z-index: -1' ); // allow interactive elems to be clicked
1417
['sm', 'med', 'lg'].forEach(particleSize => {
1518
const particlesDiv = document.createElement('div')
16-
particlesDiv.id = `${ this.imports.env.ui.scheme == 'dark' ? 'white' : 'gray' }-particles-${particleSize}`
17-
particlesDivsContainer.append(particlesDiv)
19+
particlesDiv.id = `${ this.imports.env.ui.scheme == 'dark' ? darkScheme
20+
: lightScheme }-particles-${particleSize}`
21+
particlesDivsWrapper.append(particlesDiv)
1822
})
19-
targetNode.prepend(particlesDivsContainer)
23+
targetNode.prepend(particlesDivsWrapper)
2024
},
2125

2226
create: {

‎chatgpt-auto-refresh/greasemonkey/chatgpt-auto-refresh.user.js‎

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -220,7 +220,7 @@
220220
// @description:zu *NGOKUPHEPHA* susa ukusetha kabusha ingxoxo yemizuzu eyi-10 + amaphutha enethiwekhi ahlala njalo + Ukuhlolwa kwe-Cloudflare ku-ChatGPT.
221221
// @author Adam Lui
222222
// @namespace https://github.com/adamlui
223-
// @version 2025.1.30.4
223+
// @version 2025.1.30.5
224224
// @license MIT
225225
// @icon https://assets.chatgptautorefresh.com/images/icons/openai/black/icon48.png?v=f11a0a8
226226
// @icon64 https://assets.chatgptautorefresh.com/images/icons/openai/black/icon64.png?v=f11a0a8
@@ -787,18 +787,21 @@
787787
return style
788788
}
789789

790-
function addRisingParticles(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<gray|white>.min.css
790+
function addRisingParticles(targetNode, { lightScheme = 'gray', darkScheme = 'white' } = {}) {
791+
// Requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<lightScheme|darkScheme>.min.css
792+
791793
if (targetNode.querySelector('[id*=particles]')) return
792-
const particlesDivsContainer = document.createElement('div')
793-
particlesDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
794+
const particlesDivsWrapper = document.createElement('div')
795+
particlesDivsWrapper.style.cssText = (
796+
'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
794797
+ 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
795-
+ 'z-index: -1'; // allow interactive elems to be clicked
798+
+ 'z-index: -1' ); // allow interactive elems to be clicked
796799
['sm', 'med', 'lg'].forEach(particleSize => {
797800
const particlesDiv = document.createElement('div')
798-
particlesDiv.id = `${ env.ui.scheme == 'dark' ? 'white' : 'gray' }-particles-${particleSize}`
799-
particlesDivsContainer.append(particlesDiv)
801+
particlesDiv.id = `${ env.ui.scheme == 'dark' ? darkScheme : lightScheme }-particles-${particleSize}`
802+
particlesDivsWrapper.append(particlesDiv)
800803
})
801-
targetNode.prepend(particlesDivsContainer)
804+
targetNode.prepend(particlesDivsWrapper)
802805
}
803806

804807
const toggles = {

‎chatgpt-auto-talk/greasemonkey/chatgpt-auto-talk.user.js‎

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -225,7 +225,7 @@
225225
// @description:zu Dlala izimpendulo ze-ChatGPT ngokuzenzakalela
226226
// @author Adam Lui
227227
// @namespace https://github.com/adamlui
228-
// @version 2025.1.30.5
228+
// @version 2025.1.30.6
229229
// @license MIT
230230
// @icon https://assets.chatgptautotalk.com/images/icons/openai/black/icon48.png?v=9f1ed3c
231231
// @icon64 https://assets.chatgptautotalk.com/images/icons/openai/black/icon64.png?v=9f1ed3c
@@ -739,18 +739,21 @@
739739
return style
740740
}
741741

742-
function addRisingParticles(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<gray|white>.min.css
742+
function addRisingParticles(targetNode, { lightScheme = 'gray', darkScheme = 'white' } = {}) {
743+
// Requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<lightScheme|darkScheme>.min.css
744+
743745
if (targetNode.querySelector('[id*=particles]')) return
744-
const particlesDivsContainer = document.createElement('div')
745-
particlesDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
746+
const particlesDivsWrapper = document.createElement('div')
747+
particlesDivsWrapper.style.cssText = (
748+
'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
746749
+ 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
747-
+ 'z-index: -1'; // allow interactive elems to be clicked
750+
+ 'z-index: -1' ); // allow interactive elems to be clicked
748751
['sm', 'med', 'lg'].forEach(particleSize => {
749752
const particlesDiv = document.createElement('div')
750-
particlesDiv.id = `${ env.ui.scheme == 'dark' ? 'white' : 'gray' }-particles-${particleSize}`
751-
particlesDivsContainer.append(particlesDiv)
753+
particlesDiv.id = `${ env.ui.scheme == 'dark' ? darkScheme : lightScheme }-particles-${particleSize}`
754+
particlesDivsWrapper.append(particlesDiv)
752755
})
753-
targetNode.prepend(particlesDivsContainer)
756+
targetNode.prepend(particlesDivsWrapper)
754757
}
755758

756759
const toggles = {

‎chatgpt-infinity/chromium/extension/lib/dom.js‎

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,22 @@ window.dom = {
55
for (const depName in deps) this[depName] = deps[depName] }
66
},
77

8-
addRisingParticles(targetNode) { // requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<gray|white>.min.css
8+
addRisingParticles(targetNode, { lightScheme = 'gray', darkScheme = 'white' } = {}) {
9+
// Requires https://assets.aiwebextensions.com/styles/rising-particles/dist/<lightScheme|darkScheme>.min.css
10+
911
if (targetNode.querySelector('[id*=particles]')) return
10-
const particlesDivsContainer = document.createElement('div')
11-
particlesDivsContainer.style.cssText = 'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
12+
const particlesDivsWrapper = document.createElement('div')
13+
particlesDivsWrapper.style.cssText = (
14+
'position: absolute ; top: 0 ; left: 0 ;' // hug targetNode's top-left corner
1215
+ 'height: 100% ; width: 100% ; border-radius: 15px ; overflow: clip ;' // bound innards exactly by targetNode
13-
+ 'z-index: -1'; // allow interactive elems to be clicked
16+
+ 'z-index: -1' ); // allow interactive elems to be clicked
1417
['sm', 'med', 'lg'].forEach(particleSize => {
1518
const particlesDiv = document.createElement('div')
16-
particlesDiv.id = `${ this.imports.env.ui.scheme == 'dark' ? 'white' : 'gray' }-particles-${particleSize}`
17-
particlesDivsContainer.append(particlesDiv)
19+
particlesDiv.id = `${ this.imports.env.ui.scheme == 'dark' ? darkScheme
20+
: lightScheme }-particles-${particleSize}`
21+
particlesDivsWrapper.append(particlesDiv)
1822
})
19-
targetNode.prepend(particlesDivsContainer)
23+
targetNode.prepend(particlesDivsWrapper)
2024
},
2125

2226
create: {

0 commit comments

Comments
 (0)