develop (#9120)

README.md

@@ -13,7 +13,7 @@
 
 # ✨ About Calckey
 
-- Calckey is based off of Misskey, a powerful microblogging server on ActivityPub with features such as emoji reactions, a customizable web ui, rich chatting, and much more!
+- Calckey is based off of Misskey, a powerful microblogging server on ActivityPub with features such as emoji reactions, a customizable web UI, rich chatting, and much more!
 - Calckey adds many quality of life changes and bug fixes for users and instance admins alike.
 - Read **[this document](./CALCKEY.md)** all for current and future differences.
 - Notable differences:
@@ -37,6 +37,7 @@
 - 💁 Matrix support room: <https://matrix.to/#/#calckey:matrix.fedibird.com>
 - 📜 Instance list: <https://calckey.fediverse.observer/list>
 - 📖 JoinFediverse Wiki: <https://joinfediverse.wiki/What_is_Calckey%3F>
+- 🐋 Docker Hub: <https://hub.docker.com/r/thatonecalculator/calckey>
 
 # 🌠 Getting started
 
@@ -73,6 +74,7 @@ corepack enable
 
 - To add custom CSS for all users, edit `./custom/instance.css`.
 - To add static assets (such as images for the splash screen), place them in the `./custom/` directory. They'll then be avaliable on `https://yourinstance.tld/static-assets/filename.ext`.
+- To update custom assets without rebuilding, just run `yarn run gulp`.
 
 ## 🧑‍🔬 Configuring a new instance
 
@@ -203,7 +205,6 @@ sudo docker compose up -d
 - I'd ***strongly*** recommend against using CloudFlare, but if you do, make sure to turn code minification off. 
 - For push notifications, run `npx web-push generate-vapid-keys`, the put the public and private keys into Control Panel > General > ServiceWorker.
 - For translations, make a [DeepL](https://deepl.com) account and generate an API key, then put it into Control Panel > General > DeepL Translation.
-- For link previews, go to Control Panel > Security > Summaly Proxy and put in `https://summaly.arkjp.net`.
 - To add another admin account:
 	- Go to the user's page > 3 Dots > About > Moderation > turn on "Moderator"
 	- Go back to Overview > click the clipboard icon next to the ID

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.13.3",
+	"version": "12.119.0-calc.14",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",

packages/backend/src/server/api/endpoints/stats.ts

@@ -4,7 +4,7 @@ import { } from '@/services/chart/index.js';
 import { IsNull } from 'typeorm';
 
 export const meta = {
-	requireCredential: true,
+	requireCredential: false,
 	requireCredentialPrivateMode: true,
 
 	tags: ['meta'],

packages/client/src/components/MkChatPreview.vue

@@ -4,7 +4,7 @@
 	tabindex="-1"
 	:class="{
 		isMe: isMe(message),
-		isRead: message.groupId ? message.reads.includes($i.id) : message.isRead,
+		isRead: message.groupId ? message.reads.includes($i?.id) : message.isRead,
 	}"
 	:to="
 		message.groupId

packages/client/src/components/MkMediaList.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="hoawjimk">
 	<XBanner v-for="media in mediaList.filter(media => !previewable(media))" :key="media.id" :media="media"/>
-	<div v-if="mediaList.filter(media => previewable(media)).length > 0" class="gird-container" :class="{ width400: inDm }">
+	<div v-if="mediaList.filter(media => previewable(media)).length > 0" class="gird-container" :class="{ dmWidth: inDm }">
 		<div ref="gallery" :data-count="mediaList.filter(media => previewable(media)).length">
 			<template v-for="media in mediaList.filter(media => previewable(media))">
 				<XVideo v-if="media.type.startsWith('video')" :key="media.id" :video="media"/>
@@ -105,8 +105,9 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
 <style lang="scss" scoped>
 .hoawjimk {
 
-	> .width400 {
-		width: 400px !important;
+	> .dmWidth {
+		min-width: 20rem;
+		max-width: 40rem;
 	}
 
 	> .gird-container {

packages/client/src/pages/messaging/messaging-room.vue

@@ -275,6 +275,10 @@ function onVisibilitychange() {
 
 onMounted(() => {
 	fetch();
+	definePageMetadata(computed(() => ({
+		title: group != null ? group.name : user?.name,
+		icon: 'ph-chats-teardrop-bold ph-lg',
+	})));
 });
 
 onBeforeUnmount(() => {
@@ -282,14 +286,6 @@ onBeforeUnmount(() => {
 	document.removeEventListener('visibilitychange', onVisibilitychange);
 	if (scrollRemove) scrollRemove();
 });
-
-definePageMetadata(computed(() => !fetching ? user ? {
-	userName: user,
-	avatar: user,
-} : {
-	title: group?.name,
-	icon: 'ph-users-three-bold ph-lg',
-} : null));
 </script>
 
 <style lang="scss" scoped>

packages/sw/src/scripts/lang.ts

@@ -23,7 +23,7 @@ class SwLang {
 	public i18n: Promise<I18n<any>> | null = null;
 
 	public fetchLocale() {
-		return i18n = this._fetch();
+		return this.i18n = this._fetch();
 	}
 
 	private async _fetch() {