1949356ede
The eventual goal is to avoid UI-related stanza processing if the relevant chats aren't in the DOM. With the current architecture, chatboxes are created (and the stanzas related to them processed) even if `#conversejs` isn't in the DOM. * Initial work on making controlbox an element * Create a shared base class * Ceate ChatBoxViews proxy * Update sass now that certain classes are moved to converse-chats element
32 lines
1016 B
JavaScript
32 lines
1016 B
JavaScript
import { api, converse } from '@converse/headless/converse-core';
|
|
|
|
const u = converse.env.utils;
|
|
|
|
converse.plugins.add('converse-rootview', {
|
|
initialize () {
|
|
api.settings.extend({
|
|
'auto_insert': true
|
|
});
|
|
|
|
function ensureElement () {
|
|
if (!api.settings.get('auto_insert')) {
|
|
return;
|
|
}
|
|
const root = api.settings.get('root');
|
|
if (!root.querySelector('converse-root#conversejs')) {
|
|
const el = document.createElement('converse-root');
|
|
el.setAttribute('id', 'conversejs');
|
|
u.addClass(`theme-${api.settings.get('theme')}`, el);
|
|
const body = root.querySelector('body');
|
|
if (body) {
|
|
body.appendChild(el);
|
|
} else {
|
|
root.appendChild(el); // Perhaps inside a web component?
|
|
}
|
|
}
|
|
}
|
|
|
|
api.listen.on('chatBoxesInitialized', ensureElement);
|
|
}
|
|
});
|