Reordered output cus it was bothering me.

To prevent personal discomfort with having to do database messages and seeing people's personal conversations.
I haven't run into it yet, but I'd rather avoid it altogether.

LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2017-2023, flashwave <me@flash.moe>
+Copyright (c) 2017-2024, flashwave <me@flash.moe>
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without

assets/assproc.js

@@ -17,15 +17,10 @@ exports.process = async function(root, options) {
             return '';
         included.push(fullPath);
 
-        if(!fullPath.startsWith(root)) {
-            console.error('INVALID PATH: ' + fullPath);
+        if(!fullPath.startsWith(root))
             return '/* *** INVALID PATH: ' + fullPath + ' */';
-        }
-
-        if(!fs.existsSync(fullPath)) {
-            console.error('FILE NOT FOUND: ' + fullPath);
+        if(!fs.existsSync(fullPath))
             return '/* *** FILE NOT FOUND: ' + fullPath + ' */';
-        }
 
         const lines = readline.createInterface({
             input: fs.createReadStream(fullPath),
@@ -58,6 +53,19 @@ exports.process = async function(root, options) {
                         break;
                     }
 
+                    case 'buildvars':
+                        if(typeof options.buildVars === 'object') {
+                            const bvTarget = options.buildVarsTarget || 'window';
+                            const bvProps = [];
+
+                            for(const bvName in options.buildVars)
+                                bvProps.push(`${bvName}: { value: ${JSON.stringify(options.buildVars[bvName])}, writable: false }`);
+
+                            if(Object.keys(bvProps).length > 0)
+                                output += `Object.defineProperties(${bvTarget}, { ${bvProps.join(', ')} });\n`;
+                        }
+                        break;
+
                     default:
                         output += line;
                         output += "\n";
@@ -84,7 +92,7 @@ exports.housekeep = function(assetsPath) {
         };
     }).sort((a, b) => b.lastMod - a.lastMod).map(info => info.name);
 
-    const regex = /^(.+)-([a-f0-9]+)\.(.+)$/i;
+    const regex = /^(.+)[\-\.]([a-f0-9]+)\.(.+)$/i;
     const counts = {};
 
     for(const fileName of files) {

assets/misuzu.css/forum/post.css

@@ -154,6 +154,9 @@
 }
 
 .forum__post__action {
+    background-color: transparent;
+    border: 0;
+    display: block;
     padding: 5px 10px;
     margin: 1px;
     color: inherit;

assets/misuzu.css/header.css

@@ -146,9 +146,14 @@
 }
 .header__desktop__user__button__count {
     position: absolute;
-    bottom: 1px;
-    right: 1px;
-    font-size: 10px;
+    top: -5px;
+    right: -3px;
+    z-index: 1;
+    font-size: .5em;
+    line-height: 1.4em;
+    text-align: right;
+    padding: 2px 2px 0;
+    border-radius: 4px;
     background-color: var(--header-accent-colour);
     opacity: .9;
     border-radius: 4px;

assets/misuzu.css/hljs.css

@@ -0,0 +1,92 @@
+pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em;
+    font-size: 1.2em;
+    font-family: var(--font-monospace);
+}
+
+code.hljs {
+    padding: 2px 5px;
+}
+
+.hljs {
+    color: #eee;
+    background: #121212;
+}
+
+.hljs-strong,
+.hljs-emphasis,
+.hljs-section {
+    font-weight: 700;
+}
+
+.hljs-bullet,
+.hljs-quote,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal {
+    color: #b2b376;
+}
+
+.hljs-code {
+    background-color: #242424;
+}
+
+.hljs-comment,
+.hljs-meta,
+.hljs-emphasis,
+.hljs-stronge,
+.hljs-type,
+.hljs-attribute,
+.hljs-params {
+    font-style: italic;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-symbol,
+.hljs-name {
+    color: #9475b2;
+}
+
+.hljs-built_in,
+.hljs-subst,
+.hljs-tag,
+.hljs-title,
+.hljs-selector-attr {
+    color: #c8b9d7;
+}
+
+.hljs-variable,
+.hljs-class .hljs-title,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-selector-pseudo {
+    color: #b37fae;
+}
+
+.hljs-string {
+    color: #76b38a;
+}
+
+.hljs-type,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-link {
+    color: #b39a76;
+}
+
+.hljs-comment,
+.hljs-meta {
+    color: #70647b;
+}
+
+.hljs-addition {
+    background: #0e4d0e;
+}
+
+.hljs-deletion {
+    background: #4d0e0e;
+}

assets/misuzu.css/main.css

@@ -3,7 +3,6 @@
     padding: 0;
     box-sizing: border-box;
     position: relative;
-    outline-style: none;
 }
 
 html,
@@ -57,6 +56,8 @@ body {
 
 html {
     scrollbar-color: var(--accent-colour) var(--background-colour);
+    accent-color: var(--accent-colour);
+    color-scheme: dark;
 }
 
 .main {
@@ -117,6 +118,8 @@ html {
 @include permissions.css;
 @include warning.css;
 
+@include hljs.css;
+
 @include _input/button.css;
 @include _input/checkbox.css;
 @include _input/colour.css;
@@ -161,6 +164,8 @@ html {
 
 @include manage/_manage.css;
 
+@include messages/messages.css;
+
 @include news/container.css;
 @include news/feeds.css;
 @include news/list.css;

assets/misuzu.css/markdown.css

@@ -53,7 +53,6 @@
 .markdown code {
     padding: .2em .4em;
     margin: 0;
-    background-color: rgba(0, 0, 0, .7);
     border-radius: 2px;
 }
 .markdown del code { text-decoration: inherit; }
@@ -65,7 +64,6 @@
     overflow: hidden;
     line-height: inherit;
     word-wrap: break-word;
-    background: transparent;
     border: 0;
 }
 

assets/misuzu.css/messagebox.css

@@ -17,4 +17,5 @@
     display: flex;
     justify-content: center;
     padding: 5px;
+    gap: 5px;
 }

assets/misuzu.css/messages/actions.css

@@ -0,0 +1,37 @@
+.messages-actions-item {
+    display: flex;
+    align-items: center;
+    height: 30px;
+    margin: 1px;
+    font-size: 1.3em;
+    line-height: 1.4em;
+    color: #fff;
+    text-decoration: none;
+    transition: background-color .1s;
+    width: 100%;
+    border: 0;
+    background-color: inherit;
+    text-align: left;
+}
+.messages-actions-item:hover,
+.messages-actions-item:focus {
+    background-color: #444f;
+}
+.messages-actions-item:active,
+.messages-actions-item-current {
+    background-color: var(--accent-colour) !important;
+}
+.messages-actions-item[disabled] {
+    background-color: inherit !important;
+    opacity: .4;
+}
+.messages-actions-item-icon {
+    text-align: center;
+    width: 30px;
+    flex-grow: 0;
+    flex-shrink: 0;
+}
+.messages-actions-item-label {
+    flex-grow: 1;
+    flex-shrink: 1;
+}

assets/misuzu.css/messages/columns.css

@@ -0,0 +1,26 @@
+.messages-columns {
+    display: flex;
+    gap: 2px;
+}
+
+.messages-columns-sidebar {
+    width: 200px;
+    flex-shrink: 0;
+    flex-grow: 0;
+}
+
+.messages-columns-content {
+    flex-shrink: 1;
+    flex-grow: 1;
+    overflow: hidden;
+}
+
+@media (max-width: 800px) {
+    .messages-columns {
+        flex-direction: column;
+    }
+
+    .messages-columns-sidebar {
+        width: 100%;
+    }
+}

assets/misuzu.css/messages/entry.css

@@ -0,0 +1,80 @@
+.messages-entry {
+    color: inherit;
+    text-decoration: none;
+    display: flex;
+    flex-direction: column;
+    padding: 2px 4px;
+    gap: 4px;
+    overflow: hidden;
+    cursor: pointer;
+}
+.messages-entry-header {
+    display: flex;
+    font-size: 1.1em;
+    line-height: 1.6em;
+    border-bottom: 2px solid #9999;
+    gap: 2px;
+}
+.messages-entry-check {
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+}
+.messages-entry-check input {
+    display: block;
+}
+.messages-entry-unread {
+    flex-grow: 0;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+}
+.messages-entry-unread-orb {
+    width: 8px;
+    height: 8px;
+    background-color: var(--accent-colour);
+    border-radius: 100%;
+}
+.messages-entry-author {
+    font-weight: bold;
+    border-bottom: 2px solid var(--user-colour, currentColor);
+    margin: 0 0 -2px;
+    flex-grow: 0;
+    flex-shrink: 1;
+    overflow: hidden;
+    white-space: nowrap;
+}
+.messages-entry-spacing {
+    flex-grow: 1;
+    flex-shrink: 1;
+}
+.messages-entry-datetime {
+    flex-grow: 0;
+    flex-shrink: 0;
+    color: #aaa;
+    align-self: flex-end;
+}
+.messages-entry-subject {
+    line-height: 1.4em;
+    color: #fff;
+    overflow: hidden;
+}
+.messages-entry-preview {
+    line-height: 1.4em;
+    color: #888;
+    overflow: hidden;
+}
+.messages-entry-preview .messages-entry-overflow {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+.messages-entry-overflow {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}

assets/misuzu.css/messages/folder.css

@@ -0,0 +1,33 @@
+.messages-folder {
+    margin: 1px;
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    padding: 1px;
+}
+.messages-folder-item {
+    background-color: #161616;
+    transition: background-color .1s;
+}
+.messages-folder-item:nth-child(2n) {
+    background-color: #1f1f1f;
+}
+.messages-folder-item:hover,
+.messages-folder-item:focus {
+    background-color: #262626;
+}
+.messages-folder-item:active,
+.messages-folder-item-current {
+    background-color: var(--accent-colour) !important;
+}
+.messages-folder-notice {
+    text-align: center;
+    margin: 10px;
+}
+.messages-folder-notice-text {
+    font-size: 1.4em;
+    line-height: 1.5em;
+}
+.messages-folder .pagination {
+    margin-top: 2px;
+}

assets/misuzu.css/messages/message.css

@@ -0,0 +1,135 @@
+.messages-message {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 10px;
+}
+.messages-message-snippet {
+    cursor: pointer;
+    font-size: .9em;
+    line-height: 1.5em;
+    color: #888;
+    gap: 5px;
+    opacity: .8;
+    transition: opacity .1s;
+}
+.messages-message-snippet:hover,
+.messages-message-snippet:focus,
+.messages-message-snippet:focus-within {
+    opacity: 1;
+}
+.messages-message-draft {
+    border-top: 2px solid var(--accent-colour) !important;
+    border-left: 2px solid var(--accent-colour) !important;
+    border-right: 2px solid var(--accent-colour);
+    border-bottom: 2px solid var(--accent-colour);
+}
+.messages-message-deleted {
+    border-top: 2px solid red;
+    border-left: 2px solid red;
+    border-right: 2px solid red !important;
+    border-bottom: 2px solid red !important;
+}
+
+.messages-message-overflow {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.messages-message-header {
+    display: flex;
+    gap: 10px;
+    border-bottom: 1px #444 solid;
+    padding-bottom: 10px;
+    align-items: center;
+}
+
+.messages-message-sender-avatar {
+    flex-shrink: 0;
+    flex-grow: 0;
+    width: 40px;
+    height: 40px;
+}
+.messages-message-sender-avatar img {
+    object-fit: cover;
+}
+
+.messages-message-details {
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 1;
+    flex-grow: 1;
+    overflow: hidden;
+    gap: 2px;
+}
+.messages-message-details-spacing {
+    flex-grow: 1;
+    flex-shrink: 1;
+}
+
+.messages-message-header-columns {
+    display: flex;
+    gap: 2px;
+}
+.messages-message-sender-name {
+    flex-grow: 0;
+    flex-shrink: 1;
+    overflow: hidden;
+    white-space: nowrap;
+}
+.messages-message-sender-name a {
+    color: inherit;
+    text-decoration: none;
+    font-weight: 700;
+    border-bottom: 2px solid var(--user-colour, currentColor);
+}
+.messages-message-datetime {
+    flex-shrink: 0;
+    flex-grow: 0;
+    align-self: flex-end;
+    padding-bottom: 2px;
+}
+
+.messages-message-addressee {
+    display: flex;
+    gap: 4px;
+}
+.messages-message-addressee-to {
+    flex-shrink: 0;
+    flex-grow: 0;
+}
+.messages-message-addressee-user {
+    flex-shrink: 1;
+    flex-grow: 0;
+    overflow: hidden;
+    white-space: nowrap;
+}
+.messages-message-addressee-user a {
+    color: inherit;
+    text-decoration: none;
+    font-weight: 700;
+    border-bottom: 2px solid var(--user-colour, currentColor);
+}
+
+.messages-message-subject {
+    line-height: 2em;
+}
+
+.messages-message-body {
+    line-height: 1.4em;
+}
+.messages-message-body p:first-child {
+    margin-top: 0 !important;
+}
+.messages-message-body p:last-child {
+    margin-bottom: 0 !important;
+}
+
+.messages-message-snippet-body {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    line-height: 1.4em;
+}

assets/misuzu.css/messages/messages.css

@@ -0,0 +1,9 @@
+@include messages/actions.css;
+@include messages/columns.css;
+@include messages/entry.css;
+@include messages/folder.css;
+@include messages/message.css;
+@include messages/recipient.css;
+@include messages/reply.css;
+@include messages/sidebar.css;
+@include messages/thread.css;

assets/misuzu.css/messages/recipient.css

@@ -0,0 +1,17 @@
+.messages-recipient {
+    display: flex;
+    flex-direction: column;
+}
+
+.messages-recipient-avatar {
+    display: flex;
+    justify-content: center;
+    padding: 10px;
+}
+
+.messages-recipient-name {
+    padding: 5px;
+}
+.messages-recipient-name-input {
+    width: 100%;
+}

assets/misuzu.css/messages/reply.css

@@ -0,0 +1,52 @@
+.messages-reply-form {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    gap: 5px;
+    padding: 5px;
+}
+
+.messages-reply-subject-input {
+    width: 100%;
+}
+
+.messages-reply-body-input {
+    min-width: 100%;
+    max-width: 100%;
+    min-height: 100px;
+}
+.messages-reply-compose .messages-reply-body-input {
+    min-height: 300px;
+}
+
+.messages-reply-actions {
+    display: flex;
+    padding: 1px;
+    gap: 1px;
+}
+.messages-reply-action {
+    background-color: transparent;
+    border: 0;
+    display: block;
+    padding: 5px 10px;
+    color: inherit;
+    text-decoration: none;
+    transition: background-color .2s;
+    border-radius: 3px;
+    cursor: pointer;
+}
+.messages-reply-action:hover,
+.messages-reply-action:focus {
+    background-color: rgba(0, 0, 0, .2);
+}
+
+.messages-reply-options {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.messages-reply-settings {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}

assets/misuzu.css/messages/sidebar.css

@@ -0,0 +1,11 @@
+.messages-sidebar {
+    position: sticky;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+.messages-sidebar-button {
+    text-align: center;
+    padding: 10px;
+}

assets/misuzu.css/messages/thread.css

@@ -0,0 +1,5 @@
+.messages-thread {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+}

assets/misuzu.css/news/feeds.css

@@ -1,6 +1,6 @@
 .news__feeds {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 1fr;
     grid-gap: 2px;
     padding: 2px;
 }

assets/misuzu.js/csrfp.js

@@ -0,0 +1,40 @@
+#include utility.js
+
+const MszCSRFP = (() => {
+    let elem;
+    const getElement = () => {
+        if(elem === undefined)
+            elem = $q('meta[name="csrfp-token"]');
+        return elem;
+    };
+
+    const getToken = () => {
+        const elem = getElement();
+        return typeof elem.content === 'string' ? elem.content : '';
+    };
+
+    const setToken = token => {
+        if(typeof token !== 'string')
+            throw 'token must be a string';
+
+        const elem = getElement();
+        if(typeof elem.content === 'string')
+            elem.content = token;
+    };
+
+    return {
+        getToken: getToken,
+        setToken: setToken,
+        setFromHeaders: result => {
+            if(typeof result.headers !== 'function')
+                throw 'result.headers is not a function';
+
+            const headers = result.headers();
+            if(!(headers instanceof Map))
+                throw 'result of result.headers does not return a map';
+
+            if(headers.has('x-csrfp-token'))
+                setToken(headers.get('x-csrfp-token'));
+        },
+    };
+})();

assets/misuzu.js/embed.js

@@ -1,128 +0,0 @@
-#include utils.js
-#include uiharu.js
-#include aembed.js
-#include iembed.js
-#include vembed.js
-
-var MszEmbed = (function() {
-    let uiharu = undefined;
-
-    return {
-        init: function(endPoint) {
-            uiharu = new Uiharu(endPoint);
-        },
-        handle: function(targets) {
-            if(!Array.isArray(targets))
-                targets = Array.from(targets);
-
-            const filtered = new Map;
-            for(const target of targets) {
-                if(!(target instanceof HTMLElement)
-                    || !('dataset' in target)
-                    || !('mszEmbedUrl' in target.dataset))
-                    continue;
-
-                const cleanUrl = target.dataset.mszEmbedUrl.replace(/ /, '%20');
-                if(cleanUrl.indexOf('https://') !== 0
-                    && cleanUrl.indexOf('http://') !== 0
-                    && cleanUrl.indexOf('//') !== 0) {
-                    target.textContent = target.dataset.mszEmbedUrl;
-                    continue;
-                }
-
-                $rc(target);
-                target.appendChild($e({
-                    tag: 'i',
-                    attrs: {
-                        className: 'fas fa-2x fa-spinner fa-pulse',
-                        style: {
-                            width: '32px',
-                            height: '32px',
-                            lineHeight: '32px',
-                            textAlign: 'center',
-                        },
-                    },
-                }));
-
-                if(filtered.has(cleanUrl))
-                    filtered.get(cleanUrl).push(target);
-                else
-                    filtered.set(cleanUrl, [target]);
-            }
-
-            const replaceWithUrl = function(targets, url) {
-                for(const target of targets) {
-                    let body = $e({
-                        tag: 'a',
-                        attrs: {
-                            className: 'link',
-                            href: url,
-                            target: '_blank',
-                            rel: 'noopener noreferrer',
-                        },
-                        child: url
-                    });
-                    $ib(target, body);
-                    $r(target);
-                }
-            };
-
-            filtered.forEach(function(targets, url) {
-                uiharu.lookupOne(url, function(metadata) {
-                    if(metadata.error) {
-                        replaceWithUrl(targets, url);
-                        console.error(metadata.error);
-                        return;
-                    }
-
-                    if(metadata.title === undefined) {
-                        replaceWithUrl(targets, url);
-                        console.warn('Media is no longer available.');
-                        return;
-                    }
-
-                    let phc = undefined,
-                        options = {
-                            onembed: console.log,
-                        };
-
-                    if(metadata.type === 'youtube:video') {
-                        phc = MszVideoEmbedPlaceholder;
-                        options.type = 'youtube';
-                        options.player = MszVideoEmbedYouTube;
-                    } else if(metadata.type === 'niconico:video') {
-                        phc = MszVideoEmbedPlaceholder;
-                        options.type = 'nicovideo';
-                        options.player = MszVideoEmbedNicoNico;
-                    } else if(metadata.is_video) {
-                        phc = MszVideoEmbedPlaceholder;
-                        options.type = 'external';
-                        options.player = MszVideoEmbedPlayer;
-                        //options.frame = MszVideoEmbedFrame;
-                        options.nativeControls = true;
-                        options.autosize = false;
-                        options.maxWidth = 640;
-                        options.maxHeight = 360;
-                    } else if(metadata.is_audio) {
-                        phc = MszAudioEmbedPlaceholder;
-                        options.type = 'external';
-                        options.player = MszAudioEmbedPlayer;
-                        options.nativeControls = true;
-                    } else if(metadata.is_image) {
-                        phc = MszImageEmbed;
-                        options.type = 'external';
-                    }
-
-                    if(phc === undefined)
-                        return;
-
-                    for(const target of targets) {
-                        const placeholder = new phc(metadata, options, target);
-                        if(placeholder !== undefined)
-                            placeholder.replaceElement(target);
-                    }
-                });
-            });
-        },
-    };
-})();

assets/misuzu.js/embed/audio.js

@@ -1,4 +1,4 @@
-#include utils.js
+#include utility.js
 #include watcher.js
 
 const MszAudioEmbedPlayerEvents = function() {
@@ -56,7 +56,7 @@ const MszAudioEmbedPlayer = function(metadata, options) {
     if(haveNativeControls)
         playerAttrs.controls = 'controls';
 
-    const watchers = new MszWatcherCollection;
+    const watchers = new MszWatchers;
     watchers.define(MszAudioEmbedPlayerEvents());
 
     const player = $e({
@@ -84,7 +84,8 @@ const MszAudioEmbedPlayer = function(metadata, options) {
         getType: function() { return 'external'; },
     };
 
-    watchers.proxy(pub);
+    pub.watch = (name, handler) => watchers.watch(name, handler);
+    pub.unwatch = (name, handler) => watchers.unwatch(name, handler);
 
     player.addEventListener('play', function() { watchers.call('play', pub); });
 

assets/misuzu.js/embed/embed.js

@@ -0,0 +1,135 @@
+#include utility.js
+#include embed/audio.js
+#include embed/image.js
+#include embed/video.js
+#include ext/uiharu.js
+
+const MszEmbed = (function() {
+    let uiharu = undefined;
+
+    return {
+        init: function(endPoint) {
+            uiharu = new MszUiharu(endPoint);
+        },
+        handle: function(targets) {
+            if(!Array.isArray(targets))
+                targets = Array.from(targets);
+
+            const filtered = new Map;
+            for(const target of targets) {
+                if(!(target instanceof HTMLElement)
+                    || !('dataset' in target)
+                    || !('mszEmbedUrl' in target.dataset))
+                    continue;
+
+                const cleanUrl = target.dataset.mszEmbedUrl.replace(/ /, '%20');
+                if(cleanUrl.indexOf('https://') !== 0
+                    && cleanUrl.indexOf('http://') !== 0
+                    && cleanUrl.indexOf('//') !== 0) {
+                    target.textContent = target.dataset.mszEmbedUrl;
+                    continue;
+                }
+
+                $rc(target);
+                target.appendChild($e({
+                    tag: 'i',
+                    attrs: {
+                        className: 'fas fa-2x fa-spinner fa-pulse',
+                        style: {
+                            width: '32px',
+                            height: '32px',
+                            lineHeight: '32px',
+                            textAlign: 'center',
+                        },
+                    },
+                }));
+
+                if(filtered.has(cleanUrl))
+                    filtered.get(cleanUrl).push(target);
+                else
+                    filtered.set(cleanUrl, [target]);
+            }
+
+            const replaceWithUrl = function(targets, url) {
+                for(const target of targets) {
+                    let body = $e({
+                        tag: 'a',
+                        attrs: {
+                            className: 'link',
+                            href: url,
+                            target: '_blank',
+                            rel: 'noopener noreferrer',
+                        },
+                        child: url
+                    });
+                    $ib(target, body);
+                    $r(target);
+                }
+            };
+
+            filtered.forEach(function(targets, url) {
+                uiharu.lookupOne(url)
+                    .catch(ex => {
+                        replaceWithUrl(targets, url);
+                        console.error(ex);
+                    })
+                    .then(result => {
+                        const metadata = result.body();
+
+                        if(metadata.error) {
+                            replaceWithUrl(targets, url);
+                            console.error(metadata.error);
+                            return;
+                        }
+
+                        if(metadata.title === undefined) {
+                            replaceWithUrl(targets, url);
+                            console.warn('Media is no longer available.');
+                            return;
+                        }
+
+                        let phc = undefined,
+                            options = {
+                                onembed: console.log,
+                            };
+
+                        if(metadata.type === 'youtube:video') {
+                            phc = MszVideoEmbedPlaceholder;
+                            options.type = 'youtube';
+                            options.player = MszVideoEmbedYouTube;
+                        } else if(metadata.type === 'niconico:video') {
+                            phc = MszVideoEmbedPlaceholder;
+                            options.type = 'nicovideo';
+                            options.player = MszVideoEmbedNicoNico;
+                        } else if(metadata.is_video) {
+                            phc = MszVideoEmbedPlaceholder;
+                            options.type = 'external';
+                            options.player = MszVideoEmbedPlayer;
+                            //options.frame = MszVideoEmbedFrame;
+                            options.nativeControls = true;
+                            options.autosize = false;
+                            options.maxWidth = 640;
+                            options.maxHeight = 360;
+                        } else if(metadata.is_audio) {
+                            phc = MszAudioEmbedPlaceholder;
+                            options.type = 'external';
+                            options.player = MszAudioEmbedPlayer;
+                            options.nativeControls = true;
+                        } else if(metadata.is_image) {
+                            phc = MszImageEmbed;
+                            options.type = 'external';
+                        }
+
+                        if(phc === undefined)
+                            return;
+
+                        for(const target of targets) {
+                            const placeholder = new phc(metadata, options, target);
+                            if(placeholder !== undefined)
+                                placeholder.replaceElement(target);
+                        }
+                    });
+            });
+        },
+    };
+})();

assets/misuzu.js/embed/image.js

@@ -1,4 +1,4 @@
-#include utils.js
+#include utility.js
 
 const MszImageEmbed = function(metadata, options, target) {
     options = options || {};

assets/misuzu.js/embed/video.js

@@ -1,5 +1,5 @@
-#include utils.js
-#include rng.js
+#include utility.js
+#include uniqstr.js
 #include watcher.js
 
 const MszVideoEmbedPlayerEvents = function() {
@@ -229,7 +229,7 @@ const MszVideoEmbedPlayer = function(metadata, options) {
     videoAttrs.style.width = initialSize[0].toString() + 'px';
     videoAttrs.style.height = initialSize[1].toString() + 'px';
 
-    const watchers = new MszWatcherCollection;
+    const watchers = new MszWatchers;
     watchers.define(MszVideoEmbedPlayerEvents());
 
     const player = $e({
@@ -265,12 +265,13 @@ const MszVideoEmbedPlayer = function(metadata, options) {
         getHeight: function() { return height; },
     };
 
-    watchers.proxy(pub);
+    pub.watch = (name, handler) => watchers.watch(name, handler);
+    pub.unwatch = (name, handler) => watchers.unwatch(name, handler);
 
     if(shouldObserveResize)
         player.addEventListener('resize', function() { setSize(player.videoWidth, player.videoHeight); });
 
-    player.addEventListener('play', function() { watchers.call('play', pub); });
+    player.addEventListener('play', function() { watchers.call('play'); });
 
     const pPlay = function() { player.play(); };
     pub.play = pPlay;
@@ -280,7 +281,7 @@ const MszVideoEmbedPlayer = function(metadata, options) {
 
     let stopCalled = false;
     player.addEventListener('pause', function() {
-        watchers.call(stopCalled ? 'stop' : 'pause', pub);
+        watchers.call(stopCalled ? 'stop' : 'pause');
         stopCalled = false;
     });
 
@@ -301,9 +302,9 @@ const MszVideoEmbedPlayer = function(metadata, options) {
     player.addEventListener('volumechange', function() {
         if(lastMuteState !== player.muted) {
             lastMuteState = player.muted;
-            watchers.call('mute', pub, [lastMuteState]);
+            watchers.call('mute', lastMuteState);
         } else
-            watchers.call('volume', pub, [player.volume]);
+            watchers.call('volume', player.volume);
     });
 
     const pSetMuted = function(state) { player.muted = state; };
@@ -319,21 +320,21 @@ const MszVideoEmbedPlayer = function(metadata, options) {
     pub.getPlaybackRate = pGetPlaybackRate;
 
     player.addEventListener('ratechange', function() {
-        watchers.call('rate', pub, [player.playbackRate]);
+        watchers.call('rate', player.playbackRate);
     });
 
     const pSetPlaybackRate = function(rate) { player.playbackRate = rate; };
     pub.setPlaybackRate = pSetPlaybackRate;
 
     window.addEventListener('durationchange', function() {
-        watchers.call('duration', pub, [player.duration]);
+        watchers.call('duration', player.duration);
     });
 
     const pGetDuration = function() { return player.duration; };
     pub.getDuration = pGetDuration;
 
     window.addEventListener('timeupdate', function() {
-        watchers.call('time', pub, [player.currentTime]);
+        watchers.call('time', player.currentTime);
     });
 
     const pGetTime = function() { return player.currentTime; };
@@ -374,7 +375,7 @@ const MszVideoEmbedYouTube = function(metadata, options) {
         currentTime = undefined,
         isPlaying = undefined;
 
-    const watchers = new MszWatcherCollection;
+    const watchers = new MszWatchers;
     watchers.define(MszVideoEmbedPlayerEvents());
 
     const player = $e({
@@ -410,7 +411,8 @@ const MszVideoEmbedYouTube = function(metadata, options) {
         getPlayerId: function() { return playerId; },
     };
 
-    watchers.proxy(pub);
+    pub.watch = (name, handler) => watchers.watch(name, handler);
+    pub.unwatch = (name, handler) => watchers.unwatch(name, handler);
 
     const postMessage = function(data) {
         player.contentWindow.postMessage(JSON.stringify(data), ytOrigin);
@@ -463,33 +465,33 @@ const MszVideoEmbedYouTube = function(metadata, options) {
         lastPlayerState = state;
         if(eventName !== undefined && eventName !== lastPlayerStateEvent) {
             lastPlayerStateEvent = eventName;
-            watchers.call(eventName, pub);
+            watchers.call(eventName);
         }
     };
 
     const handleMuted = function(muted) {
         isMuted = muted;
-        watchers.call('mute', pub, [isMuted]);
+        watchers.call('mute', isMuted);
     };
 
     const handleVolume = function(value) {
         volume = value / 100;
-        watchers.call('volume', pub, [volume]);
+        watchers.call('volume', volume);
     };
 
     const handleRate = function(rate) {
         playbackRate = rate;
-        watchers.call('rate', pub, [playbackRate]);
+        watchers.call('rate', playbackRate);
     };
 
     const handleDuration = function(time) {
         duration = time;
-        watchers.call('duration', pub, [duration]);
+        watchers.call('duration', duration);
     };
 
     const handleTime = function(time) {
         currentTime = time;
-        watchers.call('time', pub, [currentTime]);
+        watchers.call('time', currentTime);
     };
 
     const handlePresetRates = function(rates) {
@@ -574,7 +576,7 @@ const MszVideoEmbedNicoNico = function(metadata, options) {
         currentTime = undefined,
         isPlaying = false;
 
-    const watchers = new MszWatcherCollection;
+    const watchers = new MszWatchers;
     watchers.define(MszVideoEmbedPlayerEvents());
 
     const player = $e({
@@ -610,7 +612,8 @@ const MszVideoEmbedNicoNico = function(metadata, options) {
         getPlayerId: function() { return playerId; },
     };
 
-    watchers.proxy(pub);
+    pub.watch = (name, handler) => watchers.watch(name, handler);
+    pub.unwatch = (name, handler) => watchers.unwatch(name, handler);
 
     const postMessage = function(name, data) {
         if(name === undefined)
@@ -660,28 +663,28 @@ const MszVideoEmbedNicoNico = function(metadata, options) {
 
         if(eventName !== undefined && eventName !== lastPlayerStateEvent) {
             lastPlayerStateEvent = eventName;
-            watchers.call(eventName, pub);
+            watchers.call(eventName);
         }
     };
 
     const handleMuted = function(muted) {
         isMuted = muted;
-        watchers.call('mute', pub, [isMuted]);
+        watchers.call('mute', isMuted);
     };
 
     const handleVolume = function(value) {
         volume = value;
-        watchers.call('volume', pub, [volume]);
+        watchers.call('volume', volume);
     };
 
     const handleDuration = function(time) {
         duration = time / 1000;
-        watchers.call('duration', pub, [duration]);
+        watchers.call('duration', duration);
     };
 
     const handleTime = function(time) {
         currentTime = time / 1000;
-        watchers.call('time', pub, [currentTime]);
+        watchers.call('time', currentTime);
     };
 
     const metadataHanders = {

assets/misuzu.js/events/christmas2019.js

@@ -1,35 +1,49 @@
-#include utils.js
+#include utility.js
 
-Misuzu.Events.Christmas2019 = function() {
-    this.propName = propName = 'msz-christmas-' + (new Date).getFullYear().toString();
-};
-Misuzu.Events.Christmas2019.prototype.changeColour = function() {
-    var count = parseInt(localStorage.getItem(this.propName));
-    document.body.style.setProperty('--header-accent-colour', (count++ % 2) ? 'green' : 'red');
-    localStorage.setItem(this.propName, count.toString());
-};
-Misuzu.Events.Christmas2019.prototype.isActive = function() {
-    var d = new Date;
+const MszChristmas2019EventInfo = function() {
+    return {
+        isActive: () => {
+            const d = new Date;
             return d.getMonth() === 11 && d.getDate() > 5 && d.getDate() < 27;
+        },
+        dispatch: () => {
+            const impl = new MszChristmas2019Event;
+            impl.dispatch();
+            return impl;
+        },
+    };
 };
-Misuzu.Events.Christmas2019.prototype.dispatch = function() {
-    var headerBg = $q('.header__background'),
-        menuBgs = $qa('.header__desktop__submenu__background');
 
-    if(!localStorage.getItem(this.propName))
-        localStorage.setItem(this.propName, '0');
+const MszChristmas2019Event = function() {
+    const propName = 'msz-christmas-' + (new Date).getFullYear().toString();
+    const headerBg = $q('.header__background');
+    const menuBgs = Array.from($qa('.header__desktop__submenu__background'));
 
+    if(!localStorage.getItem(propName))
+        localStorage.setItem(propName, '0');
+
+    const changeColour = () => {
+        let count = parseInt(localStorage.getItem(propName));
+        document.body.style.setProperty('--header-accent-colour', (count++ % 2) ? 'green' : 'red');
+        localStorage.setItem(propName, count.toString());
+    };
+
+    return {
+        changeColour: changeColour,
+        dispatch: () => {
             if(headerBg)
                 headerBg.style.transition = 'background-color .4s';
 
-    setTimeout(function() {
+            setTimeout(() => {
                 if(headerBg)
                     headerBg.style.transition = 'background-color 1s';
 
-        for(var i = 0; i < menuBgs.length; i++)
-            menuBgs[i].style.transition = 'background-color 1s';
+                for(const menuBg of menuBgs)
+                    menuBg.style.transition = 'background-color 1s';
             }, 1000);
 
-    this.changeColour();
-    setInterval(this.changeColour, 10000);
+            changeColour();
+            setInterval(changeColour, 10000);
+        },
+    };
 };

assets/misuzu.js/events/events.js

@@ -1,15 +1,15 @@
-Misuzu.Events = {};
+const MszSeasonalEvents = function() {
+    const events = [];
 
-#include events/christmas2019.js
-
-Misuzu.Events.getList = function() {
-    return [
-        new Misuzu.Events.Christmas2019,
-    ];
-};
-Misuzu.Events.dispatch = function() {
-    var list = Misuzu.Events.getList();
-    for(var i = 0; i < list.length; ++i)
-        if(list[i].isActive())
-            list[i].dispatch();
+    return {
+        add: eventInfo => {
+            if(!events.includes(eventInfo))
+                events.push(eventInfo);
+        },
+        dispatch: () => {
+            for(const info of events)
+                if(info.isActive())
+                    info.dispatch();
+        },
+    };
 };

assets/misuzu.js/ext/eeprom.js

@@ -0,0 +1,37 @@
+#include utility.js
+
+const MszEEPROM = (() => {
+    let eepromScript;
+
+    return {
+        init: () => {
+            return new Promise((resolve, reject) => {
+                if(eepromScript !== undefined) {
+                    resolve(false);
+                    return;
+                }
+
+                if(typeof peepPath !== 'string') {
+                    reject();
+                    return;
+                }
+
+                const scriptElem = $e({
+                    tag: 'script',
+                    attrs: {
+                        src: `${peepPath}/scripts/eepromv1a.js`,
+                        charset: 'utf-8',
+                        type: 'text/javascript',
+                        onerror: () => reject(),
+                        onload: () => {
+                            eepromScript = scriptElem;
+                            resolve(true);
+                        },
+                    },
+                });
+
+                document.body.appendChild(scriptElem);
+            });
+        },
+    };
+})();

assets/misuzu.js/ext/sakuya.js

@@ -1,4 +1,4 @@
-const Sakuya = (function() {
+const MszSakuya = (function() {
     const formatter = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' });
     const divisions = [
         { amount: 60, name: 'seconds' },

assets/misuzu.js/ext/uiharu.js

@@ -0,0 +1,15 @@
+#include utility.js
+
+const MszUiharu = function(apiUrl) {
+    const maxBatchSize = 4;
+    const lookupOneUrl = apiUrl + '/metadata';
+
+    return {
+        lookupOne: async targetUrl => {
+            if(typeof targetUrl !== 'string')
+                throw 'targetUrl must be a string';
+
+            return $x.post(lookupOneUrl, { type: 'json' }, targetUrl);
+        },
+    };
+};

assets/misuzu.js/forum/editor.js

@@ -1,437 +0,0 @@
-#include forum/forum.js
-
-Misuzu.Forum.Editor = {};
-Misuzu.Forum.Editor.allowWindowClose = false;
-Misuzu.Forum.Editor.init = function() {
-    const postingForm = $q('.js-forum-posting');
-    if(!postingForm)
-        return;
-
-    const postingButtons = postingForm.querySelector('.js-forum-posting-buttons'),
-        postingText = postingForm.querySelector('.js-forum-posting-text'),
-        postingParser = postingForm.querySelector('.js-forum-posting-parser'),
-        postingPreview = postingForm.querySelector('.js-forum-posting-preview'),
-        postingMode = postingForm.querySelector('.js-forum-posting-mode'),
-        previewButton = document.createElement('button'),
-        bbcodeButtons = $q('.forum__post__actions--bbcode'),
-        markdownButtons = $q('.forum__post__actions--markdown'),
-        markupButtons = $qa('.forum__post__action--tag');
-
-    // Initialise EEPROM, code sucks ass but it's getting nuked soon again anyway
-    if(typeof peepPath === 'string')
-        document.body.appendChild($e({
-            tag: 'script',
-            attrs: {
-                src: peepPath + '/eeprom.js',
-                charset: 'utf-8',
-                type: 'text/javascript',
-                onload: function() {
-                    const eepromClient = new EEPROM(peepApp, peepPath + '/uploads', '');
-
-                    const eepromHistory = $e({
-                        attrs: {
-                            className: 'eeprom-widget-history-items',
-                        },
-                    });
-
-                    const eepromHandleFileUpload = function(file) {
-                        const uploadElemNameValue = $e({
-                            attrs: {
-                                className: 'eeprom-widget-file-name-value',
-                                title: file.name,
-                            },
-                            child: file.name,
-                        });
-
-                        const uploadElemName = $e({
-                            tag: 'a',
-                            attrs: {
-                                className: 'eeprom-widget-file-name',
-                                target: '_blank',
-                            },
-                            child: uploadElemNameValue,
-                        });
-
-                        const uploadElemProgressText = $e({
-                            attrs: {
-                                className: 'eeprom-widget-file-progress',
-                            },
-                            child: 'Please wait...',
-                        });
-
-                        const uploadElemProgressBarValue = $e({
-                            attrs: {
-                                className: 'eeprom-widget-file-bar-fill',
-                                style: {
-                                    width: '0%',
-                                },
-                            },
-                        });
-
-                        const uploadElem = $e({
-                            attrs: {
-                                className: 'eeprom-widget-file',
-                            },
-                            child: [
-                                {
-                                    attrs: {
-                                        className: 'eeprom-widget-file-info',
-                                    },
-                                    child: [
-                                        uploadElemName,
-                                        uploadElemProgressText,
-                                    ],
-                                },
-                                {
-                                    attrs: {
-                                        className: 'eeprom-widget-file-bar',
-                                    },
-                                    child: uploadElemProgressBarValue,
-                                },
-                            ],
-                        });
-
-                        if(eepromHistory.children.length > 0)
-                            $ib(eepromHistory.firstChild, uploadElem);
-                        else
-                            eepromHistory.appendChild(uploadElem);
-
-                        const explodeUploadElem = function() {
-                            $r(uploadElem);
-                        };
-
-                        const uploadTask = eepromClient.createUpload(file);
-
-                        uploadTask.onProgress = function(progressInfo) {
-                            const progressValue = progressInfo.progress.toString() + '%';
-                            uploadElemProgressBarValue.style.width = progressValue;
-                            uploadElemProgressText.textContent = progressValue + ' (' + (progressInfo.total - progressInfo.loaded).toString() + ' bytes remaining)';
-                        };
-
-                        uploadTask.onFailure = function(errorInfo) {
-                            if(!errorInfo.userAborted) {
-                                let errorText = 'Was unable to upload file.';
-
-                                switch(errorInfo.error) {
-                                    case EEPROM.ERR_INVALID:
-                                        errorText = 'Upload request was invalid.';
-                                        break;
-                                    case EEPROM.ERR_AUTH:
-                                        errorText = 'Upload authentication failed, refresh and try again.';
-                                        break;
-                                    case EEPROM.ERR_ACCESS:
-                                        errorText = 'You\'re not allowed to upload files.';
-                                        break;
-                                    case EEPROM.ERR_GONE:
-                                        errorText = 'Upload client has a configuration error or the server is gone.';
-                                        break;
-                                    case EEPROM.ERR_DMCA:
-                                        errorText = 'This file has been uploaded before and was removed for copyright reasons, you cannot upload this file.';
-                                        break;
-                                    case EEPROM.ERR_SERVER:
-                                        errorText = 'Upload server returned a critical error, try again later.';
-                                        break;
-                                    case EEPROM.ERR_SIZE:
-                                        if(errorInfo.maxSize < 1)
-                                            errorText = 'Selected file is too large.';
-                                        else {
-                                            const _t = ['bytes', 'KB', 'MB', 'GB', 'TB'],
-                                                _i = parseInt(Math.floor(Math.log(errorInfo.maxSize) / Math.log(1024))),
-                                                _s = Math.round(errorInfo.maxSize / Math.pow(1024, _i), 2);
-
-                                            errorText = 'Upload may not be larger than %1 %2.'.replace('%1', _s).replace('%2', _t[_i]);
-                                        }
-                                        break;
-                                }
-
-                                uploadElem.classList.add('eeprom-widget-file-fail');
-                                uploadElemProgressText.textContent = errorText;
-                                Misuzu.showMessageBox(errorText, 'Upload Error');
-                            }
-                        };
-
-                        uploadTask.onComplete = function(fileInfo) {
-                            uploadElem.classList.add('eeprom-widget-file-done');
-                            uploadElemName.href = fileInfo.url;
-                            uploadElemProgressText.textContent = '';
-
-                            const insertTheLinkIntoTheBoxEx2 = function() {
-                                const parserMode = parseInt(postingParser.value);
-                                let insertText = location.protocol + fileInfo.url;
-
-                                if(parserMode == 1) { // bbcode
-                                    if(fileInfo.isImage())
-                                        insertText = '[img]' + fileInfo.url + '[/img]';
-                                    else if(fileInfo.isAudio())
-                                        insertText = '[audio]' + fileInfo.url + '[/audio]';
-                                    else if(fileInfo.isVideo())
-                                        insertText = '[video]' + fileInfo.url + '[/video]';
-                                } else if(parserMode == 2) { // markdown
-                                    if(fileInfo.isMedia())
-                                        insertText = '![](' + fileInfo.url + ')';
-                                }
-
-                                $insertTags(postingText, insertText, '');
-                                postingText.value = postingText.value.trim();
-                            };
-
-                            uploadElemProgressText.appendChild($e({
-                                tag: 'a',
-                                attrs: {
-                                    href: 'javascript:void(0);',
-                                    onclick: function() { insertTheLinkIntoTheBoxEx2(); },
-                                },
-                                child: 'Insert',
-                            }));
-                            uploadElemProgressText.appendChild($t(' '));
-                            uploadElemProgressText.appendChild($e({
-                                tag: 'a',
-                                attrs: {
-                                    href: 'javascript:void(0);',
-                                    onclick: function() {
-                                        eepromClient.deleteUpload(fileInfo).start();
-                                        explodeUploadElem();
-                                    },
-                                },
-                                child: 'Delete',
-                            }));
-
-                            insertTheLinkIntoTheBoxEx2();
-                        };
-
-                        uploadTask.start();
-                    };
-
-                    const eepromFormInput = $e({
-                        tag: 'input',
-                        attrs: {
-                            type: 'file',
-                            multiple: 'multiple',
-                            className: 'eeprom-widget-form-input',
-                            onchange: function(ev) {
-                                const files = this.files;
-                                for(const file of files)
-                                    eepromHandleFileUpload(file);
-                                this.value = '';
-                            },
-                        },
-                    });
-
-                    const eepromForm = $e({
-                        tag: 'label',
-                        attrs: {
-                            className: 'eeprom-widget-form',
-                        },
-                        child: [
-                            eepromFormInput,
-                            {
-                                attrs: {
-                                    className: 'eeprom-widget-form-text',
-                                },
-                                child: 'Select Files...',
-                            }
-                        ],
-                    });
-
-                    const eepromWidget = $e({
-                        attrs: {
-                            className: 'eeprom-widget',
-                        },
-                        child: [
-                            eepromForm,
-                            {
-                                attrs: {
-                                    className: 'eeprom-widget-history',
-                                },
-                                child: eepromHistory,
-                            },
-                        ],
-                    });
-                    postingForm.appendChild(eepromWidget);
-
-                    postingText.addEventListener('paste', function(ev) {
-                        if(ev.clipboardData && ev.clipboardData.files.length > 0) {
-                            ev.preventDefault();
-
-                            const files = ev.clipboardData.files;
-                            for(const file of files)
-                                eepromHandleFileUpload(file);
-                        }
-                    });
-
-                    document.body.addEventListener('dragenter', function(ev) {
-                        ev.preventDefault();
-                        ev.stopPropagation();
-                    });
-                    document.body.addEventListener('dragover', function(ev) {
-                        ev.preventDefault();
-                        ev.stopPropagation();
-                    });
-                    document.body.addEventListener('dragleave', function(ev) {
-                        ev.preventDefault();
-                        ev.stopPropagation();
-                    });
-                    document.body.addEventListener('drop', function(ev) {
-                        ev.preventDefault();
-                        ev.stopPropagation();
-                        if(ev.dataTransfer && ev.dataTransfer.files.length > 0) {
-                            const files = ev.dataTransfer.files;
-                            for(const file of files)
-                                eepromHandleFileUpload(file);
-                        }
-                    });
-                },
-                onerror: function(ev) {
-                    console.error('Failed to initialise EEPROM: ', ev);
-                },
-            },
-        }));
-
-    // hack: don't prompt user when hitting submit, really need to make this not stupid.
-    postingButtons.firstElementChild.addEventListener('click', function() {
-        Misuzu.Forum.Editor.allowWindowClose = true;
-    });
-
-    window.addEventListener('beforeunload', function(ev) {
-        if(!Misuzu.Forum.Editor.allowWindowClose && postingText.value.length > 0) {
-            ev.preventDefault();
-            ev.returnValue = '';
-        }
-    });
-
-    for(var i = 0; i < markupButtons.length; ++i)
-        (function(currentBtn) {
-            currentBtn.addEventListener('click', function(ev) {
-                $insertTags(postingText, currentBtn.dataset.tagOpen, currentBtn.dataset.tagClose);
-            });
-        })(markupButtons[i]);
-
-    Misuzu.Forum.Editor.switchButtons(parseInt(postingParser.value));
-
-    var lastPostText = '',
-        lastPostParser = null;
-
-    postingParser.addEventListener('change', function() {
-        var postParser = parseInt(postingParser.value);
-        Misuzu.Forum.Editor.switchButtons(postParser);
-
-        if(postingPreview.hasAttribute('hidden'))
-            return;
-
-        // dunno if this would even be possible, but ech
-        if(postParser === lastPostParser)
-            return;
-
-        postingParser.setAttribute('disabled', 'disabled');
-        previewButton.setAttribute('disabled', 'disabled');
-        previewButton.classList.add('input__button--busy');
-
-        Misuzu.Forum.Editor.renderPreview(postParser, lastPostText, function(success, text) {
-            if(!success) {
-                Misuzu.showMessageBox(text);
-                return;
-            }
-
-            postingPreview.classList[postParser == 2 ? 'add' : 'remove']('markdown');
-
-            lastPostParser = postParser;
-            postingPreview.innerHTML = text;
-            MszEmbed.handle($qa('.js-msz-embed-media'));
-
-            previewButton.removeAttribute('disabled');
-            postingParser.removeAttribute('disabled');
-            previewButton.classList.remove('input__button--busy');
-        });
-    });
-
-    previewButton.className = 'input__button';
-    previewButton.textContent = 'Preview';
-    previewButton.type = 'button';
-    previewButton.value = 'preview';
-    previewButton.addEventListener('click', function() {
-        if(previewButton.value === 'back') {
-            postingPreview.setAttribute('hidden', 'hidden');
-            postingText.removeAttribute('hidden');
-            previewButton.value = 'preview';
-            previewButton.textContent = 'Preview';
-            postingMode.textContent = postingMode.dataset.original;
-            postingMode.dataset.original = null;
-        } else {
-            var postText = postingText.value,
-                postParser = parseInt(postingParser.value);
-
-            if(lastPostText === postText && lastPostParser === postParser) {
-                postingPreview.removeAttribute('hidden');
-                postingText.setAttribute('hidden', 'hidden');
-                previewButton.value = 'back';
-                previewButton.textContent = 'Edit';
-                postingMode.dataset.original = postingMode.textContent;
-                postingMode.textContent = 'Previewing';
-                return;
-            }
-
-            postingParser.setAttribute('disabled', 'disabled');
-            previewButton.setAttribute('disabled', 'disabled');
-            previewButton.classList.add('input__button--busy');
-
-            Misuzu.Forum.Editor.renderPreview(postParser, postText, function(success, text) {
-                if(!success) {
-                    Misuzu.showMessageBox(text);
-                    return;
-                }
-
-                postingPreview.classList[postParser == 2 ? 'add' : 'remove']('markdown');
-
-                lastPostText = postText;
-                lastPostParser = postParser;
-                postingPreview.innerHTML = text;
-                MszEmbed.handle($qa('.js-msz-embed-media'));
-
-                postingPreview.removeAttribute('hidden');
-                postingText.setAttribute('hidden', 'hidden');
-                previewButton.value = 'back';
-                previewButton.textContent = 'Back';
-                previewButton.removeAttribute('disabled');
-                postingParser.removeAttribute('disabled');
-                previewButton.classList.remove('input__button--busy');
-                postingMode.dataset.original = postingMode.textContent;
-                postingMode.textContent = 'Previewing';
-            });
-        }
-    });
-
-    postingButtons.insertBefore(previewButton, postingButtons.firstChild);
-};
-Misuzu.Forum.Editor.switchButtons = function(parser) {
-    var bbcodeButtons = $q('.forum__post__actions--bbcode'),
-        markdownButtons = $q('.forum__post__actions--markdown');
-
-    bbcodeButtons.hidden = parser != 1;
-    markdownButtons.hidden = parser != 2;
-};
-Misuzu.Forum.Editor.renderPreview = function(parser, text, callback) {
-    if(!callback)
-        return;
-    parser = parseInt(parser);
-    text = text || '';
-
-    var xhr = new XMLHttpRequest,
-        formData = new FormData;
-
-    formData.append('post[mode]', 'preview');
-    formData.append('post[text]', text);
-    formData.append('post[parser]', parser.toString());
-
-    xhr.addEventListener('readystatechange', function() {
-        if(xhr.readyState !== XMLHttpRequest.DONE)
-            return;
-        if(xhr.status === 200)
-            callback(true, xhr.response);
-        else
-            callback(false, 'Failed to render preview.');
-    });
-    // need to figure out a url registry system again, current one is too much overhead so lets just do this for now
-    xhr.open('POST', '/forum/posting.php');
-    xhr.withCredentials = true;
-    xhr.send(formData);
-};

assets/misuzu.js/forum/editor.jsx

@@ -0,0 +1,291 @@
+#include msgbox.jsx
+#include parsing.js
+#include utility.js
+#include ext/eeprom.js
+
+let MszForumEditorAllowClose = false;
+
+const MszForumEditor = function(form) {
+    if(!(form instanceof Element))
+        throw 'form must be an instance of element';
+
+    const buttonsElem = form.querySelector('.js-forum-posting-buttons'),
+        textElem = form.querySelector('.js-forum-posting-text'),
+        parserElem = form.querySelector('.js-forum-posting-parser'),
+        previewElem = form.querySelector('.js-forum-posting-preview'),
+        modeElem = form.querySelector('.js-forum-posting-mode'),
+        markupActs = form.querySelector('.js-forum-posting-actions');
+
+    let lastPostText = '',
+        lastPostParser;
+
+    MszEEPROM.init()
+        .catch(() => console.error('Failed to initialise EEPROM'))
+        .then(() => {
+            const eepromClient = new EEPROM(peepApp, peepPath);
+            const eepromHistory = <div class="eeprom-widget-history-items"/>;
+
+            const eepromHandleFileUpload = async file => {
+                const uploadElemNameValue = <div class="eeprom-widget-file-name-value" title={file.name}>{file.name}</div>;
+                const uploadElemName = <a class="eeprom-widget-file-name" target="_blank">{uploadElemNameValue}</a>;
+                const uploadElemProgressText = <div class="eeprom-widget-file-progress">Please wait...</div>;
+                const uploadElemProgressBarValue = <div class="eeprom-widget-file-bar-fill" style={{ width: '0%' }}/>;
+                const uploadElem = <div class="eeprom-widget-file">
+                    <div class="eeprom-widget-file-info">
+                        {uploadElemName}
+                        {uploadElemProgressText}
+                    </div>
+                    <div class="eeprom-widget-file-bar">
+                        {uploadElemProgressBarValue}
+                    </div>
+                </div>;
+
+                if(eepromHistory.children.length > 0)
+                    $ib(eepromHistory.firstChild, uploadElem);
+                else
+                    eepromHistory.appendChild(uploadElem);
+
+                const explodeUploadElem = () => $r(uploadElem);
+                const uploadTask = eepromClient.create(file);
+
+                uploadTask.onProgress(prog => {
+                    uploadElemProgressBarValue.style.width = `${Math.ceil(prog.progress * 100)}%`;
+                    uploadElemProgressText.textContent = `${prog.progress.toLocaleString(undefined, { style: 'percent' })} (${prog.total - prog.loaded} bytes remaining)`;
+                });
+
+                try {
+                    const fileInfo = await uploadTask.start();
+
+                    uploadElem.classList.add('eeprom-widget-file-done');
+                    uploadElemName.href = fileInfo.url;
+                    uploadElemProgressText.textContent = '';
+
+                    const insertTheLinkIntoTheBoxEx2 = () => {
+                        const parserMode = parseInt(parserElem.value);
+                        let insertText = location.protocol + fileInfo.url;
+
+                        if(parserMode == 1) { // bbcode
+                            if(fileInfo.isImage())
+                                insertText = `[img]${fileInfo.url}[/img]`;
+                            else if(fileInfo.isAudio())
+                                insertText = `[audio]${fileInfo.url}[/audio]`;
+                            else if(fileInfo.isVideo())
+                                insertText = `[video]${fileInfo.url}[/video]`;
+                        } else if(parserMode == 2) { // markdown
+                            if(fileInfo.isMedia())
+                                insertText = `![](${fileInfo.url})`;
+                        }
+
+                        $insertTags(textElem, insertText, '');
+                        textElem.value = textElem.value.trim();
+                    };
+
+                    uploadElemProgressText.appendChild(<a href="javascript:void(0)" onclick={() => insertTheLinkIntoTheBoxEx2()}>Insert</a>);
+                    uploadElemProgressText.appendChild($t(' '));
+                    uploadElemProgressText.appendChild(<a href="javascript:void(0)" onclick={() => {
+                        eepromClient.delete(fileInfo)
+                            .then(() => explodeUploadElem())
+                            .catch(ex => {
+                                console.error(ex);
+                                MszShowMessageBox(ex, 'Upload Error');
+                            });
+                    }}>Delete</a>);
+
+                    insertTheLinkIntoTheBoxEx2();
+                } catch(ex) {
+                    let errorText = 'Upload aborted.';
+
+                    if(!ex.aborted) {
+                        console.error(ex);
+                        errorText = ex.toString();
+                    }
+
+                    uploadElem.classList.add('eeprom-widget-file-fail');
+                    uploadElemProgressText.textContent = errorText;
+                    await MszShowMessageBox(errorText, 'Upload Error');
+                }
+            };
+
+            const eepromFormInput = <input type="file" multiple={true} class="eeprom-widget-form-input"
+                onchange={() => {
+                    const files = eepromFormInput.files;
+                    for(const file of files)
+                        eepromHandleFileUpload(file);
+                    eepromFormInput.value = '';
+                }}/>;
+
+            const eepromForm = <label class="eeprom-widget-form">
+                {eepromFormInput}
+                <div class="eeprom-widget-form-text">
+                    Select Files...
+                </div>
+            </label>;
+
+            const eepromWidget = <div class="eeprom-widget">
+                {eepromForm}
+                <div class="eeprom-widget-history">
+                    {eepromHistory}
+                </div>
+            </div>;
+
+            form.appendChild(eepromWidget);
+
+            textElem.addEventListener('paste', ev => {
+                if(ev.clipboardData && ev.clipboardData.files.length > 0) {
+                    ev.preventDefault();
+
+                    const files = ev.clipboardData.files;
+                    for(const file of files)
+                        eepromHandleFileUpload(file);
+                }
+            });
+
+            document.body.addEventListener('dragenter', ev => {
+                ev.preventDefault();
+                ev.stopPropagation();
+            });
+            document.body.addEventListener('dragover', ev => {
+                ev.preventDefault();
+                ev.stopPropagation();
+            });
+            document.body.addEventListener('dragleave', ev => {
+                ev.preventDefault();
+                ev.stopPropagation();
+            });
+            document.body.addEventListener('drop', ev => {
+                ev.preventDefault();
+                ev.stopPropagation();
+
+                if(ev.dataTransfer && ev.dataTransfer.files.length > 0) {
+                    const files = ev.dataTransfer.files;
+                    for(const file of files)
+                        eepromHandleFileUpload(file);
+                }
+            });
+        });
+
+    // hack: don't prompt user when hitting submit, really need to make this not stupid.
+    buttonsElem.firstChild.addEventListener('click', () => MszForumEditorAllowClose = true);
+
+    window.addEventListener('beforeunload', function(ev) {
+        if(!MszForumEditorAllowClose && textElem.value.length > 0) {
+            ev.preventDefault();
+            ev.returnValue = '';
+        }
+    });
+
+    const switchButtons = parser => {
+        $rc(markupActs);
+
+        const tags = MszParsing.getTagsFor(parser);
+        for(const tag of tags)
+            markupActs.appendChild(<button class={['forum__post__action', 'forum__post__action--tag', `forum__post__action--${tag.name}`]}
+                type="button" title={tag.summary} onclick={() => $insertTags(textElem, tag.open, tag.close)}>
+                <i class={tag.icon}/>
+            </button>);
+    };
+
+    const renderPreview = async (parser, text) => {
+        if(typeof text !== 'string')
+            return '';
+
+        const formData = new FormData;
+        formData.append('post[mode]', 'preview');
+        formData.append('post[text]', text);
+        formData.append('post[parser]', parseInt(parser));
+
+        const result = await $x.post('/forum/posting.php', { authed: true }, formData);
+
+        return result.body();
+    };
+
+    const previewBtn = <button class="input__button" type="button" value="preview">Preview</button>;
+    previewBtn.addEventListener('click', function() {
+        if(previewBtn.value === 'back') {
+            previewElem.setAttribute('hidden', 'hidden');
+            textElem.removeAttribute('hidden');
+            previewBtn.value = 'preview';
+            previewBtn.textContent = 'Preview';
+            modeElem.textContent = modeElem.dataset.original;
+            modeElem.dataset.original = null;
+        } else {
+            const postText = textElem.value,
+                postParser = parseInt(parserElem.value);
+
+            if(lastPostText === postText && lastPostParser === postParser) {
+                previewElem.removeAttribute('hidden');
+                textElem.setAttribute('hidden', 'hidden');
+                previewBtn.value = 'back';
+                previewBtn.textContent = 'Edit';
+                modeElem.dataset.original = modeElem.textContent;
+                modeElem.textContent = 'Previewing';
+                return;
+            }
+
+            parserElem.setAttribute('disabled', 'disabled');
+            previewBtn.setAttribute('disabled', 'disabled');
+            previewBtn.classList.add('input__button--busy');
+
+            renderPreview(postParser, postText)
+                .catch(() => {
+                    previewElem.innerHTML = '';
+                    MszShowMessageBox('Failed to render preview.');
+                })
+                .then(body => {
+                    previewElem.classList.toggle('markdown', postParser === 2);
+
+                    lastPostText = postText;
+                    lastPostParser = postParser;
+                    previewElem.innerHTML = body;
+
+                    MszEmbed.handle($qa('.js-msz-embed-media'));
+
+                    previewElem.removeAttribute('hidden');
+                    textElem.setAttribute('hidden', 'hidden');
+                    previewBtn.value = 'back';
+                    previewBtn.textContent = 'Back';
+                    previewBtn.removeAttribute('disabled');
+                    parserElem.removeAttribute('disabled');
+                    previewBtn.classList.remove('input__button--busy');
+                    modeElem.dataset.original = modeElem.textContent;
+                    modeElem.textContent = 'Previewing';
+                });
+        }
+    });
+    buttonsElem.insertBefore(previewBtn, buttonsElem.firstChild);
+
+    switchButtons(parserElem.value);
+
+    parserElem.addEventListener('change', () => {
+        const postParser = parseInt(parserElem.value);
+        switchButtons(postParser);
+
+        if(previewElem.hasAttribute('hidden'))
+            return;
+
+        // dunno if this would even be possible, but ech
+        if(postParser === lastPostParser)
+            return;
+
+        parserElem.setAttribute('disabled', 'disabled');
+        previewBtn.setAttribute('disabled', 'disabled');
+        previewBtn.classList.add('input__button--busy');
+
+        renderPreview(postParser, lastPostText)
+            .catch(() => {
+                previewElem.innerHTML = '';
+                MszShowMessageBox('Failed to render preview.');
+            })
+            .then(body => {
+                previewElem.classList.add('markdown', postParser === 2);
+                lastPostParser = postParser;
+                previewElem.innerHTML = body;
+
+                MszEmbed.handle($qa('.js-msz-embed-media'));
+
+                previewBtn.removeAttribute('disabled');
+                parserElem.removeAttribute('disabled');
+                previewBtn.classList.remove('input__button--busy');
+            });
+    });
+};

assets/misuzu.js/forum/forum.js

@@ -1 +0,0 @@
-Misuzu.Forum = {};

assets/misuzu.js/main.js

@@ -1,135 +1,90 @@
-#include sakuya.js
-
-var Misuzu = function() {
-    Sakuya.trackElements($qa('time'));
-    hljs.initHighlighting();
-
-    MszEmbed.init(location.protocol + '//uiharu.' + location.host);
-
-    Misuzu.initQuickSubmit(); // only used by the forum posting form
-    Misuzu.Forum.Editor.init();
-    Misuzu.Events.dispatch();
-    Misuzu.initLoginPage();
-
-    MszEmbed.handle($qa('.js-msz-embed-media'));
-};
-
-#include utils.js
-#include embed.js
-#include forum/editor.js
+#include utility.js
+#include embed/embed.js
+#include events/christmas2019.js
 #include events/events.js
+#include ext/sakuya.js
+#include forum/editor.jsx
+#include messages/messages.js
 
-Misuzu.showMessageBox = function(text, title, buttons) {
-    if($q('.messagebox'))
-        return false;
-
-    text = text || '';
-    title = title || '';
-    buttons = buttons || [];
-
-    var element = document.createElement('div');
-    element.className = 'messagebox';
-
-    var container = element.appendChild(document.createElement('div'));
-    container.className = 'container messagebox__container';
-
-    var titleElement = container.appendChild(document.createElement('div')),
-        titleBackground = titleElement.appendChild(document.createElement('div')),
-        titleText = titleElement.appendChild(document.createElement('div'));
-
-    titleElement.className = 'container__title';
-    titleBackground.className = 'container__title__background';
-    titleText.className = 'container__title__text';
-    titleText.textContent = title || 'Information';
-
-    var textElement = container.appendChild(document.createElement('div'));
-    textElement.className = 'container__content';
-    textElement.textContent = text;
-
-    var buttonsContainer = container.appendChild(document.createElement('div'));
-    buttonsContainer.className = 'messagebox__buttons';
-
-    var firstButton = null;
-
-    if(buttons.length < 1) {
-        firstButton = buttonsContainer.appendChild(document.createElement('button'));
-        firstButton.className = 'input__button';
-        firstButton.textContent = 'OK';
-        firstButton.addEventListener('click', function() { element.remove(); });
-    } else {
-        for(var i = 0; i < buttons.length; i++) {
-            var button = buttonsContainer.appendChild(document.createElement('button'));
-            button.className = 'input__button';
-            button.textContent = buttons[i].text;
-            button.addEventListener('click', function() {
-                element.remove();
-                buttons[i].callback();
-            });
-
-            if(firstButton === null)
-                firstButton = button;
-        }
-    }
-
-    document.body.appendChild(element);
-    firstButton.focus();
-    return true;
-};
-Misuzu.initLoginPage = function() {
-    var updateForm = function(avatarElem, usernameElem) {
-        var xhr = new XMLHttpRequest;
-        xhr.addEventListener('readystatechange', function() {
-            if(xhr.readyState !== 4)
+(async () => {
+    const initLoginPage = async () => {
+        const forms = Array.from($qa('.js-login-form'));
+        if(forms.length < 1)
             return;
 
-            var json = JSON.parse(xhr.responseText);
-            if(!json)
+        const updateForm = async (avatar, userName) => {
+            if(!(avatar instanceof Element) || !(userName instanceof Element))
                 return;
 
-            if(json.name)
-                usernameElem.value = json.name;
-            avatarElem.src = json.avatar;
-        });
-        // need to figure out a url registry system again, current one is too much overhead so lets just do this for now
-        xhr.open('GET', '/auth/login.php?resolve=1&name=' + encodeURIComponent(usernameElem.value));
-        xhr.send();
+            const result = (await $x.get(`/auth/login.php?resolve=1&name=${encodeURIComponent(userName.value)}`, { type: 'json' })).body();
+
+            avatar.src = result.avatar;
+            if(result.name.length > 0)
+                userName.value = result.name;
         };
 
-    var loginForms = $c('js-login-form');
+        for(const form of forms) {
+            const avatar = form.querySelector('.js-login-avatar');
+            const userName = form.querySelector('.js-login-username');
+            let timeOut;
 
-    for(var i = 0; i < loginForms.length; ++i)
-        (function(form) {
-            var loginTimeOut = 0,
-                loginAvatar = form.querySelector('.js-login-avatar'),
-                loginUsername = form.querySelector('.js-login-username');
+            await updateForm(avatar, userName);
 
-            updateForm(loginAvatar, loginUsername);
-            loginUsername.addEventListener('keyup', function() {
-                if(loginTimeOut)
+            userName.addEventListener('input', function() {
+                if(timeOut !== undefined)
                     return;
-                loginTimeOut = setTimeout(function() {
-                    updateForm(loginAvatar, loginUsername);
-                    clearTimeout(loginTimeOut);
-                    loginTimeOut = 0;
+
+                timeOut = setTimeout(() => {
+                    updateForm(avatar, userName)
+                        .finally(() => {
+                            clearTimeout(timeOut);
+                            timeOut = undefined;
+                        });
                 }, 750);
             });
-        })(loginForms[i]);
-};
-Misuzu.initQuickSubmit = function() {
-    var ctrlSubmit = Array.from($qa('.js-quick-submit, .js-ctrl-enter-submit'));
-    if(!ctrlSubmit)
+        }
+    };
+
+    const initQuickSubmit = () => {
+        const elems = Array.from($qa('.js-quick-submit, .js-ctrl-enter-submit'));
+        if(elems.length < 1)
             return;
 
-    for(var i = 0; i < ctrlSubmit.length; ++i)
-        ctrlSubmit[i].addEventListener('keydown', function(ev) {
-            if((ev.code === 'Enter' || ev.code === 'NumpadEnter') // i hate this fucking language so much
-                && ev.ctrlKey && !ev.altKey && !ev.shiftKey && !ev.metaKey) {
+        for(const elem of elems)
+            elem.addEventListener('keydown', ev => {
+                if((ev.code === 'Enter' || ev.code === 'NumpadEnter') && ev.ctrlKey && !ev.altKey && !ev.shiftKey && !ev.metaKey) {
                     // hack: prevent forum editor from screaming when using this keycombo
                     //       can probably be done in a less stupid manner
-                Misuzu.Forum.Editor.allowWindowClose = true;
+                    MszForumEditorAllowClose = true;
 
-                this.form.submit();
+                    elem.form.submit();
                     ev.preventDefault();
                 }
             });
-};
+    };
+
+    try {
+        MszSakuya.trackElements($qa('time'));
+        hljs.highlightAll();
+
+        MszEmbed.init(`${location.protocol}//uiharu.${location.host}`);
+
+        // only used by the forum posting form
+        initQuickSubmit();
+        const forumPostingForm = $q('.js-forum-posting');
+        if(forumPostingForm !== null)
+            MszForumEditor(forumPostingForm);
+
+        const events = new MszSeasonalEvents;
+        events.add(new MszChristmas2019EventInfo);
+        events.dispatch();
+
+        await initLoginPage();
+
+        MszMessages();
+
+        MszEmbed.handle($qa('.js-msz-embed-media'));
+    } catch(ex) {
+        console.error(ex);
+    }
+})();

assets/misuzu.js/messages/actbtn.js

@@ -0,0 +1,89 @@
+#include watcher.js
+
+const MszMessagesActionButton = function(button, stateless) {
+    if(!(button instanceof Element))
+        throw 'button must be an element';
+
+    const stateful = !stateless;
+    const pub = {};
+
+    const icon = button.querySelector('.js-messages-button-icon i');
+    const label = button.querySelector('.js-messages-button-label');
+
+    const update = () => {
+        if(stateful) {
+            icon.className = button.dataset[`${button.dataset.state}Ico`];
+            label.textContent = button.dataset[`${button.dataset.state}Str`];
+        }
+    };
+    pub.update = update;
+
+    const stateWatcher = new MszWatcher;
+    const getState = () => button.dataset.state !== 'inactive';
+    const setState = state => {
+        button.dataset.state = state ? 'active' : 'inactive';
+        update();
+        stateWatcher.call(getState());
+    };
+
+    if(stateful) {
+        pub.getState = getState;
+        pub.setState = setState;
+        pub.watchState = handler => { stateWatcher.watch(handler, getState()); };
+        pub.unwatchState = handler => { stateWatcher.unwatch(handler); };
+    }
+
+    let clickAction;
+    const click = async () => {
+        if(clickAction !== undefined) {
+            if(stateful) {
+                const result = await clickAction(getState());
+                if(typeof result === 'boolean')
+                    setState(result);
+            } else
+                await clickAction();
+        }
+    };
+    pub.click = click;
+
+    button.addEventListener('click', () => click());
+
+    update();
+
+    pub.setAction = action => {
+        if(typeof action !== 'function')
+            throw 'action must be a function';
+        clickAction = action;
+    };
+
+    let preventEnable = false;
+
+    pub.getEnabled = () => !button.disabled;
+    pub.setEnabled = state => {
+        if(!preventEnable)
+            button.disabled = !state;
+    };
+    pub.disableWith = async callback => {
+        if(typeof callback !== 'function')
+            throw 'callback must be a function';
+        if(preventEnable)
+            throw 'preventEnable is true';
+
+        preventEnable = true;
+        const wasDisabled = button.disabled;
+        button.disabled = true;
+
+        try {
+            return await callback();
+        } finally {
+            button.disabled = wasDisabled;
+            preventEnable = false;
+        }
+    };
+
+    pub.setHidden = state => {
+        button.hidden = state;
+    };
+
+    return pub;
+};

assets/misuzu.js/messages/list.js

@@ -0,0 +1,167 @@
+#include utility.js
+#include watcher.js
+
+const MsgMessagesList = function(list) {
+    if(!(list instanceof Element))
+        throw 'list must be an element';
+
+    const watchers = new MszWatchers;
+    watchers.define(['select']);
+
+    let selectedCount = 0;
+
+    const items = Array.from(list.querySelectorAll('.js-messages-entry')).map(elem => {
+        const item = new MsgMessagesEntry(elem);
+        item.onSelectedChange((state, initial) => {
+            if(state)
+                ++selectedCount;
+            else if(!initial)
+                --selectedCount;
+
+            if(!initial)
+                watchers.call('select', selectedCount, items.length);
+        });
+        return item;
+    });
+
+    const recountSelected = () => {
+        selectedCount = 0;
+
+        for(const item of items)
+            if(item.getSelected())
+                ++selectedCount;
+    };
+
+    const onSelectedChange = handler => {
+        watchers.watch('select', handler, selectedCount, items.length);
+    };
+
+    onSelectedChange(selectedCount => {
+        const state = selectedCount > 0;
+        for(const item of items)
+            item.setClickIsSelect(state);
+    });
+
+    return {
+        getItems: () => items,
+        getItemsCount: () => items.length,
+        getSelectedItems: () => {
+            const selected = [];
+
+            for(const item of items)
+                if(item.getSelected())
+                    selected.push(item);
+
+            return selected;
+        },
+        removeItem: item => {
+            $ari(items, item);
+            $r(item.getElement());
+            recountSelected();
+            watchers.call('select', selectedCount, items.length);
+        },
+        getAllSelected: () => {
+            if(items.length < 1)
+                return false;
+
+            for(const item of items)
+                if(!item.getSelected())
+                    return false;
+
+            return true;
+        },
+        setAllSelected: state => {
+            for(const item of items)
+                item.setSelected(state);
+            selectedCount = state ? items.length : 0;
+            watchers.call('select', selectedCount, items.length);
+        },
+        onSelectedChange: onSelectedChange,
+    };
+};
+
+const MsgMessagesEntry = function(entry) {
+    if(!(entry instanceof Element))
+        throw 'entry must be an element';
+
+    const msgId = entry.dataset.msgId;
+
+    const unreadElem = entry.querySelector('.js-messages-entry-unread');
+    const isRead = () => entry.dataset.msgRead === 'read';
+    const setRead = state => {
+        if(state) {
+            entry.dataset.msgRead = 'read';
+            unreadElem.hidden = true;
+        } else {
+            entry.dataset.msgRead = 'unread';
+            unreadElem.hidden = false;
+        }
+    };
+
+    const isSent = () => entry.dataset.msgSent === 'sent';
+    const setSent = state => {
+        entry.dataset.msgRead = state ? 'sent' : 'draft';
+    };
+
+    const checkbox = entry.querySelector('.js-entry-checkbox');
+    const getSelected = () => checkbox.checked;
+    const setSelected = state => checkbox.checked = state;
+    const toggleSelected = () => checkbox.checked = !checkbox.checked;
+
+    let clickIsSelect = false;
+
+    const watchers = new MszWatchers;
+    watchers.define(['select']);
+
+    checkbox.addEventListener('click', ev => ev.stopPropagation());
+    checkbox.addEventListener('keydown', ev => ev.stopPropagation());
+
+    checkbox.addEventListener('change', () => {
+        watchers.call('select', getSelected());
+    });
+
+    const navigateToMessage = () => {
+        const url = entry.dataset.msgUrl;
+        if(url !== undefined && url.startsWith('/') && !url.startsWith('//'))
+            location.assign(url);
+    };
+
+    entry.addEventListener('keydown', ev => {
+        if(ev.key === 'Enter' || ev.key === 'NumpadEnter') {
+            ev.preventDefault();
+            entry.click();
+        }
+    });
+
+    entry.addEventListener('click', ev => {
+        ev.preventDefault();
+
+        if(clickIsSelect)
+            checkbox.click();
+        else
+            navigateToMessage();
+    });
+
+    entry.addEventListener('dblclick', ev => {
+        ev.preventDefault();
+
+        if(clickIsSelect)
+            navigateToMessage();
+    });
+
+    return {
+        getId: () => msgId,
+        getElement: () => entry,
+        isRead: isRead,
+        setRead: setRead,
+        isSent: isSent,
+        setSent: setSent,
+        getSelected: getSelected,
+        setSelected: setSelected,
+        toggleSelected: toggleSelected,
+        setClickIsSelect: state => clickIsSelect = state,
+        onSelectedChange: handler => {
+            watchers.watch('select', handler, getSelected());
+        },
+    };
+};

assets/misuzu.js/messages/messages.js

@@ -0,0 +1,386 @@
+#include csrfp.js
+#include msgbox.jsx
+#include utility.js
+#include messages/actbtn.js
+#include messages/list.js
+#include messages/recipient.js
+#include messages/reply.jsx
+#include messages/thread.js
+
+const MszMessages = () => {
+    const extractMsgIds = msg => {
+        if(typeof msg.getId === 'function')
+            return msg.getId();
+        if(typeof msg.toString === 'function')
+            return msg.toString();
+        throw 'unsupported message type';
+    };
+
+    const displayErrorMessage = async error => {
+        let text;
+        if(typeof error === 'string')
+            text = error;
+        else if(typeof error.text === 'string')
+            text = error.text;
+        else if(typeof error.toString === 'function')
+            text = error.toString();
+        else
+            text = 'Something indescribable happened.';
+
+        await MszShowMessageBox(text, 'Error');
+        return false;
+    };
+
+    const msgsCreate = async (title, text, parser, draft, recipient, replyTo) => {
+        const formData = new FormData;
+        formData.append('_csrfp', MszCSRFP.getToken());
+        formData.append('title', title);
+        formData.append('body', text);
+        formData.append('parser', parser);
+        formData.append('draft', draft);
+        formData.append('recipient', recipient);
+        formData.append('reply', replyTo);
+
+        const result = await $x.post('/messages/create', { type: 'json' }, formData);
+
+        MszCSRFP.setFromHeaders(result);
+
+        const body = result.body();
+        if(body.error !== undefined)
+            throw body.error;
+
+        return body;
+    };
+
+    const msgsUpdate = async (messageId, title, text, parser, draft) => {
+        const formData = new FormData;
+        formData.append('_csrfp', MszCSRFP.getToken());
+        formData.append('title', title);
+        formData.append('body', text);
+        formData.append('parser', parser);
+        formData.append('draft', draft);
+
+        const result = await $x.post(`/messages/${encodeURIComponent(messageId)}`, { type: 'json' }, formData);
+
+        MszCSRFP.setFromHeaders(result);
+
+        const body = result.body();
+        if(body.error !== undefined)
+            throw body.error;
+
+        return body;
+    };
+
+    const msgsMark = async (msgs, state) => {
+        const result = await $x.post('/messages/mark', { type: 'json' }, {
+            _csrfp: MszCSRFP.getToken(),
+            type: state,
+            messages: msgs.map(extractMsgIds).join(','),
+        });
+
+        MszCSRFP.setFromHeaders(result);
+
+        const body = result.body();
+        if(body.error !== undefined)
+            throw body.error;
+
+        return true;
+    };
+
+    const msgsDelete = async msgs => {
+        const result = await $x.post('/messages/delete', { type: 'json' }, {
+            _csrfp: MszCSRFP.getToken(),
+            messages: msgs.map(extractMsgIds).join(','),
+        });
+
+        MszCSRFP.setFromHeaders(result);
+
+        const body = result.body();
+        if(body.error !== undefined)
+            throw body.error;
+
+        return true;
+    };
+
+    const msgsRestore = async msgs => {
+        const result = await $x.post('/messages/restore', { type: 'json' }, {
+            _csrfp: MszCSRFP.getToken(),
+            messages: msgs.map(extractMsgIds).join(','),
+        });
+
+        MszCSRFP.setFromHeaders(result);
+
+        const body = result.body();
+        if(body.error !== undefined)
+            throw body.error;
+
+        return true;
+    };
+
+    const msgsNuke = async msgs => {
+        const result = await $x.post('/messages/nuke', { type: 'json' }, {
+            _csrfp: MszCSRFP.getToken(),
+            messages: msgs.map(extractMsgIds).join(','),
+        });
+
+        MszCSRFP.setFromHeaders(result);
+
+        const body = result.body();
+        if(body.error !== undefined)
+            throw body.error;
+
+        return true;
+    };
+
+    const msgsUserBtns = Array.from($qa('.js-header-pms-button'));
+    if(msgsUserBtns.length > 0)
+        $x.get('/messages/stats', { type: 'json' }).then(result => {
+            const body = result.body();
+            if(typeof body === 'object' && typeof body.unread === 'number')
+                if(body.unread > 0)
+                    for(const msgsUserBtn of msgsUserBtns)
+                        msgsUserBtn.append($e({ child: body.unread.toLocaleString(), attrs: { className: 'header__desktop__user__button__count' } }));
+        });
+
+    const msgsListElem = $q('.js-messages-list');
+    const msgsList = msgsListElem instanceof Element ? new MsgMessagesList(msgsListElem) : undefined;
+
+    const msgsListEmptyNotice = $q('.js-messages-folder-empty');
+
+    const msgsThreadElem = $q('.js-messages-thread');
+    const msgsThread = msgsThreadElem instanceof Element ? new MszMessagesThread(msgsThreadElem) : undefined;
+
+    const msgsRecipientElem = $q('.js-messages-recipient');
+    const msgsRecipient = msgsRecipientElem instanceof Element ? new MszMessagesRecipient(msgsRecipientElem) : undefined;
+
+    const msgsReplyElem = $q('.js-messages-reply');
+    const msgsReply = msgsReplyElem instanceof Element ? new MszMessagesReply(msgsReplyElem) : undefined;
+
+    if(msgsReply !== undefined) {
+        if(msgsRecipient !== undefined)
+            msgsRecipient.onUpdate(async info => {
+                msgsReply.setRecipient(typeof info.id === 'string' ? info.id : '');
+                msgsReply.setWarning(info.ban ? `${(typeof info.name === 'string' ? info.name : 'This user')} has been banned and will be unable to respond to your messages.` : undefined);
+            });
+
+        msgsReply.onSubmit(async form => {
+            try {
+                let result;
+                if(typeof form.message === 'string') {
+                    result = await msgsUpdate(
+                        form.message,
+                        form.title,
+                        form.body,
+                        form.parser,
+                        form.draft
+                    );
+                } else {
+                    result = await msgsCreate(
+                        form.title,
+                        form.body,
+                        form.parser,
+                        form.draft,
+                        form.recipient,
+                        form.reply || ''
+                    );
+                }
+
+                if(typeof result.url === 'string')
+                    location.assign(result.url);
+            } catch(ex) {
+                return await displayErrorMessage(ex);
+            }
+        });
+    }
+
+    let actSelectAll, actMarkRead, actMoveTrash, actNuke;
+
+    const actSelectAllBtn = $q('.js-messages-actions-select-all');
+    if(actSelectAllBtn instanceof Element) {
+        actSelectAll = new MszMessagesActionButton(actSelectAllBtn);
+
+        if(msgsList !== undefined) {
+            actSelectAll.setAction(async state => {
+                msgsList.setAllSelected(!state);
+                return !state;
+            });
+            msgsList.onSelectedChange((selectedNo, itemNo) => {
+                actSelectAll.setState(selectedNo >= itemNo);
+            });
+            actSelectAll.setState(msgsList.getAllSelected());
+        }
+    }
+
+    const actMarkReadBtn = $q('.js-messages-actions-mark-read');
+    if(actMarkReadBtn instanceof Element) {
+        actMarkRead = new MszMessagesActionButton(actMarkReadBtn);
+
+        if(msgsList !== undefined) {
+            msgsList.onSelectedChange(selectedNo => {
+                const enabled = selectedNo > 0;
+                actMarkRead.setEnabled(enabled);
+
+                if(enabled) {
+                    const items = msgsList.getSelectedItems();
+                    let readNo = 0, unreadNo = 0;
+
+                    for(const item of items) {
+                        if(item.isRead())
+                            ++readNo;
+                        else
+                            ++unreadNo;
+                    }
+
+                    actMarkRead.setState(readNo > unreadNo);
+                }
+            });
+            actMarkRead.setAction(async state => {
+                const items = msgsList.getSelectedItems();
+
+                const result = await actMarkRead.disableWith(async () => {
+                    try {
+                        return await msgsMark(items, state ? 'unread' : 'read');
+                    } catch(ex) {
+                        return await displayErrorMessage(ex);
+                    }
+                });
+
+                if(result) {
+                    state = !state;
+
+                    for(const item of items)
+                        item.setRead(state);
+
+                    return state;
+                }
+            });
+        } else if(msgsThread !== undefined) {
+            actMarkRead.setAction(async state => {
+                const items = [msgsThread.getMessage()];
+
+                const result = await actMarkRead.disableWith(async () => {
+                    try {
+                        return await msgsMark(items, state ? 'unread' : 'read');
+                    } catch(ex) {
+                        return await displayErrorMessage(ex);
+                    }
+                });
+
+                return result ? !state : state;
+            });
+        }
+    }
+
+    const actMoveTrashBtn = $q('.js-messages-actions-move-trash');
+    if(actMoveTrashBtn instanceof Element) {
+        actMoveTrash = new MszMessagesActionButton(actMoveTrashBtn);
+
+        if(msgsList !== undefined) {
+            msgsList.onSelectedChange(selectedNo => actMoveTrash.setEnabled(selectedNo > 0));
+            actMoveTrash.setAction(async state => {
+                const items = msgsList.getSelectedItems();
+
+                if(!state && !await MszShowConfirmBox(`Are you sure you wish to delete ${items.length} item${items.length === 1 ? '' : 's'}?`, 'Confirmation'))
+                    return;
+
+                const result = await actMoveTrash.disableWith(async () => {
+                    try {
+                        if(state)
+                            return await msgsRestore(items);
+                        return await msgsDelete(items);
+                    } catch(ex) {
+                        return await displayErrorMessage(ex);
+                    }
+                });
+
+                if(result)
+                    for(const message of items)
+                        msgsList.removeItem(message);
+
+                if(msgsListEmptyNotice instanceof Element)
+                    msgsListEmptyNotice.hidden = msgsList.getItemsCount() > 0;
+            });
+        } else if(msgsThread !== undefined) {
+            actMoveTrash.setAction(async state => {
+                if(!state && !await MszShowConfirmBox('Are you sure you wish to delete this message?', 'Confirmation'))
+                    return;
+
+                const items = [msgsThread.getMessage()];
+
+                const result = await actMoveTrash.disableWith(async () => {
+                    try {
+                        if(state)
+                            return await msgsRestore(items);
+                        return await msgsDelete(items);
+                    } catch(ex) {
+                        return await displayErrorMessage(ex);
+                    }
+                });
+
+                if(result) {
+                    state = !state;
+
+                    if(msgsReply !== undefined)
+                        msgsReply.setHidden(state);
+
+                    const msg = msgsThread.getMessage();
+                    if(msg !== undefined)
+                        msg.setDeleted(state);
+
+                    return state;
+                }
+            });
+        }
+    }
+
+    const actNukeBtn = $q('.js-messages-actions-nuke');
+    if(actNukeBtn instanceof Element) {
+        actNuke = new MszMessagesActionButton(actNukeBtn, true);
+
+        if(msgsList !== undefined) {
+            msgsList.onSelectedChange(selectedNo => actNuke.setEnabled(selectedNo > 0));
+            actNuke.setAction(async () => {
+                const items = msgsList.getSelectedItems();
+
+                if(!await MszShowConfirmBox(`Are you sure you wish to PERMANENTLY delete ${items.length} item${items.length === 1 ? '' : 's'}?`, 'Confirmation'))
+                    return;
+
+                const result = await actNuke.disableWith(async () => {
+                    try {
+                        return await msgsNuke(items);
+                    } catch(ex) {
+                        return await displayErrorMessage(ex);
+                    }
+                });
+
+                if(result)
+                    for(const message of items)
+                        msgsList.removeItem(message);
+
+                if(msgsListEmptyNotice instanceof Element)
+                    msgsListEmptyNotice.hidden = msgsList.getItemsCount() > 0;
+            });
+        } else if(msgsThread !== undefined) {
+            actMoveTrash.watchState(state => {
+                actNuke.setHidden(!state);
+            });
+            actNuke.setAction(async () => {
+                if(!await MszShowConfirmBox('Are you sure you wish to PERMANENTLY delete this message?', 'Confirmation'))
+                    return;
+
+                const items = [msgsThread.getMessage()];
+
+                const result = await actNuke.disableWith(async () => {
+                    try {
+                        return await msgsNuke(items);
+                    } catch(ex) {
+                        return await displayErrorMessage(ex);
+                    }
+                });
+
+                if(result)
+                    location.assign('/messages');
+            });
+        }
+    }
+};

assets/misuzu.js/messages/recipient.js

@@ -0,0 +1,56 @@
+#include csrfp.js
+#include utility.js
+
+const MszMessagesRecipient = function(element) {
+    if(!(element instanceof Element))
+        throw 'element must be an instance of Element';
+
+    const avatarElem = element.querySelector('.js-messages-recipient-avatar img');
+    const nameInput = element.querySelector('.js-messages-recipient-name');
+
+    let updateHandler = undefined;
+    const update = async () => {
+        const result = await $x.post(element.dataset.msgLookup, { type: 'json' }, {
+            _csrfp: MszCSRFP.getToken(),
+            name: nameInput.value,
+        });
+
+        MszCSRFP.setFromHeaders(result);
+
+        const body = result.body();
+
+        if(updateHandler !== undefined)
+            await updateHandler(body);
+
+        if(typeof body.avatar === 'string')
+            avatarElem.src = body.avatar;
+
+        if(typeof body.name === 'string')
+            nameInput.value = body.name;
+    };
+
+    let nameTimeout = null;
+    nameInput.addEventListener('input', () => {
+        if(nameTimeout !== undefined)
+            return;
+
+        nameTimeout = setTimeout(() => {
+            update().finally(() => {
+                clearTimeout(nameTimeout);
+                nameTimeout = undefined;
+            });
+        }, 750);
+    });
+
+    update().finally(() => nameTimeout = undefined);
+
+    return {
+        getElement: () => element,
+        onUpdate: handler => {
+            if(typeof handler !== 'function')
+                throw 'handler must be a function';
+
+            updateHandler = handler;
+        },
+    };
+};

assets/misuzu.js/messages/reply.jsx

@@ -0,0 +1,171 @@
+#include parsing.js
+#include ext/eeprom.js
+
+const MszMessagesReply = function(element) {
+    if(!(element instanceof Element))
+        throw 'element must be an Element';
+
+    const form = element.querySelector('.js-messages-reply-form');
+    const bodyElem = form.querySelector('.js-messages-reply-body');
+    const actsElem = form.querySelector('.js-messages-reply-actions');
+    const parserSelect = form.querySelector('.js-messages-reply-parser');
+    const saveBtn = form.querySelector('.js-messages-reply-save');
+    const sendBtn = form.querySelector('.js-messages-reply-send');
+    const warnElem = form.querySelector('.js-reply-form-warning');
+    const warnText = warnElem instanceof Element ? warnElem.querySelector('.js-reply-form-warning-text') : undefined;
+
+    let submitHandler;
+    form.addEventListener('submit', ev => {
+        ev.preventDefault();
+
+        if(typeof submitHandler === 'function') {
+            const fields = Array.from(form.elements);
+            const result = {};
+
+            for(const field of fields) {
+                if((field instanceof HTMLButtonElement || (field instanceof HTMLInputElement && field.type === 'submit')) && ev.submitter !== field)
+                    continue;
+
+                if(typeof field.name === 'string' && field.name.length > 0)
+                    result[field.name] = field.value;
+            }
+
+            submitHandler(result);
+        }
+    });
+
+    bodyElem.addEventListener('keydown', ev => {
+        if((ev.code === 'Enter' || ev.code === 'NumpadEnter') && ev.ctrlKey && !ev.altKey && !ev.metaKey) {
+            ev.preventDefault();
+
+            if(ev.shiftKey)
+                saveBtn.click();
+            else
+                sendBtn.click();
+        }
+    });
+
+    const switchButtons = parser => {
+        $rc(actsElem);
+
+        const tags = MszParsing.getTagsFor(parser);
+        actsElem.hidden = tags.length < 1;
+        for(const tag of tags)
+            actsElem.appendChild(<button class="messages-reply-action" type="button" title={tag.summary} onclick={() => $insertTags(bodyElem, tag.open, tag.close)}>
+                <i class={tag.icon}/>
+            </button>);
+    };
+
+    switchButtons(parserSelect.value);
+
+    parserSelect.addEventListener('change', () => {
+        switchButtons(parserSelect.value);
+    });
+
+    // this implementation is godawful but it'll do for now lol
+    // need to make it easier to share the forum's implementation
+    MszEEPROM.init()
+        .catch(() => console.error('Failed to initialise EEPROM'))
+        .then(() => {
+            const eepromClient = new EEPROM(peepApp, peepPath);
+            const eepromHandleFileUpload = async file => {
+                const uploadTask = eepromClient.create(file);
+
+                try {
+                    const fileInfo = await uploadTask.start();
+                    const parserMode = parseInt(parserSelect.value);
+                    let insertText = location.protocol + fileInfo.url;
+
+                    if(parserMode == 1) { // bbcode
+                        if(fileInfo.isImage())
+                            insertText = `[img]${fileInfo.url}[/img]`;
+                        else if(fileInfo.isAudio())
+                            insertText = `[audio]${fileInfo.url}[/audio]`;
+                        else if(fileInfo.isVideo())
+                            insertText = `[video]${fileInfo.url}[/video]`;
+                    } else if(parserMode == 2) { // markdown
+                        if(fileInfo.isMedia())
+                            insertText = `![](${fileInfo.url})`;
+                    }
+
+                    $insertTags(bodyElem, insertText, '');
+                    bodyElem.value = bodyElem.value.trim();
+                } catch(ex) {
+                    let errorText = 'Upload aborted.';
+
+                    if(!ex.aborted) {
+                        console.error(ex);
+                        errorText = ex.toString();
+                    }
+
+                    await MszShowMessageBox(errorText, 'Upload Error');
+                }
+            };
+
+            bodyElem.addEventListener('paste', ev => {
+                if(ev.clipboardData && ev.clipboardData.files.length > 0) {
+                    ev.preventDefault();
+
+                    const files = ev.clipboardData.files;
+                    for(const file of files)
+                        eepromHandleFileUpload(file);
+                }
+            });
+
+            document.body.addEventListener('dragenter', ev => {
+                ev.preventDefault();
+                ev.stopPropagation();
+            });
+            document.body.addEventListener('dragover', ev => {
+                ev.preventDefault();
+                ev.stopPropagation();
+            });
+            document.body.addEventListener('dragleave', ev => {
+                ev.preventDefault();
+                ev.stopPropagation();
+            });
+            document.body.addEventListener('drop', ev => {
+                ev.preventDefault();
+                ev.stopPropagation();
+
+                if(ev.dataTransfer && ev.dataTransfer.files.length > 0) {
+                    const files = ev.dataTransfer.files;
+                    for(const file of files)
+                        eepromHandleFileUpload(file);
+                }
+            });
+        });
+
+    return {
+        getElement: () => element,
+        setWarning: text => {
+            if(warnElem === undefined || warnText === undefined)
+                return;
+
+            if(text === undefined) {
+                warnElem.hidden = true;
+                warnText.textContent = '';
+            } else {
+                warnElem.hidden = false;
+                warnText.textContent = text;
+            }
+        },
+        setRecipient: userId => {
+            for(const field of form.elements)
+                if(field.name === 'recipient') {
+                    field.value = userId;
+                    break;
+                }
+        },
+        getHidden: () => element.hidden,
+        setHidden: state => {
+            element.hidden = state;
+        },
+        onSubmit: handler => {
+            if(typeof handler !== 'function')
+                throw 'handler must be a function';
+
+            submitHandler = handler;
+        },
+    };
+};

assets/misuzu.js/messages/thread.js

@@ -0,0 +1,78 @@
+const MszMessagesThread = function(thread) {
+    if(!(thread instanceof Element))
+        throw 'thread must be an element';
+
+    const messages = Array.from(thread.querySelectorAll('.js-messages-message')).map(elem => new MszMessagesThreadMessage(elem));
+    const message = messages.find(msg => msg.isFull());
+
+    return {
+        getMessage: () => message,
+        getMessages: () => messages,
+    };
+};
+
+const MszMessagesThreadMessage = function(message) {
+    if(!(message instanceof Element))
+        throw 'message must be an element';
+
+    const msgId = message.dataset.msgId;
+    const type = message.dataset.msgType;
+    const url = message.dataset.msgUrl;
+
+    if(type === 'snip') {
+        message.addEventListener('click', ev => {
+            if(typeof url !== 'string')
+                return;
+
+            let target = ev.target;
+            while(target !== message) {
+                if(target instanceof HTMLAnchorElement)
+                    return;
+
+                target = target.parentNode;
+            }
+
+            ev.preventDefault();
+            location.assign(url);
+        });
+    } else if(type === 'full') {
+        message.scrollIntoView({
+            behavior: 'smooth',
+            block: 'start',
+        });
+    }
+
+    const isRead = () => message.dataset.msgRead === 'read';
+    const setRead = state => {
+        message.dataset.msgRead = state ? 'read' : 'unread';
+    };
+
+    const isSent = () => message.dataset.msgSent === 'sent';
+    const setSent = state => {
+        message.dataset.msgRead = state ? 'sent' : 'draft';
+    };
+
+    const isDeleted = () => message.dataset.msgDeleted === 'yes';
+    const setDeleted = state => {
+        if(state) {
+            message.dataset.msgDeleted = 'yes';
+            message.classList.add('messages-message-deleted');
+        } else {
+            message.dataset.msgDeleted = 'no';
+            message.classList.remove('messages-message-deleted');
+        }
+    };
+
+    return {
+        getId: () => msgId,
+        getType: () => type,
+        isFull: () => type === 'full',
+        isSnippet: () => type === 'snip',
+        isRead: isRead,
+        setRead: setRead,
+        isSent: isSent,
+        setSent: setSent,
+        isDeleted: isDeleted,
+        setDeleted: setDeleted,
+    };
+};

assets/misuzu.js/msgbox.jsx

@@ -0,0 +1,73 @@
+#include utility.js
+
+const MszShowConfirmBox = async (text, title, target) => {
+    let result = false;
+
+    await MszShowMessageBox(text, title, [
+        { text: 'Yes', callback: async () => result = true },
+        { text: 'No' },
+    ], target);
+
+    return result;
+};
+
+const MszShowMessageBox = (text, title, buttons, target) => {
+    if(typeof text !== 'string') {
+        if(text !== undefined && text !== null && typeof text.toString === 'function')
+            text = text.toString();
+        else throw 'text must be a string';
+    }
+    if(!(target instanceof Element))
+        target = document.body;
+
+    if(typeof title !== 'string')
+        title = 'Information';
+    if(!Array.isArray(buttons))
+        buttons = [];
+
+    return new Promise((resolve, reject) => {
+        if(target.querySelector('.messagebox')) {
+            reject();
+            return;
+        }
+
+        let buttonsElem;
+        const html = <div class="messagebox">
+            <div class="container messagebox__container">
+                <div class="container__title">
+                    <div class="container__title__background"/>
+                    <div class="container__title__text">{title}</div>
+                </div>
+                <div class="container__content">{text}</div>
+                {buttonsElem = <div class="messagebox__buttons"/>}
+            </div>
+        </div>;
+
+        let firstButton;
+        if(buttons.length < 1) {
+            firstButton = <button class="input__button" onclick={() => {
+                html.remove();
+                resolve();
+            }}>OK</button>;
+            buttonsElem.appendChild(firstButton);
+        } else {
+            for(const button of buttons) {
+                const buttonElem = <button class="input__button" onclick={() => {
+                    html.remove();
+
+                    if(typeof button.callback === 'function')
+                        button.callback().finally(() => resolve());
+                    else
+                        resolve();
+                }}>{button.text}</button>;
+                buttonsElem.appendChild(buttonElem);
+
+                if(firstButton === undefined)
+                    firstButton = buttonElem;
+            }
+        }
+
+        target.appendChild(html);
+        firstButton.focus();
+    });
+};

assets/misuzu.js/parsing.js

@@ -0,0 +1,56 @@
+// welcome to the shitty temporary file for managing the bbcode/markdown/whatever button
+const MszParsing = (() => {
+    const defineTag = (name, open, close, summary, icon) => {
+        return {
+            name: name,
+            open: open,
+            close: close,
+            summary: summary,
+            icon: icon,
+        };
+    };
+
+    const bbTags = [
+        defineTag('bb-bold', '[b]', '[/b]', 'Bold [b]<text>[/b]', 'fas fa-bold fa-fw'),
+        defineTag('bb-italic', '[i]', '[/i]', 'Italic [i]<text>[/i]', 'fas fa-italic fa-fw'),
+        defineTag('bb-underline', '[u]', '[/u]', 'Underline [u]<text>[/u]', 'fas fa-underline fa-fw'),
+        defineTag('bb-strike', '[s]', '[/s]', 'Strikethrough [s]<text>[/s]', 'fas fa-strikethrough fa-fw'),
+        defineTag('bb-link', '[url=]', '[/url]', 'Link [url]<url>[/url] or [url=<url>]<text>[/url]', 'fas fa-link fa-fw'),
+        defineTag('bb-image', '[img]', '[/img]', 'Image [img]<url>[/img]', 'fas fa-image fa-fw'),
+        defineTag('bb-audio', '[audio]', '[/audio]', 'Audio [audio]<url>[/audio]', 'fas fa-music fa-fw'),
+        defineTag('bb-video', '[video]', '[/video]', 'Video [video]<url>[/video]', 'fas fa-video fa-fw'),
+        defineTag('bb-code', '[code]', '[/code]', 'Code [code]<code>[/code]', 'fas fa-code fa-fw'),
+        defineTag('bb-zalgo', '[zalgo]', '[/zalgo]', 'Zalgo [zalgo]<text>[/zalgo]', 'fas fa-frog fa-fw'),
+    ];
+
+    const mdTags = [
+        defineTag('md-bold', '**', '**', 'Bold **<text>**', 'fas fa-bold fa-fw'),
+        defineTag('md-italic', '*', '*', 'Italic *<text>* or _<text>_', 'fas fa-italic fa-fw'),
+        defineTag('md-underline', '__', '__', 'Underline __<text>__', 'fas fa-underline fa-fw'),
+        defineTag('md-strike', '~~', '~~', 'Strikethrough ~~<text>~~', 'fas fa-strikethrough fa-fw'),
+        defineTag('md-link', '[](', ')', 'Link [<text>](<url>)', 'fas fa-link fa-fw'),
+        defineTag('md-image', '![](', ')', 'Image ![<alt text>](<url>)', 'fas fa-image fa-fw'),
+        defineTag('md-audio', '![](', ')', 'Audio ![<alt text>](<url>)', 'fas fa-music fa-fw'),
+        defineTag('md-video', '![](', ')', 'Video ![<alt text>](<url>)', 'fas fa-video fa-fw'),
+        defineTag('md-code', '```', '```', 'Code `<code>` or ```<code>```', 'fas fa-code fa-fw'),
+    ];
+
+    const getTagsFor = parser => {
+        if(typeof parser !== 'number')
+            parser = parseInt(parser);
+
+        if(parser === 1)
+            return bbTags;
+        if(parser === 2)
+            return mdTags;
+
+        return [];
+    };
+
+    return {
+        getTagsFor: getTagsFor,
+        getTagsForPlainText: () => getTagsFor(0),
+        getTagsForBBcode: () => getTagsFor(1),
+        getTagsForMarkdown: () => getTagsFor(2),
+    };
+})();

assets/misuzu.js/uiharu.js

@@ -1,58 +0,0 @@
-const Uiharu = function(apiUrl) {
-    const maxBatchSize = 4;
-    const lookupOneUrl = apiUrl + '/metadata',
-        lookupManyUrl = apiUrl + '/metadata/batch';
-
-    const lookupManyInternal = function(targetUrls, callback) {
-        const formData = new FormData;
-
-        for(const url of targetUrls)
-            formData.append('url[]', url);
-
-        const xhr = new XMLHttpRequest;
-        xhr.addEventListener('load', function() {
-            callback(JSON.parse(xhr.responseText));
-        });
-        xhr.addEventListener('error', function(ev) {
-            callback({ status: xhr.status, error: 'xhr', details: ev });
-        });
-        xhr.open('POST', lookupManyUrl);
-        xhr.send(formData);
-    };
-
-    return {
-        lookupOne: function(targetUrl, callback) {
-            if(typeof callback !== 'function')
-                throw 'callback is missing';
-            targetUrl = (targetUrl || '').toString();
-            if(targetUrl.length < 1)
-                return;
-
-            const xhr = new XMLHttpRequest;
-            xhr.addEventListener('load', function() {
-                callback(JSON.parse(xhr.responseText));
-            });
-            xhr.addEventListener('error', function() {
-                callback({ status: xhr.status, error: 'xhr', details: ex });
-            });
-            xhr.open('POST', lookupOneUrl);
-            xhr.send(targetUrl);
-        },
-        lookupMany: function(targetUrls, callback) {
-            if(!Array.isArray(targetUrls))
-                throw 'targetUrls must be an array of urls';
-            if(typeof callback !== 'function')
-                throw 'callback is missing';
-            if(targetUrls < 1)
-                return;
-
-            if(targetUrls.length <= maxBatchSize) {
-                lookupManyInternal(targetUrls, callback);
-                return;
-            }
-
-            for(let i = 0; i < targetUrls.length; i += maxBatchSize)
-                lookupManyInternal(targetUrls.slice(i, i + maxBatchSize), callback);
-        },
-    };
-};

assets/misuzu.js/utility.js

@@ -13,6 +13,10 @@ const $ri = function(name) {
     $r($i(name));
 };
 
+const $rq = function(query) {
+    $r($q(query));
+};
+
 const $ib = function(ref, elem) {
     ref.parentNode.insertBefore(elem, ref);
 };
@@ -79,6 +83,11 @@ const $e = function(info, attrs, child, created) {
                     }
                     break;
 
+                case 'boolean':
+                    if(attr)
+                        elem.setAttribute(key, '');
+                    break;
+
                 default:
                     if(key === 'className')
                         key = 'class';
@@ -153,17 +162,125 @@ const $as = function(array) {
     }
 };
 
-var $insertTags = function(target, tagOpen, tagClose) {
+const $x = (function() {
+    const send = function(method, url, options, body) {
+        if(options === undefined)
+            options = {};
+        else if(typeof options !== 'object')
+            throw 'options must be undefined or an object';
+
+        const xhr = new XMLHttpRequest;
+        const requestHeaders = new Map;
+
+        if('headers' in options && typeof options.headers === 'object')
+            for(const name in options.headers)
+                if(options.headers.hasOwnProperty(name))
+                    requestHeaders.set(name.toLowerCase(), options.headers[name]);
+
+        if(typeof options.download === 'function') {
+            xhr.onloadstart = ev => options.download(ev);
+            xhr.onprogress = ev => options.download(ev);
+            xhr.onloadend = ev => options.download(ev);
+        }
+
+        if(typeof options.upload === 'function') {
+            xhr.upload.onloadstart = ev => options.upload(ev);
+            xhr.upload.onprogress = ev => options.upload(ev);
+            xhr.upload.onloadend = ev => options.upload(ev);
+        }
+
+        if(options.authed)
+            xhr.withCredentials = true;
+
+        if(typeof options.timeout === 'number')
+            xhr.timeout = options.timeout;
+
+        if(typeof options.type === 'string')
+            xhr.responseType = options.type;
+
+        if(typeof options.abort === 'function')
+            options.abort(() => xhr.abort());
+
+        if(typeof options.xhr === 'function')
+            options.xhr(() => xhr);
+
+        if(typeof body === 'object') {
+            if(body instanceof URLSearchParams) {
+                requestHeaders.set('content-type', 'application/x-www-form-urlencoded');
+            } else if(body instanceof FormData) {
+                // content-type is implicitly set
+            } else if(body instanceof Blob || body instanceof ArrayBuffer || body instanceof DataView) {
+                if(!requestHeaders.has('content-type'))
+                    requestHeaders.set('content-type', 'application/octet-stream');
+            } else if(!requestHeaders.has('content-type')) {
+                const bodyParts = [];
+                for(const name in body)
+                    if(body.hasOwnProperty(name))
+                        bodyParts.push(encodeURIComponent(name) + '=' + encodeURIComponent(body[name]));
+                body = bodyParts.join('&');
+                requestHeaders.set('content-type', 'application/x-www-form-urlencoded');
+            }
+        }
+
+        return new Promise((resolve, reject) => {
+            let responseHeaders = undefined;
+
+            xhr.onload = ev => resolve({
+                status: xhr.status,
+                body: () => xhr.response,
+                text: () => xhr.responseText,
+                headers: () => {
+                    if(responseHeaders !== undefined)
+                        return responseHeaders;
+
+                    responseHeaders = new Map;
+
+                    const raw = xhr.getAllResponseHeaders().trim().split(/[\r\n]+/);
+                    for(const name in raw)
+                        if(raw.hasOwnProperty(name)) {
+                            const parts = raw[name].split(': ');
+                            responseHeaders.set(parts.shift(), parts.join(': '));
+                        }
+
+                    return responseHeaders;
+                },
+                xhr: xhr,
+                ev: ev,
+            });
+
+            xhr.onerror = ev => reject({
+                xhr: xhr,
+                ev: ev,
+            });
+
+            xhr.open(method, url);
+            for(const [name, value] of requestHeaders)
+                xhr.setRequestHeader(name, value);
+            xhr.send(body);
+        });
+    };
+
+    return {
+        send: send,
+        get: (url, options, body) => send('GET', url, options, body),
+        post: (url, options, body) => send('POST', url, options, body),
+        delete: (url, options, body) => send('DELETE', url, options, body),
+        patch: (url, options, body) => send('PATCH', url, options, body),
+        put: (url, options, body) => send('PUT', url, options, body),
+    };
+})();
+
+const $insertTags = function(target, tagOpen, tagClose) {
     tagOpen = tagOpen || '';
     tagClose = tagClose || '';
 
     if(document.selection) {
         target.focus();
-        var selected = document.selection.createRange();
+        const selected = document.selection.createRange();
         selected.text = tagOpen + selected.text + tagClose;
         target.focus();
     } else if(target.selectionStart || target.selectionStart === 0) {
-        var startPos = target.selectionStart,
+        const startPos = target.selectionStart,
             endPos = target.selectionEnd,
             scrollTop = target.scrollTop;
 
@@ -176,7 +293,7 @@ var $insertTags = function(target, tagOpen, tagClose) {
         target.focus();
         target.selectionStart = startPos + tagOpen.length;
         target.selectionEnd = endPos + tagOpen.length;
-        target.scrollTop + scrollTop;
+        target.scrollTop = scrollTop;
     } else {
         target.value += tagOpen + tagClose;
         target.focus();

assets/misuzu.js/watcher.js

@@ -1,83 +1,65 @@
 const MszWatcher = function() {
-    let watchers = [];
+    const handlers = [];
 
-    return {
-        watch: function(watcher, thisArg, args) {
-            if(typeof watcher !== 'function')
-                throw 'watcher must be a function';
-            if(watchers.indexOf(watcher) >= 0)
-                return;
+    const watch = (handler, ...args) => {
+        if(typeof handler !== 'function')
+            throw 'handler must be a function';
+        if(handlers.includes(handler))
+            throw 'handler already registered';
 
-            watchers.push(watcher);
-
-            if(thisArg !== undefined) {
-                if(!Array.isArray(args)) {
-                    if(args !== undefined)
-                        args = [args];
-                    else args = [];
-                }
-
-                // initial call
+        handlers.push(handler);
         args.push(true);
-
-                watcher.apply(thisArg, args);
-            }
-        },
-        unwatch: function(watcher) {
-            $ari(watchers, watcher);
-        },
-        call: function(thisArg, args) {
-            if(!Array.isArray(args)) {
-                if(args !== undefined)
-                    args = [args];
-                else args = [];
-            }
-
-            args.push(false);
-
-            for(const watcher of watchers)
-                watcher.apply(thisArg, args);
-        },
-    };
-};
-
-const MszWatcherCollection = function() {
-    const collection = new Map;
-
-    const watch = function(name, watcher, thisArg, args) {
-        const watchers = collection.get(name);
-        if(watchers === undefined)
-            throw 'undefined watcher name';
-        watchers.watch(watcher, thisArg, args);
+        handler(...args);
     };
 
-    const unwatch = function(name, watcher) {
-        const watchers = collection.get(name);
-        if(watchers === undefined)
-            throw 'undefined watcher name';
-        watchers.unwatch(watcher);
+    const unwatch = handler => {
+        $ari(handlers, handler);
     };
 
     return {
-        define: function(names) {
-            if(!Array.isArray(names))
-                names = [names];
-            for(const name of names)
-                collection.set(name, new MszWatcher);
-        },
-        call: function(name, thisArg, args) {
-            const watchers = collection.get(name);
-            if(watchers === undefined)
-                throw 'undefined watcher name';
-            watchers.call(thisArg, args);
-        },
         watch: watch,
         unwatch: unwatch,
-        proxy: function(obj) {
-            obj.watch = function(name, watcher) {
-                watch(name, watcher);
-            };
-            obj.unwatch = unwatch;
+        call: (...args) => {
+            args.push(false);
+
+            for(const handler of handlers)
+                handler(...args);
+        },
+    };
+};
+
+const MszWatchers = function() {
+    const watchers = new Map;
+
+    const getWatcher = name => {
+        const watcher = watchers.get(name);
+        if(watcher === undefined)
+            throw 'undefined watcher name';
+        return watcher;
+    };
+
+    const watch = (name, handler, ...args) => {
+        getWatcher(name).watch(handler, ...args);
+    };
+
+    const unwatch = (name, handler) => {
+        getWatcher(name).unwatch(handler);
+    };
+
+    return {
+        watch: watch,
+        unwatch: unwatch,
+        define: names => {
+            if(typeof names === 'string')
+                watchers.set(names, new MszWatcher);
+            else if(Array.isArray(names))
+                for(const name of names)
+                    watchers.set(name, new MszWatcher);
+            else
+                throw 'names must be an array of names or a single name';
+        },
+        call: (name, ...args) => {
+            getWatcher(name).call(...args);
         },
     };
 };

assets/utils.js

@@ -1,5 +1,9 @@
 const crypto = require('crypto');
 
+exports.strtr = (str, replacements) => str.toString().replace(
+    /{([^}]+)}/g, (match, key) => replacements[key] || match
+);
+
 const trim = function(str, chars, flags) {
     if(chars === undefined)
         chars = " \n\r\t\v\0";

build.js

@@ -1,89 +1,30 @@
+const assproc = require('@railcomm/assproc');
+const { join: pathJoin } = require('path');
 const fs = require('fs');
-const swc = require('@swc/core');
-const path = require('path');
-const util = require('util');
-const postcss = require('postcss');
-const utils = require('./assets/utils.js');
-const assproc = require('./assets/assproc.js');
-
-const rootDir = __dirname;
-const modulesDir = path.join(rootDir, 'node_modules');
-
-const assetsDir = path.join(rootDir, 'assets');
-const assetsCSS = path.join(assetsDir, 'misuzu.css');
-const assetsJS = path.join(assetsDir, 'misuzu.js');
-const assetsInfo = path.join(assetsDir, 'current.json');
-
-const pubDir = path.join(rootDir, 'public');
-const pubIndex = path.join(pubDir, 'index.html');
-const pubAssets = '/assets';
-const pubAssetsFull = path.join(pubDir, pubAssets);
-const pubAssetCSSFormat = '%s-%s.css';
-const pubAssetJSFormat = '%s-%s.js';
-
-const isDebugBuild = fs.existsSync(path.join(rootDir, '.debug'));
-
-const swcJscOptions = {
-    target: 'es2016',
-    loose: false,
-    externalHelpers: false,
-    keepClassNames: true,
-    preserveAllComments: false,
-    transform: {},
-    parser: {
-        syntax: 'ecmascript',
-        jsx: true,
-        dynamicImport: false,
-        privateMethod: false,
-        functionBind: false,
-        exportDefaultFrom: false,
-        exportNamespaceFrom: false,
-        decorators: false,
-        decoratorsBeforeExport: false,
-        topLevelAwait: true,
-        importMeta: false,
-    },
-    transform: {
-        react: {
-            runtime: 'classic',
-            pragma: '$er',
-        },
-    },
-};
-
-const postcssPlugins = [];
-if(!isDebugBuild) postcssPlugins.push(require('cssnano'));
-postcssPlugins.push(require('autoprefixer')({
-    remove: false,
-}));
-
-fs.mkdirSync(pubAssetsFull, { recursive: true });
 
 (async () => {
-    const mszCssName = await assproc.process(assetsCSS, { 'prefix': '@', 'entry': 'main.css' })
-        .then(output => postcss(postcssPlugins).process(output, { from: assetsCSS }).then(output => {
-            const mszCssName = path.join(pubAssets, util.format(pubAssetCSSFormat, 'misuzu', utils.shortHash(output.css)));
-            fs.writeFileSync(path.join(pubDir, mszCssName), output.css);
-            return mszCssName;
-        }));
+    const isDebug = fs.existsSync(pathJoin(__dirname, '.debug'));
 
-    const mszJsName = await assproc.process(assetsJS, { 'prefix': '#', 'entry': 'main.js' })
-        .then(output => swc.transform(output, {
-            filename: 'misuzu.js',
-            sourceMaps: false,
-            isModule: false,
-            minify: !isDebugBuild,
-            jsc: swcJscOptions,
-        }).then(async output => {
-            const mszJsName = path.join(pubAssets, util.format(pubAssetJSFormat, 'misuzu', utils.shortHash(output.code)));
-            fs.writeFileSync(path.join(pubDir, mszJsName), output.code);
-            return mszJsName;
-        }));
+    const env = {
+        root: __dirname,
+        source: pathJoin(__dirname, 'assets'),
+        public: pathJoin(__dirname, 'public'),
+        debug: isDebug,
+        swc: {
+            es: 'es2021',
+        },
+    };
 
-    fs.writeFileSync(assetsInfo, JSON.stringify({
-        mszjs: mszJsName,
-        mszcss: mszCssName,
-    }));
+    const tasks = {
+        js: [
+            { source: 'misuzu.js', target: '/assets', name: 'misuzu.{hash}.js', },
+        ],
+        css: [
+            { source: 'misuzu.css', target: '/assets', name: 'misuzu.{hash}.css', },
+        ],
+    };
 
-    assproc.housekeep(pubAssetsFull);
+    const files = await assproc.process(env, tasks);
+
+    fs.writeFileSync(pathJoin(__dirname, 'assets/current.json'), JSON.stringify(files));
 })();

composer.json

@@ -1,15 +1,13 @@
 {
-    "minimum-stability": "dev",
-    "prefer-stable": true,
     "require": {
-        "flashwave/index": "dev-master",
-        "flashwave/sasae": "dev-master",
+        "flashwave/index": "^0.2410",
+        "flashii/rpcii": "^2.0",
         "erusev/parsedown": "~1.6",
         "chillerlan/php-qrcode": "^4.3",
         "symfony/mailer": "^6.0",
         "matomo/device-detector": "^6.1",
         "sentry/sdk": "^4.0",
-        "flashwave/syokuhou": "dev-master"
+        "nesbot/carbon": "^3.7"
     },
     "autoload": {
         "classmap": [
@@ -34,6 +32,6 @@
         }
     },
     "require-dev": {
-        "phpstan/phpstan": "^1.10"
+        "phpstan/phpstan": "^1.11"
     }
 }

database/2023_01_07_023235_initial_structure_ndx.php

@@ -1,11 +1,11 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 
 // Switching to the Index migration system!!!!!!
 
-final class InitialStructureNdx_20230107_023235 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class InitialStructureNdx_20230107_023235 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         $hasMszTrack = false;
 
         // check if the old migrations table exists

database/2023_04_30_001226_create_topic_redirs_table.php

@@ -1,9 +1,9 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 
-final class CreateTopicRedirsTable_20230430_001226 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class CreateTopicRedirsTable_20230430_001226 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         $conn->execute('
             CREATE TABLE msz_forum_topics_redirects (
                 topic_id            INT(10) UNSIGNED NOT NULL,

database/2023_07_21_121854_update_user_agent_storage.php

@@ -1,10 +1,10 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 use Misuzu\ClientInfo;
 
-final class UpdateUserAgentStorage_20230721_121854 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class UpdateUserAgentStorage_20230721_121854 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         // convert user agent fields to BLOB and add field for client info storage
         $conn->execute('
             ALTER TABLE msz_login_attempts

database/2023_07_24_201010_add_moderator_notes_table.php

@@ -1,9 +1,9 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 
-final class AddModeratorNotesTable_20230724_201010 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class AddModeratorNotesTable_20230724_201010 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         $conn->execute('
             CREATE TABLE msz_users_modnotes (
                 note_id      INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,

database/2023_07_26_175936_add_new_bans_table.php

@@ -1,9 +1,9 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 
-final class AddNewBansTable_20230726_175936 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class AddNewBansTable_20230726_175936 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         $conn->execute('
             CREATE TABLE msz_users_bans (
                 ban_id             INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,

database/2023_07_26_210150_redo_warnings_table.php

@@ -1,9 +1,9 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 
-final class RedoWarningsTable_20230726_210150 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class RedoWarningsTable_20230726_210150 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         $conn->execute('
             CREATE TABLE msz_users_warnings (
                 warn_id      INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,

database/2023_07_27_130516_pluralise_users_for_role_relations.php

@@ -1,9 +1,9 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 
-final class PluraliseUsersForRoleRelations_20230727_130516 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class PluraliseUsersForRoleRelations_20230727_130516 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         $conn->execute('RENAME TABLE msz_user_roles TO msz_users_roles');
     }
 }

database/2023_07_28_212101_create_counters_table.php

@@ -1,9 +1,9 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 
-final class CreateCountersTable_20230728_212101 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class CreateCountersTable_20230728_212101 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         $conn->execute('
             CREATE TABLE msz_counters (
                 counter_name    VARBINARY(64) NOT NULL,

database/2023_08_03_114403_update_collations_in_various_tables.php

@@ -1,9 +1,9 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 
-final class UpdateCollationsInVariousTables_20230803_114403 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class UpdateCollationsInVariousTables_20230803_114403 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         $conn->execute('
             ALTER TABLE msz_audit_log
                 CHANGE COLUMN log_action  log_action  VARCHAR(50) NOT NULL              COLLATE "ascii_general_ci" AFTER user_id,

database/2023_08_30_213930_new_permissions_system.php

@@ -1,9 +1,9 @@
 <?php
-use Index\Data\IDbConnection;
-use Index\Data\Migration\IDbMigration;
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
 
-final class NewPermissionsSystem_20230830_213930 implements IDbMigration {
-    public function migrate(IDbConnection $conn): void {
+final class NewPermissionsSystem_20230830_213930 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
         // make sure cron doesn't fuck us over
         $conn->execute('DELETE FROM msz_config WHERE config_name = "perms.needsRecalc"');
 
@@ -41,9 +41,7 @@ final class NewPermissionsSystem_20230830_213930 implements IDbMigration {
         $conn->execute('
             ALTER TABLE msz_perms
             ADD CONSTRAINT perms_53bit
-                CHECK (perms_allow >= 0 AND perms_deny >= 0 AND perms_allow <= 9007199254740991 AND perms_deny <= 9007199254740991),
-            ADD CONSTRAINT perms_only_user_or_role
-                CHECK ((user_id IS NULL AND role_id IS NULL) OR (user_id IS NULL AND role_id IS NOT NULL) OR (user_id IS NOT NULL AND role_id IS NULL))
+                CHECK (perms_allow >= 0 AND perms_deny >= 0 AND perms_allow <= 9007199254740991 AND perms_deny <= 9007199254740991)
         ');
 
         $conn->execute('

database/2024_01_30_233734_create_messages_table.php

@@ -0,0 +1,48 @@
+<?php
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
+
+final class CreateMessagesTable_20240130_233734 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
+        $conn->execute('
+            CREATE TABLE msz_messages (
+                msg_id BINARY(8) NOT NULL,
+                msg_owner_id INT(10) UNSIGNED NOT NULL,
+                msg_author_id INT(10) UNSIGNED NULL DEFAULT NULL,
+                msg_recipient_id INT(10) UNSIGNED NULL DEFAULT NULL,
+                msg_reply_to BINARY(8) NULL DEFAULT NULL,
+                msg_title TINYTEXT NOT NULL COLLATE "utf8mb4_unicode_520_ci",
+                msg_body TEXT NOT NULL COLLATE "utf8mb4_unicode_520_ci",
+                msg_parser TINYINT(3) UNSIGNED NOT NULL,
+                msg_created TIMESTAMP NOT NULL DEFAULT current_timestamp(),
+                msg_sent TIMESTAMP NULL DEFAULT NULL,
+                msg_read TIMESTAMP NULL DEFAULT NULL,
+                msg_deleted TIMESTAMP NULL DEFAULT NULL,
+                PRIMARY KEY (msg_id, msg_owner_id),
+                KEY messages_owner_foreign (msg_owner_id),
+                KEY messages_author_foreign (msg_author_id),
+                KEY messages_recipient_foreign (msg_recipient_id),
+                KEY messages_reply_to_index (msg_reply_to),
+                KEY messages_created_index (msg_created),
+                KEY messages_sent_index (msg_sent),
+                KEY messages_read_index (msg_read),
+                KEY messages_deleted_index (msg_deleted),
+                CONSTRAINT messages_owner_foreign
+                    FOREIGN KEY (msg_owner_id)
+                    REFERENCES msz_users (user_id)
+                    ON UPDATE CASCADE
+                    ON DELETE CASCADE,
+                CONSTRAINT messages_author_foreign
+                    FOREIGN KEY (msg_author_id)
+                    REFERENCES msz_users (user_id)
+                    ON UPDATE CASCADE
+                    ON DELETE SET NULL,
+                CONSTRAINT messages_recipient_foreign
+                    FOREIGN KEY (msg_recipient_id)
+                    REFERENCES msz_users (user_id)
+                    ON UPDATE CASCADE
+                    ON DELETE SET NULL
+            ) ENGINE=InnoDB COLLATE=utf8mb4_bin;
+        ');
+    }
+}

database/2024_06_02_194809_base_sixty_four_encode_pms_in_db.php

@@ -0,0 +1,14 @@
+<?php
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
+
+final class BaseSixtyFourEncodePmsInDb_20240602_194809 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
+        $conn->execute('UPDATE msz_messages SET msg_title = TO_BASE64(msg_title), msg_body = TO_BASE64(msg_body)');
+        $conn->execute('
+            ALTER TABLE `msz_messages`
+                CHANGE COLUMN `msg_title` `msg_title` TINYBLOB NOT NULL AFTER `msg_reply_to`,
+                CHANGE COLUMN `msg_body`  `msg_body`  BLOB     NOT NULL AFTER `msg_title`;
+        ');
+    }
+}

database/2024_09_16_205613_add_role_id_string.php

@@ -0,0 +1,13 @@
+<?php
+use Index\Db\DbConnection;
+use Index\Db\Migration\DbMigration;
+
+final class AddRoleIdString_20240916_205613 implements DbMigration {
+    public function migrate(DbConnection $conn): void {
+        $conn->execute(<<<SQL
+            ALTER TABLE msz_roles
+                ADD COLUMN role_string VARCHAR(20) NULL DEFAULT NULL COLLATE 'ascii_general_ci' AFTER role_id,
+                ADD UNIQUE INDEX roles_string_unique (role_string);
+        SQL);
+    }
+}

docs/source.md

@@ -6,11 +6,14 @@ Below are a number of links to source code repositories related to Flashii.net a
   - [Misuzu](https://patchii.net/flashii/misuzu): Backend of the main website.
   - [Sharp Chat](https://patchii.net/flashii/sharp-chat): Chat Server software.
   - [Futami](https://patchii.net/flashii/futami): Common data shared between the chat clients.
+  - [Mami](https://patchii.net/flashii/mami): Web client for chat.
+  - [Ami](https://patchii.net/flashii/ami): Web client for chat for older browsers.
   - [EEPROM](https://patchii.net/flashii/eeprom): Service for file uploading.
   - [Uiharu](https://patchii.net/flashii/uiharu): Service for looking up URL metadata.
   - [Seria](https://patchii.net/flashii/seria): Software used by the downloads tracker.
   - [Mince](https://patchii.net/flashii/mince): Source code for the Minecraft servers subwebsite.
   - [Awaki](https://patchii.net/flashii/awaki): Redirect service hosted on fii.moe.
+  - [Aleister](https://patchii.net/flashii/aleister): Public API gateway.
 
 ## Tools & Software
   - [SoFii](https://patchii.net/flashii/sofii): Launcher for Soldier of Fortune 2
@@ -19,8 +22,7 @@ Below are a number of links to source code repositories related to Flashii.net a
 
 ## First-Party Libraries
   - [Index](https://patchii.net/flash/index): Base library used in almost any component of the website that uses PHP.
-  - [Sasae](https://patchii.net/flash/sasae): Extension to the Twig templating library.
-  - [Syokuhou](https://patchii.net/flash/syokuhou): Configuration library.
+  - [RPCii](https://patchii.net/flashii/rpcii): Internal RPC extension, mainly used to supply data to the API gateway.
 
 ## Historical
   - [AJAX Chat (fork)](https://patchii.net/flashii/ajax-chat): Old chat software (2013-2015). Still kept on life support for the nostalgia.

misuzu.php

@@ -1,10 +1,9 @@
 <?php
 namespace Misuzu;
 
-use Index\Environment;
-use Index\Data\DbTools;
-use Syokuhou\DbConfig;
-use Syokuhou\SharpConfig;
+use Index\Db\DbBackends;
+use Index\Config\Db\DbConfig;
+use Index\Config\Fs\FsConfig;
 
 define('MSZ_STARTUP', microtime(true));
 define('MSZ_ROOT', __DIR__);
@@ -19,11 +18,11 @@ define('MSZ_ASSETS', MSZ_ROOT . '/assets');
 
 require_once MSZ_ROOT . '/vendor/autoload.php';
 
-Environment::setDebug(MSZ_DEBUG);
-mb_internal_encoding('utf-8');
-date_default_timezone_set('utc');
+error_reporting(MSZ_DEBUG ? -1 : 0);
+mb_internal_encoding('UTF-8');
+date_default_timezone_set('GMT');
 
-$cfg = SharpConfig::fromFile(MSZ_CONFIG . '/config.cfg');
+$cfg = FsConfig::fromFile(MSZ_CONFIG . '/config.cfg');
 
 if($cfg->hasValues('sentry:dsn'))
     (function($cfg) {
@@ -38,7 +37,7 @@ if($cfg->hasValues('sentry:dsn'))
         });
     })($cfg->scopeTo('sentry'));
 
-$db = DbTools::create($cfg->getString('database:dsn', 'null:'));
+$db = DbBackends::create($cfg->getString('database:dsn', 'null:'));
 $db->execute('SET SESSION time_zone = \'+00:00\', sql_mode = \'STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION\';');
 
 $cfg = new DbConfig($db, 'msz_config');

package.json

@@ -1,8 +1,5 @@
 {
   "dependencies": {
-    "@swc/core": "^1.3.69",
-    "autoprefixer": "^10.4.14",
-    "cssnano": "^6.0.1",
-    "postcss": "^8.4.26"
+    "@railcomm/assproc": "^1.0.0"
   }
 }

phpstan.neon

@@ -4,3 +4,6 @@ parameters:
     - src
   bootstrapFiles:
     - misuzu.php
+  dynamicConstantNames:
+    - MSZ_CLI
+    - MSZ_DEBUG

public-legacy/auth/login.php

@@ -4,7 +4,7 @@ namespace Misuzu;
 use Exception;
 use Misuzu\Auth\AuthTokenCookie;
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $authInfo = $msz->getAuthInfo();
 if($authInfo->isLoggedIn()) {
     Tools::redirect($urls->format('index'));

public-legacy/auth/logout.php

@@ -24,4 +24,4 @@ if($authInfo->isLoggedIn()) {
     AuthTokenCookie::apply($tokenPacker->pack($tokenInfo));
 }
 
-Tools::redirect($msz->getURLs()->format('index'));;
+Tools::redirect($msz->getUrls()->format('index'));;

public-legacy/auth/password.php

@@ -4,7 +4,7 @@ namespace Misuzu;
 use RuntimeException;
 use Misuzu\Users\User;
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $authInfo = $msz->getAuthInfo();
 if($authInfo->isLoggedIn()) {
     Tools::redirect($urls->format('settings-account'));

public-legacy/auth/register.php

@@ -4,7 +4,7 @@ namespace Misuzu;
 use RuntimeException;
 use Misuzu\Users\User;
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $authInfo = $msz->getAuthInfo();
 if($authInfo->isLoggedIn()) {
     Tools::redirect($urls->format('index'));

public-legacy/auth/revert.php

@@ -3,7 +3,7 @@ namespace Misuzu;
 
 use Misuzu\Auth\AuthTokenCookie;
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 if(CSRF::validateRequest()) {
     $tokenInfo = $msz->getAuthInfo()->getTokenInfo();
 

public-legacy/auth/twofactor.php

@@ -5,7 +5,7 @@ use RuntimeException;
 use Misuzu\TOTPGenerator;
 use Misuzu\Auth\AuthTokenCookie;
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $authInfo = $msz->getAuthInfo();
 if($authInfo->isLoggedIn()) {
     Tools::redirect($urls->format('index'));

public-legacy/comments.php

@@ -4,7 +4,7 @@ namespace Misuzu;
 use RuntimeException;
 
 $usersCtx = $msz->getUsersContext();
-$redirect = filter_input(INPUT_GET, 'return') ?? $_SERVER['HTTP_REFERER'] ?? $msz->getURLs()->format('index');
+$redirect = filter_input(INPUT_GET, 'return') ?? $_SERVER['HTTP_REFERER'] ?? $msz->getUrls()->format('index');
 
 if(!Tools::isLocalURL($redirect))
     Template::displayInfo('Possible request forgery detected.', 403);

public-legacy/forum/forum.php

@@ -168,7 +168,7 @@ $perms = $perms->checkMany([
 ]);
 
 Template::render('forum.forum', [
-    'forum_breadcrumbs' => $forumCategories->getCategoryAncestry($categoryInfo),
+    'forum_breadcrumbs' => iterator_to_array($forumCategories->getCategoryAncestry($categoryInfo)),
     'global_accent_colour' => $forumCategories->getCategoryColour($categoryInfo),
     'forum_info' => $categoryInfo,
     'forum_children' => $children,

public-legacy/forum/index.php

@@ -32,14 +32,14 @@ if($mode === 'mark') {
                 $forumCategories->updateUserReadCategory($userInfo, $categoryInfo);
         }
 
-        Tools::redirect($msz->getURLs()->format($categoryId ? 'forum-category' : 'forum-index', ['forum' => $categoryId]));
+        Tools::redirect($msz->getUrls()->format($categoryId ? 'forum-category' : 'forum-index', ['forum' => $categoryId]));
         return;
     }
 
     Template::render('confirm', [
         'title' => 'Mark forum as read',
         'message' => 'Are you sure you want to mark ' . ($categoryId < 1 ? 'the entire' : 'this') . ' forum as read?',
-        'return' => $msz->getURLs()->format($categoryId ? 'forum-category' : 'forum-index', ['forum' => $categoryId]),
+        'return' => $msz->getUrls()->format($categoryId ? 'forum-category' : 'forum-index', ['forum' => $categoryId]),
         'params' => [
             'forum' => $categoryId,
         ]

public-legacy/forum/leaderboard.php

@@ -94,7 +94,7 @@ MD;
         $markdown .= sprintf("| %s | [%s](%s%s) | %s |\r\n", $ranking->position,
             $ranking->user?->getName() ?? 'Deleted User',
             $msz->getSiteInfo()->getURL(),
-            $msz->getURLs()->format('user-profile', ['user' => $ranking->userId]),
+            $msz->getUrls()->format('user-profile', ['user' => $ranking->userId]),
             number_format($ranking->postsCount));
     }
 

public-legacy/forum/post.php

@@ -3,7 +3,7 @@ namespace Misuzu;
 
 use RuntimeException;
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $forumCtx = $msz->getForumContext();
 $forumPosts = $forumCtx->getPosts();
 $usersCtx = $msz->getUsersContext();

public-legacy/forum/posting.php

@@ -3,9 +3,10 @@ namespace Misuzu;
 
 use stdClass;
 use RuntimeException;
-use Index\DateTime;
 use Misuzu\Forum\ForumTopicInfo;
 use Misuzu\Parsers\Parser;
+use Index\XDateTime;
+use Carbon\CarbonImmutable;
 
 $authInfo = $msz->getAuthInfo();
 if(!$authInfo->isLoggedIn())
@@ -152,11 +153,11 @@ if(!empty($_POST)) {
         if($mode === 'create') {
             $postTimeout = $cfg->getInteger('forum.posting.timeout', 5);
             if($postTimeout > 0) {
-                $postTimeoutThreshold = DateTime::now()->modify(sprintf('-%d seconds', $postTimeout));
+                $postTimeoutThreshold = new CarbonImmutable(sprintf('-%d seconds', $postTimeout));
                 $lastPostCreatedAt = $forumPosts->getUserLastPostCreatedAt($currentUser);
 
-                if($lastPostCreatedAt->isMoreThan($postTimeoutThreshold)) {
-                    $waitSeconds = $postTimeout + ($lastPostCreatedAt->getUnixTimeSeconds() - time());
+                if(XDateTime::compare($lastPostCreatedAt, $postTimeoutThreshold) > 0) {
+                    $waitSeconds = $postTimeout + ((int)$lastPostCreatedAt->format('U') - time());
 
                     $notices[] = sprintf("You're posting too quickly! Please wait %s seconds before posting again.", number_format($waitSeconds));
                     $notices[] = "It's possible that your post went through successfully and you pressed the submit button twice by accident.";
@@ -257,7 +258,7 @@ if(!empty($_POST)) {
 
             if(empty($notices)) {
                 // does this ternary ever return forum-topic?
-                $redirect = $msz->getURLs()->format(empty($topicInfo) ? 'forum-topic' : 'forum-post', [
+                $redirect = $msz->getUrls()->format(empty($topicInfo) ? 'forum-topic' : 'forum-post', [
                     'topic' => $topicId ?? 0,
                     'post' => $postId ?? 0,
                 ]);
@@ -296,7 +297,7 @@ try {
 }
 
 Template::render('forum.posting', [
-    'posting_breadcrumbs' => $forumCategories->getCategoryAncestry($categoryInfo),
+    'posting_breadcrumbs' => iterator_to_array($forumCategories->getCategoryAncestry($categoryInfo)),
     'global_accent_colour' => $forumCategories->getCategoryColour($categoryInfo),
     'posting_user' => $currentUser,
     'posting_user_colour' => $usersCtx->getUserColour($currentUser),

public-legacy/forum/topic.php

@@ -4,7 +4,7 @@ namespace Misuzu;
 use stdClass;
 use RuntimeException;
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $forumCtx = $msz->getForumContext();
 $forumCategories = $forumCtx->getCategories();
 $forumTopics = $forumCtx->getTopics();
@@ -291,7 +291,11 @@ $postInfos = $forumPosts->getPosts(
 if(empty($postInfos))
     Template::throwError(404);
 
-$originalPostInfo = $forumPosts->getPost(topicInfo: $topicInfo);
+try {
+    $originalPostInfo = $forumPosts->getPost(topicInfo: $topicInfo);
+} catch(RuntimeException $ex) {
+    Template::throwError(404);
+}
 
 $posts = [];
 
@@ -326,7 +330,7 @@ $perms = $perms->checkMany([
 ]);
 
 Template::render('forum.topic', [
-    'topic_breadcrumbs' => $forumCategories->getCategoryAncestry($topicInfo),
+    'topic_breadcrumbs' => iterator_to_array($forumCategories->getCategoryAncestry($topicInfo)),
     'global_accent_colour' => $forumCategories->getCategoryColour($topicInfo),
     'topic_info' => $topicInfo,
     'category_info' => $categoryInfo,

public-legacy/manage/changelog/change.php

@@ -3,9 +3,9 @@ namespace Misuzu;
 
 use DateTimeInterface;
 use RuntimeException;
-use Index\DateTime;
-use Index\XArray;
 use Misuzu\Changelog\Changelog;
+use Carbon\CarbonImmutable;
+use Index\{XArray,XDateTime};
 
 $authInfo = $msz->getAuthInfo();
 if(!$authInfo->getPerms('global')->check(Perm::G_CL_CHANGES_MANAGE))
@@ -15,7 +15,7 @@ $changeActions = [];
 foreach(Changelog::ACTIONS as $action)
     $changeActions[$action] = Changelog::actionText($action);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $changelog = $msz->getChangelog();
 $changeId = (string)filter_input(INPUT_GET, 'c', FILTER_SANITIZE_NUMBER_INT);
 $changeInfo = null;
@@ -58,8 +58,8 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
     if(empty($createdAt))
         $createdAt = null;
     else {
-        $createdAt = DateTime::createFromFormat(DateTimeInterface::ATOM, $createdAt . ':00Z');
-        if($createdAt->getUnixTimeSeconds() < 0)
+        $createdAt = CarbonImmutable::createFromFormat(DateTimeInterface::ATOM, $createdAt . ':00Z');
+        if((int)$createdAt->format('U') < 0)
             $createdAt = null;
     }
 
@@ -72,7 +72,7 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
             $summary = null;
         if($body === $changeInfo->getBody())
             $body = null;
-        if($createdAt !== null && $createdAt->equals($changeInfo->getCreatedAt()))
+        if($createdAt !== null && XDateTime::compare($createdAt, $changeInfo->getCreatedAt()) === 0)
             $createdAt = null;
         $updateUserInfo = $userId !== $changeInfo->getUserId();
 
@@ -115,5 +115,5 @@ Template::render('manage.changelog.change', [
     'change_info_tags' => $changeTagIds,
     'change_tags' => $tagInfos,
     'change_actions' => $changeActions,
-    'change_author_id' => $authInfo->getUserInfo(),
+    'change_author_id' => $authInfo->getUserInfo()->getId(),
 ]);

public-legacy/manage/changelog/tag.php

@@ -6,7 +6,7 @@ use RuntimeException;
 if(!$msz->getAuthInfo()->getPerms('global')->check(Perm::G_CL_TAGS_MANAGE))
     Template::throwError(403);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $changelog = $msz->getChangelog();
 $tagId = (string)filter_input(INPUT_GET, 't', FILTER_SANITIZE_NUMBER_INT);
 $loadTagInfo = fn() => $changelog->getTag($tagId);

public-legacy/manage/forum/redirs.php

@@ -5,7 +5,7 @@ $authInfo = $msz->getAuthInfo();
 if(!$authInfo->getPerms('global')->check(Perm::G_FORUM_TOPIC_REDIRS_MANAGE))
     Template::throwError(403);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $forumCtx = $msz->getForumContext();
 $forumTopicRedirects = $forumCtx->getTopicRedirects();
 

public-legacy/manage/general/emoticon.php

@@ -18,7 +18,7 @@ else
     try {
         $isNew = false;
         $emoteInfo = $emotes->getEmote($emoteId);
-        $emoteStrings = $emotes->getEmoteStrings($emoteInfo);
+        $emoteStrings = iterator_to_array($emotes->getEmoteStrings($emoteInfo));
     } catch(RuntimeException $ex) {
         Template::throwError(404);
     }
@@ -97,7 +97,7 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
         [$emoteInfo->getId()]
     );
 
-    Tools::redirect($msz->getURLs()->format('manage-general-emoticon', ['emote' => $emoteInfo->getId()]));
+    Tools::redirect($msz->getUrls()->format('manage-general-emoticon', ['emote' => $emoteInfo->getId()]));
     return;
 }
 

public-legacy/manage/general/emoticons.php

@@ -37,7 +37,7 @@ if(CSRF::validateRequest() && !empty($_GET['emote'])) {
         }
     }
 
-    Tools::redirect($msz->getURLs()->format('manage-general-emoticons'));
+    Tools::redirect($msz->getUrls()->format('manage-general-emoticons'));
     return;
 }
 

public-legacy/manage/general/logs.php

@@ -13,7 +13,7 @@ $pagination = new Pagination($auditLog->countLogs(), 50);
 if(!$pagination->hasValidOffset())
     Template::throwError(404);
 
-$logs = $auditLog->getLogs(pagination: $pagination);
+$logs = iterator_to_array($auditLog->getLogs(pagination: $pagination));
 $userInfos = [];
 $userColours = [];
 

public-legacy/manage/general/setting-delete.php

@@ -13,7 +13,7 @@ if($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
     $valueName = $valueInfo->getName();
     $msz->createAuditLog('CONFIG_DELETE', [$valueName]);
     $cfg->removeValues($valueName);
-    Tools::redirect($msz->getURLs()->format('manage-general-settings'));
+    Tools::redirect($msz->getUrls()->format('manage-general-settings'));
     return;
 }
 

public-legacy/manage/general/setting.php

@@ -1,7 +1,7 @@
 <?php
 namespace Misuzu;
 
-use Syokuhou\DbConfig;
+use Index\Config\Db\DbConfig;
 
 if(!$msz->getAuthInfo()->getPerms('global')->check(Perm::G_CONFIG_MANAGE))
     Template::throwError(403);
@@ -73,7 +73,7 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
 
     $msz->createAuditLog($isNew ? 'CONFIG_CREATE' : 'CONFIG_UPDATE', [$sName]);
     $applyFunc($sName, $sValue);
-    Tools::redirect($msz->getURLs()->format('manage-general-settings'));
+    Tools::redirect($msz->getUrls()->format('manage-general-settings'));
     return;
 }
 

public-legacy/manage/news/category.php

@@ -6,7 +6,7 @@ use RuntimeException;
 if(!$msz->getAuthInfo()->getPerms('global')->check(Perm::G_NEWS_CATEGORIES_MANAGE))
     Template::throwError(403);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $news = $msz->getNews();
 $categoryId = (string)filter_input(INPUT_GET, 'c', FILTER_SANITIZE_NUMBER_INT);
 $loadCategoryInfo = fn() => $news->getCategory(categoryId: $categoryId);

public-legacy/manage/news/post.php

@@ -7,7 +7,7 @@ $authInfo = $msz->getAuthInfo();
 if(!$authInfo->getPerms('global')->check(Perm::G_NEWS_POSTS_MANAGE))
     Template::throwError(403);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $news = $msz->getNews();
 $postId = (string)filter_input(INPUT_GET, 'p', FILTER_SANITIZE_NUMBER_INT);
 $loadPostInfo = fn() => $news->getPost($postId);

public-legacy/manage/users/ban.php

@@ -3,13 +3,13 @@ namespace Misuzu;
 
 use DateTimeInterface;
 use RuntimeException;
-use Index\DateTime;
+use Carbon\CarbonImmutable;
 
 $authInfo = $msz->getAuthInfo();
 if(!$authInfo->getPerms('user')->check(Perm::U_BANS_MANAGE))
     Template::throwError(403);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $usersCtx = $msz->getUsersContext();
 $bans = $usersCtx->getBans();
 
@@ -56,7 +56,7 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
         if($expires === -1) {
             $expires = null;
         } elseif($expires === -2) {
-            $expires = DateTime::createFromFormat(DateTimeInterface::ATOM, $expiresCustom . ':00Z');
+            $expires = CarbonImmutable::createFromFormat(DateTimeInterface::ATOM, $expiresCustom . ':00Z');
         } else {
             echo 'Invalid duration specified.';
             break;

public-legacy/manage/users/note.php

@@ -13,7 +13,7 @@ $hasUserId = filter_has_var(INPUT_GET, 'u');
 if((!$hasNoteId && !$hasUserId) || ($hasNoteId && $hasUserId))
     Template::throwError(400);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $usersCtx = $msz->getUsersContext();
 $modNotes = $usersCtx->getModNotes();
 

public-legacy/manage/users/role.php

@@ -3,7 +3,7 @@ namespace Misuzu;
 
 use RuntimeException;
 use Index\Colour\Colour;
-use Index\Colour\ColourRGB;
+use Index\Colour\ColourRgb;
 use Misuzu\Perm;
 
 $authInfo = $msz->getAuthInfo();
@@ -42,6 +42,7 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
         break;
     }
 
+    $roleString = (string)filter_input(INPUT_POST, 'ur_string');
     $roleName = (string)filter_input(INPUT_POST, 'ur_name');
     $roleHide = !empty($_POST['ur_hidden']);
     $roleLeavable = !empty($_POST['ur_leavable']);
@@ -54,6 +55,7 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
     $colourBlue = (int)filter_input(INPUT_POST, 'ur_col_blue', FILTER_SANITIZE_NUMBER_INT);
 
     Template::set([
+        'role_ur_string' => $roleString,
         'role_ur_name' => $roleName,
         'role_ur_hidden' => $roleHide,
         'role_ur_leavable' => $roleLeavable,
@@ -84,7 +86,7 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
 
     $roleColour = $colourInherit
         ? Colour::none()
-        : new ColourRGB($colourRed, $colourGreen, $colourBlue);
+        : new ColourRgb($colourRed, $colourGreen, $colourBlue);
 
     if(mb_strlen($roleDesc) > 1000) {
         echo 'Description may not be longer than 1000 characters.';
@@ -96,11 +98,31 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
         break;
     }
 
+    if(strlen($roleString) > 20) {
+        echo 'Role string may not be longer than 20 characters.';
+        break;
+    }
+    if(strlen($roleString) > 1 && !ctype_alpha($roleString[0])) {
+        echo 'Role string most start with an alphabetical character.';
+        break;
+    }
+
     if($isNew) {
-        $roleInfo = $roles->createRole($roleName, $roleRank, $roleColour, $roleTitle, $roleDesc, $roleHide, $roleLeavable);
+        $roleInfo = $roles->createRole(
+            $roleName,
+            $roleRank,
+            $roleColour,
+            string: $roleString,
+            title: $roleTitle,
+            description: $roleDesc,
+            hidden: $roleHide,
+            leavable: $roleLeavable
+        );
     } else {
         if($roleName === $roleInfo->getName())
             $roleName = null;
+        if($roleString === $roleInfo->getString())
+            $roleString = null;
         if($roleHide === $roleInfo->isHidden())
             $roleHide = null;
         if($roleLeavable === $roleInfo->isLeavable())
@@ -115,7 +137,17 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
         if((string)$roleColour === (string)$roleInfo->getColour())
             $roleColour = null;
 
-        $roles->updateRole($roleInfo, $roleName, $roleRank, $roleColour, $roleTitle, $roleDesc, $roleHide, $roleLeavable);
+        $roles->updateRole(
+            $roleInfo,
+            string: $roleString,
+            name: $roleName,
+            rank: $roleRank,
+            colour: $roleColour,
+            title: $roleTitle,
+            description: $roleDesc,
+            hidden: $roleHide,
+            leavable: $roleLeavable
+        );
     }
 
     $msz->createAuditLog(
@@ -136,7 +168,7 @@ while($_SERVER['REQUEST_METHOD'] === 'POST' && CSRF::validateRequest()) {
         $msz->getConfig()->setBoolean('perms.needsRecalc', true);
     }
 
-    Tools::redirect($msz->getURLs()->format('manage-role', ['role' => $roleInfo->getId()]));
+    Tools::redirect($msz->getUrls()->format('manage-role', ['role' => $roleInfo->getId()]));
     return;
 }
 

public-legacy/manage/users/user.php

@@ -12,7 +12,7 @@ $viewerPerms = $authInfo->getPerms('user');
 if(!$authInfo->isLoggedIn())
     Template::throwError(403);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $usersCtx = $msz->getUsersContext();
 $users = $usersCtx->getUsers();
 $roles = $usersCtx->getRoles();
@@ -106,7 +106,7 @@ if(CSRF::validateRequest() && $canEdit) {
         }
 
         $existingRoles = [];
-        foreach($roles->getRoles(userInfo: $userInfo) as $roleInfo)
+        foreach(iterator_to_array($roles->getRoles(userInfo: $userInfo)) as $roleInfo)
             $existingRoles[$roleInfo->getId()] = $roleInfo;
 
         $removeRoles = [];
@@ -226,7 +226,7 @@ if(CSRF::validateRequest() && $canEdit) {
     return;
 }
 
-$rolesAll = $roles->getRoles();
+$rolesAll = iterator_to_array($roles->getRoles());
 $userRoleIds = $users->hasRoles($userInfo, $rolesAll);
 
 Template::render('manage.users.user', [

public-legacy/manage/users/warning.php

@@ -7,7 +7,7 @@ $authInfo = $msz->getAuthInfo();
 if(!$authInfo->getPerms('user')->check(Perm::U_WARNINGS_MANAGE))
     Template::throwError(403);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $usersCtx = $msz->getUsersContext();
 $users = $usersCtx->getUsers();
 $warns = $usersCtx->getWarnings();

public-legacy/profile.php

@@ -5,7 +5,6 @@ use stdClass;
 use InvalidArgumentException;
 use RuntimeException;
 use Index\ByteFormat;
-use Index\DateTime;
 use Misuzu\Parsers\Parser;
 use Misuzu\Users\User;
 use Misuzu\Users\Assets\UserAvatarAsset;
@@ -15,7 +14,7 @@ $userId = !empty($_GET['u']) && is_string($_GET['u']) ? trim($_GET['u']) : 0;
 $profileMode = !empty($_GET['m']) && is_string($_GET['m']) ? (string)$_GET['m'] : '';
 $isEditing = !empty($_GET['edit']) && is_string($_GET['edit']) ? (bool)$_GET['edit'] : !empty($_POST) && is_array($_POST);
 
-$urls = $msz->getURLs();
+$urls = $msz->getUrls();
 $usersCtx = $msz->getUsersContext();
 $users = $usersCtx->getUsers();
 $forumCtx = $msz->getForumContext();
@@ -71,15 +70,16 @@ $notices = [];
 $userRank = $usersCtx->getUserRank($userInfo);
 $viewerRank = $usersCtx->getUserRank($viewerInfo);
 
-$viewerPerms = $authInfo->getPerms('user');
+$viewerPermsGlobal = $authInfo->getPerms('global');
+$viewerPermsUser = $authInfo->getPerms('user');
 
 $activeBanInfo = $usersCtx->tryGetActiveBan($userInfo);
 $isBanned = $activeBanInfo !== null;
 $profileFields = $msz->getProfileFields();
 $viewingOwnProfile = (string)$viewerId === $userInfo->getId();
-$canManageWarnings = $viewerPerms->check(Perm::U_WARNINGS_MANAGE);
+$canManageWarnings = $viewerPermsUser->check(Perm::U_WARNINGS_MANAGE);
 $canEdit = !$viewingAsGuest && ((!$isBanned && $viewingOwnProfile) || $viewerInfo->isSuperUser() || (
-    $viewerPerms->check(Perm::U_USERS_MANAGE) && ($viewingOwnProfile || $viewerRank > $userRank)
+    $viewerPermsUser->check(Perm::U_USERS_MANAGE) && ($viewingOwnProfile || $viewerRank > $userRank)
 ));
 $avatarInfo = new UserAvatarAsset($userInfo);
 $backgroundInfo = new UserBackgroundAsset($userInfo);
@@ -88,7 +88,7 @@ if($isEditing) {
     if(!$canEdit)
         Template::throwError(403);
 
-    $perms = $viewerPerms->checkMany([
+    $perms = $viewerPermsUser->checkMany([
         'edit_profile' => Perm::U_PROFILE_EDIT,
         'edit_avatar' => Perm::U_AVATAR_CHANGE,
         'edit_background' => PERM::U_PROFILE_BACKGROUND_CHANGE,
@@ -112,7 +112,7 @@ if($isEditing) {
                 if(!$perms->edit_profile) {
                     $notices[] = 'You\'re not allowed to edit your profile';
                 } else {
-                    $profileFieldInfos = $profileFields->getFields();
+                    $profileFieldInfos = iterator_to_array($profileFields->getFields());
                     $profileFieldsSetInfos = [];
                     $profileFieldsSetValues = [];
                     $profileFieldsRemove = [];
@@ -298,7 +298,7 @@ $profileStats->forum_post_count = $forumCtx->countTotalUserPosts($userInfo);
 $profileStats->comments_count = $msz->getComments()->countPosts(userInfo: $userInfo, deleted: false);
 
 if(!$viewingAsGuest) {
-    Template::set('profile_warnings', $usersCtx->getWarnings()->getWarningsWithDefaultBacklog($userInfo));
+    Template::set('profile_warnings', iterator_to_array($usersCtx->getWarnings()->getWarningsWithDefaultBacklog($userInfo)));
 
     if((!$isBanned || $canEdit)) {
         $unranked = $cfg->getValues([
@@ -322,9 +322,9 @@ if(!$viewingAsGuest) {
         );
         $activeTopicInfo = $activeTopicStats->success ? $forumTopics->getTopic(topicId: $activeTopicStats->topicId) : null;
 
-        $profileFieldValues = $profileFields->getFieldValues($userInfo);
-        $profileFieldInfos = $profileFieldInfos ?? $profileFields->getFields(fieldValueInfos: $isEditing ? null : $profileFieldValues);
-        $profileFieldFormats = $profileFields->getFieldFormats(fieldValueInfos: $profileFieldValues);
+        $profileFieldValues = iterator_to_array($profileFields->getFieldValues($userInfo));
+        $profileFieldInfos = $profileFieldInfos ?? iterator_to_array($profileFields->getFields(fieldValueInfos: $isEditing ? null : $profileFieldValues));
+        $profileFieldFormats = iterator_to_array($profileFields->getFieldFormats(fieldValueInfos: $profileFieldValues));
 
         $profileFieldRawValues = [];
         $profileFieldLinkValues = [];
@@ -384,4 +384,5 @@ Template::render('profile.index', [
     'profile_ban_info' => $activeBanInfo,
     'profile_avatar_info' => $avatarInfo,
     'profile_background_info' => $backgroundInfo,
+    'profile_can_send_messages' => $viewerPermsGlobal->check(Perm::G_MESSAGES_SEND),
 ]);

public-legacy/settings/account.php

@@ -116,7 +116,7 @@ if($isVerifiedRequest && !empty($_POST['current_password'])) {
 if($_SERVER['REQUEST_METHOD'] === 'POST' && $isVerifiedRequest)
     $userInfo = $users->getUser($userInfo->getId(), 'id');
 
-$userRoles = $roles->getRoles(userInfo: $userInfo);
+$userRoles = iterator_to_array($roles->getRoles(userInfo: $userInfo));
 
 Template::render('settings.account', [
     'errors' => $errors,

public-legacy/settings/data.php

@@ -3,7 +3,6 @@ namespace Misuzu;
 
 use ZipArchive;
 use Index\XString;
-use Index\IO\FileStream;
 use Misuzu\Users\UserInfo;
 
 $authInfo = $msz->getAuthInfo();
@@ -42,7 +41,7 @@ function db_to_zip(ZipArchive $archive, UserInfo $userInfo, string $baseName, ar
     }
 
     $tmpName = sys_get_temp_dir() . DIRECTORY_SEPARATOR . sprintf('msz-user-data-%s-%s-%s.tmp', $userId, $baseName, XString::random(8));
-    $tmpStream = FileStream::newWrite($tmpName);
+    $tmpHandle = fopen($tmpName, 'wb');
 
     try {
         $stmt = $dbConn->prepare(sprintf('SELECT %s FROM msz_%s WHERE %s = ?', implode(', ', $fields), $baseName, $userIdField));
@@ -85,12 +84,12 @@ function db_to_zip(ZipArchive $archive, UserInfo $userInfo, string $baseName, ar
                 $row[$fieldInfo['name']] = $fieldValue;
             }
 
-            $tmpStream->write(json_encode($row, JSON_INVALID_UTF8_SUBSTITUTE));
-            $tmpStream->write("\n");
+            fwrite($tmpHandle, json_encode($row, JSON_INVALID_UTF8_SUBSTITUTE));
+            fwrite($tmpHandle, "\n");
         }
     } finally {
-        $tmpStream->flush();
-        $tmpStream->close();
+        fflush($tmpHandle);
+        fclose($tmpHandle);
     }
 
     $archive->addFile($tmpName, $baseName . '.jsonl');
@@ -129,6 +128,7 @@ if(isset($_POST['action']) && is_string($_POST['action'])) {
                             $tmpFiles[] = db_to_zip($archive, $userInfo, 'forum_topics_redirects', ['topic_id:s', 'user_id:s:n', 'topic_redir_url:s', 'topic_redir_created:t']);
                             $tmpFiles[] = db_to_zip($archive, $userInfo, 'forum_topics_track',     ['user_id:s', 'topic_id:s', 'forum_id:s', 'track_last_read:t']);
                             $tmpFiles[] = db_to_zip($archive, $userInfo, 'login_attempts',         ['user_id:s:n', 'attempt_success:b', 'attempt_ip:a', 'attempt_country:s', 'attempt_created:t', 'attempt_user_agent:s']);
+                            $tmpFiles[] = db_to_zip($archive, $userInfo, 'messages',               ['msg_id:s', 'msg_owner_id:s', 'msg_author_id:s:n', 'msg_recipient_id:s:n', 'msg_reply_to:s:n', 'msg_title:s', 'msg_body:s', 'msg_parser:i', 'msg_created:t', 'msg_sent:t:n', 'msg_read:t:n', 'msg_deleted:t:n'], 'msg_owner_id');
                             $tmpFiles[] = db_to_zip($archive, $userInfo, 'news_posts',             ['post_id:s', 'category_id:s', 'user_id:s:n', 'comment_section_id:s:n', 'post_is_featured:b', 'post_title:s', 'post_text:s', 'post_scheduled:t', 'post_created:t', 'post_updated:t', 'post_deleted:t:n']);
                             $tmpFiles[] = db_to_zip($archive, $userInfo, 'perms',                  ['user_id:s:n', 'role_id:s:n', 'forum_id:s:n', 'perms_category:s', 'perms_allow:i', 'perms_deny:i']);
                             $tmpFiles[] = db_to_zip($archive, $userInfo, 'perms_calculated',       ['user_id:s:n', 'forum_id:s:n', 'perms_category:s', 'perms_calculated:i']);

public-legacy/settings/logs.php

@@ -15,8 +15,8 @@ $auditLog = $msz->getAuditLog();
 $loginHistoryPagination = new Pagination($loginAttempts->countAttempts(userInfo: $currentUser), 5, 'hp');
 $accountLogPagination = new Pagination($auditLog->countLogs(userInfo: $currentUser), 10, 'ap');
 
-$loginHistory = $loginAttempts->getAttempts(userInfo: $currentUser, pagination: $loginHistoryPagination);
-$auditLogs = $auditLog->getLogs(userInfo: $currentUser, pagination: $accountLogPagination);
+$loginHistory = iterator_to_array($loginAttempts->getAttempts(userInfo: $currentUser, pagination: $loginHistoryPagination));
+$auditLogs = iterator_to_array($auditLog->getLogs(userInfo: $currentUser, pagination: $accountLogPagination));
 
 Template::render('settings.logs', [
     'login_history_list' => $loginHistory,