Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore, refactor: remove unused, fix some type errors (client/src/pages)

Browse Source
This commit is contained in:
naskya 2023-09-01 23:16:23 +00:00 committed by Kainoa Kanter
parent f10c64f526
commit c0f31fcb8f
165 changed files with 582 additions and 1139 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/filters/bytes.ts
View File

@ -7,7 +7,7 @@ export default (v, digits = 0) => {
const i = Math.floor(Math.log(v) / Math.log(1024));
return (
(isMinus ? "-" : "") +
(v / Math.pow(1024, i)).toFixed(digits).replace(/\.0+$/, "") +
(v / 1024 ** i).toFixed(digits).replace(/\.0+$/, "") +
sizes[i]
);
};

4
packages/client/src/pages/_empty_.vue
View File

@ -2,6 +2,4 @@
<div></div>
</template>
<script lang="ts" setup>
import {} from "vue";
</script>
<script lang="ts" setup></script>

13
packages/client/src/pages/_error_.vue
View File

@ -35,9 +35,8 @@
</template>
<script lang="ts" setup>
import { ref, computed } from "vue";
import { ref } from "vue";
import {} from "vue";
import * as misskey from "firefish-js";
import MkButton from "@/components/MkButton.vue";
import { version } from "@/config";
@ -53,9 +52,9 @@ const props = withDefaults(
{},
);
let loaded = ref(false);
let serverIsDead = ref(false);
let meta = ref<misskey.entities.LiteInstanceMetadata | null>(null);
const loaded = ref(false);
const serverIsDead = ref(false);
const meta = ref<misskey.entities.LiteInstanceMetadata | null>(null);
os.api("meta", {
detail: false,
@ -76,10 +75,6 @@ function reload() {
unisonReload();
}
const headerActions = computed(() => []);
const headerTabs = computed(() => []);
definePageMetadata({
title: i18n.ts.error,
icon: "ph-warning ph-bold ph-lg",

4
packages/client/src/pages/about-firefish.vue
View File

@ -225,8 +225,8 @@ sponsors = patronsResp.sponsors;
patrons = patrons.filter((patron) => !sponsors.includes(patron));
let easterEggReady = false;
let easterEggEmojis = ref([]);
let easterEggEngine = ref(null);
const easterEggEmojis = ref([]);
const easterEggEngine = ref(null);
const containerEl = ref<HTMLElement>();
function iconLoaded() {

3
packages/client/src/pages/about.emojis.vue
View File

@ -47,14 +47,13 @@
</template>
<script lang="ts">
import { defineComponent, computed } from "vue";
import { defineComponent } from "vue";
import XEmoji from "./emojis.emoji.vue";
import MkButton from "@/components/MkButton.vue";
import MkInput from "@/components/form/input.vue";
import MkSelect from "@/components/form/select.vue";
import MkFolder from "@/components/MkFolder.vue";
import MkTab from "@/components/MkTab.vue";
import * as os from "@/os";
import { emojiCategories, emojiTags } from "@/instance";
import { i18n } from "@/i18n";

6
packages/client/src/pages/about.federation.vue
View File

@ -113,9 +113,9 @@ import MkInstanceCardMini from "@/components/MkInstanceCardMini.vue";
import FormSplit from "@/components/form/split.vue";
import { i18n } from "@/i18n";
let host = ref("");
let state = ref("federating");
let sort = ref("+pubSub");
const host = ref("");
const state = ref("federating");
const sort = ref("+pubSub");
const pagination = {
endpoint: "federation/instances" as const,
limit: 10,

14
packages/client/src/pages/about.vue
View File

@ -178,7 +178,7 @@ import { Virtual } from "swiper/modules";
import { Swiper, SwiperSlide } from "swiper/vue";
import XEmojis from "./about.emojis.vue";
import XFederation from "./about.federation.vue";
import { version, instanceName, host } from "@/config";
import { version, host } from "@/config";
import FormLink from "@/components/form/link.vue";
import FormSection from "@/components/form/section.vue";
import FormSuspense from "@/components/form/suspense.vue";
@ -205,13 +205,13 @@ withDefaults(
},
);
let stats = ref(null);
let instanceIcon = ref<HTMLImageElement>();
const stats = ref(null);
const instanceIcon = ref<HTMLImageElement>();
let iconClicks = 0;
let iconSrc = ref(instance.iconUrl || instance.faviconUrl || "/favicon.ico");
let instanceIconAnimation = ref("");
const iconSrc = ref(instance.iconUrl || instance.faviconUrl || "/favicon.ico");
const instanceIconAnimation = ref("");
let tabs = ["overview", "emojis", "charts"];
let tab = ref(tabs[0]);
const tab = ref(tabs[0]);
watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
if (iAmModerator) tabs.push("federation");
@ -249,7 +249,7 @@ if (iAmModerator) {
});
}
let headerTabs = computed(() => theTabs);
const headerTabs = computed(() => theTabs);
definePageMetadata(
computed(() => ({

9
packages/client/src/pages/admin-file.vue
View File

@ -172,7 +172,6 @@ import * as os from "@/os";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
import { deviceKind } from "@/scripts/device-kind";
import { acct } from "@/filters/user";
import { iAmAdmin, iAmModerator } from "@/account";
import { defaultStore } from "@/store";
import "swiper/scss";
@ -181,12 +180,12 @@ import "swiper/scss/virtual";
let tabs = ["overview"];
if (iAmModerator) tabs.push("ip");
tabs.push("raw");
let tab = ref(tabs[0]);
const tab = ref(tabs[0]);
watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
let file: any = ref(null);
let info: any = ref(null);
let isSensitive: boolean = ref(false);
const file = ref(null);
const info = ref(null);
const isSensitive = ref(false);
const props = defineProps<{
fileId: string;

17
packages/client/src/pages/admin/_header_.vue
View File

@ -56,21 +56,11 @@
</template>
<script lang="ts" setup>
import {
computed,
onMounted,
onUnmounted,
ref,
inject,
watch,
nextTick,
} from "vue";
import { computed, onMounted, onUnmounted, ref, watch, nextTick } from "vue";
import tinycolor from "tinycolor2";
import { popupMenu } from "@/os";
import { url } from "@/config";
import { scrollToTop } from "@/scripts/scroll";
import MkButton from "@/components/MkButton.vue";
import { i18n } from "@/i18n";
import { globalEvents } from "@/events";
import { injectPageMetadata } from "@/scripts/page-metadata";
@ -100,11 +90,10 @@ const emit = defineEmits<{
const metadata = injectPageMetadata();
const el = ref<HTMLElement>(null);
const el = ref<HTMLElement>();
const tabRefs = {};
const tabHighlightEl = ref<HTMLElement | null>(null);
const bg = ref(null);
const height = ref(0);
const bg = ref<string>();
const hasTabs = computed(() => {
return props.tabs && props.tabs.length > 0;
});

16
packages/client/src/pages/admin/abuses.vue
View File

@ -93,21 +93,19 @@
<script lang="ts" setup>
import { computed, ref } from "vue";
import MkInput from "@/components/form/input.vue";
import MkSelect from "@/components/form/select.vue";
import MkPagination from "@/components/MkPagination.vue";
import XAbuseReport from "@/components/MkAbuseReport.vue";
import * as os from "@/os";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let reports = ref<InstanceType<typeof MkPagination>>();
const reports = ref<InstanceType<typeof MkPagination>>();
let state = ref("unresolved");
let reporterOrigin = ref("combined");
let targetUserOrigin = ref("combined");
let searchUsername = ref("");
let searchHost = ref("");
const state = ref("unresolved");
const reporterOrigin = ref("combined");
const targetUserOrigin = ref("combined");
// const searchUsername = ref("");
// const searchHost = ref("");
const pagination = {
endpoint: "admin/abuse-user-reports" as const,
@ -120,7 +118,7 @@ const pagination = {
};
function resolved(reportId) {
reports.value.removeItem((item) => item.id === reportId);
reports.value?.removeItem((item) => item.id === reportId);
}
const headerActions = computed(() => []);

2
packages/client/src/pages/admin/announcements.vue
View File

@ -76,7 +76,7 @@ import * as os from "@/os";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let announcements: any[] = ref([]);
const announcements = ref<any[]>([]);
os.api("admin/announcements/list").then((announcementResponse) => {
announcements.value = announcementResponse;

10
packages/client/src/pages/admin/bot-protection.vue
View File

@ -88,11 +88,11 @@ const MkCaptcha = defineAsyncComponent(
() => import("@/components/MkCaptcha.vue"),
);
let provider = ref(null);
let hcaptchaSiteKey: string | null = ref(null);
let hcaptchaSecretKey: string | null = ref(null);
let recaptchaSiteKey: string | null = ref(null);
let recaptchaSecretKey: string | null = ref(null);
const provider = ref<any>(null);
const hcaptchaSiteKey = ref<string | null>(null);
const hcaptchaSecretKey = ref<string | null>(null);
const recaptchaSiteKey = ref<string | null>(null);
const recaptchaSecretKey = ref<string | null>(null);
async function init() {
const meta = await os.api("admin/meta");

10
packages/client/src/pages/admin/custom-css.vue
View File

@ -17,15 +17,13 @@
</template>
<script lang="ts" setup>
import { ref, watch, computed } from "vue";
// import { ref, watch } from "vue";
import FormTextarea from "@/components/form/textarea.vue";
import FormInfo from "@/components/MkInfo.vue";
import * as os from "@/os";
import { unisonReload } from "@/scripts/unison-reload";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
const localCustomCss = ref(localStorage.getItem("customCss") ?? "");
// const localCustomCss = ref(localStorage.getItem("customCss") ?? "");
/*
async function apply() {
@ -45,10 +43,6 @@ watch(globalCustomCss, async () => {
});
*/
const headerActions = computed(() => []);
const headerTabs = computed(() => []);
definePageMetadata({
title: i18n.ts.customCss,
icon: "ph-code ph-bold ph-lg",

1
packages/client/src/pages/admin/database.vue
View File

@ -36,7 +36,6 @@
<script lang="ts" setup>
import { computed } from "vue";
import {} from "vue";
import FormSuspense from "@/components/form/suspense.vue";
import FormButton from "@/components/MkButton.vue";
import MkKeyValue from "@/components/MkKeyValue.vue";

15
packages/client/src/pages/admin/email-settings.vue
View File

@ -93,7 +93,6 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import FormSwitch from "@/components/form/switch.vue";
import FormInput from "@/components/form/input.vue";
import FormInfo from "@/components/MkInfo.vue";
@ -105,13 +104,13 @@ import { fetchInstance, instance } from "@/instance";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let enableEmail: boolean = ref(false);
let email: any = ref(null);
let smtpSecure: boolean = ref(false);
let smtpHost: string = ref("");
let smtpPort: number = ref(0);
let smtpUser: string = ref("");
let smtpPass: string = ref("");
const enableEmail = ref(false);
const email: any = ref(null);
const smtpSecure = ref(false);
const smtpHost = ref("");
const smtpPort = ref(0);
const smtpUser = ref("");
const smtpPass = ref("");
async function init() {
const meta = await os.api("admin/meta");

14
packages/client/src/pages/admin/emoji-edit-dialog.vue
View File

@ -43,13 +43,11 @@
<script lang="ts" setup>
import { ref } from "vue";
import {} from "vue";
import XModalWindow from "@/components/MkModalWindow.vue";
import MkButton from "@/components/MkButton.vue";
import MkInput from "@/components/form/input.vue";
import MkTextarea from "@/components/form/textarea.vue";
import * as os from "@/os";
import { unique } from "@/scripts/array";
import { i18n } from "@/i18n";
import { emojiCategories } from "@/instance";
@ -57,12 +55,12 @@ const props = defineProps<{
emoji: any;
}>();
let dialog = ref(null);
let name: string = ref(props.emoji.name);
let category: string = ref(props.emoji.category);
let aliases: string = ref(props.emoji.aliases.join(" "));
let categories: string[] = ref(emojiCategories);
let license: string = ref(props.emoji.license ?? "");
const dialog = ref<any>(null);
const name = ref<string>(props.emoji.name);
const category = ref<string>(props.emoji.category);
const aliases = ref<string>(props.emoji.aliases.join(" "));
const categories = ref(emojiCategories);
const license = ref<string>(props.emoji.license ?? "");
const emit = defineEmits<{
(ev: "done", v: { deleted?: boolean; updated?: any }): void;

9
packages/client/src/pages/admin/emojis.vue
View File

@ -154,17 +154,10 @@
</template>
<script lang="ts" setup>
import {
computed,
defineAsyncComponent,
defineComponent,
ref,
toRef,
} from "vue";
import { computed, defineAsyncComponent, ref } from "vue";
import MkButton from "@/components/MkButton.vue";
import MkInput from "@/components/form/input.vue";
import MkPagination from "@/components/MkPagination.vue";
import MkTab from "@/components/MkTab.vue";
import MkSwitch from "@/components/form/switch.vue";
import FormSplit from "@/components/form/split.vue";
import { selectFile, selectFiles } from "@/scripts/select-file";

5
packages/client/src/pages/admin/experiments.vue
View File

@ -29,7 +29,6 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import MkStickyContainer from "@/components/global/MkStickyContainer.vue";
import FormSuspense from "@/components/form/suspense.vue";
import FormSwitch from "@/components/form/switch.vue";
@ -38,8 +37,8 @@ import { fetchInstance } from "@/instance";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let enablePostImports = ref(false);
let meta = ref<MetaExperiments | null>(null);
const enablePostImports = ref(false);
const meta = ref<MetaExperiments | null>(null);
type MetaExperiments = {
experimentalFeatures?: {

16
packages/client/src/pages/admin/files.vue
View File

@ -80,9 +80,7 @@
</template>
<script lang="ts" setup>
import { computed, defineAsyncComponent, ref } from "vue";
import * as Acct from "firefish-js/built/acct";
import MkButton from "@/components/MkButton.vue";
import { computed, ref } from "vue";
import MkInput from "@/components/form/input.vue";
import MkSelect from "@/components/form/select.vue";
import MkFileListForAdmin from "@/components/MkFileListForAdmin.vue";
@ -91,11 +89,11 @@ import * as os from "@/os";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let origin = ref("local");
let type = ref(null);
let searchHost = ref("");
let userId = ref("");
let viewMode = ref("grid");
const origin = ref("local");
const type = ref(null);
const searchHost = ref("");
const userId = ref("");
const viewMode = ref("grid");
const pagination = {
endpoint: "admin/drive/files" as const,
limit: 10,
@ -134,8 +132,6 @@ const headerActions = computed(() => [
},
]);
const headerTabs = computed(() => []);
definePageMetadata(
computed(() => ({
title: i18n.ts.files,

3
packages/client/src/pages/admin/hashtags.vue
View File

@ -28,7 +28,6 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import FormButton from "@/components/MkButton.vue";
import FormTextarea from "@/components/form/textarea.vue";
import FormSuspense from "@/components/form/suspense.vue";
@ -37,7 +36,7 @@ import { fetchInstance } from "@/instance";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let hiddenTags: string = ref("");
const hiddenTags = ref("");
async function init() {
const meta = await os.api("admin/meta");

25
packages/client/src/pages/admin/index.vue
View File

@ -60,9 +60,6 @@
<script lang="ts" setup>
import {
defineAsyncComponent,
inject,
nextTick,
onMounted,
onUnmounted,
onActivated,
@ -74,7 +71,6 @@ import {
import { i18n } from "@/i18n";
import MkSuperMenu from "@/components/MkSuperMenu.vue";
import MkInfo from "@/components/MkInfo.vue";
import { scroll } from "@/scripts/scroll";
import { instance } from "@/instance";
import { version } from "@/config";
import { $i } from "@/account";
@ -88,7 +84,6 @@ import { useRouter } from "@/router";
import {
definePageMetadata,
provideMetadataReceiver,
setPageMetadata,
} from "@/scripts/page-metadata";
const isEmpty = (x: string | null) => x == null || x === "";
@ -103,21 +98,19 @@ const indexInfo = {
provide("shouldOmitHeaderTitle", false);
let INFO = ref(indexInfo);
let childInfo = ref(null);
let narrow = ref(false);
let view = ref(null);
let pageProps = ref({});
let noMaintainerInformation =
const INFO = ref(indexInfo);
const childInfo = ref(null);
const narrow = ref(false);
const noMaintainerInformation =
isEmpty(instance.maintainerName) || isEmpty(instance.maintainerEmail);
let noBotProtection =
const noBotProtection =
!instance.disableRegistration &&
!instance.enableHcaptcha &&
!instance.enableRecaptcha;
let noEmailServer = !instance.enableEmail;
let thereIsUnresolvedAbuseReport = ref(false);
let updateAvailable = ref(false);
let currentPage = computed(() => router.currentRef.value.child);
const noEmailServer = !instance.enableEmail;
const thereIsUnresolvedAbuseReport = ref(false);
const updateAvailable = ref(false);
const currentPage = computed(() => router.currentRef.value.child);
os.api("admin/abuse-user-reports", {
state: "unresolved",

7
packages/client/src/pages/admin/instance-block.vue
View File

@ -45,7 +45,6 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import FormButton from "@/components/MkButton.vue";
import FormTextarea from "@/components/form/textarea.vue";
import FormSuspense from "@/components/form/suspense.vue";
@ -55,9 +54,9 @@ import { fetchInstance } from "@/instance";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let blockedHosts: string = ref("");
let silencedHosts: string = ref("");
let tab = ref("block");
const blockedHosts = ref("");
const silencedHosts = ref("");
const tab = ref("block");
async function init() {
const meta = await os.api("admin/meta");

9
packages/client/src/pages/admin/integrations.discord.vue
View File

@ -36,7 +36,6 @@
<script lang="ts" setup>
import { ref } from "vue";
import {} from "vue";
import FormSwitch from "@/components/form/switch.vue";
import FormInput from "@/components/form/input.vue";
import FormButton from "@/components/MkButton.vue";
@ -46,10 +45,10 @@ import * as os from "@/os";
import { fetchInstance } from "@/instance";
import { i18n } from "@/i18n";
let uri: string = ref("");
let enableDiscordIntegration: boolean = ref(false);
let discordClientId: string | null = ref(null);
let discordClientSecret: string | null = ref(null);
const uri = ref("");
const enableDiscordIntegration = ref(false);
const discordClientId = ref(null);
const discordClientSecret = ref(null);
async function init() {
const meta = await os.api("admin/meta");

9
packages/client/src/pages/admin/integrations.github.vue
View File

@ -36,7 +36,6 @@
<script lang="ts" setup>
import { ref } from "vue";
import {} from "vue";
import FormSwitch from "@/components/form/switch.vue";
import FormInput from "@/components/form/input.vue";
import FormButton from "@/components/MkButton.vue";
@ -46,10 +45,10 @@ import * as os from "@/os";
import { fetchInstance } from "@/instance";
import { i18n } from "@/i18n";
let uri: string = ref("");
let enableGithubIntegration: boolean = ref(false);
let githubClientId: string | null = ref(null);
let githubClientSecret: string | null = ref(null);
const uri = ref("");
const enableGithubIntegration = ref(false);
const githubClientId = ref(null);
const githubClientSecret = ref(null);
async function init() {
const meta = await os.api("admin/meta");

7
packages/client/src/pages/admin/integrations.vue
View File

@ -40,7 +40,6 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import XGithub from "./integrations.github.vue";
import XDiscord from "./integrations.discord.vue";
import FormSuspense from "@/components/form/suspense.vue";
@ -49,13 +48,11 @@ import * as os from "@/os";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let enableTwitterIntegration: boolean = ref(false);
let enableGithubIntegration: boolean = ref(false);
let enableDiscordIntegration: boolean = ref(false);
const enableGithubIntegration = ref(false);
const enableDiscordIntegration = ref(false);
async function init() {
const meta = await os.api("admin/meta");
enableTwitterIntegration.value = meta.enableTwitterIntegration;
enableGithubIntegration.value = meta.enableGithubIntegration;
enableDiscordIntegration.value = meta.enableDiscordIntegration;
}

27
packages/client/src/pages/admin/object-storage.vue
View File

@ -151,7 +151,6 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import FormSwitch from "@/components/form/switch.vue";
import FormInput from "@/components/form/input.vue";
import FormSuspense from "@/components/form/suspense.vue";
@ -161,19 +160,19 @@ import { fetchInstance } from "@/instance";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let useObjectStorage: boolean = ref(false);
let objectStorageBaseUrl: string | null = ref(null);
let objectStorageBucket: string | null = ref(null);
let objectStoragePrefix: string | null = ref(null);
let objectStorageEndpoint: string | null = ref(null);
let objectStorageRegion: string | null = ref(null);
let objectStoragePort: number | null = ref(null);
let objectStorageAccessKey: string | null = ref(null);
let objectStorageSecretKey: string | null = ref(null);
let objectStorageUseSSL: boolean = ref(false);
let objectStorageUseProxy: boolean = ref(false);
let objectStorageSetPublicRead: boolean = ref(false);
let objectStorageS3ForcePathStyle: boolean = ref(true);
const useObjectStorage = ref(false);
const objectStorageBaseUrl = ref<string | null>(null);
const objectStorageBucket = ref<string | null>(null);
const objectStoragePrefix = ref<string | null>(null);
const objectStorageEndpoint = ref<string | null>(null);
const objectStorageRegion = ref<string | null>(null);
const objectStoragePort = ref<string | null>(null);
const objectStorageAccessKey = ref<string | null>(null);
const objectStorageSecretKey = ref<string | null>(null);
const objectStorageUseSSL = ref(false);
const objectStorageUseProxy = ref(false);
const objectStorageSetPublicRead = ref(false);
const objectStorageS3ForcePathStyle = ref(true);
async function init() {
const meta = await os.api("admin/meta");

1
packages/client/src/pages/admin/other-settings.vue
View File

@ -15,7 +15,6 @@
<script lang="ts" setup>
import { computed } from "vue";
import {} from "vue";
import FormSuspense from "@/components/form/suspense.vue";
import * as os from "@/os";
import { fetchInstance } from "@/instance";

20
packages/client/src/pages/admin/overview.active-users.vue
View File

@ -8,32 +8,22 @@
</template>
<script lang="ts" setup>
import {
markRaw,
version as vueVersion,
onMounted,
onBeforeUnmount,
nextTick,
shallowRef,
ref,
} from "vue";
import { onMounted, shallowRef, ref } from "vue";
import { Chart } from "chart.js";
import tinycolor from "tinycolor2";
import gradient from "chartjs-plugin-gradient";
import * as os from "@/os";
import { defaultStore } from "@/store";
import { useChartTooltip } from "@/scripts/use-chart-tooltip";
import { chartVLine } from "@/scripts/chart-vline";
import { alpha } from "@/scripts/color";
import { initChart } from "@/scripts/init-chart";
initChart();
const chartEl = shallowRef<HTMLCanvasElement>(null);
const chartEl = shallowRef<HTMLCanvasElement>();
const now = new Date();
let chartInstance: Chart = null;
let chartInstance: Chart | null = null;
const chartLimit = 7;
let fetching = ref(true);
const fetching = ref(true);
const { handler: externalTooltipHandler } = useChartTooltip();
@ -69,8 +59,6 @@ async function renderChart() {
const colorRead = "#eb6f92";
const colorWrite = "#f6c177";
const max = Math.max(...raw.read);
chartInstance = new Chart(chartEl.value, {
type: "bar",
data: {

12
packages/client/src/pages/admin/overview.ap-requests.vue
View File

@ -15,15 +15,10 @@
</template>
<script lang="ts" setup>
import { onMounted, onUnmounted, ref, shallowRef } from "vue";
import { onMounted, ref, shallowRef } from "vue";
import { Chart } from "chart.js";
import gradient from "chartjs-plugin-gradient";
import tinycolor from "tinycolor2";
import MkMiniChart from "@/components/MkMiniChart.vue";
import * as os from "@/os";
import number from "@/filters/number";
import MkNumberDiff from "@/components/MkNumberDiff.vue";
import { i18n } from "@/i18n";
import { useChartTooltip } from "@/scripts/use-chart-tooltip";
import { chartVLine } from "@/scripts/chart-vline";
import { defaultStore } from "@/store";
@ -35,7 +30,7 @@ initChart();
const chartLimit = 50;
const chartEl = shallowRef<HTMLCanvasElement>();
const chartEl2 = shallowRef<HTMLCanvasElement>();
let fetching = ref(true);
const fetching = ref(true);
const { handler: externalTooltipHandler } = useChartTooltip();
const { handler: externalTooltipHandler2 } = useChartTooltip();
@ -76,9 +71,6 @@ onMounted(async () => {
const succColor = "#9ccfd8";
const failColor = "#f6c177";
const succMax = Math.max(...raw.deliverSucceeded);
const failMax = Math.max(...raw.deliverFailed);
new Chart(chartEl.value, {
type: "line",
data: {

19
packages/client/src/pages/admin/overview.federation.vue
View File

@ -56,24 +56,23 @@
</template>
<script lang="ts" setup>
import { onMounted, onUnmounted, ref } from "vue";
import { onMounted, ref } from "vue";
import XPie from "./overview.pie.vue";
import MkMiniChart from "@/components/MkMiniChart.vue";
import * as os from "@/os";
import number from "@/filters/number";
import MkNumberDiff from "@/components/MkNumberDiff.vue";
import { i18n } from "@/i18n";
import { useChartTooltip } from "@/scripts/use-chart-tooltip";
let topSubInstancesForPie: any = ref(null);
let topPubInstancesForPie: any = ref(null);
let federationPubActive = ref<number | null>(null);
let federationPubActiveDiff = ref<number | null>(null);
let federationSubActive = ref<number | null>(null);
let federationSubActiveDiff = ref<number | null>(null);
let fetching = ref(true);
const topSubInstancesForPie = ref<any>(null);
const topPubInstancesForPie = ref<any>(null);
const federationPubActive = ref<number | null>(null);
const federationPubActiveDiff = ref<number | null>(null);
const federationSubActive = ref<number | null>(null);
const federationSubActiveDiff = ref<number | null>(null);
const fetching = ref(true);
const { handler: externalTooltipHandler } = useChartTooltip();
useChartTooltip();
onMounted(async () => {
const chart = await os.apiGet("charts/federation", {

2
packages/client/src/pages/admin/overview.heatmap.vue
View File

@ -23,7 +23,7 @@ import { ref } from "vue";
import MkHeatmap from "@/components/MkHeatmap.vue";
import MkSelect from "@/components/form/select.vue";
let src = ref("notes");
const src = ref("notes");
</script>
<style lang="scss" module>

2
packages/client/src/pages/admin/overview.instances.vue
View File

@ -23,7 +23,7 @@
</template>
<script lang="ts" setup>
import { onMounted, onUnmounted, ref } from "vue";
import { ref } from "vue";
import * as os from "@/os";
import { useInterval } from "@/scripts/use-interval";
import MkInstanceCardMini from "@/components/MkInstanceCardMini.vue";

18
packages/client/src/pages/admin/overview.metrics.vue
View File

@ -64,17 +64,17 @@ import { i18n } from "@/i18n";
const meta = await os.api("server-info", {});
const serverStats = await os.api("stats");
let cpuUsage: number = ref(0);
const cpuUsage = ref(0);
let memUsage: number = ref(0);
let memTotal: number = ref(0);
let memUsed: number = ref(0);
let memFree: number = ref(0);
const memUsage = ref(0);
const memTotal = ref(0);
const memUsed = ref(0);
const memFree = ref(0);
let meiliProgress: number = ref(0);
let meiliTotalSize: number = ref(0);
let meiliIndexCount: number = ref(0);
let meiliAvailable: string = ref("unavailable");
const meiliProgress = ref(0);
const meiliTotalSize = ref(0);
const meiliIndexCount = ref(0);
const meiliAvailable = ref("unavailable");
const diskUsage = computed(() => meta.fs.used / meta.fs.total);
const diskTotal = computed(() => meta.fs.total);

8
packages/client/src/pages/admin/overview.moderators.vue
View File

@ -25,13 +25,11 @@
</template>
<script lang="ts" setup>
import { onMounted, onUnmounted, ref } from "vue";
import { onMounted, ref } from "vue";
import * as os from "@/os";
import number from "@/filters/number";
import { i18n } from "@/i18n";
let moderators: any = ref(null);
let fetching = ref(true);
const moderators = ref<any>(null);
const fetching = ref(true);
onMounted(async () => {
moderators.value = await os.api("admin/show-users", {

8
packages/client/src/pages/admin/overview.pie.vue
View File

@ -3,10 +3,8 @@
</template>
<script lang="ts" setup>
import { onMounted, onUnmounted, ref, shallowRef } from "vue";
import { onMounted, shallowRef } from "vue";
import { Chart } from "chart.js";
import number from "@/filters/number";
import { defaultStore } from "@/store";
import { useChartTooltip } from "@/scripts/use-chart-tooltip";
import { initChart } from "@/scripts/init-chart";
@ -21,7 +19,7 @@ const props = defineProps<{
}[];
}>();
const chartEl = shallowRef<HTMLCanvasElement>(null);
const chartEl = shallowRef<HTMLCanvasElement>();
const { handler: externalTooltipHandler } = useChartTooltip({
position: "middle",
@ -83,5 +81,3 @@ onMounted(() => {
});
});
</script>
<style lang="scss" scoped></style>

21
packages/client/src/pages/admin/overview.queue-chart.vue
View File

@ -3,7 +3,7 @@
</template>
<script lang="ts" setup>
import { defineComponent, onMounted, onUnmounted, ref } from "vue";
import { onMounted, onUnmounted, ref } from "vue";
import {
Chart,
ArcElement,
@ -21,9 +21,6 @@ import {
SubTitle,
Filler,
} from "chart.js";
import number from "@/filters/number";
import * as os from "@/os";
import { defaultStore } from "@/store";
import { useChartTooltip } from "@/scripts/use-chart-tooltip";
Chart.register(
@ -56,11 +53,7 @@ const alpha = (hex, a) => {
return `rgba(${r}, ${g}, ${b}, ${a})`;
};
const chartEl = ref<HTMLCanvasElement>(null);
const gridColor = defaultStore.state.darkMode
? "rgba(255, 255, 255, 0.1)"
: "rgba(0, 0, 0, 0.1)";
const chartEl = ref<HTMLCanvasElement | null>(null);
// フォントカラー
Chart.defaults.color = getComputedStyle(
@ -72,7 +65,7 @@ const { handler: externalTooltipHandler } = useChartTooltip();
let chartInstance: Chart;
const onStats = (stats) => {
chartInstance.data.labels.push("");
chartInstance.data.labels?.push("");
chartInstance.data.datasets[0].data.push(
stats[props.domain].activeSincePrevTick,
);
@ -80,7 +73,7 @@ const onStats = (stats) => {
chartInstance.data.datasets[2].data.push(stats[props.domain].waiting);
chartInstance.data.datasets[3].data.push(stats[props.domain].delayed);
if (chartInstance.data.datasets[0].data.length > 100) {
chartInstance.data.labels.shift();
chartInstance.data.labels?.shift();
chartInstance.data.datasets[0].data.shift();
chartInstance.data.datasets[1].data.shift();
chartInstance.data.datasets[2].data.shift();
@ -91,7 +84,7 @@ const onStats = (stats) => {
const onStatsLog = (statsLog) => {
for (const stats of [...statsLog].reverse()) {
chartInstance.data.labels.push("");
chartInstance.data.labels?.push("");
chartInstance.data.datasets[0].data.push(
stats[props.domain].activeSincePrevTick,
);
@ -99,7 +92,7 @@ const onStatsLog = (statsLog) => {
chartInstance.data.datasets[2].data.push(stats[props.domain].waiting);
chartInstance.data.datasets[3].data.push(stats[props.domain].delayed);
if (chartInstance.data.datasets[0].data.length > 100) {
chartInstance.data.labels.shift();
chartInstance.data.labels?.shift();
chartInstance.data.datasets[0].data.shift();
chartInstance.data.datasets[1].data.shift();
chartInstance.data.datasets[2].data.shift();
@ -218,5 +211,3 @@ onUnmounted(() => {
props.connection.off("statsLog", onStatsLog);
});
</script>
<style lang="scss" scoped></style>

16
packages/client/src/pages/admin/overview.queue.chart.vue
View File

@ -3,10 +3,8 @@
</template>
<script lang="ts" setup>
import { watch, onMounted, onUnmounted, ref, shallowRef } from "vue";
import { onMounted, shallowRef } from "vue";
import { Chart } from "chart.js";
import number from "@/filters/number";
import * as os from "@/os";
import { defaultStore } from "@/store";
import { useChartTooltip } from "@/scripts/use-chart-tooltip";
import { chartVLine } from "@/scripts/chart-vline";
@ -19,7 +17,7 @@ const props = defineProps<{
type: string;
}>();
const chartEl = shallowRef<HTMLCanvasElement>(null);
const chartEl = shallowRef<HTMLCanvasElement>();
const { handler: externalTooltipHandler } = useChartTooltip();
@ -28,10 +26,10 @@ let chartInstance: Chart;
function setData(values) {
if (chartInstance == null) return;
for (const value of values) {
chartInstance.data.labels.push("");
chartInstance.data.labels?.push("");
chartInstance.data.datasets[0].data.push(value);
if (chartInstance.data.datasets[0].data.length > 100) {
chartInstance.data.labels.shift();
chartInstance.data.labels?.shift();
chartInstance.data.datasets[0].data.shift();
}
}
@ -40,10 +38,10 @@ function setData(values) {
function pushData(value) {
if (chartInstance == null) return;
chartInstance.data.labels.push("");
chartInstance.data.labels?.push("");
chartInstance.data.datasets[0].data.push(value);
if (chartInstance.data.datasets[0].data.length > 100) {
chartInstance.data.labels.shift();
chartInstance.data.labels?.shift();
chartInstance.data.datasets[0].data.shift();
}
chartInstance.update();
@ -145,5 +143,3 @@ defineExpose({
pushData,
});
</script>
<style lang="scss" scoped></style>

26
packages/client/src/pages/admin/overview.queue.vue
View File

@ -45,9 +45,7 @@
import { markRaw, onMounted, onUnmounted, ref, shallowRef } from "vue";
import XChart from "./overview.queue.chart.vue";
import number from "@/filters/number";
import * as os from "@/os";
import { stream } from "@/stream";
import { i18n } from "@/i18n";
const connection = markRaw(stream.useChannel("queueStats"));
@ -55,10 +53,10 @@ const activeSincePrevTick = ref(0);
const active = ref(0);
const delayed = ref(0);
const waiting = ref(0);
let chartProcess = shallowRef<InstanceType<typeof XChart>>();
let chartActive = shallowRef<InstanceType<typeof XChart>>();
let chartDelayed = shallowRef<InstanceType<typeof XChart>>();
let chartWaiting = shallowRef<InstanceType<typeof XChart>>();
const chartProcess = shallowRef<InstanceType<typeof XChart>>();
const chartActive = shallowRef<InstanceType<typeof XChart>>();
const chartDelayed = shallowRef<InstanceType<typeof XChart>>();
const chartWaiting = shallowRef<InstanceType<typeof XChart>>();
const props = defineProps<{
domain: string;
@ -70,10 +68,10 @@ const onStats = (stats) => {
delayed.value = stats[props.domain].delayed;
waiting.value = stats[props.domain].waiting;
chartProcess.value.pushData(stats[props.domain].activeSincePrevTick);
chartActive.value.pushData(stats[props.domain].active);
chartDelayed.value.pushData(stats[props.domain].delayed);
chartWaiting.value.pushData(stats[props.domain].waiting);
chartProcess.value?.pushData(stats[props.domain].activeSincePrevTick);
chartActive.value?.pushData(stats[props.domain].active);
chartDelayed.value?.pushData(stats[props.domain].delayed);
chartWaiting.value?.pushData(stats[props.domain].waiting);
};
const onStatsLog = (statsLog) => {
@ -89,10 +87,10 @@ const onStatsLog = (statsLog) => {
dataWaiting.push(stats[props.domain].waiting);
}
chartProcess.value.setData(dataProcess);
chartActive.value.setData(dataActive);
chartDelayed.value.setData(dataDelayed);
chartWaiting.value.setData(dataWaiting);
chartProcess.value?.setData(dataProcess);
chartActive.value?.setData(dataActive);
chartDelayed.value?.setData(dataDelayed);
chartWaiting.value?.setData(dataWaiting);
};
onMounted(() => {

16
packages/client/src/pages/admin/overview.stats.vue
View File

@ -94,20 +94,18 @@
</template>
<script lang="ts" setup>
import { onMounted, onUnmounted, ref } from "vue";
import MkMiniChart from "@/components/MkMiniChart.vue";
import { onMounted, ref } from "vue";
import * as os from "@/os";
import number from "@/filters/number";
import MkNumberDiff from "@/components/MkNumberDiff.vue";
import MkNumber from "@/components/MkNumber.vue";
import { i18n } from "@/i18n";
let stats: any = ref(null);
let usersComparedToThePrevDay = ref<number>();
let notesComparedToThePrevDay = ref<number>();
let onlineUsersCount = ref(0);
let emojiCount = ref(0);
let fetching = ref(true);
const stats = ref(null);
const usersComparedToThePrevDay = ref<number>();
const notesComparedToThePrevDay = ref<number>();
const onlineUsersCount = ref(0);
const emojiCount = ref(0);
const fetching = ref(true);
onMounted(async () => {
const [_stats, _onlineUsersCount] = await Promise.all([

2
packages/client/src/pages/admin/overview.user.vue
View File

@ -28,7 +28,7 @@ const props = defineProps<{
user: misskey.entities.User;
}>();
let chart = ref(null);
const chart = ref(null);
os.apiGet("charts/user/notes", {
userId: props.user.id,

8
packages/client/src/pages/admin/overview.users.vue
View File

@ -7,7 +7,7 @@
<MkLoading v-if="fetching" />
<div v-else class="users">
<MkA
v-for="(user, i) in newUsers"
v-for="user in newUsers"
:key="user.id"
:to="`/user-info/${user.id}`"
class="user"
@ -20,13 +20,13 @@
</template>
<script lang="ts" setup>
import { onMounted, onUnmounted, ref } from "vue";
import { ref } from "vue";
import * as os from "@/os";
import { useInterval } from "@/scripts/use-interval";
import MkUserCardMini from "@/components/MkUserCardMini.vue";
let newUsers = ref(null);
let fetching = ref(true);
const newUsers = ref(null);
const fetching = ref(true);
const fetch = async () => {
const _newUsers = await os.api("admin/show-users", {

40
packages/client/src/pages/admin/overview.vue
View File

@ -62,13 +62,11 @@
<script lang="ts" setup>
import {
markRaw,
version as vueVersion,
onMounted,
onBeforeUnmount,
nextTick,
shallowRef,
ref,
computed,
} from "vue";
import XFederation from "./overview.federation.vue";
import XInstances from "./overview.instances.vue";
@ -80,37 +78,23 @@ import XStats from "./overview.stats.vue";
import XModerators from "./overview.moderators.vue";
import XHeatmap from "./overview.heatmap.vue";
// import XMetrics from "./overview.metrics.vue";
import MkTagCloud from "@/components/MkTagCloud.vue";
import { version, url } from "@/config";
import * as os from "@/os";
import { stream } from "@/stream";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
import { defaultStore } from "@/store";
import MkFileListForAdmin from "@/components/MkFileListForAdmin.vue";
import MkFolder from "@/components/MkFolder.vue";
const rootEl = shallowRef<HTMLElement>();
let serverInfo: any = ref(null);
let topSubInstancesForPie: any = ref(null);
let topPubInstancesForPie: any = ref(null);
let federationPubActive = ref<number | null>(null);
let federationPubActiveDiff = ref<number | null>(null);
let federationSubActive = ref<number | null>(null);
let federationSubActiveDiff = ref<number | null>(null);
let newUsers = ref(null);
let activeInstances = shallowRef(null);
const serverInfo = ref<any>(null);
const topSubInstancesForPie = ref<any>(null);
const topPubInstancesForPie = ref<any>(null);
const federationPubActive = ref<number | null>(null);
const federationPubActiveDiff = ref<number | null>(null);
const federationSubActive = ref<number | null>(null);
const federationSubActiveDiff = ref<number | null>(null);
const newUsers = ref(null);
const activeInstances = shallowRef(null);
const queueStatsConnection = markRaw(stream.useChannel("queueStats"));
const now = new Date();
const filesPagination = {
endpoint: "admin/drive/files" as const,
limit: 9,
noPaging: true,
};
function onInstanceClick(i) {
os.pageWindow(`/instance-info/${i.host}`);
}
onMounted(async () => {
/*
@ -185,7 +169,7 @@ onMounted(async () => {
nextTick(() => {
queueStatsConnection.send("requestLog", {
id: Math.random().toString().substr(2, 8),
id: Math.random().toString().slice(2, 10),
length: 100,
});
});
@ -195,10 +179,6 @@ onBeforeUnmount(() => {
queueStatsConnection.dispose();
});
const headerActions = computed(() => []);
const headerTabs = computed(() => []);
definePageMetadata({
title: i18n.ts.dashboard,
icon: "ph-gauge ph-bold ph-lg",

5
packages/client/src/pages/admin/promotions.vue
View File

@ -65,7 +65,6 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import MkButton from "@/components/MkButton.vue";
import MkInput from "@/components/form/input.vue";
import MkTextarea from "@/components/form/textarea.vue";
@ -76,12 +75,12 @@ import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
import { formatDateTimeString } from "@/scripts/format-time-string";
let ads: any[] = ref([]);
const ads = ref([]);
os.api("admin/ad/list").then((adsResponse) => {
ads.value = adsResponse;
// The date format should be changed to yyyy-MM-dd in order to be properly displayed
for (let i in ads.value) {
for (const i in ads.value) {
ads.value[i].expiresAt = ads.value[i].expiresAt.substr(0, 10);
}
});

5
packages/client/src/pages/admin/proxy-account.vue
View File

@ -37,7 +37,6 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import MkKeyValue from "@/components/MkKeyValue.vue";
import MkButton from "@/components/MkButton.vue";
import MkInfo from "@/components/MkInfo.vue";
@ -47,8 +46,8 @@ import { fetchInstance } from "@/instance";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let proxyAccount: any = ref(null);
let proxyAccountId: any = ref(null);
const proxyAccount = ref<any>(null);
const proxyAccountId = ref<any>(null);
async function init() {
const meta = await os.api("admin/meta");

8
packages/client/src/pages/admin/queue.chart.chart.vue
View File

@ -3,7 +3,7 @@
</template>
<script lang="ts" setup>
import { watch, onMounted, onUnmounted, ref } from "vue";
import { onMounted, ref } from "vue";
import {
Chart,
ArcElement,
@ -21,8 +21,6 @@ import {
SubTitle,
Filler,
} from "chart.js";
import number from "@/filters/number";
import * as os from "@/os";
import { defaultStore } from "@/store";
import { useChartTooltip } from "@/scripts/use-chart-tooltip";
@ -55,7 +53,7 @@ const alpha = (hex, a) => {
return `rgba(${r}, ${g}, ${b}, ${a})`;
};
const chartEl = ref<HTMLCanvasElement>(null);
const chartEl = ref<HTMLCanvasElement | null>(null);
const gridColor = defaultStore.state.darkMode
? "rgba(255, 255, 255, 0.1)"
@ -189,5 +187,3 @@ defineExpose({
pushData,
});
</script>
<style lang="scss" scoped></style>

8
packages/client/src/pages/admin/queue.chart.vue
View File

@ -72,10 +72,10 @@ const active = ref(0);
const delayed = ref(0);
const waiting = ref(0);
const jobs = ref([]);
let chartProcess = ref<InstanceType<typeof XChart>>();
let chartActive = ref<InstanceType<typeof XChart>>();
let chartDelayed = ref<InstanceType<typeof XChart>>();
let chartWaiting = ref<InstanceType<typeof XChart>>();
const chartProcess = ref<InstanceType<typeof XChart>>();
const chartActive = ref<InstanceType<typeof XChart>>();
const chartDelayed = ref<InstanceType<typeof XChart>>();
const chartWaiting = ref<InstanceType<typeof XChart>>();
const props = defineProps<{
domain: string;

25
packages/client/src/pages/admin/queue.vue
View File

@ -15,34 +15,13 @@
</template>
<script lang="ts" setup>
import {
markRaw,
onMounted,
onBeforeUnmount,
nextTick,
ref,
computed,
} from "vue";
import { ref, computed } from "vue";
import XQueue from "./queue.chart.vue";
import MkButton from "@/components/MkButton.vue";
import * as os from "@/os";
import * as config from "@/config";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let tab = ref("deliver");
function clear() {
os.confirm({
type: "warning",
title: i18n.ts.clearQueueConfirmTitle,
text: i18n.ts.clearQueueConfirmText,
}).then(({ canceled }) => {
if (canceled) return;
os.apiWithDialog("admin/queue/clear");
});
}
const tab = ref("deliver");
const headerActions = computed(() => [
{

3
packages/client/src/pages/admin/relays.vue
View File

@ -45,13 +45,12 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import MkButton from "@/components/MkButton.vue";
import * as os from "@/os";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let relays: any[] = ref([]);
const relays = ref([]);
async function addRelay() {
const { canceled, result: inbox } = await os.inputText({

26
packages/client/src/pages/admin/security.vue
View File

@ -257,12 +257,10 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import XBotProtection from "./bot-protection.vue";
import FormFolder from "@/components/form/folder.vue";
import FormRadios from "@/components/form/radios.vue";
import FormSwitch from "@/components/form/switch.vue";
import FormInfo from "@/components/MkInfo.vue";
import FormSuspense from "@/components/form/suspense.vue";
import FormRange from "@/components/form/range.vue";
import FormInput from "@/components/form/input.vue";
@ -273,19 +271,19 @@ import { fetchInstance } from "@/instance";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let summalyProxy: string = ref("");
let enableHcaptcha: boolean = ref(false);
let enableRecaptcha: boolean = ref(false);
let sensitiveMediaDetection: string = ref("none");
let sensitiveMediaDetectionSensitivity: number = ref(0);
let setSensitiveFlagAutomatically: boolean = ref(false);
let enableSensitiveMediaDetectionForVideos: boolean = ref(false);
let enableIpLogging: boolean = ref(false);
let enableActiveEmailValidation: boolean = ref(false);
const summalyProxy = ref("");
const enableHcaptcha = ref(false);
const enableRecaptcha = ref(false);
const sensitiveMediaDetection = ref("none");
const sensitiveMediaDetectionSensitivity = ref(0);
const setSensitiveFlagAutomatically = ref(false);
const enableSensitiveMediaDetectionForVideos = ref(false);
const enableIpLogging = ref(false);
const enableActiveEmailValidation = ref(false);
let secureMode: boolean = ref(false);
let privateMode: boolean = ref(false);
let allowedHosts: string = ref("");
const secureMode = ref(false);
const privateMode = ref(false);
const allowedHosts = ref("");
async function init() {
const meta = await os.api("admin/meta");

78
packages/client/src/pages/admin/settings.vue
View File

@ -209,7 +209,7 @@
<FormInput v-model="themeColor" class="_formBlock">
<template #prefix
><i class="ph-palette ph-bold ph-lg"></i
><i class="ph-paconstte ph-bold ph-lg"></i
></template>
<template #label>{{
i18n.ts.themeColor
@ -442,42 +442,42 @@ import { fetchInstance } from "@/instance";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let name: string | null = ref(null);
let description: string | null = ref(null);
let tosUrl: string | null = ref(null);
let maintainerName: string | null = ref(null);
let maintainerEmail: string | null = ref(null);
let donationLink: string | null = ref(null);
let iconUrl: string | null = ref(null);
let bannerUrl: string | null = ref(null);
let logoImageUrl: string | null = ref(null);
let backgroundImageUrl: string | null = ref(null);
let themeColor: any = ref(null);
let defaultLightTheme: any = ref(null);
let defaultDarkTheme: any = ref(null);
let enableLocalTimeline: boolean = ref(false);
let enableGlobalTimeline: boolean = ref(false);
let enableRecommendedTimeline: boolean = ref(false);
let pinnedUsers: string = ref("");
let customMOTD: string = ref("");
let recommendedInstances: string = ref("");
let customSplashIcons: string = ref("");
let cacheRemoteFiles: boolean = ref(false);
let localDriveCapacityMb: any = ref(0);
let remoteDriveCapacityMb: any = ref(0);
let enableRegistration: boolean = ref(false);
let emailRequiredForSignup: boolean = ref(false);
let enableServiceWorker: boolean = ref(false);
let swPublicKey: any = ref(null);
let swPrivateKey: any = ref(null);
let deeplAuthKey: string = ref("");
let deeplIsPro: boolean = ref(false);
let libreTranslateApiUrl: string = ref("");
let libreTranslateApiKey: string = ref("");
let defaultReaction: string = ref("");
let defaultReactionCustom: string = ref("");
let enableServerMachineStats: boolean = ref(false);
let enableIdenticonGeneration: boolean = ref(false);
const name = ref<string | null>(null);
const description = ref<string | null>(null);
const tosUrl = ref<string | null>(null);
const maintainerName = ref<string | null>(null);
const maintainerEmail = ref<string | null>(null);
const donationLink = ref<string | null>(null);
const iconUrl = ref<string | null>(null);
const bannerUrl = ref<string | null>(null);
const logoImageUrl = ref<string | null>(null);
const backgroundImageUrl = ref<string | null>(null);
const themeColor: any = ref(null);
const defaultLightTheme: any = ref(null);
const defaultDarkTheme: any = ref(null);
const enableLocalTimeline = ref(false);
const enableGlobalTimeline = ref(false);
const enableRecommendedTimeline = ref(false);
const pinnedUsers = ref("");
const customMOTD = ref("");
const recommendedInstances = ref("");
const customSplashIcons = ref("");
const cacheRemoteFiles = ref(false);
const localDriveCapacityMb = ref(0);
const remoteDriveCapacityMb = ref(0);
const enableRegistration = ref(false);
const emailRequiredForSignup = ref(false);
const enableServiceWorker = ref(false);
const swPublicKey = ref(null);
const swPrivateKey = ref(null);
const deeplAuthKey = ref("");
const deeplIsPro = ref(false);
const libreTranslateApiUrl = ref("");
const libreTranslateApiKey = ref("");
const defaultReaction = ref("");
const defaultReactionCustom = ref("");
const enableServerMachineStats = ref(false);
const enableIdenticonGeneration = ref(false);
async function init() {
const meta = await os.api("admin/meta");
@ -554,8 +554,8 @@ function save() {
customSplashIcons: customSplashIcons.value.split("\n"),
recommendedInstances: recommendedInstances.value.split("\n"),
cacheRemoteFiles: cacheRemoteFiles.value,
localDriveCapacityMb: parseInt(localDriveCapacityMb.value, 10),
remoteDriveCapacityMb: parseInt(remoteDriveCapacityMb.value, 10),
localDriveCapacityMb: localDriveCapacityMb.value,
remoteDriveCapacityMb: remoteDriveCapacityMb.value,
disableRegistration: !enableRegistration.value,
emailRequiredForSignup: emailRequiredForSignup.value,
enableServiceWorker: enableServiceWorker.value,

12
packages/client/src/pages/admin/users.vue
View File

@ -133,13 +133,13 @@ import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
import MkUserCardMini from "@/components/MkUserCardMini.vue";
let paginationComponent = ref<InstanceType<typeof MkPagination>>();
const paginationComponent = ref<InstanceType<typeof MkPagination>>();
let sort = ref("+createdAt");
let state = ref("all");
let origin = ref("local");
let searchUsername = ref("");
let searchHost = ref("");
const sort = ref("+createdAt");
const state = ref("all");
const origin = ref("local");
const searchUsername = ref("");
const searchHost = ref("");
const pagination = {
endpoint: "admin/show-users" as const,
limit: 10,

53
packages/client/src/pages/antenna-timeline.vue
View File

@ -24,7 +24,7 @@
</template>
<script lang="ts" setup>
import { computed, inject, watch, ref } from "vue";
import { computed, watch, ref } from "vue";
import XTimeline from "@/components/MkTimeline.vue";
import * as os from "@/os";
import { useRouter } from "@/router";
@ -37,41 +37,28 @@ const props = defineProps<{
antennaId: string;
}>();
let antenna = ref(null);
let rootEl = ref<HTMLElement>();
let tlEl = ref<InstanceType<typeof XTimeline>>();
const antenna = ref(null);
const rootEl = ref<HTMLElement>();
const tlEl = ref<InstanceType<typeof XTimeline>>();
const keymap = computed(() => ({
t: focus,
}));
async function timetravel() {
const { canceled, result: date } = await os.inputDate({
title: i18n.ts.date,
});
if (canceled) return;
tlEl.value.timetravel(date);
}
function settings() {
router.push(`/my/antennas/${props.antennaId}`);
}
async function doMarkRead() {
const ret = await os.api("antennas/mark-read", {
antennaId: props.antennaId,
});
if (ret) {
return true;
}
throw new Error("Failed to mark all as read");
}
async function markRead() {
await os.promiseDialog(doMarkRead());
}
// async function doMarkRead() {
// const ret = await os.api("antennas/mark-read", {
// antennaId: props.antennaId,
// });
//
// if (ret) {
// return true;
// }
//
// throw new Error("Failed to mark all as read");
// }
function focus() {
tlEl.value.focus();
@ -90,21 +77,11 @@ watch(
const headerActions = computed(() =>
antenna.value
? [
// {
// icon: "ph-calendar-blank ph-bold ph-lg",
// text: i18n.ts.jumpToSpecifiedDate,
// handler: timetravel,
// },
{
icon: "ph-gear-six ph-bold ph-lg",
text: i18n.ts.settings,
handler: settings,
},
// {
// icon: "ph-check ph-bold ph-lg",
// text: i18n.ts.markAllAsRead,
// handler: markRead,
// },
]
: [],
);

1
packages/client/src/pages/auth.form.vue
View File

@ -26,7 +26,6 @@
</template>
<script lang="ts" setup>
import { defineComponent } from "vue";
import MkButton from "@/components/MkButton.vue";
import * as os from "@/os";
import { i18n } from "@/i18n";

2
packages/client/src/pages/auth.vue
View File

@ -150,5 +150,3 @@ export default defineComponent({
},
});
</script>
<style lang="scss" scoped></style>

14
packages/client/src/pages/channel-editor.vue
View File

@ -40,7 +40,7 @@
</template>
<script lang="ts" setup>
import { computed, inject, watch, ref } from "vue";
import { computed, watch, ref } from "vue";
import MkTextarea from "@/components/form/textarea.vue";
import MkButton from "@/components/MkButton.vue";
import MkInput from "@/components/form/input.vue";
@ -56,11 +56,11 @@ const props = defineProps<{
channelId?: string;
}>();
let channel = ref(null);
let name = ref(null);
let description = ref(null);
let bannerUrl = ref<string | null>(null);
let bannerId = ref<string | null>(null);
const channel = ref(null);
const name = ref(null);
const description = ref(null);
const bannerUrl = ref<string | null>(null);
const bannerId = ref<string | null>(null);
watch(
() => bannerId.value,
@ -140,5 +140,3 @@ definePageMetadata(
),
);
</script>
<style lang="scss" scoped></style>

7
packages/client/src/pages/channel.vue
View File

@ -101,8 +101,7 @@
</template>
<script lang="ts" setup>
import { computed, inject, watch, ref } from "vue";
import MkContainer from "@/components/MkContainer.vue";
import { computed, watch, ref } from "vue";
import XPostForm from "@/components/MkPostForm.vue";
import XTimeline from "@/components/MkTimeline.vue";
import XChannelFollowButton from "@/components/MkChannelFollowButton.vue";
@ -118,8 +117,8 @@ const props = defineProps<{
channelId: string;
}>();
let channel = ref(null);
let showBanner = ref(true);
const channel = ref(null);
const showBanner = ref(true);
watch(
() => props.channelId,

15
packages/client/src/pages/channels.vue
View File

@ -111,16 +111,13 @@
</template>
<script lang="ts" setup>
import { computed, onMounted, defineComponent, inject, watch, ref } from "vue";
import { computed, onMounted, watch, ref } from "vue";
import { Virtual } from "swiper/modules";
import { Swiper, SwiperSlide } from "swiper/vue";
import MkChannelPreview from "@/components/MkChannelPreview.vue";
import MkChannelList from "@/components/MkChannelList.vue";
import MkPagination from "@/components/MkPagination.vue";
import MkInput from "@/components/form/input.vue";
import MkRadios from "@/components/form/radios.vue";
import MkButton from "@/components/MkButton.vue";
import MkFolder from "@/components/MkFolder.vue";
import MkInfo from "@/components/MkInfo.vue";
import { useRouter } from "@/router";
import { definePageMetadata } from "@/scripts/page-metadata";
@ -133,17 +130,17 @@ import "swiper/scss/virtual";
const router = useRouter();
const tabs = ["search", "featured", "following", "owned"];
let tab = ref(tabs[1]);
const tab = ref(tabs[1]);
watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
const props = defineProps<{
query: string;
type?: string;
}>();
let key = ref("");
let searchQuery = ref("");
let searchType = ref("nameAndDescription");
let channelPagination = ref();
const key = ref("");
const searchQuery = ref("");
const searchType = ref("nameAndDescription");
const channelPagination = ref();
onMounted(() => {
searchQuery.value = props.query ?? "";
searchType.value = props.type ?? "nameAndDescription";

2
packages/client/src/pages/clip.vue
View File

@ -40,7 +40,7 @@ const props = defineProps<{
clipId: string;
}>();
let clip: misskey.entities.Clip = ref<misskey.entities.Clip>();
const clip = ref<misskey.entities.Clip>();
const pagination = {
endpoint: "clips/notes" as const,
limit: 10,

7
packages/client/src/pages/drive.vue
View File

@ -7,15 +7,10 @@
<script lang="ts" setup>
import { computed, ref } from "vue";
import XDrive from "@/components/MkDrive.vue";
import * as os from "@/os";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
let folder = ref(null);
const headerActions = computed(() => []);
const headerTabs = computed(() => []);
const folder = ref(null);
definePageMetadata(
computed(() => ({

1
packages/client/src/pages/emojis.emoji.vue
View File

@ -9,7 +9,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import * as os from "@/os";
import copyToClipboard from "@/scripts/copy-to-clipboard";
import { i18n } from "@/i18n";

8
packages/client/src/pages/explore.featured.vue
View File

@ -39,11 +39,5 @@ const paginationForRemote = {
},
};
// const paginationForRemote = {
// endpoint: 'notes/polls/recommendation' as const,
// limit: 10,
// offsetMode: true,
// };
let tab = ref("local");
const tab = ref("local");
</script>

10
packages/client/src/pages/explore.users.vue
View File

@ -145,20 +145,18 @@ import { computed, watch, ref } from "vue";
import XUserList from "@/components/MkUserList.vue";
import MkFolder from "@/components/MkFolder.vue";
import MkTab from "@/components/MkTab.vue";
import number from "@/filters/number";
import * as os from "@/os";
import { i18n } from "@/i18n";
import { $i } from "@/account";
import { instance } from "@/instance";
const props = defineProps<{
tag?: string;
}>();
let origin = ref("local");
let tagsEl = ref<InstanceType<typeof MkFolder>>();
let tagsLocal = ref([]);
let tagsRemote = ref([]);
const origin = ref("local");
const tagsEl = ref<InstanceType<typeof MkFolder>>();
const tagsLocal = ref([]);
const tagsRemote = ref([]);
watch(
() => props.tag,

2
packages/client/src/pages/explore.vue
View File

@ -50,7 +50,7 @@ import "swiper/scss";
import "swiper/scss/virtual";
const tabs = ["users", "featured"];
let tab = ref(tabs[0]);
const tab = ref(tabs[0]);
watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
const headerActions = computed(() => []);

4
packages/client/src/pages/follow-requests.vue
View File

@ -109,10 +109,6 @@ function reject(user) {
});
}
const headerActions = computed(() => []);
const headerTabs = computed(() => []);
definePageMetadata(
computed(() => ({
title: i18n.ts.followRequests,

1
packages/client/src/pages/follow.vue
View File

@ -3,7 +3,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import * as Acct from "firefish-js/built/acct";
import * as os from "@/os";
import { mainRouter } from "@/router";

12
packages/client/src/pages/gallery/edit.vue
View File

@ -63,7 +63,7 @@
</template>
<script lang="ts" setup>
import { computed, inject, watch, ref } from "vue";
import { computed, watch, ref } from "vue";
import FormButton from "@/components/MkButton.vue";
import FormInput from "@/components/form/input.vue";
import FormTextarea from "@/components/form/textarea.vue";
@ -81,11 +81,11 @@ const props = defineProps<{
postId?: string;
}>();
let init = ref(null);
let files = ref([]);
let description = ref(null);
let title = ref(null);
let isSensitive = ref(false);
const init = ref(null);
const files = ref([]);
const description = ref(null);
const title = ref(null);
const isSensitive = ref(false);
function selectFile(evt) {
selectFiles(evt.currentTarget ?? evt.target, null).then((selected) => {

6
packages/client/src/pages/gallery/index.vue
View File

@ -106,7 +106,7 @@
</template>
<script lang="ts" setup>
import { computed, defineComponent, watch, onMounted, ref } from "vue";
import { computed, watch, onMounted, ref } from "vue";
import { Virtual } from "swiper/modules";
import { Swiper, SwiperSlide } from "swiper/vue";
import MkFolder from "@/components/MkFolder.vue";
@ -127,10 +127,10 @@ const props = defineProps<{
}>();
const tabs = ["explore", "liked", "my"];
let tab = ref(tabs[0]);
const tab = ref(tabs[0]);
watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
let tagsRef = ref();
const tagsRef = ref();
const recentPostsPagination = {
endpoint: "gallery/posts" as const,

6
packages/client/src/pages/gallery/post.vue
View File

@ -145,7 +145,7 @@
</template>
<script lang="ts" setup>
import { computed, defineComponent, inject, watch, ref } from "vue";
import { computed, watch, ref } from "vue";
import MkButton from "@/components/MkButton.vue";
import * as os from "@/os";
import MkContainer from "@/components/MkContainer.vue";
@ -164,8 +164,8 @@ const props = defineProps<{
postId: string;
}>();
let post = ref(null);
let error = ref(null);
const post = ref(null);
const error = ref(null);
const otherPostsPagination = {
endpoint: "users/gallery/posts" as const,
limit: 6,

18
packages/client/src/pages/instance-info.vue
View File

@ -378,16 +378,16 @@ const props = defineProps<{
let tabs = ["overview"];
if (iAmAdmin) tabs.push("chart", "users", "raw");
let tab = ref(tabs[0]);
const tab = ref(tabs[0]);
watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
let chartSrc = ref("instance-requests");
let meta = ref<AugmentedInstanceMetadata | null>(null);
let instance = ref<AugmentedInstance | null>(null);
let suspended = ref(false);
let isBlocked = ref(false);
let isSilenced = ref(false);
let faviconUrl = ref(null);
const chartSrc = ref("instance-requests");
const meta = ref<AugmentedInstanceMetadata | null>(null);
const instance = ref<AugmentedInstance | null>(null);
const suspended = ref(false);
const isBlocked = ref(false);
const isSilenced = ref(false);
const faviconUrl = ref(null);
const usersPagination = {
endpoint: iAmAdmin ? "admin/show-users" : ("users" as const),
@ -506,7 +506,7 @@ if (iAmAdmin) {
);
}
let headerTabs = computed(() => theTabs);
const headerTabs = computed(() => theTabs);
definePageMetadata({
title: props.host,

28
packages/client/src/pages/messaging/index.vue
View File

@ -108,11 +108,11 @@ import "swiper/scss/virtual";
const router = useRouter();
let messages = ref([]);
let connection = ref(null);
const messages = ref([]);
const connection = ref(null);
const tabs = ["dms", "groups"];
let tab = ref(tabs[0]);
const tab = ref(tabs[0]);
watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
const MOBILE_THRESHOLD = 500;
@ -203,28 +203,6 @@ function onRead(ids): void {
}
}
function startMenu(ev) {
os.popupMenu(
[
{
text: i18n.ts.messagingWithUser,
icon: "ph-user ph-bold ph-lg",
action: () => {
startUser();
},
},
{
text: i18n.ts.messagingWithGroup,
icon: "ph-users-three ph-bold ph-lg",
action: () => {
startGroup();
},
},
],
ev.currentTarget ?? ev.target,
);
}
async function startUser(): void {
os.selectUser().then((user) => {
router.push(`/my/messaging/${Acct.toString(user)}`);

16
packages/client/src/pages/messaging/messaging-room.form.vue
View File

@ -74,12 +74,12 @@ const props = defineProps<{
group?: Misskey.entities.UserGroup | null;
}>();
let textEl = ref<HTMLTextAreaElement>();
let fileEl = ref<HTMLInputElement>();
const textEl = ref<HTMLTextAreaElement>();
const fileEl = ref<HTMLInputElement>();
let text = ref<string>("");
let file = ref<Misskey.entities.DriveFile | null>(null);
let sending = ref(false);
const text = ref<string>("");
const file = ref<Misskey.entities.DriveFile | null>(null);
const sending = ref(false);
const typing = throttle(3000, () => {
stream.send(
"typingOnMessaging",
@ -87,10 +87,10 @@ const typing = throttle(3000, () => {
);
});
let draftKey = computed(() =>
const draftKey = computed(() =>
props.user ? "user:" + props.user.id : "group:" + props.group?.id,
);
let canSend = computed(
const canSend = computed(
() =>
(text.value != null && text.value.trim() !== "") || file.value != null,
);
@ -166,7 +166,7 @@ function onDrop(ev: DragEvent): void {
function onKeydown(ev: KeyboardEvent) {
typing();
let sendOnEnter =
const sendOnEnter =
localStorage.getItem("enterSendsMessage") === "true" ||
defaultStore.state.enterSendsMessage;
if (sendOnEnter) {

1
packages/client/src/pages/messaging/messaging-room.message.vue
View File

@ -84,7 +84,6 @@
<script lang="ts" setup>
import { computed } from "vue";
import {} from "vue";
import * as mfm from "mfm-js";
import type * as Misskey from "firefish-js";
import XMediaList from "@/components/MkMediaList.vue";

22
packages/client/src/pages/messaging/messaging-room.vue
View File

@ -129,21 +129,21 @@ const props = defineProps<{
groupId?: string;
}>();
let rootEl = ref<HTMLDivElement>();
let formEl = ref<InstanceType<typeof XForm>>();
let pagingComponent = ref<InstanceType<typeof MkPagination>>();
const rootEl = ref<HTMLDivElement>();
const formEl = ref<InstanceType<typeof XForm>>();
const pagingComponent = ref<InstanceType<typeof MkPagination>>();
let fetching = ref(true);
let user: Misskey.entities.UserDetailed | null = ref(null);
let group: Misskey.entities.UserGroup | null = ref(null);
let typers: Misskey.entities.User[] = ref([]);
let connection: Misskey.ChannelConnection<
const fetching = ref(true);
const user = ref<Misskey.entities.UserDetailed | null>(null);
const group = ref<Misskey.entities.UserGroup | null>(null);
const typers = ref<Misskey.entities.User[]>([]);
const connection: Misskey.ChannelConnection<
Misskey.Channels["messaging"]
> | null = ref(null);
let showIndicator = ref(false);
const showIndicator = ref(false);
const { animation } = defaultStore.reactiveState;
let pagination: Paging | null = ref(null);
const pagination = ref<Paging | null>(null);
watch([() => props.userAcct, () => props.groupId], () => {
if (connection.value) connection.value.dispose();
@ -323,7 +323,7 @@ function onIndicatorClick() {
thisScrollToBottom();
}
let scrollRemove: (() => void) | null = ref(null);
const scrollRemove = ref<(() => void) | null>(null);
function notifyNewMessage() {
showIndicator.value = true;

100
packages/client/src/pages/mfm-cheat-sheet.vue
View File

@ -149,18 +149,18 @@
</div>
</div>
</div>
<!-- deprecated
<div class="section _block">
<div class="title">{{ i18n.ts._mfm.search }}</div>
<div class="content">
<p>{{ i18n.ts._mfm.searchDescription }}</p>
<div class="preview">
<Mfm :text="preview_search"/>
<MkTextarea v-model="preview_search"><template #label>MFM</template></MkTextarea>
<div class="section _block">
<div class="title">{{ i18n.ts._mfm.search }}</div>
<div class="content">
<p>{{ i18n.ts._mfm.searchDescription }}</p>
<div class="preview">
<Mfm :text="preview_search" />
<MkTextarea v-model="preview_search"
><template #label>MFM</template></MkTextarea
>
</div>
</div>
</div>
</div>
</div>
-->
<div class="section _block">
<div class="title">{{ i18n.ts._mfm.flip }}</div>
<div class="content">
@ -443,7 +443,7 @@
</template>
<script lang="ts" setup>
import { defineComponent, ref } from "vue";
import { ref } from "vue";
import MkTextarea from "@/components/form/textarea.vue";
import { definePageMetadata } from "@/scripts/page-metadata";
import { i18n } from "@/i18n";
@ -453,80 +453,82 @@ defineProps<{
popup?: boolean;
}>();
let preview_mention = ref("@example");
let preview_hashtag = ref("#test");
let preview_link = ref(`[${i18n.ts._mfm.dummy}](https://joinfirefish.org)`);
let preview_emoji = ref(
const preview_mention = ref("@example");
const preview_hashtag = ref("#test");
const preview_link = ref(`[${i18n.ts._mfm.dummy}](https://joinfirefish.org)`);
const preview_emoji = ref(
instance.emojis.length ? `:${instance.emojis[0].name}:` : ":emojiname:",
);
let preview_bold = ref(`**${i18n.ts._mfm.dummy}**`);
let preview_small = ref(
const preview_bold = ref(`**${i18n.ts._mfm.dummy}**`);
const preview_small = ref(
`<small>${i18n.ts._mfm.dummy}</small> $[small ${i18n.ts._mfm.dummy}]`,
);
let preview_center = ref(
`<center>${i18n.ts._mfm.dummy}</center> $[center ${i18n.ts._mfm.dummy}]`,
const preview_center = ref(
`<center>${i18n.ts._mfm.dummy}</center>\n$[center ${i18n.ts._mfm.dummy}]`,
);
let preview_inlineCode = ref('`<: "Hello, world!"`');
let preview_blockCode = ref(
const preview_inlineCode = ref('`<: "Hello, world!"`');
const preview_blockCode = ref(
'```\n~ (#i, 100) {\n\t<: ? ((i % 15) = 0) "FizzBuzz"\n\t\t.? ((i % 3) = 0) "Fizz"\n\t\t.? ((i % 5) = 0) "Buzz"\n\t\t. i\n}\n```',
);
let preview_inlineMath = ref("\\(x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\)");
let preview_blockMath = ref("\\[x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\]");
let preview_quote = ref(`> ${i18n.ts._mfm.dummy}`);
let preview_search = ref(
const preview_inlineMath = ref(
"\\(x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\)",
);
const preview_blockMath = ref("\\[x= \\frac{-b' \\pm \\sqrt{(b')^2-ac}}{a}\\]");
const preview_quote = ref(`> ${i18n.ts._mfm.dummy}`);
const preview_search = ref(
`${i18n.ts._mfm.dummy} [search]\n${i18n.ts._mfm.dummy} [検索]\n${i18n.ts._mfm.dummy} 検索`,
);
let preview_jelly = ref(
const preview_jelly = ref(
"$[jelly 🍮] $[jelly.speed=3s 🍮] $[jelly.delay=3s 🍮] $[jelly.loop=3 🍮]",
);
let preview_tada = ref(
const preview_tada = ref(
"$[tada 🍮] $[tada.speed=3s 🍮] $[tada.delay=3s 🍮] $[tada.loop=3 🍮]",
);
let preview_jump = ref(
const preview_jump = ref(
"$[jump 🍮] $[jump.speed=3s 🍮] $[jump.delay=3s 🍮] $[jump.loop=3 🍮]",
);
let preview_bounce = ref(
const preview_bounce = ref(
"$[bounce 🍮] $[bounce.speed=3s 🍮] $[bounce.delay=3s 🍮] $[bounce.loop=3 🍮]",
);
let preview_shake = ref(
const preview_shake = ref(
"$[shake 🍮] $[shake.speed=3s 🍮] $[shake.delay=3s 🍮] $[shake.loop=3 🍮]",
);
let preview_twitch = ref(
const preview_twitch = ref(
"$[twitch 🍮] $[twitch.speed=3s 🍮] $[twitch.delay=3s 🍮] $[twitch.loop=3 🍮]",
);
let preview_spin = ref(
const preview_spin = ref(
"$[spin 🍮] $[spin.left 🍮] $[spin.alternate 🍮]\n$[spin.x 🍮] $[spin.x,left 🍮] $[spin.x,alternate 🍮]\n$[spin.y 🍮] $[spin.y,left 🍮] $[spin.y,alternate 🍮]\n\n$[spin.speed=3s 🍮] $[spin.delay=3s 🍮] $[spin.loop=3 🍮]",
);
let preview_flip = ref(
const preview_flip = ref(
`$[flip ${i18n.ts._mfm.dummy}]\n$[flip.v ${i18n.ts._mfm.dummy}]\n$[flip.h,v ${i18n.ts._mfm.dummy}]`,
);
let preview_font = ref(
const preview_font = ref(
`$[font.serif ${i18n.ts._mfm.dummy}]\n$[font.monospace ${i18n.ts._mfm.dummy}]\n$[font.cursive ${i18n.ts._mfm.dummy}]\n$[font.fantasy ${i18n.ts._mfm.dummy}]`,
);
let preview_x2 = ref("$[x2 🍮]");
let preview_x3 = ref("$[x3 🍮]");
let preview_x4 = ref("$[x4 🍮]");
let preview_blur = ref(`$[blur ${i18n.ts._mfm.dummy}]`);
let preview_rainbow = ref(
const preview_x2 = ref("$[x2 🍮]");
const preview_x3 = ref("$[x3 🍮]");
const preview_x4 = ref("$[x4 🍮]");
const preview_blur = ref(`$[blur ${i18n.ts._mfm.dummy}]`);
const preview_rainbow = ref(
"$[rainbow 🍮] $[rainbow.speed=3s 🍮] $[rainbow.delay=3s 🍮] $[rainbow.loop=3 🍮]",
);
let preview_sparkle = ref("$[sparkle 🍮]");
let preview_rotate = ref(
const preview_sparkle = ref("$[sparkle 🍮]");
const preview_rotate = ref(
"$[rotate 🍮]\n$[rotate.deg=45 🍮]\n$[rotate.x,deg=45 Hello, world!]",
);
let preview_position = ref("$[position.y=-1 🍮]\n$[position.x=-1 🍮]");
let preview_crop = ref(
const preview_position = ref("$[position.y=-1 🍮]\n$[position.x=-1 🍮]");
const preview_crop = ref(
"$[crop.top=50 🍮] $[crop.right=50 🍮] $[crop.bottom=50 🍮] $[crop.left=50 🍮]",
);
let preview_scale = ref(
const preview_scale = ref(
"$[scale.x=1.3 🍮]\n$[scale.x=1.5,y=3 🍮]\n$[scale.y=0.3 🍮]",
);
let preview_fg = ref("$[fg.color=eb6f92 Text color]");
let preview_bg = ref("$[bg.color=31748f Background color]");
let preview_plain = ref(
const preview_fg = ref("$[fg.color=eb6f92 Text color]");
const preview_bg = ref("$[bg.color=31748f Background color]");
const preview_plain = ref(
"<plain>**bold** @mention #hashtag `code` $[x2 🍮]</plain>",
);
let preview_fade = ref(
const preview_fade = ref(
"$[fade 🍮] $[fade.out 🍮] $[fade.speed=3s 🍮] $[fade.delay=3s 🍮]",
);

3
packages/client/src/pages/miauth.vue
View File

@ -80,7 +80,6 @@
<script lang="ts" setup>
import { ref } from "vue";
import {} from "vue";
import MkSignin from "@/components/MkSignin.vue";
import MkButton from "@/components/MkButton.vue";
import * as os from "@/os";
@ -98,7 +97,7 @@ const props = defineProps<{
const _permissions = props.permission.split(",");
let state = ref<string | null>(null);
const state = ref<string | null>(null);
function getIcon(p: string) {
return p.includes("write") ? "pencil-simple" : "eye";

4
packages/client/src/pages/my-antennas/create.vue
View File

@ -16,7 +16,7 @@ import { useRouter } from "@/router";
const router = useRouter();
let draft = ref({
const draft = ref({
name: "",
src: "all",
userListId: null,
@ -40,5 +40,3 @@ definePageMetadata({
icon: "ph-flying-saucer ph-bold ph-lg",
});
</script>
<style lang="scss" scoped></style>

10
packages/client/src/pages/my-antennas/edit.vue
View File

@ -9,7 +9,7 @@
</template>
<script lang="ts" setup>
import { inject, watch, ref, computed } from "vue";
import { ref } from "vue";
import XAntenna from "./editor.vue";
import * as os from "@/os";
import { i18n } from "@/i18n";
@ -18,7 +18,7 @@ import { definePageMetadata } from "@/scripts/page-metadata";
const router = useRouter();
let antenna: any = ref(null);
const antenna = ref();
const props = defineProps<{
antennaId: string;
@ -34,14 +34,8 @@ os.api("antennas/show", { antennaId: props.antennaId }).then(
},
);
const headerActions = computed(() => []);
const headerTabs = computed(() => []);
definePageMetadata({
title: i18n.ts.manageAntennas,
icon: "ph-flying-saucer ph-bold ph-lg",
});
</script>
<style lang="scss" scoped></style>

28
packages/client/src/pages/my-antennas/editor.vue
View File

@ -134,24 +134,24 @@ const emit = defineEmits<{
(ev: "deleted"): void;
}>();
let name: string = ref(props.antenna.name);
let src: string = ref(props.antenna.src);
let userListId: any = ref(props.antenna.userListId);
let userGroupId: any = ref(props.antenna.userGroupId);
let users: string = ref(props.antenna.users.join("\n"));
let instances: string = ref(props.antenna.instances.join("\n"));
let keywords: string = ref(
const name = ref<string>(props.antenna.name);
const src = ref<string>(props.antenna.src);
const userListId = ref(props.antenna.userListId);
const userGroupId = ref(props.antenna.userGroupId);
const users = ref<string>(props.antenna.users.join("\n"));
const instances = ref<string>(props.antenna.instances.join("\n"));
const keywords = ref<string>(
props.antenna.keywords.map((x) => x.join(" ")).join("\n"),
);
let excludeKeywords: string = ref(
const excludeKeywords = ref<string>(
props.antenna.excludeKeywords.map((x) => x.join(" ")).join("\n"),
);
let caseSensitive: boolean = ref(props.antenna.caseSensitive);
let withReplies: boolean = ref(props.antenna.withReplies);
let withFile: boolean = ref(props.antenna.withFile);
let notify: boolean = ref(props.antenna.notify);
let userLists: any = ref(null);
let userGroups: any = ref(null);
const caseSensitive = ref<boolean>(props.antenna.caseSensitive);
const withReplies = ref<boolean>(props.antenna.withReplies);
const withFile = ref<boolean>(props.antenna.withFile);
const notify = ref<boolean>(props.antenna.notify);
const userLists = ref<any>(null);
const userGroups = ref<any>(null);
watch(
() => src.value,

10
packages/client/src/pages/my-clips/index.vue
View File

@ -40,9 +40,7 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import MkPagination from "@/components/MkPagination.vue";
import MkButton from "@/components/MkButton.vue";
import MkInfo from "@/components/MkInfo.vue";
import * as os from "@/os";
import { i18n } from "@/i18n";
@ -80,14 +78,6 @@ async function create() {
pagingComponent.value.reload();
}
function onClipCreated() {
pagingComponent.value.reload();
}
function onClipDeleted() {
pagingComponent.value.reload();
}
const headerActions = computed(() => []);
const headerTabs = computed(() => []);

1
packages/client/src/pages/my-lists/index.vue
View File

@ -44,7 +44,6 @@
<script lang="ts" setup>
import { ref, computed } from "vue";
import {} from "vue";
import MkPagination from "@/components/MkPagination.vue";
import MkButton from "@/components/MkButton.vue";
import MkAvatars from "@/components/MkAvatars.vue";

4
packages/client/src/pages/my-lists/list.vue
View File

@ -77,8 +77,8 @@ const props = defineProps<{
listId: string;
}>();
let list = ref(null);
let users = ref([]);
const list = ref<any>(null);
const users = ref([]);
function fetchList() {
os.api("users/lists/show", {

6
packages/client/src/pages/not-found.vue
View File

@ -12,15 +12,9 @@
</template>
<script lang="ts" setup>
import { computed } from "vue";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
const headerActions = computed(() => []);
const headerTabs = computed(() => []);
definePageMetadata({
title: i18n.ts.notFound,
icon: "ph-warning ph-bold ph-lg",

18
packages/client/src/pages/note.vue
View File

@ -69,7 +69,7 @@
</template>
<script lang="ts" setup>
import { computed, defineComponent, watch, ref } from "vue";
import { computed, watch, ref } from "vue";
import * as misskey from "firefish-js";
import XNoteDetailed from "@/components/MkNoteDetailed.vue";
import XNotes from "@/components/MkNotes.vue";
@ -83,14 +83,14 @@ const props = defineProps<{
noteId: string;
}>();
let note = ref<null | misskey.entities.Note>();
let hasPrev = ref(false);
let hasNext = ref(false);
let showPrev = ref(false);
let showNext = ref(false);
let error = ref();
let isRenote = ref(false);
let appearNote = ref<null | misskey.entities.Note>();
const note = ref<null | misskey.entities.Note>();
const hasPrev = ref(false);
const hasNext = ref(false);
const showPrev = ref(false);
const showNext = ref(false);
const error = ref();
const isRenote = ref(false);
const appearNote = ref<null | misskey.entities.Note>();
const prevPagination = {
endpoint: "users/notes" as const,

5
packages/client/src/pages/notifications.vue
View File

@ -66,11 +66,10 @@ import "swiper/scss";
import "swiper/scss/virtual";
const tabs = ["all", "unread", "mentions", "directNotes"];
let tab = ref(tabs[0]);
const tab = ref(tabs[0]);
watch(tab, () => syncSlide(tabs.indexOf(tab.value)));
let includeTypes = ref<string[] | null>(null);
let unreadOnly = computed(() => tab.value === "unread");
const includeTypes = ref<string[] | null>(null);
os.api("notifications/mark-all-as-read");
const MOBILE_THRESHOLD = 500;

1
packages/client/src/pages/page-editor/els/page-editor.el.button.vue
View File

@ -96,7 +96,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import MkSelect from "@/components/form/select.vue";
import MkInput from "@/components/form/input.vue";

1
packages/client/src/pages/page-editor/els/page-editor.el.canvas.vue
View File

@ -31,7 +31,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import MkInput from "@/components/form/input.vue";
import { i18n } from "@/i18n";

1
packages/client/src/pages/page-editor/els/page-editor.el.counter.vue
View File

@ -29,7 +29,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import MkInput from "@/components/form/input.vue";
import { i18n } from "@/i18n";

2
packages/client/src/pages/page-editor/els/page-editor.el.image.vue
View File

@ -40,7 +40,7 @@ const props = withDefaults(
},
);
let file: any = ref(null);
const file = ref<any>(null);
async function choose() {
os.selectDriveFile(false).then((fileResponse: any) => {

4
packages/client/src/pages/page-editor/els/page-editor.el.note.vue
View File

@ -56,8 +56,8 @@ const props = withDefaults(
},
);
let id: any = ref(props.value.note);
let note: any = ref(null);
const id = ref(props.value.note);
const note = ref(null);
watch(
id.value,

1
packages/client/src/pages/page-editor/els/page-editor.el.number-input.vue
View File

@ -29,7 +29,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import MkInput from "@/components/form/input.vue";
import { i18n } from "@/i18n";

1
packages/client/src/pages/page-editor/els/page-editor.el.post.vue
View File

@ -26,7 +26,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import MkTextarea from "@/components/form/textarea.vue";
import MkInput from "@/components/form/input.vue";

2
packages/client/src/pages/page-editor/els/page-editor.el.radio-button.vue
View File

@ -52,7 +52,7 @@ const props = withDefaults(
},
);
let values: string = ref(props.value.values.join("\n"));
const values = ref<string>(props.value.values.join("\n"));
watch(
values.value,

1
packages/client/src/pages/page-editor/els/page-editor.el.switch.vue
View File

@ -28,7 +28,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import MkSwitch from "@/components/form/switch.vue";
import MkInput from "@/components/form/input.vue";

1
packages/client/src/pages/page-editor/els/page-editor.el.text-input.vue
View File

@ -28,7 +28,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import MkInput from "@/components/form/input.vue";
import { i18n } from "@/i18n";

1
packages/client/src/pages/page-editor/els/page-editor.el.text.vue
View File

@ -12,7 +12,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import { i18n } from "@/i18n";

1
packages/client/src/pages/page-editor/els/page-editor.el.textarea-input.vue
View File

@ -28,7 +28,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import MkTextarea from "@/components/form/textarea.vue";
import MkInput from "@/components/form/input.vue";

1
packages/client/src/pages/page-editor/els/page-editor.el.textarea.vue
View File

@ -12,7 +12,6 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import XContainer from "../page-editor.container.vue";
import { i18n } from "@/i18n";

3
packages/client/src/pages/page-editor/page-editor.blocks.vue
View File

@ -20,7 +20,7 @@
</template>
<script lang="ts">
import { defineComponent, defineAsyncComponent } from "vue";
import { defineComponent } from "vue";
import { VueDraggable } from "vue-draggable-plus";
import XSection from "./els/page-editor.el.section.vue";
import XText from "./els/page-editor.el.text.vue";
@ -37,7 +37,6 @@ import XCounter from "./els/page-editor.el.counter.vue";
import XRadioButton from "./els/page-editor.el.radio-button.vue";
import XCanvas from "./els/page-editor.el.canvas.vue";
import XNote from "./els/page-editor.el.note.vue";
import * as os from "@/os";
export default defineComponent({
components: {

40
packages/client/src/pages/page-editor/page-editor.vue
View File

@ -160,7 +160,7 @@
</template>
<script lang="ts" setup>
import { defineAsyncComponent, computed, provide, watch, ref } from "vue";
import { computed, provide, watch, ref } from "vue";
import { v4 as uuid } from "uuid";
import XVariable from "./page-editor.script-block.vue";
import XBlocks from "./page-editor.blocks.vue";
@ -187,25 +187,25 @@ const props = defineProps<{
initUser?: string;
}>();
let tab = ref("settings");
let author = ref($i);
let readonly = ref(false);
let page = ref(null);
let pageId = ref(null);
let currentName = ref(null);
let title = ref("");
let summary = ref(null);
let name = ref(Date.now().toString());
let eyeCatchingImage = ref(null);
let eyeCatchingImageId = ref(null);
let font = ref("sans-serif");
let content = ref([]);
let alignCenter = ref(false);
let isPublic = ref(true);
let hideTitleWhenPinned = ref(false);
let variables = ref([]);
let hpml = ref(null);
let script = ref("");
const tab = ref("settings");
const author = ref($i);
const readonly = ref(false);
const page = ref(null);
const pageId = ref(null);
const currentName = ref(null);
const title = ref("");
const summary = ref(null);
const name = ref(Date.now().toString());
const eyeCatchingImage = ref(null);
const eyeCatchingImageId = ref(null);
const font = ref("sans-serif");
const content = ref([]);
const alignCenter = ref(false);
const isPublic = ref(true);
const hideTitleWhenPinned = ref(false);
const variables = ref([]);
const hpml = ref(null);
const script = ref("");
provide("readonly", readonly.value);
provide("getScriptBlockList", getScriptBlockList);

6
packages/client/src/pages/page.vue
View File

@ -219,9 +219,9 @@ const props = defineProps<{
username: string;
}>();
let page = ref(null);
let bgImg = ref(null);
let error = ref(null);
const page = ref(null);
const bgImg = ref(null);
const error = ref(null);
const otherPostsPagination = {
endpoint: "users/pages" as const,
limit: 6,

Some files were not shown because too many files have changed in this diff Show More