eslint: enforce semicolons only before statement continuation chars

3 files changed, 353 insertions, 356 deletions

diff --git a/src/main/assets/icon.js b/src/main/assets/icon.js
index 6ab3cd81..c94a1663 100644
--- a/src/main/assets/icon.js
+++ b/src/main/assets/icon.js
@@ -1,40 +1,43 @@
-import evilIcons from 'evil-icons/assets/sprite.svg';
+import evilIcons from 'evil-icons/assets/sprite.svg'
 
 function icon(name, { size = '', className = '' }) {
-  const classes = `icon icon--${name} icon--${size} ${className}`.trim();
+  const classes = `icon icon--${name} icon--${size} ${className}`.trim()
 
   var icon =  '<svg class="icon__cnt">' +
                 `<use xlink:href='${evilIcons}#${name}-icon' />` +
-              '</svg>';
+              '</svg>'
 
   var html =  '<div class="' + classes + '">' +
                 wrapSpinner(icon, classes) +
-              '</div>';
+              '</div>'
 
-  return html;
+  return html
 }
 
 function wrapSpinner(html, klass) {
   if (klass.indexOf('spinner') > -1) {
-    return '<div class="icon__spinner">' + html + '</div>';
+    return '<div class="icon__spinner">' + html + '</div>'
   } else {
-    return html;
+    return html
   }
 }
 
+/**
+ *
+ */
 export default function renderIcons() {
-    var render = true;
-    var icons = document.querySelectorAll('[data-icon]');
+    var render = true
+    var icons = document.querySelectorAll('[data-icon]')
 
     for (var i = 0; i < icons.length; i++) {
-      var currentIcon = icons[i];
-      var name        = currentIcon.getAttribute('data-icon');
+      var currentIcon = icons[i]
+      var name        = currentIcon.getAttribute('data-icon')
       var options = {
         className:  currentIcon.className,
         size:   currentIcon.getAttribute('data-size')
-      };
+      }
 
-      currentIcon.insertAdjacentHTML('beforebegin', icon(name, options));
-      currentIcon.parentNode.removeChild(currentIcon);
+      currentIcon.insertAdjacentHTML('beforebegin', icon(name, options))
+      currentIcon.parentNode.removeChild(currentIcon)
     }
  }
diff --git a/src/main/assets/scripts.js b/src/main/assets/scripts.js
index 4422fdb3..dfd12494 100644
--- a/src/main/assets/scripts.js
+++ b/src/main/assets/scripts.js
@@ -1,35 +1,33 @@
-import elementClosest from 'element-closest';
-import 'formdata-polyfill';
-import 'classlist.js';
-import 'whatwg-fetch';
-import 'core-js/stable';
-import { embedLinksToX, embedAll, format } from '../../../vnext/src/utils/embed';
-import renderIcons from './icon';
-import svg4everybody from 'svg4everybody';
+import elementClosest from 'element-closest'
+import 'formdata-polyfill'
+import 'classlist.js'
+import 'whatwg-fetch'
+import 'core-js/stable'
+import { embedLinksToX, embedAll, format } from '../../../vnext/src/utils/embed'
+import renderIcons from './icon'
+import svg4everybody from 'svg4everybody'
 
 /**
  * Autosize textarea
- *
  * @param {HTMLTextAreaElement} el textarea element
  */
 function autosize(el) {
-    let offset = el.offsetHeight - el.clientHeight;
+    let offset = el.offsetHeight - el.clientHeight
 
     el.addEventListener('input', (ev) => {
-        const textarea = /** @type {HTMLTextAreaElement} */ (ev.target);
-        textarea.style.height = 'auto';
-        textarea.style.height = (textarea.scrollHeight + offset) + 'px';
-    });
+        const textarea = /** @type {HTMLTextAreaElement} */ (ev.target)
+        textarea.style.height = 'auto'
+        textarea.style.height = (textarea.scrollHeight + offset) + 'px'
+    })
 }
 
 /**
  * Display an icon from the evil-icons set
- *
  * @param {string} name Icon name from the iconset
  * @returns {string} HTML markup for the selected icon
  */
 function evilIcon(name) {
-    return `<div class="icon icon--${name}"><svg class="icon__cnt"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/sprite.svg#${name}-icon"></use></svg></div>`;
+    return `<div class="icon icon--${name}"><svg class="icon__cnt"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/sprite.svg#${name}-icon"></use></svg></div>`
 }
 
 /* eslint-disable only-ascii/only-ascii */
@@ -90,79 +88,78 @@ const translations = {
         'settings.notifications.denied': 'Запрещено',
         'settings.notifications.request': 'Подключить',
     }
-};
+}
 /* eslint-enable only-ascii/only-ascii */
 
 /**
  * Detect window language
- *
  * @returns {string} Detected language
  */
 function getLang() {
     return (window.navigator.languages && window.navigator.languages[0])
         || window.navigator['userLanguage']
-        || window.navigator.language;
+        || window.navigator.language
 }
 function i18n(key = '', lang = undefined) {
-    const fallbackLang = 'ru';
-    lang = lang || getLang().split('-')[0];
+    const fallbackLang = 'ru'
+    lang = lang || getLang().split('-')[0]
     return (translations[lang] && translations[lang][key])
         || translations[fallbackLang][key]
-        || key;
+        || key
 }
 
 /** @type { EventSource } */
-var es;
-var pageTitle;
+var es
+var pageTitle
 
 function initES() {
     if (!('EventSource' in window)) {
-        return;
+        return
     }
-    let url = '/api/events';
-    let hash = document.getElementById('body').getAttribute('data-hash');
+    let url = '/api/events'
+    let hash = document.getElementById('body').getAttribute('data-hash')
     if (hash) {
-        url += '?hash=' + hash;
+        url += '?hash=' + hash
     }
 
-    es = new EventSource(url);
+    es = new EventSource(url)
     es.onopen = function() {
-        console.log('online');
+        console.log('online')
         if (!document.querySelector('#wsthread')) {
-            var d = document.createElement('div');
-            d.id = 'wsthread';
-            d.addEventListener('click', nextReply);
-            document.querySelector('body').appendChild(d);
-            pageTitle = document.title;
+            var d = document.createElement('div')
+            d.id = 'wsthread'
+            d.addEventListener('click', nextReply)
+            document.querySelector('body').appendChild(d)
+            pageTitle = document.title
         }
-    };
+    }
     es.addEventListener('msg', msg => {
         try {
-            var jsonMsg = JSON.parse(msg.data);
-            console.log('data: ' + msg.data);
+            var jsonMsg = JSON.parse(msg.data)
+            console.log('data: ' + msg.data)
             if (jsonMsg.service) {
-                return;
+                return
             }
-            wsIncomingReply(jsonMsg);
+            wsIncomingReply(jsonMsg)
         } catch (err) {
-            console.log(err);
+            console.log(err)
         }
-    });
+    })
 }
 
 function wsIncomingReply(msg) {
-    let content = document.getElementById('content');
-    if (!content) { return; }
-    let pageMID = content.getAttribute('data-mid');
-    if (!pageMID || pageMID != msg.mid) { return; }
-    let msgNum = '/' + msg.rid;
+    let content = document.getElementById('content')
+    if (!content) { return }
+    let pageMID = content.getAttribute('data-mid')
+    if (!pageMID || pageMID != msg.mid) { return }
+    let msgNum = '/' + msg.rid
     if (msg.replyto > 0) {
-        msgNum += ` ${i18n('message.inReplyTo')} <a href="#${msg.replyto}">/${msg.replyto}</a>`;
+        msgNum += ` ${i18n('message.inReplyTo')} <a href="#${msg.replyto}">/${msg.replyto}</a>`
     }
     let photoDiv = (msg.attach == null) ? '' : `
             <div class="msg-media"><a href="//i.juick.com/p/${msg.mid}-${msg.rid}.${msg.attach}">
                 <img src="//i.juick.com/photos-512/${msg.mid}-${msg.rid}.${msg.attach}"/></a>
-            </div>`;
+            </div>`
     let msgContHtml = `
         <div class="msg-cont">
             <div class="msg-header">
@@ -177,54 +174,54 @@ function wsIncomingReply(msg) {
             <div class="msg-txt">${format(msg.body, msg.mid, false)}</div>${photoDiv}
             <div class="msg-links">${msgNum} &middot; <a class="msg-reply-link" href="#">${i18n('message.reply')}</a></div>
             <div class="msg-comment-target msg-comment-hidden"></div>
-        </div>`;
-
-    let li = document.createElement('li');
-    li.setAttribute('class', 'msg reply-new');
-    li.setAttribute('id', msg.rid);
-    li.innerHTML = msgContHtml;
-    li.addEventListener('click', newReply);
-    li.addEventListener('mouseover', newReply);
+        </div>`
+
+    let li = document.createElement('li')
+    li.setAttribute('class', 'msg reply-new')
+    li.setAttribute('id', msg.rid)
+    li.innerHTML = msgContHtml
+    li.addEventListener('click', newReply)
+    li.addEventListener('mouseover', newReply)
     li.querySelector('a.msg-reply-link').addEventListener('click', function(e) {
-        showCommentForm(msg.mid, msg.rid);
-        e.preventDefault();
-    });
+        showCommentForm(msg.mid, msg.rid)
+        e.preventDefault()
+    })
 
-    embedLinksToX(li.querySelector('.msg-cont'), '.msg-links', '.msg-txt a');
+    embedLinksToX(li.querySelector('.msg-cont'), '.msg-links', '.msg-txt a')
 
-    document.getElementById('replies').appendChild(li);
+    document.getElementById('replies').appendChild(li)
 
-    updateRepliesCounter();
+    updateRepliesCounter()
 }
 
 function newReply(e) {
-    var li = e.target;
-    li.classList.remove('reply-new');
-    li.removeEventListener('click', e);
-    li.removeEventListener('mouseover', e);
-    updateRepliesCounter();
+    var li = e.target
+    li.classList.remove('reply-new')
+    li.removeEventListener('click', e)
+    li.removeEventListener('mouseover', e)
+    updateRepliesCounter()
 }
 
 function nextReply() {
-    var li = document.querySelector('#replies>li.reply-new');
+    var li = document.querySelector('#replies>li.reply-new')
     if (li) {
-        li.classList.remove('reply-new');
-        li.removeEventListener('click', this);
-        li.children[0].scrollIntoView();
-        updateRepliesCounter();
+        li.classList.remove('reply-new')
+        li.removeEventListener('click', this)
+        li.children[0].scrollIntoView()
+        updateRepliesCounter()
     }
 }
 
 function updateRepliesCounter() {
-    var replies = Array.from(document.querySelectorAll('#replies>li.reply-new')).length;
-    var wsthread = document.getElementById('wsthread');
+    var replies = Array.from(document.querySelectorAll('#replies>li.reply-new')).length
+    var wsthread = document.getElementById('wsthread')
     if (replies) {
-        wsthread.textContent = `${replies}`;
-        wsthread.style.display = 'block';
-        document.title = '[' + replies + '] ' + pageTitle;
+        wsthread.textContent = `${replies}`
+        wsthread.style.display = 'block'
+        document.title = '[' + replies + '] ' + pageTitle
     } else {
-        wsthread.style.display = 'none';
-        document.title = pageTitle;
+        wsthread.style.display = 'none'
+        document.title = pageTitle
     }
 }
 
@@ -234,36 +231,34 @@ function updateRepliesCounter() {
 
 /**
  * Submit form on Ctrl+Enter
- *
  * @param {HTMLElement} formEl Target form element
  * @param {KeyboardEvent} ev Keyboard event
  */
 function postformListener(formEl, ev) {
     if (ev.ctrlKey && (ev.keyCode == 10 || ev.keyCode == 13)) {
-        let form = formEl.closest('form');
+        let form = formEl.closest('form')
         if (!form.onsubmit || form.submit()) {
-            /** @type {HTMLInputElement} */ (form.querySelector('input[type="submit"]')).click();
+            /** @type {HTMLInputElement} */ (form.querySelector('input[type="submit"]')).click()
         }
     }
 }
 
 /**
  * Close dialog on Esc
- *
  * @param {KeyboardEvent} ev Keyboard event
  */
 function closeDialogListener(ev) {
-    ev = ev || /** @type {KeyboardEvent} */ (window.event);
+    ev = ev || /** @type {KeyboardEvent} */ (window.event)
     if (ev.keyCode == 27) {
-        closeDialog();
+        closeDialog()
     }
 }
 
 function handleErrors(response) {
     if (!response.ok) {
-        throw Error(response.statusText);
+        throw Error(response.statusText)
     }
-    return response;
+    return response
 }
 
 /**
@@ -272,8 +267,8 @@ function handleErrors(response) {
  * @param {string} rid reply id
  */
 function showCommentForm(mid, rid) {
-    let reply = /** @type { HTMLElement } */ (document.getElementById(rid));
-    let formTarget = reply.querySelector('div.msg-cont .msg-comment-target');
+    let reply = /** @type { HTMLElement } */ (document.getElementById(rid))
+    let formTarget = reply.querySelector('div.msg-cont .msg-comment-target')
     if (formTarget) {
         let formHtml = `
             <form>
@@ -286,34 +281,34 @@ function showCommentForm(mid, rid) {
                     </div>
                     <input type="submit" class="Button" value="OK">
                 </div>
-            </form>`;
-        formTarget.insertAdjacentHTML('afterend', formHtml);
-        formTarget.remove();
+            </form>`
+        formTarget.insertAdjacentHTML('afterend', formHtml)
+        formTarget.remove()
 
-        let form = /** @type {HTMLFormElement} */ (reply.querySelector('form'));
-        let submitButton = /** @type {HTMLInputElement} */ (form.querySelector('input[type="submit"]'));
+        let form = /** @type {HTMLFormElement} */ (reply.querySelector('form'))
+        let submitButton = /** @type {HTMLInputElement} */ (form.querySelector('input[type="submit"]'))
 
-        let attachButton = /** @type {HTMLInputElement} */ (form.querySelector('.msg-comment .attach-photo'));
-        attachButton.addEventListener('click', e => attachCommentPhoto(/** @type {HTMLDivElement} */(e.target)));
+        let attachButton = /** @type {HTMLInputElement} */ (form.querySelector('.msg-comment .attach-photo'))
+        attachButton.addEventListener('click', e => attachCommentPhoto(/** @type {HTMLDivElement} */(e.target)))
 
-        let textarea = /** @type {HTMLTextAreaElement} */ (form.querySelector('.msg-comment textarea'));
-        textarea.addEventListener('keypress', e => postformListener(/** @type {HTMLElement} */(e.target), e));
-        autosize(textarea);
+        let textarea = /** @type {HTMLTextAreaElement} */ (form.querySelector('.msg-comment textarea'))
+        textarea.addEventListener('keypress', e => postformListener(/** @type {HTMLElement} */(e.target), e))
+        autosize(textarea)
 
         let validateMessage = () => {
-            let len = textarea.value.length;
-            if (len > 4096) { return 'Message is too long'; }
-            return '';
-        };
+            let len = textarea.value.length
+            if (len > 4096) { return 'Message is too long' }
+            return ''
+        }
         form.addEventListener('submit', e => {
-            let validationResult = validateMessage();
+            let validationResult = validateMessage()
             if (validationResult) {
-                e.preventDefault();
-                alert(validationResult);
-                return false;
+                e.preventDefault()
+                alert(validationResult)
+                return false
             }
-            submitButton.disabled = true;
-            let formData = new FormData(form);
+            submitButton.disabled = true
+            let formData = new FormData(form)
             fetch('/api/comment' + '?hash=' + document.getElementById('body').getAttribute('data-hash'), {
                 method: 'POST',
                 body: formData,
@@ -323,63 +318,62 @@ function showCommentForm(mid, rid) {
                     if (response.ok) {
                         response.json().then(result => {
                             if (result.newMessage) {
-                                window.location.hash = `#${result.newMessage.rid}`;
+                                window.location.hash = `#${result.newMessage.rid}`
                             } else {
-                                alert(result.text);
+                                alert(result.text)
                             }
-                            window.location.reload();
-                        });
+                            window.location.reload()
+                        })
                     }
                 }).catch(error => {
-                    alert(error.message);
-                });
-            e.preventDefault();
-        });
+                    alert(error.message)
+                })
+            e.preventDefault()
+        })
     }
-    /** @type {HTMLTextAreaElement} */ (reply.querySelector('.msg-comment textarea')).focus();
+    /** @type {HTMLTextAreaElement} */ (reply.querySelector('.msg-comment textarea')).focus()
 }
 
 function attachInput() {
-    let inp = document.createElement('input');
-    inp.setAttribute('type', 'file');
-    inp.setAttribute('name', 'attach');
-    inp.setAttribute('accept', 'image/jpeg,image/png');
-    inp.style.visibility = 'hidden';
-    return inp;
+    let inp = document.createElement('input')
+    inp.setAttribute('type', 'file')
+    inp.setAttribute('name', 'attach')
+    inp.setAttribute('accept', 'image/jpeg,image/png')
+    inp.style.visibility = 'hidden'
+    return inp
 }
 
 /**
  * "Attach" button
- *
  * @param {HTMLDivElement} div element attach to
  */
 function attachCommentPhoto(div) {
-    let input = div.querySelector('input');
+    let input = div.querySelector('input')
     if (input) {
-        input.remove();
-        div.classList.remove('attach-photo-active');
+        input.remove()
+        div.classList.remove('attach-photo-active')
     } else {
-        let newInput = attachInput();
+        let newInput = attachInput()
         newInput.addEventListener('change', function() {
-            div.classList.add('attach-photo-active');
-        });
-        newInput.click();
-        div.appendChild(newInput);
+            div.classList.add('attach-photo-active')
+        })
+        newInput.click()
+        div.appendChild(newInput)
     }
 }
 
 function showPhotoDialog(fname) {
-    let width = window.innerWidth;
-    let height = window.innerHeight;
-    let minDimension = (width < height) ? width : height;
+    let width = window.innerWidth
+    let height = window.innerHeight
+    let minDimension = (width < height) ? width : height
     if (minDimension < 640) {
-        return true; // no dialog, open the link
+        return true // no dialog, open the link
     } else if (minDimension < 1280) {
-        openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/photos-1024/${fname}"/></a>`, true);
-        return false;
+        openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/photos-1024/${fname}"/></a>`, true)
+        return false
     } else {
-        openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/p/${fname}"/></a>`, true);
-        return false;
+        openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/p/${fname}"/></a>`, true)
+        return false
     }
 }
 
@@ -393,44 +387,44 @@ function openDialog(html, image) {
                 </div>
                 ${html}
             </div>
-        </div>`;
-    let body = /** @type {HTMLElement} */ (document.querySelector('body'));
-    body.classList.add('dialog-opened');
-    body.insertAdjacentHTML('afterbegin', dialogHtml);
+        </div>`
+    let body = /** @type {HTMLElement} */ (document.querySelector('body'))
+    body.classList.add('dialog-opened')
+    body.insertAdjacentHTML('afterbegin', dialogHtml)
     if (image) {
-        let header = /** @type {HTMLElement} */ (document.querySelector('#dialog_header'));
-        header.classList.add('header_image');
+        let header = /** @type {HTMLElement} */ (document.querySelector('#dialog_header'))
+        header.classList.add('header_image')
     }
-    document.addEventListener('keydown', closeDialogListener);
-    document.querySelector('#dialogb').addEventListener('click', closeDialog);
-    document.querySelector('#dialogc').addEventListener('click', closeDialog);
+    document.addEventListener('keydown', closeDialogListener)
+    document.querySelector('#dialogb').addEventListener('click', closeDialog)
+    document.querySelector('#dialogc').addEventListener('click', closeDialog)
 }
 
 function closeDialog() {
-    document.querySelector('body').classList.remove('dialog-opened');
-    document.querySelector('#dialogb').remove();
-    document.querySelector('#dialogt').remove();
+    document.querySelector('body').classList.remove('dialog-opened')
+    document.querySelector('#dialogb').remove()
+    document.querySelector('#dialogt').remove()
 }
 
 function checkUsername() {
     var uname = document.querySelector('#username').textContent,
-        style = /** @type {HTMLElement} */ (document.querySelector('#username')).style;
+        style = /** @type {HTMLElement} */ (document.querySelector('#username')).style
     fetch('/api/users?uname=' + uname)
         .then(handleErrors)
         .then(function() {
-            style.background = '#FFCCCC';
+            style.background = '#FFCCCC'
         })
         .catch(function() {
-            style.background = '#CCFFCC';
-        });
+            style.background = '#CCFFCC'
+        })
 }
 
 /******************************************************************************/
 
 function resultMessage(str) {
-    var result = document.createElement('p');
-    result.textContent = str;
-    return result;
+    var result = document.createElement('p')
+    result.textContent = str
+    return result
 }
 
 function likeMessage(e, mid) {
@@ -443,14 +437,14 @@ function likeMessage(e, mid) {
             .then(handleErrors)
             .then(function(response) {
                 if (response.ok) {
-                    e.closest('article').appendChild(resultMessage('OK!'));
+                    e.closest('article').appendChild(resultMessage('OK!'))
                 }
             })
             .catch(function() {
-                e.closest('article').appendChild(resultMessage(i18n('error.error')));
-            });
+                e.closest('article').appendChild(resultMessage(i18n('error.error')))
+            })
     }
-    return false;
+    return false
 }
 
 function subscribeMessage(e, mid) {
@@ -462,15 +456,15 @@ function subscribeMessage(e, mid) {
         .then(handleErrors)
         .then(function(response) {
             if (response.ok) {
-                window.location.reload();
+                window.location.reload()
             } else {
-                alert('Something went wrong :(');
+                alert('Something went wrong :(')
             }
         })
         .catch(error => {
-            alert(error.message);
-        });
-    return false;
+            alert(error.message)
+        })
+    return false
 }
 
 /******************************************************************************/
@@ -484,13 +478,13 @@ function setPrivacy(e, mid) {
         .then(handleErrors)
         .then(function(response) {
             if (response.ok) {
-                window.location.reload();
+                window.location.reload()
             } else {
-                alert('Something went wrong :(');
+                alert('Something went wrong :(')
             }
         })
-        .catch(console.err);
-    return false;
+        .catch(console.err)
+    return false
 }
 function toggleWL(e, name) {
     fetch('/api/users/wl?name=' + name
@@ -501,13 +495,13 @@ function toggleWL(e, name) {
         .then(handleErrors)
         .then(function(response) {
             if (response.ok) {
-                window.location.reload();
+                window.location.reload()
             } else {
-                alert('Something went wrong :(');
+                alert('Something went wrong :(')
             }
         })
-        .catch(console.err);
-    return false;
+        .catch(console.err)
+    return false
 }
 
 function getTags() {
@@ -516,41 +510,41 @@ function getTags() {
     })
         .then(handleErrors)
         .then(response => {
-            return response.json();
+            return response.json()
         })
         .then(json => {
-            let tags = json.map(t => t.tag);
-            let input = document.getElementById('tags_input');
-        });
-    return false;
+            let tags = json.map(t => t.tag)
+            let input = document.getElementById('tags_input')
+        })
+    return false
 }
 
 function addTag(tag) {
-    document.forms['postmsg'].body.value = '*' + tag + ' ' + document.forms['postmsg'].body.value;
-    return false;
+    document.forms['postmsg'].body.value = '*' + tag + ' ' + document.forms['postmsg'].body.value
+    return false
 }
 
 function fetchUserUri(dataUri, callback) {
-    let data = new FormData();
-    data.append('uri', dataUri);
+    let data = new FormData()
+    data.append('uri', dataUri)
     fetch('/api/u/', {
         method: 'POST',
         body: data
     }).then(handleErrors)
         .then(response => {
-            return response.json();
+            return response.json()
         })
         .then(json => {
-            callback(json);
+            callback(json)
         })
         .catch(e => {
-            callback({ uname: dataUri, uri: dataUri });
-        });
+            callback({ uname: dataUri, uri: dataUri })
+        })
 }
 
 const registerServiceWorker = () => {
-    const publicKey = 'BPU0LniKKR0QiaUvILPd9AystmSOU8rWDZobxKm7IJN5HYxOSQdktRdc74TZvyRS9_kyUz7LDN6gUAmAVOmObAU';
-    navigator.serviceWorker.register('/sw.js', { scope: '/' });
+    const publicKey = 'BPU0LniKKR0QiaUvILPd9AystmSOU8rWDZobxKm7IJN5HYxOSQdktRdc74TZvyRS9_kyUz7LDN6gUAmAVOmObAU'
+    navigator.serviceWorker.register('/sw.js', { scope: '/' })
     navigator.serviceWorker.ready.then(reg => {
         reg.pushManager.subscribe({
             userVisibleOnly: true,
@@ -562,7 +556,7 @@ const registerServiceWorker = () => {
                         type: 'web',
                         token: JSON.stringify(sub)
                     }
-                ];
+                ]
                 fetch('/api/notifications?hash=' + document.getElementById('body').getAttribute('data-hash'), {
                     method: 'PUT',
                     headers: {
@@ -571,30 +565,30 @@ const registerServiceWorker = () => {
                     credentials: 'same-origin',
                     body: JSON.stringify(body)
                 }).then(response => {
-                    console.log(response.status);
-                });
+                    console.log(response.status)
+                })
             },
             err => console.error(err)
-        );
-    });
-};
+        )
+    })
+}
 
 function notificationsCheckPermissions(button) {
-    console.log(Notification.permission);
+    console.log(Notification.permission)
     switch (Notification.permission.toLowerCase()) {
         case 'granted':
-            button.innerHTML = `${i18n('settings.notifications.granted')}`;
-            button.disabled = true;
-            registerServiceWorker();
-            break;
+            button.innerHTML = `${i18n('settings.notifications.granted')}`
+            button.disabled = true
+            registerServiceWorker()
+            break
 
         case 'denied':
-            button.innerHTML = `${i18n('settings.notifications.denied')}`;
-            button.disabled = true;
-            break;
+            button.innerHTML = `${i18n('settings.notifications.denied')}`
+            button.disabled = true
+            break
 
         case 'default':
-            button.innerHTML = `${i18n('settings.notifications.request')}`;
+            button.innerHTML = `${i18n('settings.notifications.request')}`
     }
 }
 
@@ -602,77 +596,77 @@ function notificationsCheckPermissions(button) {
 
 function ready(fn) {
     if (document.readyState != 'loading') {
-        fn();
+        fn()
     } else {
-        document.addEventListener('DOMContentLoaded', fn);
+        document.addEventListener('DOMContentLoaded', fn)
     }
 }
 
 ready(() => {
-    elementClosest(window);
+    elementClosest(window)
     Array.from(document.querySelectorAll('textarea')).forEach((ta) => {
-        autosize(ta);
-    });
-    svg4everybody();
-    renderIcons();
+        autosize(ta)
+    })
+    svg4everybody()
+    renderIcons()
     var insertPMButtons = function(e) {
-        e.target.classList.add('narrowpm');
-        e.target.parentNode.insertAdjacentHTML('afterend', '<input type="submit" class="Button" value="OK"/>');
-        e.target.removeEventListener('click', insertPMButtons);
-        e.preventDefault();
+        e.target.classList.add('narrowpm')
+        e.target.parentNode.insertAdjacentHTML('afterend', '<input type="submit" class="Button" value="OK"/>')
+        e.target.removeEventListener('click', insertPMButtons)
+        e.preventDefault()
     };
     /** @type {HTMLTextAreaElement[]} */ (Array.from(document.querySelectorAll('textarea.replypm'))).forEach(function(e) {
-        e.addEventListener('click', insertPMButtons);
+        e.addEventListener('click', insertPMButtons)
         e.addEventListener('keypress', function(e) {
-            postformListener(/** @type {HTMLElement} */(e.target), e);
-        });
+            postformListener(/** @type {HTMLElement} */(e.target), e)
+        })
     });
     /** @type {HTMLTextAreaElement[]} */ (Array.from(document.querySelectorAll('#postmsg textarea'))).forEach(function(e) {
         e.addEventListener('keypress', function(e) {
-            postformListener(/** @type {HTMLElement} */(e.target), e);
-        });
-    });
+            postformListener(/** @type {HTMLElement} */(e.target), e)
+        })
+    })
 
-    var content = document.getElementById('content');
+    var content = document.getElementById('content')
     if (content) {
-        var pageMID = +content.getAttribute('data-mid');
+        var pageMID = +content.getAttribute('data-mid')
         if (pageMID > 0) {
             Array.from(document.querySelectorAll('li.msg')).forEach(li => {
-                let showReplyFormBtn = li.querySelector('.a-thread-comment');
+                let showReplyFormBtn = li.querySelector('.a-thread-comment')
                 if (showReplyFormBtn) {
                     showReplyFormBtn.addEventListener('click', function(e) {
-                        showCommentForm(pageMID, li.id);
-                        e.preventDefault();
-                    });
+                        showCommentForm(pageMID, li.id)
+                        e.preventDefault()
+                    })
                 }
-            });
-            let opMessage = document.querySelector('.msgthread');
+            })
+            let opMessage = document.querySelector('.msgthread')
             if (opMessage) {
-                let replyTextarea = /** @type {HTMLTextAreaElement} */ (opMessage.querySelector('textarea.reply'));
+                let replyTextarea = /** @type {HTMLTextAreaElement} */ (opMessage.querySelector('textarea.reply'))
                 if (replyTextarea) {
-                    replyTextarea.addEventListener('focus', e => showCommentForm(pageMID, 0));
-                    replyTextarea.addEventListener('keypress', e => postformListener(/** @type {HTMLElement} */(e.target), e));
+                    replyTextarea.addEventListener('focus', e => showCommentForm(pageMID, 0))
+                    replyTextarea.addEventListener('keypress', e => postformListener(/** @type {HTMLElement} */(e.target), e))
                     if (!window.location.hash) {
-                        replyTextarea.focus();
+                        replyTextarea.focus()
                     }
                 }
             }
         }
     }
 
-    var postmsg = /** @type {HTMLFormElement} */(document.getElementById('postmsg'));
+    var postmsg = /** @type {HTMLFormElement} */(document.getElementById('postmsg'))
     if (postmsg) {
         Array.from(document.querySelectorAll('a')).filter(t => t.href.indexOf('?') >= 0).forEach(t => {
             t.addEventListener('click', e => {
-                let params = new URLSearchParams(t.href.slice(t.href.indexOf('?') + 1));
+                let params = new URLSearchParams(t.href.slice(t.href.indexOf('?') + 1))
                 if (params.has('tag')) {
-                    addTag(params.get('tag'));
-                    e.preventDefault();
+                    addTag(params.get('tag'))
+                    e.preventDefault()
                 }
-            });
-        });
+            })
+        })
         postmsg.addEventListener('submit', e => {
-            let formData = new FormData(postmsg);
+            let formData = new FormData(postmsg)
             fetch('/api/post' + '?hash=' + document.getElementById('body').getAttribute('data-hash'), {
                 method: 'POST',
                 body: formData,
@@ -682,23 +676,23 @@ ready(() => {
                     if (response.ok) {
                         response.json().then(result => {
                             if (result.newMessage) {
-                                window.location.href = new URL(`/m/${result.newMessage.mid}`, window.location.href).href;
+                                window.location.href = new URL(`/m/${result.newMessage.mid}`, window.location.href).href
                             } else {
-                                alert(result.text);
+                                alert(result.text)
                             }
-                        });
+                        })
                     } else {
-                        alert('Something went wrong :(');
+                        alert('Something went wrong :(')
                     }
                 }).catch(error => {
-                    alert(error.message);
-                });
-            e.preventDefault();
-        });
+                    alert(error.message)
+                })
+            e.preventDefault()
+        })
     }
     /** @type {HTMLFormElement[]} */ (Array.from(document.querySelectorAll('.pmmsg'))).forEach(pmmsg => {
         pmmsg.addEventListener('submit', e => {
-            let formData = new FormData(pmmsg);
+            let formData = new FormData(pmmsg)
             fetch('/api/pm' + '?hash=' + document.getElementById('body').getAttribute('data-hash'), {
                 method: 'POST',
                 body: formData,
@@ -708,144 +702,144 @@ ready(() => {
                     if (response.ok) {
                         response.json().then(result => {
                             if (result.to) {
-                                window.location.href = new URL('/pm/sent', window.location.href).href;
+                                window.location.href = new URL('/pm/sent', window.location.href).href
                             } else {
-                                alert('Something went wrong :(');
+                                alert('Something went wrong :(')
                             }
-                        });
+                        })
                     } else {
-                        alert('Something went wrong :(');
+                        alert('Something went wrong :(')
                     }
                 }).catch(error => {
-                    alert(error.message);
-                });
-            e.preventDefault();
-        });
-    });
+                    alert(error.message)
+                })
+            e.preventDefault()
+        })
+    })
 
     Array.from(document.querySelectorAll('.l .a-privacy')).forEach(function(e) {
         e.addEventListener('click', function(e) {
             setPrivacy(
                 e.target,
-                document.getElementById('content').getAttribute('data-mid'));
-            e.preventDefault();
-        });
-    });
+                document.getElementById('content').getAttribute('data-mid'))
+            e.preventDefault()
+        })
+    })
     Array.from(document.querySelectorAll('.a-vip')).forEach(function(e) {
             e.addEventListener('click', function(e) {
                 toggleWL(
                     e.target,
-                    e.target.closest('[data-name]').getAttribute('data-name'));
-                e.preventDefault();
-            });
-        });
+                    e.target.closest('[data-name]').getAttribute('data-name'))
+                e.preventDefault()
+            })
+        })
     Array.from(document.querySelectorAll('.ir a[data-fname], .msg-media a[data-fname]')).forEach(function(el) {
         el.addEventListener('click', function(e) {
-            let fname = /** @type {HTMLElement} */ (e.target).closest('[data-fname]').getAttribute('data-fname');
+            let fname = /** @type {HTMLElement} */ (e.target).closest('[data-fname]').getAttribute('data-fname')
             if (!showPhotoDialog(fname)) {
-                e.preventDefault();
+                e.preventDefault()
             }
-        });
-    });
+        })
+    })
 
-    var username = document.getElementById('username');
+    var username = document.getElementById('username')
     if (username) {
         username.addEventListener('blur', function() {
-            checkUsername();
-        });
+            checkUsername()
+        })
     }
 
     Array.from(document.querySelectorAll('.l .a-like')).forEach(function(e) {
         e.addEventListener('click', function(e) {
             likeMessage(
                 e.target,
-                /** @type {HTMLElement} */(e.target).closest('article').getAttribute('data-mid'));
-            e.preventDefault();
-        });
-    });
+                /** @type {HTMLElement} */(e.target).closest('article').getAttribute('data-mid'))
+            e.preventDefault()
+        })
+    })
     Array.from(document.querySelectorAll('.l .a-sub')).forEach(function(e) {
         e.addEventListener('click', function(e) {
             subscribeMessage(
                 e.target,
-                document.getElementById('content').getAttribute('data-mid'));
-            e.preventDefault();
-        });
-    });
-    var unfoldall = document.getElementById('unfoldall');
+                document.getElementById('content').getAttribute('data-mid'))
+            e.preventDefault()
+        })
+    })
+    var unfoldall = document.getElementById('unfoldall')
     if (unfoldall) {
         unfoldall.addEventListener('click', function(e) {
             /** @type {HTMLElement[]} */ (Array.from(document.querySelectorAll('#replies>li'))).forEach(function(e) {
-            e.style.display = 'block';
+            e.style.display = 'block'
         });
             /** @type {HTMLElement[]} */ (Array.from(document.querySelectorAll('#replies .msg-comments'))).forEach(function(e) {
-            e.style.display = 'none';
-        });
-            e.preventDefault();
-        });
+            e.style.display = 'none'
+        })
+            e.preventDefault()
+        })
     }
     Array.from(document.querySelectorAll('article')).forEach(function(article) {
         if (Array.prototype.some.call(
             Array.from(article.querySelectorAll('.msg-tags a')),
             function(a) {
-                return a.textContent === 'NSFW';
+                return a.textContent === 'NSFW'
             }
         )) {
-            article.classList.add('nsfw');
+            article.classList.add('nsfw')
         }
-    });
+    })
     Array.from(document.querySelectorAll('[data-uri]')).forEach(el => {
-        let dataUri = el.getAttribute('data-uri') || '';
+        let dataUri = el.getAttribute('data-uri') || ''
         if (dataUri) {
             setTimeout(() => fetchUserUri(dataUri, user => {
-                let header = el.closest('.msg-header');
+                let header = el.closest('.msg-header')
                 Array.from(header.querySelectorAll('.a-username')).forEach(a => {
-                    a.setAttribute('href', user.url || user.uri);
-                    let img = a.querySelector('img');
+                    a.setAttribute('href', user.url || user.uri)
+                    let img = a.querySelector('img')
                     if (img && user.avatar) {
-                        img.setAttribute('src', user.avatar);
-                        img.setAttribute('alt', user.uname);
+                        img.setAttribute('src', user.avatar)
+                        img.setAttribute('alt', user.uname)
                     }
-                    let textNode = a.childNodes[0];
+                    let textNode = a.childNodes[0]
                     if (textNode.nodeType === Node.TEXT_NODE && textNode.nodeValue.trim().length > 0) {
-                        let uname = document.createTextNode(user.uname);
-                        a.replaceChild(uname, a.firstChild);
+                        let uname = document.createTextNode(user.uname)
+                        a.replaceChild(uname, a.firstChild)
                     }
-                });
-            }), 100);
+                })
+            }), 100)
         }
-    });
+    })
     Array.from(document.querySelectorAll('[data-user-uri]')).forEach(el => {
-        let dataUri = el.getAttribute('href') || '';
+        let dataUri = el.getAttribute('href') || ''
         if (dataUri) {
             setTimeout(() => fetchUserUri(dataUri, user => {
-                let textNode = el.childNodes[0];
+                let textNode = el.childNodes[0]
                 if (textNode.nodeType === Node.TEXT_NODE && textNode.nodeValue.trim().length > 0) {
-                    let uname = document.createTextNode(`@${user.uname}`);
-                    el.replaceChild(uname, el.firstChild);
-                    el.setAttribute('href', user.url || user.uri);
+                    let uname = document.createTextNode(`@${user.uname}`)
+                    el.replaceChild(uname, el.firstChild)
+                    el.setAttribute('href', user.url || user.uri)
                 }
-            }), 100);
+            }), 100)
         }
-    });
+    })
     let location = window.location.href;
     /** @type {HTMLLinkElement[]} */ (Array.from(document.querySelectorAll('#header_wrapper a'))).forEach(el => {
         if (el.href === location) {
-            el.classList.add('active');
-            el.setAttribute('disabled', 'disabled');
+            el.classList.add('active')
+            el.setAttribute('disabled', 'disabled')
         }
-    });
-    initES();
+    })
+    initES()
     addEventListener('beforeunload', () => {
         if (es) {
-            es.close();
+            es.close()
         }
-    });
-    embedAll();
-    const button = document.getElementById('notifications_toggle');
+    })
+    embedAll()
+    const button = document.getElementById('notifications_toggle')
     if (button) {
         button.addEventListener('click', () => {
-            Notification.requestPermission(function(result) { notificationsCheckPermissions(button); });
-        });
-        notificationsCheckPermissions(button);
+            Notification.requestPermission(function(result) { notificationsCheckPermissions(button) })
+        })
+        notificationsCheckPermissions(button)
     }
-});
+})
diff --git a/src/main/resources/static/sw.js b/src/main/resources/static/sw.js
index 0520bcc1..a64de7cc 100644
--- a/src/main/resources/static/sw.js
+++ b/src/main/resources/static/sw.js
@@ -2,46 +2,46 @@
 /// <reference lib="esnext" />
 /// <reference lib="WebWorker" />
 
-var sw = /** @type {ServiceWorkerGlobalScope & typeof self} */ (self);
+var sw = /** @type {ServiceWorkerGlobalScope & typeof self} */ (self)
 sw.addEventListener('install', function() {
-  sw.skipWaiting();
-});
+  sw.skipWaiting()
+})
 sw.addEventListener('activate', function() {
-  sw.clients.claim();
-});
+  sw.clients.claim()
+})
 sw.addEventListener('push', function(evt) {
   if (evt.data) {
-    const data = evt.data.json();
-    console.log('Push', data);
+    const data = evt.data.json()
+    console.log('Push', data)
     if (data.body) {
       sw.registration.showNotification(data.title, {
         body: data.body,
         icon: data.custom.message.user.avatar,
         tag: data.tag,
         data: data.custom.message
-      });
+      })
     }
   }
-});
+})
 sw.addEventListener('notificationclick', function(evt) {
   evt.waitUntil(
     sw.clients.matchAll().then(function(clientList) {
-      const message = evt.notification.data;
+      const message = evt.notification.data
       const url = message.mid
         ? message.rid
           ? `https://juick.com/m/${message.mid}#${message.rid}`
           : `https://juick.com/m/${message.mid}`
-        : 'https://juick.com/pm/inbox';
+        : 'https://juick.com/pm/inbox'
       if (clientList.length > 0) {
         for (var i = 0; i < clientList.length; i++) {
           if (clientList[i].url === url) {
-            return clientList[i].focus();
+            return clientList[i].focus()
           }
         }
-        clientList[0].navigate(url);
-        return clientList[0].focus();
+        clientList[0].navigate(url)
+        return clientList[0].focus()
       }
-      return sw.clients.openWindow(url);
+      return sw.clients.openWindow(url)
     })
-  );
-});
+  )
+})