mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
Cell
33 lines
875 B
TypeScript
33 lines
875 B
TypeScript
/**
|
|
* JSON Viewer integration for FixIt.
|
|
*
|
|
* Responsibilities:
|
|
* - Apply theme-aware styling to json-viewer custom elements.
|
|
* - Sync theme when it changes.
|
|
*/
|
|
import { eventBus } from '../core/event-bus'
|
|
import { isDarkMode } from '../utils'
|
|
|
|
function applyJsonViewerTheme(isDark: boolean, scope: Element | Document = document) {
|
|
scope.querySelectorAll('json-viewer').forEach(($el: Element) => {
|
|
$el.setAttribute('theme', isDark ? 'dark' : 'light')
|
|
})
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
if (!window.JsonViewerElement)
|
|
return
|
|
|
|
applyJsonViewerTheme(isDarkMode())
|
|
|
|
eventBus.on('fixit:switch-theme', ({ detail }) => {
|
|
if (!detail.isChanged)
|
|
return
|
|
applyJsonViewerTheme(detail.isDark)
|
|
})
|
|
|
|
eventBus.on('fixit:content-decrypted', ({ detail }) => {
|
|
applyJsonViewerTheme(isDarkMode(), detail.target)
|
|
})
|
|
}, false)
|