build-debug.sh

@@ -1,7 +0,0 @@
-#!/usr/bin/env bash
-# pnpm run clean-all
-
-pnpm install --frozen-lockfile
-pnpm run build:debug
-
-pnpm run migrate

dev/macos/README.md

@@ -1,52 +0,0 @@
-## macOS installation methods
-
-- install redis and postgresql
-
-```bash
-./install.sh
-```
-
-- build pgroonga
-
-```bash
-./build-pgroonga.sh
-```
-
-- start redis and postgresql
-
-```bash
-./start-postgres.sh
-
-# and
-./start-redis.sh
-```
-
-- setup detabase
-
-* create db and user
-
-```bash
-psql -d postgres -U $USER
-```
-
-```sql
--- Create a new PostgreSQL user named 'firefish' with encrypted password.
--- This user will not have superuser, createdb, or createrole privileges.
-CREATE USER firefish WITH ENCRYPTED PASSWORD 'password' SUPERUSER NOCREATEDB NOCREATEROLE;
-
--- Create a new database named 'firefish_db' with UTF8 encoding and owned by the 'firefish' user.
-CREATE DATABASE firefish_db WITH ENCODING 'UTF8' OWNER firefish;
-
-```
-
-- enable pgroonga extension
-
-```bash
-# enter this command then type password
-psql -U firefish -d firefish_db -W
-```
-
-```sql
--- This ensures the PGroonga extension is enabled for the database.
-CREATE EXTENSION pgroonga;
-```

dev/macos/build-pgroonga.sh

@@ -1,8 +0,0 @@
-#!/usr/bin/env bash
-sudo -v
-brew install groonga
-
-git clone --recursive https://github.com/pgroonga/pgroonga.git --depth 1
-cd pgroonga
-make
-sudo make install

dev/macos/install.sh

@@ -1,3 +0,0 @@
-#!/usr/bin/env bash
-brew install redis
-brew install postgresql@16

dev/macos/start-postgres.sh

@@ -1,9 +0,0 @@
-#!/usr/bin/env bash
-
-export PATH="/opt/homebrew/opt/postgresql@16/bin:$PATH"
-
-export LDFLAGS="-L/opt/homebrew/opt/postgresql@16/lib"
-export CPPFLAGS="-I/opt/homebrew/opt/postgresql@16/include"
-export PKG_CONFIG_PATH="/opt/homebrew/opt/postgresql@16/lib/pkgconfig"
-
-LC_ALL="C" /opt/homebrew/opt/postgresql@16/bin/postgres -D /opt/homebrew/var/postgresql@16

dev/macos/start-redis.sh

@@ -1,2 +0,0 @@
-#!/usr/bin/env bash
-redis-server

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "puyoskey",
-	"version": "0.1.4-20240818.snapshot-16d0df49724a614ee912c022d2540c8b7040805f",
+	"version": "v0.1.2-20240818.snapshot-16d0df49724a614ee912c022d2540c8b7040805f",
 	"repository": {
 		"type": "git",
 		"url": "https://git.v-sli.me/HidemaruOwO/puyoskey.git"

packages/client/src/components/MkInstanceTicker.vue

@@ -10,6 +10,7 @@
 		:style="bg"
 	>
 		<img class="icon" :src="getInstanceIcon(instance)" @error="getInstanceIconErrorEvent($event)" aria-hidden="true" />
+		<span class="name">{{ instance.name }}</span>
 	</div>
 </template>
 

packages/client/src/components/global/MkPageHeader.vue

@@ -267,7 +267,7 @@ onMounted(() => {
 				await document.fonts.ready;
 				if (props.tab == null) return;
 				if (!isTabs(props.tabs)) return;
-				if (props.tab === "home" && location.pathname === "/") {
+				if (props.tab === "home") {
 					emit("update:tab", "social");
 				}
 				const tabEl = tabRefs[props.tab];

packages/client/src/init.ts

@@ -136,7 +136,7 @@ function checkForSplash() {
 			"yi",
 		].includes((lang ?? "en").split("-")[0])
 			? "rtl"
-			: "ltr"
+			: "ltr",
 	);
 	const writingMode = localStorage.getItem("writingMode");
 	switch (writingMode) {
@@ -221,10 +221,10 @@ function checkForSplash() {
 		window.location.search === "?zen"
 			? defineAsyncComponent(() => import("@/ui/zen.vue"))
 			: !me
-			? defineAsyncComponent(() => import("@/ui/visitor.vue"))
+				? defineAsyncComponent(() => import("@/ui/visitor.vue"))
-			: ui === "deck"
+				: ui === "deck"
-			? defineAsyncComponent(() => import("@/ui/deck.vue"))
+					? defineAsyncComponent(() => import("@/ui/deck.vue"))
-			: defineAsyncComponent(() => import("@/ui/universal.vue"))
+					: defineAsyncComponent(() => import("@/ui/universal.vue")),
 	);
 
 	if (_DEV_) {
@@ -282,12 +282,10 @@ function checkForSplash() {
 			// ログインしてる場合だけ
 			if (me) {
 				popup(
-					defineAsyncComponent(
+					defineAsyncComponent(() => import("@/components/MkUpdated.vue")),
-						() => import("@/components/MkUpdated.vue")
-					),
 					{},
 					{},
-					"closed"
+					"closed",
 				);
 			}
 		}
@@ -296,9 +294,7 @@ function checkForSplash() {
 	if (
 		isSignedIn(me) &&
 		defaultStore.state.tutorial === -1 &&
-		!["/announcements", "/announcements/"].includes(
+		!["/announcements", "/announcements/"].includes(window.location.pathname)
-			window.location.pathname
-		)
 	) {
 		api("announcements", { withUnreads: true, limit: 10 })
 			.then((announcements) => {
@@ -308,25 +304,22 @@ function checkForSplash() {
 				if (unreadAnnouncements.length > 3) {
 					popup(
 						defineAsyncComponent(
-							() => import("@/components/MkManyAnnouncements.vue")
+							() => import("@/components/MkManyAnnouncements.vue"),
 						),
 						{},
 						{},
-						"closed"
+						"closed",
 					);
 				} else {
 					for (const item of unreadAnnouncements) {
 						if (item.showPopup)
 							popup(
 								defineAsyncComponent(
-									() =>
+									() => import("@/components/MkAnnouncement.vue"),
-										import(
-											"@/components/MkAnnouncement.vue"
-										)
 								),
 								{ announcement: item },
 								{},
-								"closed"
+								"closed",
 							);
 					}
 				}
@@ -341,16 +334,14 @@ function checkForSplash() {
 			applyTheme(
 				darkMode
 					? ColdDeviceStorage.get("darkTheme")
-					: ColdDeviceStorage.get("lightTheme")
+					: ColdDeviceStorage.get("lightTheme"),
 			);
 		},
-		{ immediate: localStorage.theme == null }
+		{ immediate: localStorage.theme == null },
 	);
 
 	const darkTheme = computed(ColdDeviceStorage.makeGetterSetter("darkTheme"));
-	const lightTheme = computed(
+	const lightTheme = computed(ColdDeviceStorage.makeGetterSetter("lightTheme"));
-		ColdDeviceStorage.makeGetterSetter("lightTheme")
-	);
 
 	watch(darkTheme, (theme) => {
 		if (defaultStore.state.darkMode) {
@@ -390,10 +381,10 @@ function checkForSplash() {
 		(v) => {
 			document.documentElement.style.setProperty(
 				"--modalBgFilter",
-				v ? "blur(4px)" : "none"
+				v ? "blur(4px)" : "none",
 			);
 		},
-		{ immediate: true }
+		{ immediate: true },
 	);
 
 	watch(
@@ -405,7 +396,7 @@ function checkForSplash() {
 				document.documentElement.style.setProperty("--blur", "none");
 			}
 		},
-		{ immediate: true }
+		{ immediate: true },
 	);
 
 	let reloadDialogShowing = false;
@@ -436,7 +427,7 @@ function checkForSplash() {
 	});
 
 	for (const plugin of ColdDeviceStorage.get("plugins").filter(
-		(p) => p.active
+		(p) => p.active,
 	)) {
 		import("./plugin").then(({ install }) => {
 			install(plugin);
@@ -469,22 +460,19 @@ function checkForSplash() {
 				toast(
 					i18n.t("welcomeBackWithName", {
 						name: me.name || me.username,
-					})
+					}),
 				);
 			}
 		}
 		localStorage.setItem("lastUsed", Date.now().toString());
 
 		const latestDonationInfoShownAt = localStorage.getItem(
-			"latestDonationInfoShownAt"
+			"latestDonationInfoShownAt",
-		);
-		const neverShowDonationInfo = localStorage.getItem(
-			"neverShowDonationInfo"
 		);
+		const neverShowDonationInfo = localStorage.getItem("neverShowDonationInfo");
 		if (
 			neverShowDonationInfo !== "true" &&
-			new Date(me.createdAt).getTime() <
+			new Date(me.createdAt).getTime() < Date.now() - 1000 * 60 * 60 * 24 * 3 &&
-				Date.now() - 1000 * 60 * 60 * 24 * 3 &&
 			!location.pathname.startsWith("/miauth")
 		) {
 			if (
@@ -493,12 +481,10 @@ function checkForSplash() {
 					Date.now() - 1000 * 60 * 60 * 24 * 30
 			) {
 				popup(
-					defineAsyncComponent(
+					defineAsyncComponent(() => import("@/components/MkDonation.vue")),
-						() => import("@/components/MkDonation.vue")
-					),
 					{},
 					{},
-					"closed"
+					"closed",
 				);
 			}
 		}

packages/client/src/pages/timeline.vue

@@ -196,7 +196,9 @@ async function chooseAntenna(ev: MouseEvent) {
 	});
 }
 
-function saveSrc(newSrc: "social" | "local" | "global"): void {
+function saveSrc(
+	newSrc: "home" | "local" | "social" | "recommended" | "global",
+): void {
 	defaultStore.set("tl", {
 		...defaultStore.state.tl,
 		src: newSrc,

packages/client/src/widgets/server-metric/cpu.vue

@@ -11,7 +11,7 @@
 
 <script lang="ts" setup>
 import { onBeforeUnmount, onMounted, ref } from "vue";
-import XPie from "./pie-large.vue";
+import XPie from "./pie.vue";
 import icon from "@/scripts/icon";
 
 const props = defineProps<{

packages/client/src/widgets/server-metric/disk.vue

@@ -13,7 +13,7 @@
 <script lang="ts" setup>
 import { computed } from "vue";
 
-import XPie from "./pie-large.vue";
+import XPie from "./pie.vue";
 import bytes from "@/filters/bytes";
 import icon from "@/scripts/icon";
 

packages/client/src/widgets/server-metric/index.vue

@@ -26,21 +26,6 @@
 				:connection="connection"
 				:meta="meta"
 			/>
-			<XCpu
-				v-else-if="widgetProps.view === 1"
-				:connection="connection"
-				:meta="meta"
-			/>
-			<XMemory
-				v-else-if="widgetProps.view === 2"
-				:connection="connection"
-				:meta="meta"
-			/>
-			<XDisk
-				v-else-if="widgetProps.view === 3"
-				:connection="connection"
-				:meta="meta"
-			/>
 		</div>
 	</MkContainer>
 </template>
@@ -53,9 +38,6 @@ import type {
 	WidgetComponentProps,
 } from "../widget";
 import { useWidgetPropsManager } from "../widget";
-import XCpu from "./cpu.vue";
-import XMemory from "./mem.vue";
-import XDisk from "./disk.vue";
 import XCpuMemory from "./cpu-mem.vue";
 import MkContainer from "@/components/MkContainer.vue";
 import type { GetFormResultType } from "@/scripts/form";
@@ -103,7 +85,7 @@ os.apiGet("server-info", {}).then((res) => {
 });
 
 const toggleView = () => {
-	widgetProps.view = (widgetProps.view + 1) % 4;
+	widgetProps.view = (widgetProps.view + 1) % 1;
 	save();
 };
 

packages/client/src/widgets/server-metric/mem.vue

@@ -12,7 +12,7 @@
 
 <script lang="ts" setup>
 import { onBeforeUnmount, onMounted, ref } from "vue";
-import XPie from "./pie-large.vue";
+import XPie from "./pie.vue";
 import bytes from "@/filters/bytes";
 import icon from "@/scripts/icon";
 

packages/client/src/widgets/server-metric/pie-large.vue

@@ -1,62 +0,0 @@
-<!--
-SPDX-FileCopyrightText: syuilo and misskey-project
-SPDX-License-Identifier: AGPL-3.0-only
--->
-
-<template>
-<svg :class="$style.root" viewBox="0 0 1 1" preserveAspectRatio="none">
-	<circle
-		:r="r"
-		cx="50%" cy="50%"
-		fill="none"
-		stroke-width="0.1"
-		stroke="rgba(0, 0, 0, 0.05)"
-		:class="$style.circle"
-	/>
-	<circle
-		:r="r"
-		cx="50%" cy="50%"
-		:stroke-dasharray="Math.PI * (r * 2)"
-		:stroke-dashoffset="strokeDashoffset"
-		fill="none"
-		stroke-width="0.1"
-		:class="$style.circle"
-		:stroke="color"
-	/>
-	<text x="50%" y="50%" dy="0.05" text-anchor="middle" :class="$style.text">{{ (value * 100).toFixed(0) }}%</text>
-</svg>
-</template>
-
-<script lang="ts" setup>
-import { computed } from "vue";
-
-const props = defineProps<{
-	value: number;
-}>();
-
-const r = 0.45;
-
-const color = computed(() => `hsl(${180 - props.value * 180}, 80%, 70%)`);
-const strokeDashoffset = computed(
-	() => (1 - props.value) * (Math.PI * (r * 2)),
-);
-</script>
-
-<style lang="scss" module>
-.root {
-	display: block;
-	height: 100%;
-}
-
-.circle {
-	transform-origin: center;
-	transform: rotate(-90deg);
-	transition: stroke-dashoffset 0.5s ease;
-	stroke-linecap: round;
-}
-
-.text {
-	font-size: 0.15px;
-	fill: currentColor;
-}
-</style>

packages/client/vite.config.ts

@@ -57,7 +57,7 @@ export default defineConfig(({ command, mode }) => {
 			_DATA_TRANSFER_DRIVE_FOLDER_: JSON.stringify("mk_drive_folder"),
 			_DATA_TRANSFER_DECK_COLUMN_: JSON.stringify("mk_deck_column"),
 			__VUE_OPTIONS_API__: true,
-			__VUE_PROD_DEVTOOLS__: true,
+			__VUE_PROD_DEVTOOLS__: false,
 		},
 
 		build: {