7dc1a91edf
This commit adds a {{document-attrs}} helper, specifically for adding attributes to the root documentElement, which in our case is always <html>
97 lines
2.7 KiB
JavaScript
97 lines
2.7 KiB
JavaScript
import Helper from '@ember/component/helper';
|
|
import { inject as service } from '@ember/service';
|
|
import { runInDebug } from '@ember/debug';
|
|
import MultiMap from 'mnemonist/multi-map';
|
|
|
|
// keep a record or attrs
|
|
const attrs = new Map();
|
|
|
|
// keep a record of hashes privately
|
|
const wm = new WeakMap();
|
|
|
|
export default class DocumentAttrsHelper extends Helper {
|
|
@service('-document') document;
|
|
|
|
compute(params, hash) {
|
|
this.synchronize(this.document.documentElement, hash);
|
|
}
|
|
|
|
willDestroy() {
|
|
this.synchronize(this.document.documentElement);
|
|
wm.delete(this);
|
|
}
|
|
|
|
synchronize(root, hash) {
|
|
const prev = wm.get(this);
|
|
if (prev) {
|
|
// if this helper was already setting a property then remove them from
|
|
// our book keeping
|
|
Object.entries(prev).forEach(([key, value]) => {
|
|
let map = attrs.get(key);
|
|
|
|
if (typeof map !== 'undefined') {
|
|
[...new Set(value.split(' '))].map(val => map.remove(val, this));
|
|
}
|
|
});
|
|
}
|
|
if (hash) {
|
|
// if we are setting more properties add them to our book keeping
|
|
wm.set(this, hash);
|
|
[...Object.entries(hash)].forEach(([key, value]) => {
|
|
let values = attrs.get(key);
|
|
if (typeof values === 'undefined') {
|
|
values = new MultiMap(Set);
|
|
attrs.set(key, values);
|
|
}
|
|
[...new Set(value.split(' '))].map(val => {
|
|
if (values.count(val) === 0) {
|
|
values.set(val, null);
|
|
}
|
|
values.set(val, this);
|
|
});
|
|
});
|
|
}
|
|
[...attrs.entries()].forEach(([attr, values]) => {
|
|
let type = 'attr';
|
|
if (attr === 'class') {
|
|
type = attr;
|
|
} else if (attr.startsWith('data-')) {
|
|
type = 'data';
|
|
}
|
|
// go through our list of properties and synchronize the DOM
|
|
// properties with our properties
|
|
[...values.keys()].forEach(value => {
|
|
if (values.count(value) === 1) {
|
|
switch (type) {
|
|
case 'class':
|
|
root.classList.remove(value);
|
|
break;
|
|
case 'data':
|
|
default:
|
|
runInDebug(() => {
|
|
throw new Error(`${type} is not implemented yet`);
|
|
});
|
|
}
|
|
values.delete(value);
|
|
// remove the property if it has no values
|
|
if (values.size === 0) {
|
|
attrs.delete(attr);
|
|
}
|
|
} else {
|
|
switch (type) {
|
|
case 'class':
|
|
root.classList.add(value);
|
|
break;
|
|
case 'data':
|
|
default:
|
|
runInDebug(() => {
|
|
throw new Error(`${type} is not implemented yet`);
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
return attrs;
|
|
}
|
|
}
|