mami/src/mami.js/main.js

540 lines
17 KiB
JavaScript
Raw Normal View History

2024-01-18 19:50:37 +00:00
const Umi = { UI: {} };
#include animate.js
#include common.js
#include context.js
#include emotes.js
#include messages.js
#include mszauth.js
#include server.js
#include utility.js
2024-01-22 21:45:39 +00:00
#include weeb.js
#include audio/autoplay.js
2024-01-22 21:45:39 +00:00
#include audio/context.js
#include eeprom/eeprom.js
#include settings/backup.js
#include settings/settings.js
#include sound/osukeys.js
#include sound/umisound.js
2024-01-18 19:50:37 +00:00
#include ui/chat-layout.js
#include ui/domaintrans.jsx
#include ui/hooks.js
#include ui/input-menus.js
#include ui/loading-overlay.jsx
#include ui/markup.js
#include ui/menus.js
#include ui/view.js
2024-01-22 21:45:39 +00:00
#include ui/settings.jsx
2024-01-18 19:50:37 +00:00
#include ui/toggles.js
#include ui/uploads.js
(async () => {
const ctx = new MamiContext(document.body),
views = ctx.getViews();
Object.defineProperty(window, 'mami', {
value: ctx,
writable: false,
});
const sndLib = ctx.getSoundLibrary(),
sndPacks = ctx.getSoundPacks();
const lo = new Umi.UI.LoadingOverlay('spinner', 'Loading...');
await views.push(lo);
lo.setMessage('Loading environment...');
try {
window.futami = await FutamiCommon.load();
} catch(ex) {
console.error(ex);
lo.setIcon('cross');
lo.setHeader('Failed!');
lo.setMessage('Failed to load common settings!');
return;
2024-01-18 19:50:37 +00:00
}
lo.setMessage('Fetching credentials...');
try {
const auth = await MamiMisuzuAuth.update();
if(!auth.ok)
throw 'Authentication failed.';
} catch(ex) {
console.error(ex);
location.assign(futami.get('login'));
return;
}
setInterval(() => {
MamiMisuzuAuth.update()
.then(auth => {
if(!auth.ok)
location.assign(futami.get('login'));
})
}, 600000);
2024-01-22 21:45:39 +00:00
lo.setMessage('Loading settings...');
const settings = new MamiSettings('umi-');
ctx.setSettings(settings);
settings.define('style', 'string', 'dark');
settings.define('compactView', 'boolean', false);
settings.define('autoScroll', 'boolean', true);
settings.define('closeTabConfirm', 'boolean', false);
settings.define('showChannelList', 'boolean', false);
settings.define('fancyInfo', 'boolean', true);
settings.define('autoCloseUserContext', 'boolean', true);
settings.define('enableParser', 'boolean', true);
settings.define('enableEmoticons', 'boolean', true);
settings.define('autoParseUrls', 'boolean', true);
settings.define('preventOverflow', 'boolean', false);
settings.define('expandTextBox', 'boolean', false);
settings.define('eepromAutoInsert', 'boolean', true);
settings.define('autoEmbedV1', 'boolean', false);
settings.define('soundEnable', 'boolean', true, false, true);
settings.define('soundPack', 'string', 'ajax-chat');
settings.define('soundVolume', 'number', 80);
settings.define('soundEnableJoin', 'boolean', true);
settings.define('soundEnableLeave', 'boolean', true);
settings.define('soundEnableError', 'boolean', true);
settings.define('soundEnableServer', 'boolean', true);
settings.define('soundEnableIncoming', 'boolean', true);
2024-01-23 01:23:33 +00:00
settings.define('onlySoundOnMention', 'boolean', false);
settings.define('soundEnableOutgoing', 'boolean', true);
2024-01-22 21:45:39 +00:00
settings.define('soundEnablePrivate', 'boolean', true);
settings.define('soundEnableForceLeave', 'boolean', true);
settings.define('minecraft', ['no', 'yes', 'old'], 'no');
settings.define('playSoundOnConnect', 'boolean', false);
settings.define('windowsLiveMessenger', 'boolean', false);
settings.define('seinfeld', 'boolean', false);
settings.define('flashTitle', 'boolean', true);
settings.define('showServerMsgInTitle', 'boolean', true);
settings.define('playJokeSounds', 'boolean', true);
settings.define('weeaboo', 'boolean', false);
settings.define('motivationalImages', 'boolean', false);
settings.define('motivationalVideos', 'boolean', false);
settings.define('osuKeys', 'boolean', false);
settings.define('osuKeysV2', ['no', 'yes', 'rng'], 'no');
settings.define('explosionRadius', 'number', 20);
settings.define('dumpPackets', 'boolean', FUTAMI_DEBUG);
settings.define('neverUseWorker', 'boolean', false, false, true);
settings.define('forceUseWorker', 'boolean', false, false, true);
settings.define('marqueeAllNames', 'boolean', false);
settings.define('tmpDisableOldThemeSys', 'boolean', false, false, true);
settings.define('tmpSkipDomainPopUpThing', 'boolean', false, false, true);
const noNotifSupport = !('Notification' in window);
settings.define('enableNotifications', 'boolean', false, noNotifSupport, true);
settings.define('notificationShowMessage', 'boolean', false, noNotifSupport);
settings.define('notificationTriggers', 'string', '', noNotifSupport);
2024-01-18 19:50:37 +00:00
lo.setMessage('Loading sounds...');
try {
const sounds = await futami.getJson('sounds2');
if(Array.isArray(sounds.library))
sndLib.register(sounds.library, true);
2024-01-18 19:50:37 +00:00
if(Array.isArray(sounds.packs))
sndPacks.register(sounds.packs, true);
2024-01-18 19:50:37 +00:00
} catch(ex) {
console.error(ex);
}
2024-01-22 21:45:39 +00:00
if(!await MamiDetectAutoPlay()) {
settings.set('soundEnable', false);
settings.virtualise('soundEnable');
}
settings.watch('soundEnable', (v, n, i) => {
if(v) {
const audio = mami.getAudio();
if(!audio.isReady())
audio.reset();
2024-01-22 21:45:39 +00:00
settings.touch('soundVolume');
settings.touch('soundPack');
const player = mami.getSoundPackPlayer();
if(player !== null)
player.playEvent('server');
}
mami.getAudio().setMuted(!v);
2024-01-22 21:45:39 +00:00
});
settings.watch('soundPack', (v, n, i) => {
const packs = mami.getSoundPacks();
if(!packs.has(v)) {
2024-01-22 21:45:39 +00:00
settings.delete(n);
return;
}
const player = mami.getSoundPackPlayer();
player.loadPack(packs.get(v));
if(!i) player.playEvent('server');
2024-01-22 21:45:39 +00:00
});
settings.watch('soundVolume', v => {
mami.getAudio().setVolume(v / 100);
2024-01-22 21:45:39 +00:00
})
2024-01-18 19:50:37 +00:00
lo.setMessage('Loading emoticons...');
try {
const emotes = await futami.getJson('emotes');
MamiEmotes.loadLegacy(emotes);
} catch(ex) {
console.error(ex);
}
2024-01-22 21:45:39 +00:00
if(!settings.get('tmpSkipDomainPopUpThing'))
2024-01-18 19:50:37 +00:00
await (() => {
return new Promise((resolve) => {
views.push(new MamiDomainTransition(() => {
2024-01-22 21:45:39 +00:00
(new MamiSettingsBackup(settings)).importUpload(document.body);
2024-01-18 19:50:37 +00:00
}, () => {
2024-01-22 21:45:39 +00:00
settings.set('tmpSkipDomainPopUpThing', true);
2024-01-18 19:50:37 +00:00
views.pop();
resolve();
}));
});
})();
const onHashChange = () => {
if(location.hash === '#reset') {
2024-01-22 21:45:39 +00:00
settings.clear(true);
2024-01-18 19:50:37 +00:00
location.assign('/');
}
};
window.addEventListener('hashchange', onHashChange);
onHashChange();
window.addEventListener('keydown', ev => {
if(ev.altKey && ev.shiftKey && (ev.key === 'R' || ev.key === 'r')) {
Umi.Server.close();
location.hash = 'reset';
}
});
lo.setMessage('Preparing UI...');
2024-02-09 00:56:27 +00:00
// should be dynamic when possible
const layout = new Umi.UI.ChatLayout;
await views.unshift(layout);
2024-01-18 19:50:37 +00:00
Umi.UI.View.AccentReload();
2024-02-09 00:56:27 +00:00
Umi.UI.Hooks.AddHooks();
2024-01-18 19:50:37 +00:00
2024-01-22 21:45:39 +00:00
settings.watch('style', (v, n, i) => { if(!i) Umi.UI.View.AccentReload(); });
settings.watch('compactView', (v, n, i) => { if(!i) Umi.UI.View.AccentReload(); });
settings.watch('preventOverflow', v => document.body.classList.toggle('prevent-overflow', v));
settings.watch('tmpDisableOldThemeSys', (v, n, i) => { if(!i) Umi.UI.View.AccentReload(); });
settings.watch('minecraft', (v, n, i) => {
if(v !== 'no') {
if(i)
sndLib.play('minecraft:nether:enter');
else
Umi.Sound.Play('join');
}
2024-01-22 21:45:39 +00:00
});
settings.watch('enableNotifications', v => {
if(!v || !('Notification' in window)
|| (Notification.permission === 'granted' && Notification.permission !== 'denied'))
return;
Notification.requestPermission()
.then(perm => {
if(perm !== 'granted')
settings.set('enableNotifications', false);
});
});
settings.watch('playJokeSounds', v => {
if(!v) return;
const triggers = mami.getTextTriggers();
if(!triggers.hasTriggers())
futami.getJson('texttriggers').then(trigInfos => triggers.addTriggers(trigInfos));
});
settings.watch('weeaboo', v => {
if(v) Weeaboo.init();
});
settings.watch('osuKeysV2', (v, n, i) => {
// migrate old value
if(i) {
if(settings.has('osuKeys')) {
settings.set('osuKeysV2', settings.get('osuKeys') ? 'yes' : 'no');
settings.delete('osuKeys');
return;
}
}
OsuKeys.setEnable(v !== 'no');
OsuKeys.setRandomRate(v === 'rng');
});
2024-01-18 19:50:37 +00:00
lo.setMessage('Loading EEPROM...');
try {
await MamiEEPROM.init();
2024-02-02 21:02:29 +00:00
ctx.createEEPROM();
2024-01-18 19:50:37 +00:00
} catch(ex) {
console.error(ex);
}
lo.setMessage('Building menus...');
Umi.UI.Menus.Add('users', 'Users');
2024-01-22 21:45:39 +00:00
Umi.UI.Menus.Add('channels', 'Channels', !settings.get('showChannelList'));
2024-01-18 19:50:37 +00:00
Umi.UI.Menus.Add('settings', 'Settings');
let sidebarAnimation = null;
Umi.UI.Settings.Init();
Umi.UI.Toggles.Add('menu-toggle', {
'click': function() {
const sidebar = $c('sidebar')[0],
toggle = Umi.UI.Toggles.Get('menu-toggle'),
toggleOpened = 'sidebar__selector-mode--menu-toggle-opened',
toggleClosed = 'sidebar__selector-mode--menu-toggle-closed',
isClosed = toggle.classList.contains(toggleClosed);
if(sidebarAnimation !== null) {
sidebarAnimation.cancel();
sidebarAnimation = null;
}
if(isClosed) {
toggle.classList.add(toggleOpened);
toggle.classList.remove(toggleClosed);
} else {
toggle.classList.add(toggleClosed);
toggle.classList.remove(toggleOpened);
}
let update;
if(isClosed)
update = function(t) {
sidebar.style.width = (40 + (220 * t)).toString() + 'px';
};
else
update = function(t) {
sidebar.style.width = (260 - (220 * t)).toString() + 'px';
};
sidebarAnimation = MamiAnimate({
duration: 500,
2024-01-23 01:23:33 +00:00
easing: 'outExpo',
2024-01-18 19:50:37 +00:00
update: update,
});
}
}, 'Toggle Sidebar');
Umi.UI.Toggles.Get('menu-toggle').classList.add('sidebar__selector-mode--menu-toggle-opened');
Umi.UI.Toggles.Add('scroll', {
'click': function() {
2024-01-22 21:45:39 +00:00
settings.toggle('autoScroll');
2024-01-18 19:50:37 +00:00
}
}, 'Autoscroll');
2024-01-22 21:45:39 +00:00
settings.watch('autoScroll', function(value) {
2024-01-18 19:50:37 +00:00
Umi.UI.Toggles.Get('scroll').classList[value ? 'remove' : 'add']('sidebar__selector-mode--scroll-off');
});
if(window.innerWidth < 768)
Umi.UI.Toggles.Get('menu-toggle').click();
Umi.UI.Toggles.Add('audio', {
'click': function() {
2024-01-22 21:45:39 +00:00
settings.toggle('soundEnable');
2024-01-18 19:50:37 +00:00
}
}, 'Sounds');
2024-01-22 21:45:39 +00:00
settings.watch('soundEnable', function(value) {
2024-01-18 19:50:37 +00:00
Umi.UI.Toggles.Get('audio').classList[value ? 'remove' : 'add']('sidebar__selector-mode--audio-off');
});
Umi.UI.Toggles.Add('unembed', {
'click': function() {
const buttons = $qa('[data-embed="1"]');
for(const button of buttons)
button.click();
}
}, 'Unembed any embedded media');
Umi.UI.Toggles.Add('clear', {
'click': function() {
if(confirm('ARE YOU SURE ABOUT THAT???')) {
2024-01-22 21:45:39 +00:00
const limit = settings.get('explosionRadius');
2024-01-18 19:50:37 +00:00
const explode = $e({
tag: 'img',
attrs: {
src: '//static.flash.moe/images/explode.gif',
alt: '',
style: {
position: 'absolute',
zIndex: 9001,
bottom: 0,
right: 0,
pointerEvents: 'none',
},
onLoad: function() {
setTimeout(function(){
$r(explode);
}, 1700);
sndLib.play('misc:explode');
2024-01-18 19:50:37 +00:00
},
},
});
document.body.appendChild(explode);
let backLog = Umi.Messages.All();
backLog = backLog.slice(Math.max(backLog.length - limit, 0));
Umi.Messages.Clear();
for(const blMsg of backLog)
Umi.Messages.Add(blMsg);
}
}
}, 'Clear Logs');
if(ctx.hasEEPROM()) {
Umi.UI.Menus.Add('uploads', 'Upload History', !FUTAMI_DEBUG);
2024-02-02 21:02:29 +00:00
const doUpload = async file => {
const uploadEntry = Umi.UI.Uploads.create(file.name);
const uploadTask = ctx.getEEPROM().create(file);
2024-01-18 19:50:37 +00:00
2024-02-02 21:02:29 +00:00
uploadTask.onProgress(prog => uploadEntry.setProgress(prog.progress));
uploadEntry.addOption('Cancel', () => uploadTask.abort());
try {
const fileInfo = await uploadTask.start();
2024-01-18 19:50:37 +00:00
uploadEntry.hideOptions();
uploadEntry.clearOptions();
uploadEntry.removeProgress();
uploadEntry.addOption('Open', fileInfo.url);
2024-02-02 21:02:29 +00:00
uploadEntry.addOption('Insert', () => Umi.UI.Markup.InsertRaw(insertText, ''));
uploadEntry.addOption('Delete', () => {
ctx.getEEPROM().delete(fileInfo)
.then(() => uploadEntry.remove())
.catch(ex => {
console.error(ex);
alert(ex);
});
2024-01-18 19:50:37 +00:00
});
2024-02-02 21:02:29 +00:00
let insertText;
2024-01-18 19:50:37 +00:00
if(fileInfo.isImage()) {
2024-02-02 21:02:29 +00:00
insertText = `[img]${fileInfo.url}[/img]`;
2024-01-18 19:50:37 +00:00
uploadEntry.setThumbnail(fileInfo.thumb);
2024-02-02 21:02:29 +00:00
} else if(fileInfo.isAudio()) {
insertText = `[audio]${fileInfo.url}[/audio]`;
2024-01-18 19:50:37 +00:00
uploadEntry.setThumbnail(fileInfo.thumb);
} else if(fileInfo.isVideo()) {
2024-02-02 21:02:29 +00:00
insertText = `[video]${fileInfo.url}[/video]`;
2024-01-18 19:50:37 +00:00
uploadEntry.setThumbnail(fileInfo.thumb);
2024-02-02 21:02:29 +00:00
} else
insertText = location.protocol + fileInfo.url;
2024-01-18 19:50:37 +00:00
2024-01-22 21:45:39 +00:00
if(settings.get('eepromAutoInsert'))
2024-01-18 19:50:37 +00:00
Umi.UI.Markup.InsertRaw(insertText, '');
2024-02-02 21:02:29 +00:00
} catch(ex) {
if(!ex.aborted) {
console.error(ex);
alert(ex);
}
2024-01-18 19:50:37 +00:00
2024-02-02 21:02:29 +00:00
uploadEntry.remove();
}
2024-01-18 19:50:37 +00:00
};
const uploadForm = $e({
tag: 'input',
attrs: {
type: 'file',
multiple: true,
2024-02-02 21:02:29 +00:00
style: { display: 'none' },
onchange: ev => {
for(const file of ev.target.files)
doUpload(file);
2024-01-18 19:50:37 +00:00
},
},
});
document.body.appendChild(uploadForm);
2024-02-02 21:02:29 +00:00
Umi.UI.InputMenus.AddButton('upload', 'Upload', () => uploadForm.click());
2024-01-18 19:50:37 +00:00
2024-02-09 00:56:27 +00:00
$i('umi-msg-text').onpaste = ev => {
2024-01-18 19:50:37 +00:00
if(ev.clipboardData && ev.clipboardData.files.length > 0)
for(const file of ev.clipboardData.files)
doUpload(file);
};
2024-02-02 21:02:29 +00:00
document.body.ondragenter = ev => {
2024-01-18 19:50:37 +00:00
ev.preventDefault();
ev.stopPropagation();
};
2024-02-02 21:02:29 +00:00
document.body.ondragover = ev => {
2024-01-18 19:50:37 +00:00
ev.preventDefault();
ev.stopPropagation();
};
2024-02-02 21:02:29 +00:00
document.body.ondragleave = ev => {
2024-01-18 19:50:37 +00:00
ev.preventDefault();
ev.stopPropagation();
};
2024-02-02 21:02:29 +00:00
document.body.ondrop = ev => {
2024-01-18 19:50:37 +00:00
ev.preventDefault();
ev.stopPropagation();
2024-02-02 21:02:29 +00:00
2024-01-18 19:50:37 +00:00
if(ev.dataTransfer && ev.dataTransfer.files.length > 0)
for(const file of ev.dataTransfer.files) {
if(file.name.slice(-5) === '.mami'
2024-01-22 21:45:39 +00:00
&& confirm('This file appears to be a settings export. Do you want to import it? This will overwrite your existing settings!')) {
(new MamiSettingsBackup(settings)).importFile(file);
2024-01-18 19:50:37 +00:00
return;
}
doUpload(file);
}
};
}
Umi.UI.InputMenus.Add('markup', 'BB Code');
Umi.UI.InputMenus.Add('emotes', 'Emoticons');
window.addEventListener('beforeunload', function(ev) {
2024-01-22 21:45:39 +00:00
if(settings.get('closeTabConfirm')) {
2024-01-18 19:50:37 +00:00
ev.preventDefault();
return ev.returnValue = 'Are you sure you want to close the tab?';
}
});
lo.setMessage('Connecting...');
2024-01-22 21:45:39 +00:00
Umi.Server.open(views, settings);
2024-01-18 19:50:37 +00:00
if(window.dispatchEvent)
window.dispatchEvent(new Event('umi:connect'));
})();
#include compat.js