forgot to add

android/app/src/main/assets/public/blah/en-cat.json

@@ -14,7 +14,7 @@
   "dm.key.too.large": "meowchat key too large :o",
   "dm.key.not.found": "meowchat key not found :c",
   "dm.key.updated": "meowchat key updated successfully :3",
-  "body.too.large": "request body too large ><",
+  "body.too.large": "request too large ><",
   "invite.revoked": "invite revoked successfully",
   "invite.declined": "invite declined successfully",
   "account.creation.request.expired": "cat creation request expired. try again",
@@ -33,12 +33,8 @@
   "username.conditions.allowed": "cat name can only include {all}",
   "password.not.hashed.properly": "meow word is not hashed properly",
   "invalid.username.or.password": "invalid cat name or meow word",
-  "error.account.not.exist": "Meowccount Does Not Exist",
   "error.storage.limit.exceeded": "Storage Limit Exceeded, purr",
-  "error.username.taken": "Meowname is Taken",
   "error.network.error": "Network error, check connection or file size, meow.",
-  "error.body.too.large": "File is too large, meow! (max 10MB)",
-  "error.unknown.error": "Unknown error, purr",
   "account.not.exist": "cat with this name doesn't exist",
   "invalid.nonce": "invalid nonce. try again",
   "username.changed": "cat name changed successfully",
@@ -122,7 +118,6 @@
   "title.back.to.register": "back to registration",
   "title.details": "details",
   "title.members": "cats",
-  
   "placeholder.username": "cat name",
   "placeholder.captcha.code": "captcha code",
   "desc.messages.loading": "loading meows...",
@@ -191,5 +186,11 @@
   "action.attachment.poll": "Meowll",
   "action.attachment.uploading": "Uploading meowttachments...",
   "attachment.legacy": "Legacy meowttachment",
-  "warning.unencrypted": "This meowsage is not encrypted"
+  "warning.unencrypted": "This meowsage is not encrypted",
+  "action.change.avatar": "Change Cat Picture",
+  "action.change.banner": "Change Cat Banner",
+  "placeholder.type.text.emoji": "Type purr / meow...",
+  "action.cancel": "Cancel",
+  "title.crop.image": "Crop Image",
+  "title.zoom": "Zoom"
 }

android/app/src/main/assets/public/blah/en-us.json

@@ -14,7 +14,7 @@
   "dm.key.too.large": "DM key too large",
   "dm.key.not.found": "DM key not found",
   "dm.key.updated": "DM key updated successfully",
-  "body.too.large": "Request body too large",
+  "body.too.large": "Request too large",
   "invite.revoked": "Invite revoked successfully",
   "invite.declined": "Invite declined successfully",
   "account.creation.request.expired": "Account creation request expired. Try again",
@@ -33,12 +33,8 @@
   "username.conditions.allowed": "Username can only include {all}",
   "password.not.hashed.properly": "Password is not hashed properly",
   "invalid.username.or.password": "Invalid username or password",
-  "error.account.not.exist": "Account Does Not Exist",
   "error.storage.limit.exceeded": "Storage Limit Exceeded",
-  "error.username.taken": "Username is Taken",
   "error.network.error": "Network error, check connection or file size.",
-  "error.body.too.large": "File is too large (max 10MB)",
-  "error.unknown.error": "Unknown error",
   "account.not.exist": "Account with this name doesn't exist",
   "invalid.nonce": "Invalid nonce. Try again",
   "username.changed": "Username changed successfully",
@@ -156,7 +152,6 @@
   "title.loading": "Loading...",
   "title.details": "Details",
   "title.members": "Members",
-  
   "action.edit.profile": "Edit profile",
   "action.open.dm": "Open DM",
   "action.invite.accept": "Accept invite",
@@ -191,5 +186,11 @@
   "action.attachment.poll": "Poll",
   "action.attachment.uploading": "Uploading attachments...",
   "attachment.legacy": "Legacy attachment",
-  "warning.unencrypted": "This message is not encrypted"
+  "warning.unencrypted": "This message is not encrypted",
+  "action.change.avatar": "Change Avatar",
+  "action.change.banner": "Change Banner",
+  "placeholder.type.text.emoji": "Type text / emoji...",
+  "action.cancel": "Cancel",
+  "title.crop.image": "Crop Image",
+  "title.zoom": "Zoom"
 }

android/app/src/main/assets/public/blah/index.json

@@ -1,4 +1,5 @@
 {
     "en-us": { "english": "English (US)", "native": "English (US)" },
-    "en-cat": { "english": "English (Cat)", "native": "Meowlish" }
+    "en-cat": { "english": "English (Cat)", "native": "Meowlish" },
+    "pl-pl": { "english": "Polish", "native": "Polski" }
 }

android/app/src/main/assets/public/blah/pl-pl.json

@@ -0,0 +1,196 @@
+{
+  "user.not.found": "Nie znaleziono użytkownika",
+  "dm.already.exists": "Wiadomość prywatna już istnieje",
+  "cant.invite.urself": "Nie możesz zaprosić samego siebie",
+  "user.already.invited": "Ten użytkownik został już przez Ciebie zaproszony",
+  "user.invited": "Użytkownik został pomyślnie zaproszony",
+  "cant.create.dm.without.invitation": "Nie możesz utworzyć wiadomości prywatnej bez zaproszenia",
+  "dm.begin.notice": "Na początku każdej rozmowy prywatnej zawsze upewnij się, że rozmawiasz z właściwą osobą",
+  "failed.accept.dm": "Nie udało się zaakceptować rozmowy prywatnej",
+  "dm.accepted": "Rozmowa prywatna została zaakceptowana",
+  "no.invite.found": "Nie możesz utworzyć wiadomości prywatnej bez zaproszenia",
+  "unknown.error": "Nieznany błąd",
+  "forbidden": "Nie masz uprawnień do wykonania tej akcji",
+  "dm.key.too.large": "Klucz wiadomości prywatnej jest zbyt duży",
+  "dm.key.not.found": "Nie znaleziono klucza wiadomości prywatnej",
+  "dm.key.updated": "Klucz wiadomości prywatnej został pomyślnie zaktualizowany",
+  "body.too.large": "Treść żądania jest zbyt duża",
+  "invite.revoked": "Zaproszenie zostało cofnięte",
+  "invite.declined": "Zaproszenie zostało odrzucone",
+  "account.creation.request.expired": "Żądanie utworzenia konta wygasło. Spróbuj ponownie",
+  "invalid.username": "Nieprawidłowa nazwa użytkownika: {0}",
+  "invalid.password": "Nieprawidłowe hasło: {0}",
+  "incorrect.captcha": "Nieprawidłowa captcha. Spróbuj ponownie",
+  "username.taken": "Ta nazwa użytkownika jest już zajęta",
+  "accounts.slots.full": "Nie można utworzyć nowego konta, ponieważ wszystkie identyfikatory są zajęte. Spróbuj ponownie później",
+  "registration.disabled": "Rejestracja jest wyłączona",
+  "account.created": "Konto zostało pomyślnie utworzone",
+  "password.changed": "Hasło zostało pomyślnie zmienione",
+  "keys.updated": "Klucze zostały pomyślnie zaktualizowane",
+  "unknown.request": "Nieznane żądanie: {0}",
+  "login.successful": "Logowanie zakończone pomyślnie",
+  "username.length": "Nazwa użytkownika musi mieć {0} znaków",
+  "username.conditions.allowed": "Nazwa użytkownika może zawierać tylko: {all}",
+  "password.not.hashed.properly": "Hasło nie zostało poprawnie zahaszowane",
+  "invalid.username.or.password": "Nieprawidłowa nazwa użytkownika lub hasło",
+  "error.storage.limit.exceeded": "Przekroczono limit pamięci",
+  "error.network.error": "Błąd sieci. Sprawdź połączenie lub rozmiar pliku.",
+  "account.not.exist": "Konto o tej nazwie nie istnieje",
+  "invalid.nonce": "Nieprawidłowy nonce. Spróbuj ponownie",
+  "username.changed": "Nazwa użytkownika została pomyślnie zmieniona",
+  "auth.failed.redirect.to.login": "Uwierzytelnianie nie powiodło się. Przekierowywanie do logowania...",
+  "dm.refresh.failed": "Nie udało się odświeżyć rozmów prywatnych",
+  "chat.add.failed": "Nie udało się dodać czatu",
+  "something.wrong.mayb.pass": "Coś poszło nie tak... (prawdopodobnie błędne hasło)",
+  "something.wrong": "Coś poszło nie tak...",
+  "passwords.not.match": "Hasła nie są zgodne",
+  "password.cant.empty": "Hasło nie może być puste",
+  "username.cant.empty": "Nazwa użytkownika nie może być pusta",
+  "bad.request": "Nieprawidłowe żądanie",
+  "letters": "litery",
+  "numbers": "cyfry",
+  "underscores": "podkreślenia",
+  "loading.connecting": "Łączenie...",
+  "loading.loading": "Ładowanie...",
+  "loading.done": "Gotowe!",
+  "title.home": "Strona główna",
+  "title.dms": "Wiadomości prywatne",
+  "title.groups": "Grupy",
+  "title.welcome.splash": "Witamy w Miarven",
+  "desc.welcome.splash": "Pierwszy klient Larpix",
+  "title.splash": "Ekran powitalny",
+  "title.create.dm": "Zaproś do rozmowy prywatnej",
+  "title.create.space": "Utwórz społeczność",
+  "title.create.group": "Utwórz grupę",
+  "title.add.chat": "Dodaj czat",
+  "desc.add.chat": "Dodaj prywatny, szyfrowany czat, wpisując nazwę użytkownika",
+  "desc.create.group": "Utwórz prywatną, szyfrowaną grupę",
+  "placeholder.create.group.input": "Moja grupa",
+  "placeholder.create.space.input": "Moja społeczność",
+  "title.name": "Nazwa",
+  "desc.create.space": "Utwórz społeczność dla swojej grupy",
+  "desc.join.space": "Dołącz do społeczności, która Ci odpowiada",
+  "title.join.space": "Dołącz do społeczności",
+  "title.space.id": "Identyfikator społeczności",
+  "title.inbox": "Skrzynka odbiorcza",
+  "title.invites": "Zaproszenia",
+  "title.notifications": "Powiadomienia",
+  "title.received": "Odebrane",
+  "title.sent": "Wysłane",
+  "title.all": "Wszystkie",
+  "title.unread": "Nieprzeczytane",
+  "desc.no.invites": "Brak zaproszeń",
+  "desc.no.notifications": "Brak powiadomień",
+  "desc.fetching.invites": "Pobieranie zaproszeń...",
+  "desc.fetching.notifications": "Pobieranie powiadomień...",
+  "desc.invite.dm.received": "{0} ({1}) zaprosił(a) Cię do rozmowy",
+  "desc.invite.dm.sent": "Zaprosiłeś(-aś) {0} ({1}) do rozmowy",
+  "desc.invite.group.received": "{0} ({1}) zaprosił(a) Cię do grupy",
+  "desc.invite.group.sent": "Zaprosiłeś(-aś) {0} ({1}) do grupy",
+  "action.invite.sending": "Wysyłanie zaproszenia...",
+  "action.processing": "Przetwarzanie...",
+  "action.fetching.invites.sent": "Pobieranie wysłanych zaproszeń...",
+  "action.fetching.invites.recv": "Pobieranie otrzymanych zaproszeń...",
+  "action.dm.fetch": "Pobieranie rozmów prywatnych...",
+  "action.auth": "Uwierzytelnianie...",
+  "action.dm.adding": "Dodawanie...",
+  "action.invite.revoking": "Cofanie zaproszenia...",
+  "action.invite.accepting": "Akceptowanie zaproszenia...",
+  "action.invite.declining": "Odrzucanie zaproszenia...",
+  "title.sign.up": "Zarejestruj się",
+  "title.sign.in": "Zaloguj się",
+  "title.sign.in.to": "Zaloguj się do swojej instancji Larpix",
+  "title.server.host": "Adres serwera",
+  "title.username": "Nazwa użytkownika",
+  "title.password": "Hasło",
+  "title.new.here.?": "Nowy tutaj?",
+  "title.create.an.account": "Utwórz konto",
+  "join.larpix": "Dołącz do Larpix",
+  "title.create.new.account": "Utwórz nowe konto Larpix",
+  "notice.use.strong.pass": "Pamiętaj o użyciu silnego hasła! Posłuży ono do szyfrowania Twoich kluczy.",
+  "title.confirm.password": "Potwierdź hasło",
+  "title.already.registered.?": "Masz już konto?",
+  "title.back.to.login": "Powrót do logowania",
+  "title.verify": "Weryfikacja",
+  "title.captcha.desc": "Udowodnij, że jesteś człowiekiem",
+  "title.captcha.code": "Kod CAPTCHA",
+  "title.invitation.code": "Kod zaproszenia",
+  "title.back.to.register": "Powrót do rejestracji",
+  "placeholder.username": "nazwa użytkownika",
+  "placeholder.captcha.code": "kod captcha",
+  "placeholder.message.input": "Wiadomość...",
+  "desc.messages.loading": "Pobieranie wiadomości...",
+  "desc.no.dms": "Brak wiadomości prywatnych",
+  "action.dm.opening": "Otwieranie rozmowy...",
+  "dm.open.failed": "Nie udało się otworzyć rozmowy",
+  "keys.local.server.mismatch": "To urządzenie ma inne klucze szyfrowania niż serwer. Użyj urządzenia, na którym zalogowano się po raz pierwszy, lub przywróć klucze z kopii zapasowej.",
+  "keys.server.decrypt.failed": "Nie udało się odszyfrować kluczy konta przy użyciu tego hasła.",
+  "dm.messages.fetch.failed": "Nie udało się pobrać wiadomości",
+  "messages.decrypt.failed": "Nie udało się odszyfrować wiadomości",
+  "title.reply.message": "Odpowiedz",
+  "title.react.message": "Zareaguj",
+  "title.text.react": "Reakcja tekstowa",
+  "title.delete.message": "Usuń",
+  "title.replied.to": "W odpowiedzi do",
+  "title.replying.to": "Odpowiadasz na",
+  "action.message.deleting": "Usuwanie wiadomości...",
+  "action.message.sending": "Wysyłanie wiadomości...",
+  "action.message.reacting": "Dodawanie reakcji...",
+  "error:message.delete.failed": "Nie udało się usunąć wiadomości",
+  "error:message.send.failed": "Nie udało się wysłać wiadomości",
+  "error:message.react.failed": "Nie udało się dodać reakcji",
+  "info.sending.message": "Wysyłanie...",
+  "larp.redacted": "Ta wiadomość została usunięta.",
+  "message.already.deleted": "Ta wiadomość została już usunięta.",
+  "rate.limit": "Wysyłasz żądania zbyt szybko. Spróbuj ponownie później.",
+  "placeholder.invitation.code": "kod zaproszenia",
+  "info.messages.loading.older": "Ładowanie starszych wiadomości...",
+  "error:message.not.found": "Nie znaleziono wiadomości",
+  "title.profile": "Profil",
+  "title.settings": "Ustawienia",
+  "title.logout": "Wyloguj",
+  "title.loading": "Ładowanie...",
+  "title.details": "Szczegóły",
+  "title.members": "Członkowie",
+  "action.edit.profile": "Edytuj profil",
+  "action.open.dm": "Otwórz rozmowę",
+  "action.invite.accept": "Akceptuj zaproszenie",
+  "action.invite.cancel": "Anuluj zaproszenie",
+  "action.invite.send": "Zaproś do rozmowy",
+  "action.profile.loading": "Ładowanie profilu...",
+  "error.profile.load.failed": "Nie udało się załadować profilu.",
+  "unknown.author": "Ktoś",
+  "title.account": "Konto",
+  "title.delete.account": "Usuń konto",
+  "desc.delete.account": "Po usunięciu konta nie będzie możliwości jego odzyskania. Upewnij się, że na pewno chcesz to zrobić.",
+  "title.avatar": "Awatar",
+  "title.banner": "Baner",
+  "title.bio": "Opis",
+  "title.appearance": "Wygląd",
+  "title.language": "Język",
+  "action.save.profile": "Zapisz profil",
+  "action.save.bio": "Zapisz opis",
+  "action.uploading": "Przesyłanie...",
+  "action.bio.saving": "Zapisywanie opisu...",
+  "action.account.saving": "Zapisywanie konta...",
+  "action.account.deleting": "Usuwanie konta...",
+  "profile.updated": "Profil został pomyślnie zaktualizowany",
+  "avatar.updated": "Awatar został pomyślnie zaktualizowany",
+  "banner.updated": "Baner został pomyślnie zaktualizowany",
+  "action.save": "Zapisz",
+  "action.delete.account": "Usuń konto",
+  "account.deleted.scheduled": "Konto zostało oznaczone do usunięcia. Zostanie trwale usunięte po miesiącu braku aktywności. Zalogowanie się w tym czasie anuluje proces usuwania.",
+  "action.attachment.take.photo": "Zrób zdjęcie",
+  "action.attachment.media": "Multimedia",
+  "action.attachment.file": "Plik",
+  "action.attachment.poll": "Ankieta",
+  "action.attachment.uploading": "Przesyłanie załączników...",
+  "attachment.legacy": "Starszy załącznik",
+  "warning.unencrypted": "Ta wiadomość nie jest szyfrowana",
+  "action.change.avatar": "Zmień awatar",
+  "action.change.banner": "Zmień baner",
+  "placeholder.type.text.emoji": "Wpisz tekst / emoji...",
+  "action.cancel": "Anuluj",
+  "title.crop.image": "Przytnij obraz",
+  "title.zoom": "Przybliżenie"
+}

android/app/src/main/assets/public/icons.js

@@ -3,6 +3,7 @@
 const ICONS = {
     _create: function(content, defaultProps, customProps = {}) {
         let p = { ...defaultProps, ...customProps };
+        if (customProps.width && !customProps.height) p.height = customProps.width;
         let strokeAttrs = p.strokeWidth ? ` stroke-width="${p.strokeWidth}" stroke-linecap="${p.strokeLinecap}" stroke-linejoin="${p.strokeLinejoin}"` : "";
         let classAttr = p.className ? ` class="${p.className}"` : "";
         let styleAttr = p.style ? ` style="${p.style}"` : "";

android/app/src/main/assets/public/index.html

@@ -93,17 +93,17 @@
     <div id="cropper-popup-container" class="profile-popup-container" style="z-index: 9999;">
         <div class="profile-popup-bg" onclick="closeCropper()"></div>
         <div class="profile-popup-content" style="max-width: 40rem; padding: 2rem; display: flex; flex-direction: column; align-items: center; gap: 1rem; height: auto;">
-            <h2>Crop Image</h2>
+            <h2><blah>title.crop.image</blah></h2>
             <div id="cropper-viewport-container" style="position: relative; overflow: hidden; background: #000; width: 100%; max-width: 30rem; border-radius: 0.8rem; border: var(--border-width) solid rgba(255,255,255,0.2);">
                 <img id="cropper-image" src="" style="position: absolute; transform-origin: 0 0; cursor: move;">
             </div>
             <div style="display: flex; align-items: center; gap: 1rem; width: 100%; max-width: 30rem;">
-                <span>Zoom</span>
+                <span><blah>title.zoom</blah></span>
                 <input type="range" id="cropper-zoom" min="0.1" max="5" step="0.01" value="1" style="flex: 1;" oninput="updateCropperZoom()">
             </div>
             <div style="display: flex; gap: 1rem; margin-top: 1rem; width: 100%; max-width: 30rem;">
-                <button class="submit-button" style="background: rgba(255,255,255,0.1); color: var(--text-color); flex: 1;" onclick="closeCropper()">Cancel</button>
+                <button class="submit-button blah" style="background: rgba(255,255,255,0.1); color: var(--text-color); flex: 1;" onclick="closeCropper()">action.cancel</button>
-                <button class="submit-button" style="flex: 1;" onclick="confirmCropper()">Save</button>
+                <button class="submit-button blah" style="flex: 1;" onclick="confirmCropper()">action.save</button>
             </div>
         </div>
     </div>

android/app/src/main/assets/public/login/index.html

@@ -163,79 +163,79 @@
     <main style="display: none;">
         <div class="auth-card">
             <div class="auth-container" id="auth-container">
-        
+    
                 <div class="auth-box" id="login-box">
                     <div class="auth-header">
                         <h1>Larpix</h1>
                         <p><blah>title.sign.in.to</blah></p>
                     </div>
-        
+    
                     <form id="form-login">
                         <div class="input-group">
                             <label for="login-host"><blah>title.server.host</blah></label>
                             <input type="text" id="login-host" placeholder="example.com" autocomplete="url" onchange="loginHostChanged()">
                             <p class="mininote serverstatus"><blah>loading.connecting</blah></p>
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="login-username"><blah>title.username</blah></label>
                             <input type="text" id="login-username" placeholder="{blah(placeholder.username)}" autocomplete="username">
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="login-password"><blah>title.password</blah></label>
                             <input type="password" id="login-password" placeholder="••••••••" autocomplete="current-password">
                         </div>
-        
+    
                         <button type="submit" class="submit-button blah">title.sign.in</button>
                     </form>
-        
+    
                     <div class="footer-links">
                         <span class="footer-link-toggle" id="to-register">
                             <blah>title.new.here.?</blah> <strong class="blah">title.create.an.account</strong>
                         </span>
                     </div>
                 </div>
-        
+    
                 <div class="auth-box" id="register-box">
                     <div class="auth-header">
                         <h1><blah>join.larpix</blah></h1>
                         <p><blah>title.create.new.account</blah></p>
                     </div>
-        
+    
                     <form id="form-register">
                         <div class="input-group">
                             <label for="reg-host"><blah>title.server.host</blah></label>
                             <input type="text" id="reg-host" placeholder="example.com" autocomplete="url" onchange="regHostChanged()">
                             <p class="mininote serverstatus"><blah>loading.connecting</blah></p>
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="reg-username"><blah>title.username</blah></label>
                             <input type="text" id="reg-username" placeholder="{blah(placeholder.username)}" autocomplete="username">
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="reg-password"><blah>title.password</blah></label>
                             <input type="password" id="reg-password" placeholder="••••••••" autocomplete="new-password">
                             <p class="red mininote"><blah>notice.use.strong.pass</blah></p>
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="reg-confirm"><blah>title.confirm.password</blah></label>
                             <input type="password" id="reg-confirm" placeholder="••••••••" autocomplete="new-password">
                         </div>
-        
+    
                         <button type="submit" class="submit-button blah" id="register-button">title.sign.up</button>
                     </form>
-        
+    
                     <div class="footer-links">
                         <span class="footer-link-toggle" id="to-login">
                             <blah>title.already.registered.?</blah> <strong class="blah">title.back.to.login</strong>
                         </span>
                     </div>
                 </div>
-        
+    
                 <div class="auth-box" id="captcha-box">
                     <div class="auth-header">
                         <h1><blah>title.verify</blah></h1>
@@ -291,19 +291,19 @@
     const loginPassword = document.getElementById("login-password");
     const captchaCode = document.getElementById("captcha-input");
     const regKeyInput = document.getElementById("regkey-input");
-    
+
     const registerButton = document.getElementById("register-button");
     const regKeyGroup = document.getElementById("regkey-group");
-    
+
-    
+
     async function start() {
         updateLoadingStatus("loading.loading");
         //
         updateLoadingStatus("loading.done");
         await loadingFadeOut();
     }
-    
+
-    
+
 
     toRegister.addEventListener('click', () => {
         authContainer.className = 'auth-container show-register';
@@ -323,7 +323,7 @@
         try {
             await updateProtocolAndUrl(loginHost.value);
             let res = await Auth(loginUsername.value, loginPassword.value);
-            
+
             if (res.startsWith("success:"))
             {
                 let parts = res.split("|");
@@ -337,14 +337,14 @@
                 }
 
                 await loadingFadeIn();
-                
+
                 window.location.href = "../";
             }
             else
             {
                 showBlahNotification(res);
             }
-            
+
         } catch (error) {
             console.log(error);
             showBlahNotification("error:something.wrong.mayb.pass");
@@ -436,7 +436,7 @@
                 if (res.startsWith("success")) {
                     showBlahNotification(res);
                     await delay(1000);
-                    
+
                     let resolvedId = await fetchAsync(`${url}/nametoid?u=${registerUsername.value}`);
                     if (resolvedId && !resolvedId.startsWith("error:")) {
                         localStorage.setItem("id", resolvedId.split(":")[0]);
@@ -458,7 +458,7 @@
             authContainer.className = 'auth-container show-register';
         }
     });
-    
+
     async function regHostChanged()
     {
         loginHost.value = registerHost.value;
@@ -495,7 +495,7 @@
             setServerStatus("Can't ping this server", "red");
         }
     }
-    
+
     function setServerStatus(status, color)
     {
         let elements = document.getElementsByClassName("serverstatus");

android/app/src/main/assets/public/main.js

@@ -2598,8 +2598,18 @@ async function renderMessages(messages, isPrepend = false) {
             
             let oldText = existingChild.querySelector('.chat-message-text');
             let newText = newChild.querySelector('.chat-message-text');
-            if (oldText && newText && oldText.innerHTML !== newText.innerHTML) {
+            if (oldText && newText) {
-                oldText.innerHTML = newText.innerHTML;
+                if (oldText.innerHTML !== newText.innerHTML) {
+                    oldText.innerHTML = newText.innerHTML;
+                }
+                if (oldText.getAttribute('style') !== newText.getAttribute('style')) {
+                    let newStyle = newText.getAttribute('style');
+                    if (newStyle) {
+                        oldText.setAttribute('style', newStyle);
+                    } else {
+                        oldText.removeAttribute('style');
+                    }
+                }
             }
 
             let oldReactions = existingChild.querySelector('.chat-message-reactions');
@@ -3218,7 +3228,7 @@ async function loadEmotes() {
         
         reactionPickerMenuHtml = `
 <div style="display: flex; flex-direction: column; gap: 0.4rem; padding: 0.2rem; min-width: 14rem;">
-    <input type="text" id="reaction-picker-search" placeholder="Type text / emoji..." oninput="filterReactions(this.value)" onkeydown="if(event.key === 'Enter') { if(this.value.trim() !== '') reactMessagePrompt(currentContextMenuMsgId, encodeURIComponent(this.value)); }" style="width: auto; align-self: stretch; margin: 0; box-sizing: border-box; padding: 0.5rem 0.6rem; border-radius: 0.65rem; border: var(--border-width) solid var(--light-border-color); background: transparent; color: var(--text-color); font-family: inherit;">
+    <input type="text" id="reaction-picker-search" placeholder="{blah(placeholder.type.text.emoji)}" oninput="filterReactions(this.value)" onkeydown="if(event.key === 'Enter') { if(this.value.trim() !== '') reactMessagePrompt(currentContextMenuMsgId, encodeURIComponent(this.value)); }" style="width: auto; align-self: stretch; margin: 0; box-sizing: border-box; padding: 0.5rem 0.6rem; border-radius: 0.65rem; border: var(--border-width) solid var(--light-border-color); background: transparent; color: var(--text-color); font-family: inherit;">
     <div id="reaction-picker-grid" style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.2rem; max-height: 12rem; overflow-y: auto; overflow-x: hidden;">
         ${loadedEmotes.map(emoji => `<button onclick="reactMessagePrompt(currentContextMenuMsgId, encodeURIComponent('${emoji.char}'))" data-name="${emoji.name}" style="min-width: unset; width: 100%; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; padding: 0; font-size: 1.2rem; border-radius: 0.65rem;" class="reaction-emoji-btn">${emoji.char}</button>`).join('')}
     </div>

android/app/src/main/assets/public/screens.js

@@ -331,7 +331,7 @@ var profileSettings = `
         <img id="settings-avatar-preview" src="" style="width: 4.5rem; height: 4.5rem; border-radius: 0.8rem; border: var(--border-width) solid rgba(255, 255, 255, 0.2); object-fit: cover; background: var(--main-bg-color);">
         <div style="display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; padding: 0.1rem 0;">
             <div style="font-weight: bold;"><blah>title.avatar</blah></div>
-            <button class="submit-button" style="margin: 0; padding: 0.5rem 1rem; width: auto;" onclick="document.getElementById('settings-avatar-input').click()">Change Avatar</button>
+            <button class="submit-button blah" style="margin: 0; padding: 0.5rem 1rem; width: auto;" onclick="document.getElementById('settings-avatar-input').click()">action.change.avatar</button>
             <input type="file" id="settings-avatar-input" style="display: none;" accept="image/*" onchange="openCropper(this, 'avatar')">
         </div>
     </div>
@@ -342,7 +342,7 @@ var profileSettings = `
         </div>
         <div style="display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; padding: 0.1rem 0;">
             <div style="font-weight: bold;"><blah>title.banner</blah></div>
-            <button class="submit-button" style="margin: 0; padding: 0.5rem 1rem; width: auto;" onclick="document.getElementById('settings-banner-input').click()">Change Banner</button>
+            <button class="submit-button blah" style="margin: 0; padding: 0.5rem 1rem; width: auto;" onclick="document.getElementById('settings-banner-input').click()">action.change.banner</button>
             <input type="file" id="settings-banner-input" style="display: none;" accept="image/*" onchange="openCropper(this, 'banner')">
         </div>
     </div>

webroot/blah/en-cat.json

@@ -14,7 +14,7 @@
   "dm.key.too.large": "meowchat key too large :o",
   "dm.key.not.found": "meowchat key not found :c",
   "dm.key.updated": "meowchat key updated successfully :3",
-  "body.too.large": "request body too large ><",
+  "body.too.large": "request too large ><",
   "invite.revoked": "invite revoked successfully",
   "invite.declined": "invite declined successfully",
   "account.creation.request.expired": "cat creation request expired. try again",
@@ -33,12 +33,8 @@
   "username.conditions.allowed": "cat name can only include {all}",
   "password.not.hashed.properly": "meow word is not hashed properly",
   "invalid.username.or.password": "invalid cat name or meow word",
-  "error.account.not.exist": "Meowccount Does Not Exist",
   "error.storage.limit.exceeded": "Storage Limit Exceeded, purr",
-  "error.username.taken": "Meowname is Taken",
   "error.network.error": "Network error, check connection or file size, meow.",
-  "error.body.too.large": "File is too large, meow! (max 10MB)",
-  "error.unknown.error": "Unknown error, purr",
   "account.not.exist": "cat with this name doesn't exist",
   "invalid.nonce": "invalid nonce. try again",
   "username.changed": "cat name changed successfully",
@@ -122,7 +118,6 @@
   "title.back.to.register": "back to registration",
   "title.details": "details",
   "title.members": "cats",
-  
   "placeholder.username": "cat name",
   "placeholder.captcha.code": "captcha code",
   "desc.messages.loading": "loading meows...",
@@ -191,5 +186,11 @@
   "action.attachment.poll": "Meowll",
   "action.attachment.uploading": "Uploading meowttachments...",
   "attachment.legacy": "Legacy meowttachment",
-  "warning.unencrypted": "This meowsage is not encrypted"
+  "warning.unencrypted": "This meowsage is not encrypted",
+  "action.change.avatar": "Change Cat Picture",
+  "action.change.banner": "Change Cat Banner",
+  "placeholder.type.text.emoji": "Type purr / meow...",
+  "action.cancel": "Cancel",
+  "title.crop.image": "Crop Image",
+  "title.zoom": "Zoom"
 }

webroot/blah/en-us.json

@@ -14,7 +14,7 @@
   "dm.key.too.large": "DM key too large",
   "dm.key.not.found": "DM key not found",
   "dm.key.updated": "DM key updated successfully",
-  "body.too.large": "Request body too large",
+  "body.too.large": "Request too large",
   "invite.revoked": "Invite revoked successfully",
   "invite.declined": "Invite declined successfully",
   "account.creation.request.expired": "Account creation request expired. Try again",
@@ -33,12 +33,8 @@
   "username.conditions.allowed": "Username can only include {all}",
   "password.not.hashed.properly": "Password is not hashed properly",
   "invalid.username.or.password": "Invalid username or password",
-  "error.account.not.exist": "Account Does Not Exist",
   "error.storage.limit.exceeded": "Storage Limit Exceeded",
-  "error.username.taken": "Username is Taken",
   "error.network.error": "Network error, check connection or file size.",
-  "error.body.too.large": "File is too large (max 10MB)",
-  "error.unknown.error": "Unknown error",
   "account.not.exist": "Account with this name doesn't exist",
   "invalid.nonce": "Invalid nonce. Try again",
   "username.changed": "Username changed successfully",
@@ -156,7 +152,6 @@
   "title.loading": "Loading...",
   "title.details": "Details",
   "title.members": "Members",
-  
   "action.edit.profile": "Edit profile",
   "action.open.dm": "Open DM",
   "action.invite.accept": "Accept invite",
@@ -191,5 +186,11 @@
   "action.attachment.poll": "Poll",
   "action.attachment.uploading": "Uploading attachments...",
   "attachment.legacy": "Legacy attachment",
-  "warning.unencrypted": "This message is not encrypted"
+  "warning.unencrypted": "This message is not encrypted",
+  "action.change.avatar": "Change Avatar",
+  "action.change.banner": "Change Banner",
+  "placeholder.type.text.emoji": "Type text / emoji...",
+  "action.cancel": "Cancel",
+  "title.crop.image": "Crop Image",
+  "title.zoom": "Zoom"
 }

webroot/blah/pl-pl.json

@@ -33,12 +33,8 @@
   "username.conditions.allowed": "Nazwa użytkownika może zawierać tylko: {all}",
   "password.not.hashed.properly": "Hasło nie zostało poprawnie zahaszowane",
   "invalid.username.or.password": "Nieprawidłowa nazwa użytkownika lub hasło",
-  "error.account.not.exist": "Konto nie istnieje",
   "error.storage.limit.exceeded": "Przekroczono limit pamięci",
-  "error.username.taken": "Nazwa użytkownika jest już zajęta",
   "error.network.error": "Błąd sieci. Sprawdź połączenie lub rozmiar pliku.",
-  "error.body.too.large": "Plik jest zbyt duży (maks. 10 MB)",
-  "error.unknown.error": "Nieznany błąd",
   "account.not.exist": "Konto o tej nazwie nie istnieje",
   "invalid.nonce": "Nieprawidłowy nonce. Spróbuj ponownie",
   "username.changed": "Nazwa użytkownika została pomyślnie zmieniona",
@@ -156,7 +152,6 @@
   "title.loading": "Ładowanie...",
   "title.details": "Szczegóły",
   "title.members": "Członkowie",
-
   "action.edit.profile": "Edytuj profil",
   "action.open.dm": "Otwórz rozmowę",
   "action.invite.accept": "Akceptuj zaproszenie",
@@ -191,5 +186,11 @@
   "action.attachment.poll": "Ankieta",
   "action.attachment.uploading": "Przesyłanie załączników...",
   "attachment.legacy": "Starszy załącznik",
-  "warning.unencrypted": "Ta wiadomość nie jest szyfrowana"
+  "warning.unencrypted": "Ta wiadomość nie jest szyfrowana",
-}
+  "action.change.avatar": "Zmień awatar",
+  "action.change.banner": "Zmień baner",
+  "placeholder.type.text.emoji": "Wpisz tekst / emoji...",
+  "action.cancel": "Anuluj",
+  "title.crop.image": "Przytnij obraz",
+  "title.zoom": "Przybliżenie"
+}

webroot/icons.js

@@ -3,6 +3,7 @@
 const ICONS = {
     _create: function(content, defaultProps, customProps = {}) {
         let p = { ...defaultProps, ...customProps };
+        if (customProps.width && !customProps.height) p.height = customProps.width;
         let strokeAttrs = p.strokeWidth ? ` stroke-width="${p.strokeWidth}" stroke-linecap="${p.strokeLinecap}" stroke-linejoin="${p.strokeLinejoin}"` : "";
         let classAttr = p.className ? ` class="${p.className}"` : "";
         let styleAttr = p.style ? ` style="${p.style}"` : "";

webroot/index.html

@@ -93,17 +93,17 @@
     <div id="cropper-popup-container" class="profile-popup-container" style="z-index: 9999;">
         <div class="profile-popup-bg" onclick="closeCropper()"></div>
         <div class="profile-popup-content" style="max-width: 40rem; padding: 2rem; display: flex; flex-direction: column; align-items: center; gap: 1rem; height: auto;">
-            <h2>Crop Image</h2>
+            <h2><blah>title.crop.image</blah></h2>
             <div id="cropper-viewport-container" style="position: relative; overflow: hidden; background: #000; width: 100%; max-width: 30rem; border-radius: 0.8rem; border: var(--border-width) solid rgba(255,255,255,0.2);">
                 <img id="cropper-image" src="" style="position: absolute; transform-origin: 0 0; cursor: move;">
             </div>
             <div style="display: flex; align-items: center; gap: 1rem; width: 100%; max-width: 30rem;">
-                <span>Zoom</span>
+                <span><blah>title.zoom</blah></span>
                 <input type="range" id="cropper-zoom" min="0.1" max="5" step="0.01" value="1" style="flex: 1;" oninput="updateCropperZoom()">
             </div>
             <div style="display: flex; gap: 1rem; margin-top: 1rem; width: 100%; max-width: 30rem;">
-                <button class="submit-button" style="background: rgba(255,255,255,0.1); color: var(--text-color); flex: 1;" onclick="closeCropper()">Cancel</button>
+                <button class="submit-button blah" style="background: rgba(255,255,255,0.1); color: var(--text-color); flex: 1;" onclick="closeCropper()">action.cancel</button>
-                <button class="submit-button" style="flex: 1;" onclick="confirmCropper()">Save</button>
+                <button class="submit-button blah" style="flex: 1;" onclick="confirmCropper()">action.save</button>
             </div>
         </div>
     </div>

webroot/login/index.html

@@ -163,79 +163,79 @@
     <main style="display: none;">
         <div class="auth-card">
             <div class="auth-container" id="auth-container">
-        
+    
                 <div class="auth-box" id="login-box">
                     <div class="auth-header">
                         <h1>Larpix</h1>
                         <p><blah>title.sign.in.to</blah></p>
                     </div>
-        
+    
                     <form id="form-login">
                         <div class="input-group">
                             <label for="login-host"><blah>title.server.host</blah></label>
                             <input type="text" id="login-host" placeholder="example.com" autocomplete="url" onchange="loginHostChanged()">
                             <p class="mininote serverstatus"><blah>loading.connecting</blah></p>
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="login-username"><blah>title.username</blah></label>
                             <input type="text" id="login-username" placeholder="{blah(placeholder.username)}" autocomplete="username">
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="login-password"><blah>title.password</blah></label>
                             <input type="password" id="login-password" placeholder="••••••••" autocomplete="current-password">
                         </div>
-        
+    
                         <button type="submit" class="submit-button blah">title.sign.in</button>
                     </form>
-        
+    
                     <div class="footer-links">
                         <span class="footer-link-toggle" id="to-register">
                             <blah>title.new.here.?</blah> <strong class="blah">title.create.an.account</strong>
                         </span>
                     </div>
                 </div>
-        
+    
                 <div class="auth-box" id="register-box">
                     <div class="auth-header">
                         <h1><blah>join.larpix</blah></h1>
                         <p><blah>title.create.new.account</blah></p>
                     </div>
-        
+    
                     <form id="form-register">
                         <div class="input-group">
                             <label for="reg-host"><blah>title.server.host</blah></label>
                             <input type="text" id="reg-host" placeholder="example.com" autocomplete="url" onchange="regHostChanged()">
                             <p class="mininote serverstatus"><blah>loading.connecting</blah></p>
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="reg-username"><blah>title.username</blah></label>
                             <input type="text" id="reg-username" placeholder="{blah(placeholder.username)}" autocomplete="username">
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="reg-password"><blah>title.password</blah></label>
                             <input type="password" id="reg-password" placeholder="••••••••" autocomplete="new-password">
                             <p class="red mininote"><blah>notice.use.strong.pass</blah></p>
                         </div>
-        
+    
                         <div class="input-group">
                             <label for="reg-confirm"><blah>title.confirm.password</blah></label>
                             <input type="password" id="reg-confirm" placeholder="••••••••" autocomplete="new-password">
                         </div>
-        
+    
                         <button type="submit" class="submit-button blah" id="register-button">title.sign.up</button>
                     </form>
-        
+    
                     <div class="footer-links">
                         <span class="footer-link-toggle" id="to-login">
                             <blah>title.already.registered.?</blah> <strong class="blah">title.back.to.login</strong>
                         </span>
                     </div>
                 </div>
-        
+    
                 <div class="auth-box" id="captcha-box">
                     <div class="auth-header">
                         <h1><blah>title.verify</blah></h1>
@@ -291,19 +291,19 @@
     const loginPassword = document.getElementById("login-password");
     const captchaCode = document.getElementById("captcha-input");
     const regKeyInput = document.getElementById("regkey-input");
-    
+
     const registerButton = document.getElementById("register-button");
     const regKeyGroup = document.getElementById("regkey-group");
-    
+
-    
+
     async function start() {
         updateLoadingStatus("loading.loading");
         //
         updateLoadingStatus("loading.done");
         await loadingFadeOut();
     }
-    
+
-    
+
 
     toRegister.addEventListener('click', () => {
         authContainer.className = 'auth-container show-register';
@@ -323,7 +323,7 @@
         try {
             await updateProtocolAndUrl(loginHost.value);
             let res = await Auth(loginUsername.value, loginPassword.value);
-            
+
             if (res.startsWith("success:"))
             {
                 let parts = res.split("|");
@@ -337,14 +337,14 @@
                 }
 
                 await loadingFadeIn();
-                
+
                 window.location.href = "../";
             }
             else
             {
                 showBlahNotification(res);
             }
-            
+
         } catch (error) {
             console.log(error);
             showBlahNotification("error:something.wrong.mayb.pass");
@@ -436,7 +436,7 @@
                 if (res.startsWith("success")) {
                     showBlahNotification(res);
                     await delay(1000);
-                    
+
                     let resolvedId = await fetchAsync(`${url}/nametoid?u=${registerUsername.value}`);
                     if (resolvedId && !resolvedId.startsWith("error:")) {
                         localStorage.setItem("id", resolvedId.split(":")[0]);
@@ -458,7 +458,7 @@
             authContainer.className = 'auth-container show-register';
         }
     });
-    
+
     async function regHostChanged()
     {
         loginHost.value = registerHost.value;
@@ -495,7 +495,7 @@
             setServerStatus("Can't ping this server", "red");
         }
     }
-    
+
     function setServerStatus(status, color)
     {
         let elements = document.getElementsByClassName("serverstatus");

webroot/main.js

@@ -2598,8 +2598,18 @@ async function renderMessages(messages, isPrepend = false) {
             
             let oldText = existingChild.querySelector('.chat-message-text');
             let newText = newChild.querySelector('.chat-message-text');
-            if (oldText && newText && oldText.innerHTML !== newText.innerHTML) {
+            if (oldText && newText) {
-                oldText.innerHTML = newText.innerHTML;
+                if (oldText.innerHTML !== newText.innerHTML) {
+                    oldText.innerHTML = newText.innerHTML;
+                }
+                if (oldText.getAttribute('style') !== newText.getAttribute('style')) {
+                    let newStyle = newText.getAttribute('style');
+                    if (newStyle) {
+                        oldText.setAttribute('style', newStyle);
+                    } else {
+                        oldText.removeAttribute('style');
+                    }
+                }
             }
 
             let oldReactions = existingChild.querySelector('.chat-message-reactions');
@@ -3218,7 +3228,7 @@ async function loadEmotes() {
         
         reactionPickerMenuHtml = `
 <div style="display: flex; flex-direction: column; gap: 0.4rem; padding: 0.2rem; min-width: 14rem;">
-    <input type="text" id="reaction-picker-search" placeholder="Type text / emoji..." oninput="filterReactions(this.value)" onkeydown="if(event.key === 'Enter') { if(this.value.trim() !== '') reactMessagePrompt(currentContextMenuMsgId, encodeURIComponent(this.value)); }" style="width: auto; align-self: stretch; margin: 0; box-sizing: border-box; padding: 0.5rem 0.6rem; border-radius: 0.65rem; border: var(--border-width) solid var(--light-border-color); background: transparent; color: var(--text-color); font-family: inherit;">
+    <input type="text" id="reaction-picker-search" placeholder="{blah(placeholder.type.text.emoji)}" oninput="filterReactions(this.value)" onkeydown="if(event.key === 'Enter') { if(this.value.trim() !== '') reactMessagePrompt(currentContextMenuMsgId, encodeURIComponent(this.value)); }" style="width: auto; align-self: stretch; margin: 0; box-sizing: border-box; padding: 0.5rem 0.6rem; border-radius: 0.65rem; border: var(--border-width) solid var(--light-border-color); background: transparent; color: var(--text-color); font-family: inherit;">
     <div id="reaction-picker-grid" style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.2rem; max-height: 12rem; overflow-y: auto; overflow-x: hidden;">
         ${loadedEmotes.map(emoji => `<button onclick="reactMessagePrompt(currentContextMenuMsgId, encodeURIComponent('${emoji.char}'))" data-name="${emoji.name}" style="min-width: unset; width: 100%; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; padding: 0; font-size: 1.2rem; border-radius: 0.65rem;" class="reaction-emoji-btn">${emoji.char}</button>`).join('')}
     </div>

webroot/screens.js

@@ -331,7 +331,7 @@ var profileSettings = `
         <img id="settings-avatar-preview" src="" style="width: 4.5rem; height: 4.5rem; border-radius: 0.8rem; border: var(--border-width) solid rgba(255, 255, 255, 0.2); object-fit: cover; background: var(--main-bg-color);">
         <div style="display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; padding: 0.1rem 0;">
             <div style="font-weight: bold;"><blah>title.avatar</blah></div>
-            <button class="submit-button" style="margin: 0; padding: 0.5rem 1rem; width: auto;" onclick="document.getElementById('settings-avatar-input').click()">Change Avatar</button>
+            <button class="submit-button blah" style="margin: 0; padding: 0.5rem 1rem; width: auto;" onclick="document.getElementById('settings-avatar-input').click()">action.change.avatar</button>
             <input type="file" id="settings-avatar-input" style="display: none;" accept="image/*" onchange="openCropper(this, 'avatar')">
         </div>
     </div>
@@ -342,7 +342,7 @@ var profileSettings = `
         </div>
         <div style="display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; padding: 0.1rem 0;">
             <div style="font-weight: bold;"><blah>title.banner</blah></div>
-            <button class="submit-button" style="margin: 0; padding: 0.5rem 1rem; width: auto;" onclick="document.getElementById('settings-banner-input').click()">Change Banner</button>
+            <button class="submit-button blah" style="margin: 0; padding: 0.5rem 1rem; width: auto;" onclick="document.getElementById('settings-banner-input').click()">action.change.banner</button>
             <input type="file" id="settings-banner-input" style="display: none;" accept="image/*" onchange="openCropper(this, 'banner')">
         </div>
     </div>