Skip to content

Commit

Permalink
Replaced document.createElement() + attr assignments w/ more concis…
Browse files Browse the repository at this point in the history 
…e `dom.create.elem()` ↞ [auto-sync from `adamlui/chatgpt-apps/chatgpt-widescreen/edge`]
  • Loading branch information
@adamlui @kudo-sync-bot
adamlui authored and kudo-sync-bot committed Sep 27, 2024
1 parent 636ae16 commit 9f7c152
Show file tree
Hide file tree
Showing 3 changed files with 81 additions and 147 deletions.
76 changes: 27 additions & 49 deletions chrome/extension/popup/popup.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
settings.load(sites[site].availFeatures)

// Create/insert toggles section
const togglesDiv = document.createElement('div') ; togglesDiv.className = 'menu'
const togglesDiv = dom.create.elem('div', { class: 'menu' })
document.querySelector('.menu-header').insertAdjacentElement('afterend', togglesDiv)

// Create/inesrt individual toggles
Expand All @@ -63,16 +63,13 @@
await settings.load(key)

// Init elems
const menuItemDiv = document.createElement('div')
menuItemDiv.classList.add('menu-item', 'menu-area')
const menuLabel = document.createElement('label')
menuLabel.classList.add('toggle-switch', 'menu-icon')
const menuInput = document.createElement('input')
menuInput.type = 'checkbox' ; menuInput.checked = /disabled/i.test(key) ^ config[key]
const menuSlider = document.createElement('span')
menuSlider.className = 'slider'
const menuLabelSpan = document.createElement('span')
const menuItemDiv = dom.create.elem('div', { class: 'menu-item menu-area' }),
menuLabel = dom.create.elem('label', { class: 'toggle-switch menu-icon' }),
menuInput = dom.create.elem('input', { type: 'checkbox' }),
menuSlider = dom.create.elem('span', { class: 'slider' }),
menuLabelSpan = document.createElement('span')
menuLabelSpan.textContent = app.settings[key].label
menuInput.checked = /disabled/i.test(key) ^ config[key]

// Assemble/append elems
menuLabel.append(menuInput, menuSlider)
Expand Down Expand Up @@ -107,52 +104,33 @@
document.body.append(footer)

// Create/append CHATGPT.JS footer logo
const cjsDiv = document.createElement('div'),
cjsAnchor = document.createElement('a'),
cjsLogo = document.createElement('img')
cjsDiv.classList = 'chatgpt-js'
Object.assign(cjsAnchor, {
title: `${chrome.i18n.getMessage('about_poweredBy')} chatgpt.js`,
href: 'https://chatgpt.js.org', target: '_blank', rel: 'noopener'
})
cjsLogo.src='https://media.chatgptjs.org/images/badges/powered-by-chatgpt.js-faded.png?main'
cjsAnchor.append(cjsLogo) ; cjsDiv.append(cjsAnchor)
footer.append(cjsDiv)
const cjsDiv = dom.create.elem('div', { class: 'chatgpt-js' })
const cjsAnchor = dom.create.anchor('https://chatgpt.js.org', null, {
title: `${chrome.i18n.getMessage('about_poweredBy')} chatgpt.js` })
const cjsLogo = dom.create.elem('img', {
src: 'https://media.chatgptjs.org/images/badges/powered-by-chatgpt.js-faded.png?main' })
cjsAnchor.append(cjsLogo) ; cjsDiv.append(cjsAnchor) ; footer.append(cjsDiv)

// Create/append SUPPORT footer button
const supportSpan = document.createElement('span'),
supportAnchor = document.createElement('a'),
supportIcon = document.createElement('img')
Object.assign(supportSpan, {
const supportSpan = dom.create.elem('span', {
title: chrome.i18n.getMessage('btnLabel_getSupport'),
className: 'menu-icon menu-area', style: 'right:30px ; padding-top: 2px'
})
Object.assign(supportAnchor, {
title: chrome.i18n.getMessage('btnLabel_getSupport'),
href: 'https://support.chatgptwidescreen.com', target: '_blank', rel: 'noopener'
})
Object.assign(supportIcon, {
class: 'menu-icon menu-area', style: 'right:30px ; padding-top: 2px' })
const supportAnchor = dom.create.anchor('https://support.chatgptwidescreen.com', null, {
title: chrome.i18n.getMessage('btnLabel_getSupport') })
const supportIcon = dom.create.elem('img', {
width: 15, height: 13, style: 'margin-bottom: 0.04rem',
src: 'https://media.chatgptwidescreen.com/images/icons/question-mark/icon16.png?4adfbbd'
})
supportAnchor.append(supportIcon) ; supportSpan.append(supportAnchor)
footer.append(supportSpan)
src: 'https://media.chatgptwidescreen.com/images/icons/question-mark/icon16.png?4adfbbd' })
supportAnchor.append(supportIcon) ; supportSpan.append(supportAnchor) ; footer.append(supportSpan)

// Create/append RELATED APPS footer button
const moreAppsSpan = document.createElement('span'),
moreAppsAnchor = document.createElement('a'),
moreAppsIcon = dom.create.svgElem('svg', { width: 16, height: 16, viewBox: '0 0 1024 1024' }),
moreAppsIconPath = dom.create.svgElem('path', {
d: 'M899.901 600.38H600.728v299.173c0 74.383-179.503 74.383-179.503 0V600.38H122.051c-74.384 0-74.384-179.503 0-179.503h299.173V121.703c0-74.384 179.503-74.384 179.503 0v299.174H899.9c74.385 0 74.385 179.503.001 179.503z' })
Object.assign(moreAppsSpan, {
title: chrome.i18n.getMessage('btnLabel_moreApps'),
className: 'menu-icon menu-area', style: 'right:2px ; padding-top: 2px'
})
Object.assign(moreAppsAnchor, {
const moreAppsSpan = dom.create.elem('span', {
title: chrome.i18n.getMessage('btnLabel_moreApps'),
href: 'https://github.com/adamlui/chatgpt-userscripts',
target: '_blank', rel: 'noopener'
})
class: 'menu-icon menu-area', style: 'right:2px ; padding-top: 2px' })
const moreAppsAnchor = dom.create.anchor('https://github.com/adamlui/chatgpt-userscripts', null, {
title: chrome.i18n.getMessage('btnLabel_moreApps') })
const moreAppsIcon = dom.create.svgElem('svg', { width: 16, height: 16, viewBox: '0 0 1024 1024' })
const moreAppsIconPath = dom.create.svgElem('path', {
d: 'M899.901 600.38H600.728v299.173c0 74.383-179.503 74.383-179.503 0V600.38H122.051c-74.384 0-74.384-179.503 0-179.503h299.173V121.703c0-74.384 179.503-74.384 179.503 0v299.174H899.9c74.385 0 74.385 179.503.001 179.503z' })
moreAppsIcon.append(moreAppsIconPath) ; moreAppsAnchor.append(moreAppsIcon) ; moreAppsSpan.append(moreAppsAnchor)
footer.append(moreAppsSpan)

Expand Down
76 changes: 27 additions & 49 deletions edge/extension/popup/popup.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
settings.load(sites[site].availFeatures)

// Create/insert toggles section
const togglesDiv = document.createElement('div') ; togglesDiv.className = 'menu'
const togglesDiv = dom.create.elem('div', { class: 'menu' })
document.querySelector('.menu-header').insertAdjacentElement('afterend', togglesDiv)

// Create/inesrt individual toggles
Expand All @@ -63,16 +63,13 @@
await settings.load(key)

// Init elems
const menuItemDiv = document.createElement('div')
menuItemDiv.classList.add('menu-item', 'menu-area')
const menuLabel = document.createElement('label')
menuLabel.classList.add('toggle-switch', 'menu-icon')
const menuInput = document.createElement('input')
menuInput.type = 'checkbox' ; menuInput.checked = /disabled/i.test(key) ^ config[key]
const menuSlider = document.createElement('span')
menuSlider.className = 'slider'
const menuLabelSpan = document.createElement('span')
const menuItemDiv = dom.create.elem('div', { class: 'menu-item menu-area' }),
menuLabel = dom.create.elem('label', { class: 'toggle-switch menu-icon' }),
menuInput = dom.create.elem('input', { type: 'checkbox' }),
menuSlider = dom.create.elem('span', { class: 'slider' }),
menuLabelSpan = document.createElement('span')
menuLabelSpan.textContent = app.settings[key].label
menuInput.checked = /disabled/i.test(key) ^ config[key]

// Assemble/append elems
menuLabel.append(menuInput, menuSlider)
Expand Down Expand Up @@ -107,52 +104,33 @@
document.body.append(footer)

// Create/append CHATGPT.JS footer logo
const cjsDiv = document.createElement('div'),
cjsAnchor = document.createElement('a'),
cjsLogo = document.createElement('img')
cjsDiv.classList = 'chatgpt-js'
Object.assign(cjsAnchor, {
title: `${chrome.i18n.getMessage('about_poweredBy')} chatgpt.js`,
href: 'https://chatgpt.js.org', target: '_blank', rel: 'noopener'
})
cjsLogo.src='https://media.chatgptjs.org/images/badges/powered-by-chatgpt.js-faded.png?main'
cjsAnchor.append(cjsLogo) ; cjsDiv.append(cjsAnchor)
footer.append(cjsDiv)
const cjsDiv = dom.create.elem('div', { class: 'chatgpt-js' })
const cjsAnchor = dom.create.anchor('https://chatgpt.js.org', null, {
title: `${chrome.i18n.getMessage('about_poweredBy')} chatgpt.js` })
const cjsLogo = dom.create.elem('img', {
src: 'https://media.chatgptjs.org/images/badges/powered-by-chatgpt.js-faded.png?main' })
cjsAnchor.append(cjsLogo) ; cjsDiv.append(cjsAnchor) ; footer.append(cjsDiv)

// Create/append SUPPORT footer button
const supportSpan = document.createElement('span'),
supportAnchor = document.createElement('a'),
supportIcon = document.createElement('img')
Object.assign(supportSpan, {
const supportSpan = dom.create.elem('span', {
title: chrome.i18n.getMessage('btnLabel_getSupport'),
className: 'menu-icon menu-area', style: 'right:30px ; padding-top: 2px'
})
Object.assign(supportAnchor, {
title: chrome.i18n.getMessage('btnLabel_getSupport'),
href: 'https://support.chatgptwidescreen.com', target: '_blank', rel: 'noopener'
})
Object.assign(supportIcon, {
class: 'menu-icon menu-area', style: 'right:30px ; padding-top: 2px' })
const supportAnchor = dom.create.anchor('https://support.chatgptwidescreen.com', null, {
title: chrome.i18n.getMessage('btnLabel_getSupport') })
const supportIcon = dom.create.elem('img', {
width: 15, height: 13, style: 'margin-bottom: 0.04rem',
src: 'https://media.chatgptwidescreen.com/images/icons/question-mark/icon16.png?4adfbbd'
})
supportAnchor.append(supportIcon) ; supportSpan.append(supportAnchor)
footer.append(supportSpan)
src: 'https://media.chatgptwidescreen.com/images/icons/question-mark/icon16.png?4adfbbd' })
supportAnchor.append(supportIcon) ; supportSpan.append(supportAnchor) ; footer.append(supportSpan)

// Create/append RELATED APPS footer button
const moreAppsSpan = document.createElement('span'),
moreAppsAnchor = document.createElement('a'),
moreAppsIcon = dom.create.svgElem('svg', { width: 16, height: 16, viewBox: '0 0 1024 1024' }),
moreAppsIconPath = dom.create.svgElem('path', {
d: 'M899.901 600.38H600.728v299.173c0 74.383-179.503 74.383-179.503 0V600.38H122.051c-74.384 0-74.384-179.503 0-179.503h299.173V121.703c0-74.384 179.503-74.384 179.503 0v299.174H899.9c74.385 0 74.385 179.503.001 179.503z' })
Object.assign(moreAppsSpan, {
title: chrome.i18n.getMessage('btnLabel_moreApps'),
className: 'menu-icon menu-area', style: 'right:2px ; padding-top: 2px'
})
Object.assign(moreAppsAnchor, {
const moreAppsSpan = dom.create.elem('span', {
title: chrome.i18n.getMessage('btnLabel_moreApps'),
href: 'https://github.com/adamlui/chatgpt-userscripts',
target: '_blank', rel: 'noopener'
})
class: 'menu-icon menu-area', style: 'right:2px ; padding-top: 2px' })
const moreAppsAnchor = dom.create.anchor('https://github.com/adamlui/chatgpt-userscripts', null, {
title: chrome.i18n.getMessage('btnLabel_moreApps') })
const moreAppsIcon = dom.create.svgElem('svg', { width: 16, height: 16, viewBox: '0 0 1024 1024' })
const moreAppsIconPath = dom.create.svgElem('path', {
d: 'M899.901 600.38H600.728v299.173c0 74.383-179.503 74.383-179.503 0V600.38H122.051c-74.384 0-74.384-179.503 0-179.503h299.173V121.703c0-74.384 179.503-74.384 179.503 0v299.174H899.9c74.385 0 74.385 179.503.001 179.503z' })
moreAppsIcon.append(moreAppsIconPath) ; moreAppsAnchor.append(moreAppsIcon) ; moreAppsSpan.append(moreAppsAnchor)
footer.append(moreAppsSpan)

Expand Down
76 changes: 27 additions & 49 deletions opera/extension/popup/popup.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
settings.load(sites[site].availFeatures)

// Create/insert toggles section
const togglesDiv = document.createElement('div') ; togglesDiv.className = 'menu'
const togglesDiv = dom.create.elem('div', { class: 'menu' })
document.querySelector('.menu-header').insertAdjacentElement('afterend', togglesDiv)

// Create/inesrt individual toggles
Expand All @@ -63,16 +63,13 @@
await settings.load(key)

// Init elems
const menuItemDiv = document.createElement('div')
menuItemDiv.classList.add('menu-item', 'menu-area')
const menuLabel = document.createElement('label')
menuLabel.classList.add('toggle-switch', 'menu-icon')
const menuInput = document.createElement('input')
menuInput.type = 'checkbox' ; menuInput.checked = /disabled/i.test(key) ^ config[key]
const menuSlider = document.createElement('span')
menuSlider.className = 'slider'
const menuLabelSpan = document.createElement('span')
const menuItemDiv = dom.create.elem('div', { class: 'menu-item menu-area' }),
menuLabel = dom.create.elem('label', { class: 'toggle-switch menu-icon' }),
menuInput = dom.create.elem('input', { type: 'checkbox' }),
menuSlider = dom.create.elem('span', { class: 'slider' }),
menuLabelSpan = document.createElement('span')
menuLabelSpan.textContent = app.settings[key].label
menuInput.checked = /disabled/i.test(key) ^ config[key]

// Assemble/append elems
menuLabel.append(menuInput, menuSlider)
Expand Down Expand Up @@ -107,52 +104,33 @@
document.body.append(footer)

// Create/append CHATGPT.JS footer logo
const cjsDiv = document.createElement('div'),
cjsAnchor = document.createElement('a'),
cjsLogo = document.createElement('img')
cjsDiv.classList = 'chatgpt-js'
Object.assign(cjsAnchor, {
title: `${chrome.i18n.getMessage('about_poweredBy')} chatgpt.js`,
href: 'https://chatgpt.js.org', target: '_blank', rel: 'noopener'
})
cjsLogo.src='https://media.chatgptjs.org/images/badges/powered-by-chatgpt.js-faded.png?main'
cjsAnchor.append(cjsLogo) ; cjsDiv.append(cjsAnchor)
footer.append(cjsDiv)
const cjsDiv = dom.create.elem('div', { class: 'chatgpt-js' })
const cjsAnchor = dom.create.anchor('https://chatgpt.js.org', null, {
title: `${chrome.i18n.getMessage('about_poweredBy')} chatgpt.js` })
const cjsLogo = dom.create.elem('img', {
src: 'https://media.chatgptjs.org/images/badges/powered-by-chatgpt.js-faded.png?main' })
cjsAnchor.append(cjsLogo) ; cjsDiv.append(cjsAnchor) ; footer.append(cjsDiv)

// Create/append SUPPORT footer button
const supportSpan = document.createElement('span'),
supportAnchor = document.createElement('a'),
supportIcon = document.createElement('img')
Object.assign(supportSpan, {
const supportSpan = dom.create.elem('span', {
title: chrome.i18n.getMessage('btnLabel_getSupport'),
className: 'menu-icon menu-area', style: 'right:30px ; padding-top: 2px'
})
Object.assign(supportAnchor, {
title: chrome.i18n.getMessage('btnLabel_getSupport'),
href: 'https://support.chatgptwidescreen.com', target: '_blank', rel: 'noopener'
})
Object.assign(supportIcon, {
class: 'menu-icon menu-area', style: 'right:30px ; padding-top: 2px' })
const supportAnchor = dom.create.anchor('https://support.chatgptwidescreen.com', null, {
title: chrome.i18n.getMessage('btnLabel_getSupport') })
const supportIcon = dom.create.elem('img', {
width: 15, height: 13, style: 'margin-bottom: 0.04rem',
src: 'https://media.chatgptwidescreen.com/images/icons/question-mark/icon16.png?4adfbbd'
})
supportAnchor.append(supportIcon) ; supportSpan.append(supportAnchor)
footer.append(supportSpan)
src: 'https://media.chatgptwidescreen.com/images/icons/question-mark/icon16.png?4adfbbd' })
supportAnchor.append(supportIcon) ; supportSpan.append(supportAnchor) ; footer.append(supportSpan)

// Create/append RELATED APPS footer button
const moreAppsSpan = document.createElement('span'),
moreAppsAnchor = document.createElement('a'),
moreAppsIcon = dom.create.svgElem('svg', { width: 16, height: 16, viewBox: '0 0 1024 1024' }),
moreAppsIconPath = dom.create.svgElem('path', {
d: 'M899.901 600.38H600.728v299.173c0 74.383-179.503 74.383-179.503 0V600.38H122.051c-74.384 0-74.384-179.503 0-179.503h299.173V121.703c0-74.384 179.503-74.384 179.503 0v299.174H899.9c74.385 0 74.385 179.503.001 179.503z' })
Object.assign(moreAppsSpan, {
title: chrome.i18n.getMessage('btnLabel_moreApps'),
className: 'menu-icon menu-area', style: 'right:2px ; padding-top: 2px'
})
Object.assign(moreAppsAnchor, {
const moreAppsSpan = dom.create.elem('span', {
title: chrome.i18n.getMessage('btnLabel_moreApps'),
href: 'https://github.com/adamlui/chatgpt-userscripts',
target: '_blank', rel: 'noopener'
})
class: 'menu-icon menu-area', style: 'right:2px ; padding-top: 2px' })
const moreAppsAnchor = dom.create.anchor('https://github.com/adamlui/chatgpt-userscripts', null, {
title: chrome.i18n.getMessage('btnLabel_moreApps') })
const moreAppsIcon = dom.create.svgElem('svg', { width: 16, height: 16, viewBox: '0 0 1024 1024' })
const moreAppsIconPath = dom.create.svgElem('path', {
d: 'M899.901 600.38H600.728v299.173c0 74.383-179.503 74.383-179.503 0V600.38H122.051c-74.384 0-74.384-179.503 0-179.503h299.173V121.703c0-74.384 179.503-74.384 179.503 0v299.174H899.9c74.385 0 74.385 179.503.001 179.503z' })
moreAppsIcon.append(moreAppsIconPath) ; moreAppsAnchor.append(moreAppsIcon) ; moreAppsSpan.append(moreAppsAnchor)
footer.append(moreAppsSpan)

Expand Down

0 comments on commit 9f7c152

Please sign in to comment.