flashii/mami
1
0
Fork 0
Code Pull requests Releases Activity

Don't wait for EEPROM and sounds to finish loading during join.

Browse source
This commit is contained in:
flash 2024-04-17 19:16:27 +00:00
parent 297f5caf82
commit a08793d992
5 changed files with 213 additions and 183 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

120
src/mami.js/main.js
View file

@ -50,10 +50,10 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
try { try {
window.futami = await FutamiCommon.load(); window.futami = await FutamiCommon.load();
} catch(ex) { } catch(ex) {
console.error(ex); console.error('Failed to load common settings.', ex);
loadingOverlay.setIcon('cross'); loadingOverlay.setIcon('cross');
loadingOverlay.setHeader('Failed!'); loadingOverlay.setHeader('Failed!');
loadingOverlay.setMessage('Failed to load common settings!'); loadingOverlay.setMessage('Failed to load common settings.');
return; return;
} }
@ -97,7 +97,7 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
settings.define('eepromAutoInsert').default(true).create(); settings.define('eepromAutoInsert').default(true).create();
settings.define('autoEmbedV1').default(false).create(); settings.define('autoEmbedV1').default(false).create();
settings.define('soundEnable').default(true).critical().create(); settings.define('soundEnable').default(true).critical().create();
settings.define('soundPack').default('ajax-chat').create(); settings.define('soundPack').default('').create();
settings.define('soundVolume').default(80).create(); settings.define('soundVolume').default(80).create();
settings.define('soundEnableJoin').default(true).create(); settings.define('soundEnableJoin').default(true).create();
settings.define('soundEnableLeave').default(true).create(); settings.define('soundEnableLeave').default(true).create();
@ -136,20 +136,25 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
const soundCtx = new MamiSoundContext; const soundCtx = new MamiSoundContext;
ctx.sound = soundCtx; ctx.sound = soundCtx;
try { futami.getJson('sounds2')
const sounds = await futami.getJson('sounds2'); .catch(ex => { console.error('Failed to load sound library and packs.', ex); })
.then(sounds => {
if(Array.isArray(sounds.library)) if(Array.isArray(sounds.library))
soundCtx.library.register(sounds.library, true); soundCtx.library.register(sounds.library, true);
if(Array.isArray(sounds.packs))
soundCtx.packs.register(sounds.packs, true);
} catch(ex) {
console.error(ex);
}
if(!await MamiDetectAutoPlay()) { if(Array.isArray(sounds.packs)) {
soundCtx.packs.register(sounds.packs, true);
settings.touch('soundPack', true);
}
});
MamiDetectAutoPlay()
.then(canAutoPlay => {
if(canAutoPlay) return;
settings.set('soundEnable', false); settings.set('soundEnable', false);
settings.virtualise('soundEnable'); settings.virtualise('soundEnable');
} });
settings.watch('soundEnable', ev => { settings.watch('soundEnable', ev => {
if(ev.detail.value) { if(ev.detail.value) {
@ -157,8 +162,10 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
soundCtx.reset(); soundCtx.reset();
settings.touch('soundVolume'); settings.touch('soundVolume');
settings.touch('soundPack'); settings.touch('soundPack', true);
// do we need to do this?
if(!ev.detail.initial && !ev.detail.silent && ev.detail.local)
soundCtx.library.play(soundCtx.pack.getEventSound('server')); soundCtx.library.play(soundCtx.pack.getEventSound('server'));
} }
@ -167,13 +174,21 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
settings.watch('soundPack', ev => { settings.watch('soundPack', ev => {
const packs = soundCtx.packs; const packs = soundCtx.packs;
if(!packs.has(ev.detail.value)) { let packName = ev.detail.value;
settings.delete(ev.detail.name);
return;
}
soundCtx.pack = packs.get(ev.detail.value); if(packName === '') {
if(!ev.detail.initial) soundCtx.library.play(soundCtx.pack.getEventSound('server')); const names = packs.names();
if(names.length < 1)
return;
packName = names[0];
} else if(!packs.has(packName))
return;
soundCtx.pack = packs.get(packName);
if(!ev.detail.initial && !ev.detail.silent && ev.detail.local)
soundCtx.library.play(soundCtx.pack.getEventSound('server'));
}); });
settings.watch('soundVolume', ev => { settings.watch('soundVolume', ev => {
@ -181,12 +196,18 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
}) })
// loading these asynchronously makes them not show up in the backlog
// revisit when emote reparsing is implemented
loadingOverlay.setMessage('Loading emoticons...'); loadingOverlay.setMessage('Loading emoticons...');
try { try {
const emotes = await futami.getJson('emotes'); const emotes = await futami.getJson('emotes');
MamiEmotes.loadLegacy(emotes); MamiEmotes.loadLegacy(emotes);
} catch(ex) { } catch(ex) {
console.error(ex); console.error('Failed to load emoticons.', ex);
} finally {
// this is currently called in the sock chat handlers
// does a permissions check which it can't do at this point
//Umi.UI.Emoticons.Init();
} }
@ -206,16 +227,6 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
}); });
loadingOverlay.setMessage('Loading EEPROM...');
try {
await MamiEEPROM.init();
ctx.eeprom = new EEPROM('1', futami.get('eeprom2'), MamiMisuzuAuth.getLine);
} catch(ex) {
console.error(ex);
ctx.eeprom = undefined;
}
loadingOverlay.setMessage('Preparing UI...'); loadingOverlay.setMessage('Preparing UI...');
ctx.textTriggers = new MamiTextTriggers; ctx.textTriggers = new MamiTextTriggers;
@ -407,11 +418,21 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
}, 'Ready~'); }, 'Ready~');
pingToggle.appendChild(pingIndicator.getElement()); pingToggle.appendChild(pingIndicator.getElement());
Umi.UI.InputMenus.Add('markup', 'BB Code');
Umi.UI.InputMenus.Add('emotes', 'Emoticons');
let doUpload;
MamiEEPROM.init()
.catch(ex => {
console.log('Failed to initialise EEPROM.', ex);
ctx.eeprom = undefined;
})
.then(() => {
ctx.eeprom = new EEPROM('1', futami.get('eeprom2'), MamiMisuzuAuth.getLine);
if(ctx.eeprom !== undefined) {
Umi.UI.Menus.Add('uploads', 'Upload History', !FUTAMI_DEBUG); Umi.UI.Menus.Add('uploads', 'Upload History', !FUTAMI_DEBUG);
const doUpload = async file => { doUpload = async file => {
const uploadEntry = Umi.UI.Uploads.create(file.name); const uploadEntry = Umi.UI.Uploads.create(file.name);
const uploadTask = ctx.eeprom.create(file); const uploadTask = ctx.eeprom.create(file);
@ -476,31 +497,25 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
}); });
document.body.appendChild(uploadForm); document.body.appendChild(uploadForm);
Umi.UI.InputMenus.AddButton('upload', 'Upload', () => uploadForm.click()); Umi.UI.InputMenus.AddButton('upload', 'Upload', () => uploadForm.click(), 'markup');
$i('umi-msg-text').onpaste = ev => { $i('umi-msg-text').onpaste = ev => {
if(ev.clipboardData && ev.clipboardData.files.length > 0) if(ev.clipboardData && ev.clipboardData.files.length > 0)
for(const file of ev.clipboardData.files) for(const file of ev.clipboardData.files)
doUpload(file); doUpload(file);
}; };
});
document.body.ondragenter = ev => { // figure out how to display a UI for this someday
ev.preventDefault(); //document.body.addEventListener('dragenter', ev => { console.info('dragenter', ev); });
ev.stopPropagation(); //document.body.addEventListener('dragleave', ev => { console.info('dragleave', ev); });
}; document.body.addEventListener('dragover', ev => { ev.preventDefault(); });
document.body.ondragover = ev => { document.body.addEventListener('drop', ev => {
ev.preventDefault(); if(ev.dataTransfer === undefined || ev.dataTransfer === null || ev.dataTransfer.files.length < 1)
ev.stopPropagation(); return;
};
document.body.ondragleave = ev => { ev.preventDefault();
ev.preventDefault();
ev.stopPropagation();
};
document.body.ondrop = ev => {
ev.preventDefault();
ev.stopPropagation();
if(ev.dataTransfer && ev.dataTransfer.files.length > 0)
for(const file of ev.dataTransfer.files) { for(const file of ev.dataTransfer.files) {
if(file.name.slice(-5) === '.mami' if(file.name.slice(-5) === '.mami'
&& confirm('This file appears to be a settings export. Do you want to import it? This will overwrite your existing settings!')) { && confirm('This file appears to be a settings export. Do you want to import it? This will overwrite your existing settings!')) {
@ -508,13 +523,10 @@ window.Umi = { UI: {}, Protocol: { SockChat: { Protocol: {} } } };
return; return;
} }
if(doUpload !== undefined)
doUpload(file); doUpload(file);
} }
}; });
}
Umi.UI.InputMenus.Add('markup', 'BB Code');
Umi.UI.InputMenus.Add('emotes', 'Emoticons');
window.addEventListener('beforeunload', function(ev) { window.addEventListener('beforeunload', function(ev) {
if(settings.get('closeTabConfirm')) { if(settings.get('closeTabConfirm')) {

10
src/mami.js/settings/scoped.js
View file

@ -24,12 +24,12 @@ const MamiSettingsScoped = function(settings, prefix) {
}, },
has: name => settings.has(prefix + name), has: name => settings.has(prefix + name),
get: name => settings.get(prefix + name), get: name => settings.get(prefix + name),
set: (name, value) => settings.set(prefix + name, value), set: (name, value, silent) => settings.set(prefix + name, value, silent),
delete: name => settings.delete(prefix + name), delete: (name, silent) => settings.delete(prefix + name, silent),
toggle: name => settings.toggle(prefix + name), toggle: (name, silent) => settings.toggle(prefix + name, silent),
touch: name => settings.touch(prefix + name), touch: (name, silent) => settings.touch(prefix + name, silent),
clear: (criticalOnly, pfx) => settings.clear(criticalOnly, prefix + pfx), clear: (criticalOnly, pfx) => settings.clear(criticalOnly, prefix + pfx),
watch: (name, handler) => settings.watch(prefix + name, handler), watch: (name, handler, silent) => settings.watch(prefix + name, handler, silent),
unwatch: (name, handler) => settings.unwatch(prefix + name, handler), unwatch: (name, handler) => settings.unwatch(prefix + name, handler),
virtualise: name => settings.virtualise(prefix + name), virtualise: name => settings.virtualise(prefix + name),
scope: name => settings.scope(prefix + name), scope: name => settings.scope(prefix + name),

40
src/mami.js/settings/settings.js
View file

@ -16,16 +16,18 @@ const MamiSettings = function(storageOrPrefix, eventTarget) {
const storage = new MamiSettingsVirtualStorage(storageOrPrefix); const storage = new MamiSettingsVirtualStorage(storageOrPrefix);
const settings = new Map; const settings = new Map;
const createUpdateEvent = (name, value, initial) => eventTarget.create(name, { const createUpdateEvent = (name, value, initial, silent, local) => eventTarget.create(name, {
name: name, name: name,
value: value, value: value,
initial: !!initial, initial: !!initial,
silent: !!silent,
local: !!local,
}); });
const dispatchUpdate = (name, value) => eventTarget.dispatch(createUpdateEvent(name, value)); const dispatchUpdate = (name, value, silent, local) => eventTarget.dispatch(createUpdateEvent(name, value, false, silent, local));
const broadcast = new BroadcastChannel(`${MAMI_MAIN_JS}:settings:${storage.name()}`); const broadcast = new BroadcastChannel(`${MAMI_MAIN_JS}:settings:${storage.name()}`);
const broadcastUpdate = (name, value) => { const broadcastUpdate = (name, value, silent) => {
setTimeout(() => broadcast.postMessage({ act: 'update', name: name, value: value }), 0); setTimeout(() => broadcast.postMessage({ act: 'update', name: name, value: value, silent: !!silent }), 0);
}; };
const getSetting = name => { const getSetting = name => {
@ -43,16 +45,16 @@ const MamiSettings = function(storageOrPrefix, eventTarget) {
return value === null ? setting.fallback : value; return value === null ? setting.fallback : value;
}; };
const deleteValue = setting => { const deleteValue = (setting, silent) => {
if(setting.immutable) if(setting.immutable)
return; return;
storage.delete(setting.name); storage.delete(setting.name);
dispatchUpdate(setting.name, setting.fallback); dispatchUpdate(setting.name, setting.fallback, silent, true);
broadcastUpdate(setting.name, setting.fallback); broadcastUpdate(setting.name, setting.fallback, silent);
}; };
const setValue = (setting, value) => { const setValue = (setting, value, silent) => {
if(value !== null) { if(value !== null) {
if(value === undefined) if(value === undefined)
value = null; value = null;
@ -94,8 +96,8 @@ const MamiSettings = function(storageOrPrefix, eventTarget) {
} else } else
storage.set(setting.name, value); storage.set(setting.name, value);
dispatchUpdate(setting.name, value); dispatchUpdate(setting.name, value, silent, true);
broadcastUpdate(setting.name, value); broadcastUpdate(setting.name, value, silent);
}; };
broadcast.onmessage = ev => { broadcast.onmessage = ev => {
@ -103,7 +105,7 @@ const MamiSettings = function(storageOrPrefix, eventTarget) {
return; return;
if(ev.data.act === 'update' && typeof ev.data.name === 'string') { if(ev.data.act === 'update' && typeof ev.data.name === 'string') {
dispatchUpdate(ev.data.name, ev.data.value); dispatchUpdate(ev.data.name, ev.data.value, ev.data.silent, false);
return; return;
} }
}; };
@ -196,26 +198,26 @@ const MamiSettings = function(storageOrPrefix, eventTarget) {
&& storage.get(setting.name) !== null; && storage.get(setting.name) !== null;
}, },
get: name => getValue(getSetting(name)), get: name => getValue(getSetting(name)),
set: (name, value) => setValue(getSetting(name), value), set: (name, value, silent) => setValue(getSetting(name), value, silent),
delete: name => deleteValue(getSetting(name)), delete: (name, silent) => deleteValue(getSetting(name), silent),
toggle: name => { toggle: (name, silent) => {
const setting = getSetting(name); const setting = getSetting(name);
if(!setting.immutable) if(!setting.immutable)
setValue(setting, !getValue(setting)); setValue(setting, !getValue(setting), silent);
}, },
touch: name => { touch: (name, silent) => {
const setting = getSetting(name); const setting = getSetting(name);
dispatchUpdate(setting.name, getValue(setting)); dispatchUpdate(setting.name, getValue(setting), silent, true);
}, },
clear: (criticalOnly, prefix) => { clear: (criticalOnly, prefix) => {
for(const setting of settings.values()) for(const setting of settings.values())
if((prefix === undefined || setting.name.startsWith(prefix)) && (!criticalOnly || setting.critical)) if((prefix === undefined || setting.name.startsWith(prefix)) && (!criticalOnly || setting.critical))
deleteValue(setting); deleteValue(setting);
}, },
watch: (name, handler) => { watch: (name, handler, silent) => {
const setting = getSetting(name); const setting = getSetting(name);
eventTarget.watch(setting.name, handler); eventTarget.watch(setting.name, handler);
handler(createUpdateEvent(setting.name, getValue(setting), true)); handler(createUpdateEvent(setting.name, getValue(setting), true, silent, true));
}, },
unwatch: (name, handler) => { unwatch: (name, handler) => {
eventTarget.unwatch(name, handler); eventTarget.unwatch(name, handler);

40
src/mami.js/ui/input-menus.js
View file

@ -8,9 +8,11 @@ Umi.UI.InputMenus = (function() {
const inputMenuActive = 'input__menu--active'; const inputMenuActive = 'input__menu--active';
const inputButtonActive = 'input__button--active'; const inputButtonActive = 'input__button--active';
const createButtonId = id => `umi-msg-menu-btn-${id}`;
const toggle = function(baseId) { const toggle = function(baseId) {
const button = 'umi-msg-menu-btn-' + baseId, const button = createButtonId(baseId);
menu = 'umi-msg-menu-sub-' + baseId; const menu = 'umi-msg-menu-sub-' + baseId;
if($c(inputMenuActive).length) if($c(inputMenuActive).length)
$c(inputMenuActive)[0].classList.remove(inputMenuActive); $c(inputMenuActive)[0].classList.remove(inputMenuActive);
@ -30,7 +32,7 @@ Umi.UI.InputMenus = (function() {
tag: 'button', tag: 'button',
attrs: { attrs: {
type: 'button', type: 'button',
id: 'umi-msg-menu-btn-' + id, id: createButtonId(id),
classList: ['input__button', 'input__button--' + id], classList: ['input__button', 'input__button--' + id],
title: title, title: title,
onclick: onClick || (function() { onclick: onClick || (function() {
@ -41,20 +43,34 @@ Umi.UI.InputMenus = (function() {
}; };
return { return {
Add: function(baseId, title) { Add: function(baseId, title, beforeButtonId) {
if(ids.indexOf(baseId) < 0) { if(ids.includes(baseId))
return;
ids.push(baseId); ids.push(baseId);
$i('umi-msg-container').insertBefore(createButton(baseId, title), $i('umi-msg-send'));
let beforeButton;
if(typeof beforeButtonId === 'string')
beforeButton = $i(createButtonId(beforeButtonId))
if(!(beforeButton instanceof Element))
beforeButton = $i('umi-msg-send');
$i('umi-msg-container').insertBefore(createButton(baseId, title), beforeButton);
$i('umi-msg-menu').appendChild( $i('umi-msg-menu').appendChild(
$e({ attrs: { 'class': ['input__menu', 'input__menu--' + baseId], id: 'umi-msg-menu-sub-' + baseId } }) $e({ attrs: { 'class': ['input__menu', 'input__menu--' + baseId], id: 'umi-msg-menu-sub-' + baseId } })
); );
}
}, },
AddButton: function(baseId, title, onClick) { AddButton: function(baseId, title, onClick, beforeButtonId) {
if(ids.indexOf(baseId) < 0) { if(ids.includes(baseId))
return;
ids.push(baseId); ids.push(baseId);
$i('umi-msg-container').insertBefore(createButton(baseId, title, onClick), $i('umi-msg-send'));
} let beforeButton;
if(typeof beforeButtonId === 'string')
beforeButton = $i(createButtonId(beforeButtonId))
if(!(beforeButton instanceof Element))
beforeButton = $i('umi-msg-send');
$i('umi-msg-container').insertBefore(createButton(baseId, title, onClick), beforeButton);
}, },
Get: function(baseId, button) { Get: function(baseId, button) {
const id = 'umi-msg-menu-' + (button ? 'btn' : 'sub') + '-' + baseId; const id = 'umi-msg-menu-' + (button ? 'btn' : 'sub') + '-' + baseId;
@ -63,7 +79,7 @@ Umi.UI.InputMenus = (function() {
return null; return null;
}, },
Remove: function(baseId) { Remove: function(baseId) {
$ri('umi-msg-menu-btn-' + baseId); $ri(createButtonId(baseId));
$ri('umi-msg-menu-sub-' + baseId); $ri('umi-msg-menu-sub-' + baseId);
}, },
Toggle: toggle, Toggle: toggle,

2
src/mami.js/ui/settings.jsx
View file

@ -141,7 +141,7 @@ Umi.UI.Settings = (function() {
type: 'select', type: 'select',
options: () => { options: () => {
const packs = mami.sound.packs; const packs = mami.sound.packs;
const options = {}; const options = { '': 'Default' };
for(const name of packs.names()) for(const name of packs.names())
options[name] = packs.info(name).getTitle(); options[name] = packs.info(name).getTitle();