github/minidenticons
1
1
Fork 0
mirror of https://github.com/laurentpayot/minidenticons.git synced 2026-01-09 13:07:57 -05:00
Code Issues Packages Projects Releases Wiki Activity

fixed Vite hot reload

Browse Source
This commit is contained in:
Laurent Payot
2024-03-01 09:48:36 +01:00
parent 0de1825f1c
commit b606a2f559
1 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
minidenticons.js
View File

@@ -38,25 +38,26 @@ export function minidenticon(seed="", saturation=DEFAULT_SATURATION, lightness=D
*/
export const minidenticonSvg =
// declared as a pure function to be tree-shaken by the bundler
/*@__PURE__*/globalThis.customElements?.define('minidenticon-svg',
class MinidenticonSvg extends HTMLElement {
static observedAttributes = ['username', 'saturation', 'lightness']
// private fields to allow Terser mangling
static #memoized = {}
#isConnected = false
connectedCallback() {
this.#setContent()
this.#isConnected = true
/*@__PURE__*/globalThis.customElements?.get('minidenticon-svg') ? null :
globalThis.customElements?.define('minidenticon-svg',
class MinidenticonSvg extends HTMLElement {
static observedAttributes = ['username', 'saturation', 'lightness']
// private fields to allow Terser mangling
static #memoized = {}
#isConnected = false
connectedCallback() {
this.#setContent()
this.#isConnected = true
}
// attributeChangedCallback() is called for every observed attribute before connectedCallback()
attributeChangedCallback() { if (this.#isConnected) this.#setContent() }
#setContent() {
const args = MinidenticonSvg.observedAttributes
.map(key => this.getAttribute(key) || undefined)
const memoKey = args.join(',')
this.innerHTML = MinidenticonSvg.#memoized[memoKey] ??=
// @ts-ignore
minidenticon(...args)
}
}
// attributeChangedCallback() is called for every observed attribute before connectedCallback()
attributeChangedCallback() { if (this.#isConnected) this.#setContent() }
#setContent() {
const args = MinidenticonSvg.observedAttributes
.map(key => this.getAttribute(key) || undefined)
const memoKey = args.join(',')
this.innerHTML = MinidenticonSvg.#memoized[memoKey] ??=
// @ts-ignore
minidenticon(...args)
}
}
)
)