import('vuedraggable').then(x => x.default));
const props = defineProps<{
- modelValue: any[];
+ modelValue: Misskey.entities.DriveFile[];
detachMediaFn?: (id: string) => void;
}>();
const mock = inject
('mock', false);
const emit = defineEmits<{
- (ev: 'update:modelValue', value: any[]): void;
+ (ev: 'update:modelValue', value: Misskey.entities.DriveFile[]): void;
(ev: 'detach', id: string): void;
(ev: 'changeSensitive', file: Misskey.entities.DriveFile, isSensitive: boolean): void;
(ev: 'changeName', file: Misskey.entities.DriveFile, newName: string): void;
@@ -113,7 +113,7 @@ async function rename(file) {
});
}
-async function describe(file) {
+async function describe(file: Misskey.entities.DriveFile) {
if (mock) return;
const { dispose } = os.popup(defineAsyncComponent(() => import('@/components/MkFileCaptionEditWindow.vue')), {
diff --git a/packages/frontend/src/components/MkPostFormDialog.vue b/packages/frontend/src/components/MkPostFormDialog.vue
index d6bca29050..32d8df1504 100644
--- a/packages/frontend/src/components/MkPostFormDialog.vue
+++ b/packages/frontend/src/components/MkPostFormDialog.vue
@@ -11,23 +11,11 @@ SPDX-License-Identifier: AGPL-3.0-only
+
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index c287effadc..f0da8fd3f2 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -180,7 +180,7 @@ window.fetch(`/url?url=${encodeURIComponent(requestUrl.href)}&lang=${versatileLa
sensitive.value = info.sensitive ?? false;
});
-function adjustTweetHeight(message: any) {
+function adjustTweetHeight(message: MessageEvent) {
if (message.origin !== 'https://platform.twitter.com') return;
const embed = message.data?.['twttr.embed'];
if (embed?.method !== 'twttr.private.resize') return;
@@ -193,14 +193,16 @@ function openPlayer(): void {
const { dispose } = os.popup(defineAsyncComponent(() => import('@/components/MkYouTubePlayer.vue')), {
url: requestUrl.href,
}, {
- // TODO
+ closed: () => {
+ dispose();
+ },
});
}
-(window as any).addEventListener('message', adjustTweetHeight);
+window.addEventListener('message', adjustTweetHeight);
onUnmounted(() => {
- (window as any).removeEventListener('message', adjustTweetHeight);
+ window.removeEventListener('message', adjustTweetHeight);
});
diff --git a/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue b/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue
index 7a2b5f5ddc..7f0266d1d3 100644
--- a/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue
+++ b/packages/frontend/src/components/MkUserAnnouncementEditDialog.vue
@@ -62,9 +62,11 @@ import MkTextarea from '@/components/MkTextarea.vue';
import MkSwitch from '@/components/MkSwitch.vue';
import MkRadios from '@/components/MkRadios.vue';
+type AdminAnnouncementType = Misskey.entities.AdminAnnouncementsCreateRequest & { id: string; }
+
const props = defineProps<{
user: Misskey.entities.User,
- announcement?: Misskey.entities.Announcement,
+ announcement?: Required,
}>();
const dialog = ref | null>(null);
@@ -75,7 +77,7 @@ const display = ref(props.announcement ? props.announcement.display : 'dialog');
const needConfirmationToRead = ref(props.announcement ? props.announcement.needConfirmationToRead : false);
const emit = defineEmits<{
- (ev: 'done', v: { deleted?: boolean; updated?: any; created?: any }): void,
+ (ev: 'done', v: { deleted?: boolean; updated?: AdminAnnouncementType; created?: AdminAnnouncementType; }): void,
(ev: 'closed'): void
}>();
@@ -88,7 +90,7 @@ async function done() {
display: display.value,
needConfirmationToRead: needConfirmationToRead.value,
userId: props.user.id,
- };
+ } satisfies Misskey.entities.AdminAnnouncementsCreateRequest;
if (props.announcement) {
await os.apiWithDialog('admin/announcements/update', {
diff --git a/packages/frontend/src/components/MkUsersTooltip.vue b/packages/frontend/src/components/MkUsersTooltip.vue
index 054a503257..0cb7f22e93 100644
--- a/packages/frontend/src/components/MkUsersTooltip.vue
+++ b/packages/frontend/src/components/MkUsersTooltip.vue
@@ -16,12 +16,12 @@ SPDX-License-Identifier: AGPL-3.0-only
diff --git a/packages/frontend/src/pages/follow-requests.vue b/packages/frontend/src/pages/follow-requests.vue
index 8991af8086..a840d0d0b3 100644
--- a/packages/frontend/src/pages/follow-requests.vue
+++ b/packages/frontend/src/pages/follow-requests.vue
@@ -55,13 +55,13 @@ const pagination = {
function accept(user) {
misskeyApi('following/requests/accept', { userId: user.id }).then(() => {
- paginationComponent.value.reload();
+ paginationComponent.value?.reload();
});
}
function reject(user) {
misskeyApi('following/requests/reject', { userId: user.id }).then(() => {
- paginationComponent.value.reload();
+ paginationComponent.value?.reload();
});
}
diff --git a/packages/frontend/src/pages/lookup.vue b/packages/frontend/src/pages/lookup.vue
index 3233953942..6f10c69640 100644
--- a/packages/frontend/src/pages/lookup.vue
+++ b/packages/frontend/src/pages/lookup.vue
@@ -40,7 +40,7 @@ function fetch() {
return;
}
- let promise: Promise;
+ let promise: Promise;
if (uri.startsWith('https://')) {
promise = misskeyApi('ap/show', {
diff --git a/packages/frontend/src/pages/my-clips/index.vue b/packages/frontend/src/pages/my-clips/index.vue
index ece998a7a5..acf37a9a2f 100644
--- a/packages/frontend/src/pages/my-clips/index.vue
+++ b/packages/frontend/src/pages/my-clips/index.vue
@@ -77,15 +77,15 @@ async function create() {
clipsCache.delete();
- pagingComponent.value.reload();
+ pagingComponent.value?.reload();
}
function onClipCreated() {
- pagingComponent.value.reload();
+ pagingComponent.value?.reload();
}
function onClipDeleted() {
- pagingComponent.value.reload();
+ pagingComponent.value?.reload();
}
const headerActions = computed(() => []);
diff --git a/packages/frontend/src/pages/my-lists/list.vue b/packages/frontend/src/pages/my-lists/list.vue
index 804a5ae8f8..69e404bd85 100644
--- a/packages/frontend/src/pages/my-lists/list.vue
+++ b/packages/frontend/src/pages/my-lists/list.vue
@@ -110,7 +110,7 @@ function addUser() {
listId: list.value.id,
userId: user.id,
}).then(() => {
- paginationEl.value.reload();
+ paginationEl.value?.reload();
});
});
}
@@ -126,7 +126,7 @@ async function removeUser(item, ev) {
listId: list.value.id,
userId: item.userId,
}).then(() => {
- paginationEl.value.removeItem(item.id);
+ paginationEl.value?.removeItem(item.id);
});
},
}], ev.currentTarget ?? ev.target);
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.vue b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.vue
index 1cfe7a6d2d..247b8f61a1 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.vue
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.vue
@@ -30,11 +30,12 @@ import { misskeyApi } from '@/scripts/misskey-api.js';
import { i18n } from '@/i18n.js';
const props = defineProps<{
- modelValue: any
+ modelValue: Misskey.entities.PageBlock & { type: 'image' };
}>();
const emit = defineEmits<{
- (ev: 'update:modelValue', value: any): void;
+ (ev: 'update:modelValue', value: Misskey.entities.PageBlock & { type: 'image' }): void;
+ (ev: 'remove'): void;
}>();
const file = ref(null);
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
index 0a28386986..52b4f2aaa3 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
@@ -34,19 +34,24 @@ import { misskeyApi } from '@/scripts/misskey-api.js';
import { i18n } from '@/i18n.js';
const props = defineProps<{
- modelValue: any
+ modelValue: Misskey.entities.PageBlock & { type: 'note' };
}>();
const emit = defineEmits<{
- (ev: 'update:modelValue', value: any): void;
+ (ev: 'update:modelValue', value: Misskey.entities.PageBlock & { type: 'note' }): void;
}>();
-const id = ref(props.modelValue.note);
+const id = ref(props.modelValue.note);
const note = ref(null);
watch(id, async () => {
if (id.value && (id.value.startsWith('http://') || id.value.startsWith('https://'))) {
- id.value = (id.value.endsWith('/') ? id.value.slice(0, -1) : id.value).split('/').pop();
+ id.value = (id.value.endsWith('/') ? id.value.slice(0, -1) : id.value).split('/').pop() ?? null;
+ }
+
+ if (!id.value) {
+ note.value = null;
+ return;
}
emit('update:modelValue', {
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.vue b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.vue
index 0f8dc33143..eea52255c7 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.vue
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.vue
@@ -23,6 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only
diff --git a/packages/frontend/src/pages/settings/accounts.vue b/packages/frontend/src/pages/settings/accounts.vue
index 16f0716a12..97e960675f 100644
--- a/packages/frontend/src/pages/settings/accounts.vue
+++ b/packages/frontend/src/pages/settings/accounts.vue
@@ -90,7 +90,7 @@ function createAccount() {
});
}
-async function switchAccount(account: any) {
+async function switchAccount(account: Misskey.entities.UserDetailed) {
const fetchedAccounts = await getAccounts();
const token = fetchedAccounts.find(x => x.id === account.id)!.token;
switchAccountWithToken(token);
diff --git a/packages/frontend/src/pages/settings/apps.vue b/packages/frontend/src/pages/settings/apps.vue
index 68e36ef1bb..6515503505 100644
--- a/packages/frontend/src/pages/settings/apps.vue
+++ b/packages/frontend/src/pages/settings/apps.vue
@@ -55,6 +55,7 @@ SPDX-License-Identifier: AGPL-3.0-only
diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue
index 00b5740639..2794db2821 100644
--- a/packages/frontend/src/pages/user/home.vue
+++ b/packages/frontend/src/pages/user/home.vue
@@ -257,7 +257,7 @@ function parallaxLoop() {
}
function parallax() {
- const banner = bannerEl.value as any;
+ const banner = bannerEl.value;
if (banner == null) return;
const top = getScrollPosition(rootEl.value);
diff --git a/packages/frontend/src/router/definition.ts b/packages/frontend/src/router/definition.ts
index b5fd6b6ec3..e98e0b59b1 100644
--- a/packages/frontend/src/router/definition.ts
+++ b/packages/frontend/src/router/definition.ts
@@ -10,7 +10,7 @@ import { $i, iAmModerator } from '@/account.js';
import MkLoading from '@/pages/_loading_.vue';
import MkError from '@/pages/_error_.vue';
-export const page = (loader: AsyncComponentLoader) => defineAsyncComponent({
+export const page = (loader: AsyncComponentLoader) => defineAsyncComponent({
loader: loader,
loadingComponent: MkLoading,
errorComponent: MkError,
diff --git a/packages/frontend/src/router/main.ts b/packages/frontend/src/router/main.ts
index 6ee967e6f4..3c25e80d12 100644
--- a/packages/frontend/src/router/main.ts
+++ b/packages/frontend/src/router/main.ts
@@ -4,7 +4,7 @@
*/
import { EventEmitter } from 'eventemitter3';
-import { IRouter, Resolved, RouteDef, RouterEvent } from '@/nirax.js';
+import { IRouter, Resolved, RouteDef, RouterEvent, RouterFlag } from '@/nirax.js';
import type { App, ShallowRef } from 'vue';
@@ -79,7 +79,7 @@ class MainRouterProxy implements IRouter {
return this.supplier().currentRoute;
}
- get navHook(): ((path: string, flag?: any) => boolean) | null {
+ get navHook(): ((path: string, flag?: RouterFlag) => boolean) | null {
return this.supplier().navHook;
}
@@ -91,11 +91,11 @@ class MainRouterProxy implements IRouter {
return this.supplier().getCurrentKey();
}
- getCurrentPath(): any {
+ getCurrentPath(): string {
return this.supplier().getCurrentPath();
}
- push(path: string, flag?: any): void {
+ push(path: string, flag?: RouterFlag): void {
this.supplier().push(path, flag);
}
diff --git a/packages/frontend/src/scripts/check-word-mute.ts b/packages/frontend/src/scripts/check-word-mute.ts
index 67e896b4b9..0a37a08bf0 100644
--- a/packages/frontend/src/scripts/check-word-mute.ts
+++ b/packages/frontend/src/scripts/check-word-mute.ts
@@ -2,8 +2,9 @@
* SPDX-FileCopyrightText: syuilo and misskey-project
* SPDX-License-Identifier: AGPL-3.0-only
*/
+import * as Misskey from 'misskey-js';
-export function checkWordMute(note: Record, me: Record | null | undefined, mutedWords: Array): boolean {
+export function checkWordMute(note: Misskey.entities.Note, me: Misskey.entities.UserLite | null | undefined, mutedWords: Array): boolean {
// 自分自身
if (me && (note.userId === me.id)) return false;
diff --git a/packages/frontend/src/scripts/form.ts b/packages/frontend/src/scripts/form.ts
index 242a504c3b..1032e97ac9 100644
--- a/packages/frontend/src/scripts/form.ts
+++ b/packages/frontend/src/scripts/form.ts
@@ -15,7 +15,7 @@ type Hidden = boolean | ((v: any) => boolean);
export type FormItem = {
label?: string;
type: 'string';
- default: string | null;
+ default?: string | null;
description?: string;
required?: boolean;
hidden?: Hidden;
@@ -24,7 +24,7 @@ export type FormItem = {
} | {
label?: string;
type: 'number';
- default: number | null;
+ default?: number | null;
description?: string;
required?: boolean;
hidden?: Hidden;
@@ -32,20 +32,20 @@ export type FormItem = {
} | {
label?: string;
type: 'boolean';
- default: boolean | null;
+ default?: boolean | null;
description?: string;
hidden?: Hidden;
} | {
label?: string;
type: 'enum';
- default: string | null;
+ default?: string | null;
required?: boolean;
hidden?: Hidden;
enum: EnumItem[];
} | {
label?: string;
type: 'radio';
- default: unknown | null;
+ default?: unknown | null;
required?: boolean;
hidden?: Hidden;
options: {
@@ -55,7 +55,7 @@ export type FormItem = {
} | {
label?: string;
type: 'range';
- default: number | null;
+ default?: number | null;
description?: string;
required?: boolean;
step?: number;
@@ -66,12 +66,12 @@ export type FormItem = {
} | {
label?: string;
type: 'object';
- default: Record | null;
+ default?: Record | null;
hidden: Hidden;
} | {
label?: string;
type: 'array';
- default: unknown[] | null;
+ default?: unknown[] | null;
hidden: Hidden;
} | {
type: 'button';
diff --git a/packages/frontend/src/scripts/misskey-api.ts b/packages/frontend/src/scripts/misskey-api.ts
index 1b1159fd01..e7a92e2d5c 100644
--- a/packages/frontend/src/scripts/misskey-api.ts
+++ b/packages/frontend/src/scripts/misskey-api.ts
@@ -17,7 +17,7 @@ export function misskeyApi<
_ResT = ResT extends void ? Misskey.api.SwitchCaseResponseType : ResT,
>(
endpoint: E,
- data: P = {} as any,
+ data: P & { i?: string | null; } = {} as any,
token?: string | null | undefined,
signal?: AbortSignal,
): Promise<_ResT> {
@@ -30,8 +30,8 @@ export function misskeyApi<
const promise = new Promise<_ResT>((resolve, reject) => {
// Append a credential
- if ($i) (data as any).i = $i.token;
- if (token !== undefined) (data as any).i = token;
+ if ($i) data.i = $i.token;
+ if (token !== undefined) data.i = token;
// Send request
window.fetch(`${apiUrl}/${endpoint}`, {
diff --git a/packages/frontend/src/scripts/select-file.ts b/packages/frontend/src/scripts/select-file.ts
index 9aa38178b2..b037aa8acc 100644
--- a/packages/frontend/src/scripts/select-file.ts
+++ b/packages/frontend/src/scripts/select-file.ts
@@ -80,7 +80,7 @@ export function chooseFileFromUrl(): Promise {
});
}
-function select(src: any, label: string | null, multiple: boolean): Promise {
+function select(src: HTMLElement | EventTarget | null, label: string | null, multiple: boolean): Promise {
return new Promise((res, rej) => {
const keepOriginal = ref(defaultStore.state.keepOriginalUploading);
@@ -107,10 +107,10 @@ function select(src: any, label: string | null, multiple: boolean): Promise {
+export function selectFile(src: HTMLElement | EventTarget | null, label: string | null = null): Promise {
return select(src, label, false).then(files => files[0]);
}
-export function selectFiles(src: any, label: string | null = null): Promise {
+export function selectFiles(src: HTMLElement | EventTarget | null, label: string | null = null): Promise {
return select(src, label, true);
}
diff --git a/packages/frontend/src/scripts/shuffle.ts b/packages/frontend/src/scripts/shuffle.ts
index fed16bc71c..1f6ef1928c 100644
--- a/packages/frontend/src/scripts/shuffle.ts
+++ b/packages/frontend/src/scripts/shuffle.ts
@@ -6,8 +6,9 @@
/**
* 配列をシャッフル (破壊的)
*/
-export function shuffle(array: T): T {
- let currentIndex = array.length, randomIndex;
+export function shuffle(array: T): T {
+ let currentIndex = array.length;
+ let randomIndex: number;
// While there remain elements to shuffle.
while (currentIndex !== 0) {
diff --git a/packages/frontend/src/scripts/upload.ts b/packages/frontend/src/scripts/upload.ts
index 22dce609c6..713573a377 100644
--- a/packages/frontend/src/scripts/upload.ts
+++ b/packages/frontend/src/scripts/upload.ts
@@ -32,13 +32,13 @@ const mimeTypeMap = {
export function uploadFile(
file: File,
- folder?: any,
+ folder?: string | Misskey.entities.DriveFolder,
name?: string,
keepOriginal: boolean = defaultStore.state.keepOriginalUploading,
): Promise {
if ($i == null) throw new Error('Not logged in');
- if (folder && typeof folder === 'object') folder = folder.id;
+ const _folder = typeof folder === 'string' ? folder : folder?.id;
if (file.size > instance.maxFileSize) {
alert({
@@ -89,11 +89,11 @@ export function uploadFile(
}
const formData = new FormData();
- formData.append('i', $i.token);
+ formData.append('i', $i!.token);
formData.append('force', 'true');
formData.append('file', resizedImage ?? file);
formData.append('name', ctx.name);
- if (folder) formData.append('folderId', folder);
+ if (_folder) formData.append('folderId', _folder);
const xhr = new XMLHttpRequest();
xhr.open('POST', apiUrl + '/drive/files/create', true);
diff --git a/packages/frontend/src/store.ts b/packages/frontend/src/store.ts
index aab67e0b5c..911a463636 100644
--- a/packages/frontend/src/store.ts
+++ b/packages/frontend/src/store.ts
@@ -11,6 +11,7 @@ import darkTheme from '@@/themes/d-green-lime.json5';
import { miLocalStorage } from './local-storage.js';
import type { SoundType } from '@/scripts/sound.js';
import { Storage } from '@/pizzax.js';
+import type { Ast } from '@syuilo/aiscript';
interface PostFormAction {
title: string,
@@ -516,7 +517,7 @@ export type Plugin = {
token: string;
src: string | null;
version: string;
- ast: any[];
+ ast: Ast.Node[];
author?: string;
description?: string;
permissions?: string[];
@@ -554,13 +555,13 @@ export class ColdDeviceStorage {
}
public static getAll(): Partial {
- return (Object.keys(this.default) as (keyof typeof this.default)[]).reduce((acc, key) => {
+ return (Object.keys(this.default) as (keyof typeof this.default)[]).reduce>((acc, key) => {
const value = localStorage.getItem(PREFIX + key);
if (value != null) {
acc[key] = JSON.parse(value);
}
return acc;
- }, {} as any);
+ }, {});
}
public static set(key: T, value: typeof ColdDeviceStorage.default[T]): void {
@@ -605,7 +606,7 @@ export class ColdDeviceStorage {
get: () => {
return valueRef.value;
},
- set: (value: unknown) => {
+ set: (value: typeof ColdDeviceStorage.default[K]) => {
const val = value;
ColdDeviceStorage.set(key, val);
},
diff --git a/packages/frontend/src/types/post-form.ts b/packages/frontend/src/types/post-form.ts
new file mode 100644
index 0000000000..5bb04a95a0
--- /dev/null
+++ b/packages/frontend/src/types/post-form.ts
@@ -0,0 +1,22 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import * as Misskey from 'misskey-js';
+
+export interface PostFormProps {
+ reply?: Misskey.entities.Note;
+ renote?: Misskey.entities.Note;
+ channel?: Misskey.entities.Channel; // TODO
+ mention?: Misskey.entities.User;
+ specified?: Misskey.entities.UserDetailed;
+ initialText?: string;
+ initialCw?: string;
+ initialVisibility?: (typeof Misskey.noteVisibilities)[number];
+ initialFiles?: Misskey.entities.DriveFile[];
+ initialLocalOnly?: boolean;
+ initialVisibleUsers?: Misskey.entities.UserDetailed[];
+ initialNote?: Misskey.entities.Note;
+ instant?: boolean;
+};
diff --git a/packages/frontend/src/widgets/WidgetPhotos.vue b/packages/frontend/src/widgets/WidgetPhotos.vue
index 34be8c5e57..40e2d8fbc7 100644
--- a/packages/frontend/src/widgets/WidgetPhotos.vue
+++ b/packages/frontend/src/widgets/WidgetPhotos.vue
@@ -68,10 +68,10 @@ const onDriveFileCreated = (file) => {
}
};
-const thumbnail = (image: any): string => {
+const thumbnail = (image: Misskey.entities.DriveFile): string => {
return defaultStore.state.disableShowingAnimatedImages
? getStaticImageUrl(image.url)
- : image.thumbnailUrl;
+ : image.thumbnailUrl ?? image.url;
};
misskeyApi('drive/stream', {
--
cgit v1.2.3-freya
From a930fd9758c6efaf1cc1da7b3e365ba590a5d298 Mon Sep 17 00:00:00 2001
From: dakkar
Date: Fri, 8 Nov 2024 17:18:29 +0000
Subject: probably fix most renamed CSS variables
---
.../frontend/src/components/MkAchievements.vue | 8 ++--
packages/frontend/src/components/MkAsUi.vue | 2 +-
.../frontend/src/components/MkAutocomplete.vue | 2 +-
packages/frontend/src/components/MkButton.vue | 8 ++--
.../src/components/MkChannelFollowButton.vue | 2 +-
.../frontend/src/components/MkChannelPreview.vue | 6 +--
packages/frontend/src/components/MkChartLegend.vue | 4 +-
packages/frontend/src/components/MkCode.core.vue | 4 +-
packages/frontend/src/components/MkCode.vue | 4 +-
packages/frontend/src/components/MkCodeEditor.vue | 6 +--
packages/frontend/src/components/MkColorInput.vue | 2 +-
packages/frontend/src/components/MkContainer.vue | 6 +--
.../src/components/MkDateSeparatedList.vue | 2 +-
packages/frontend/src/components/MkDialog.vue | 2 +-
packages/frontend/src/components/MkDonation.vue | 2 +-
packages/frontend/src/components/MkDrive.file.vue | 2 +-
.../frontend/src/components/MkDrive.folder.vue | 4 +-
.../src/components/MkDriveFileThumbnail.vue | 2 +-
.../src/components/MkEmojiPicker.section.vue | 4 +-
packages/frontend/src/components/MkEmojiPicker.vue | 2 +-
.../src/components/MkEmojiPickerDialog.vue | 2 +-
.../frontend/src/components/MkFileListForAdmin.vue | 2 +-
packages/frontend/src/components/MkFolder.vue | 6 +--
.../frontend/src/components/MkFollowButton.vue | 2 +-
packages/frontend/src/components/MkGoogle.vue | 4 +-
packages/frontend/src/components/MkInput.vue | 2 +-
.../frontend/src/components/MkInstanceCardMini.vue | 4 +-
.../frontend/src/components/MkInstanceTicker.vue | 2 +-
packages/frontend/src/components/MkLaunchPad.vue | 6 +--
packages/frontend/src/components/MkMediaBanner.vue | 4 +-
packages/frontend/src/components/MkMediaImage.vue | 6 +--
packages/frontend/src/components/MkMediaList.vue | 2 +-
packages/frontend/src/components/MkMediaVideo.vue | 8 ++--
packages/frontend/src/components/MkMention.vue | 4 +-
packages/frontend/src/components/MkMenu.vue | 6 +--
packages/frontend/src/components/MkNote.vue | 16 ++++----
.../frontend/src/components/MkNoteDetailed.vue | 14 +++----
packages/frontend/src/components/MkNoteHeader.vue | 2 +-
packages/frontend/src/components/MkNotePreview.vue | 2 +-
packages/frontend/src/components/MkNoteSimple.vue | 2 +-
packages/frontend/src/components/MkNoteSub.vue | 12 +++---
packages/frontend/src/components/MkNotes.vue | 2 +-
.../frontend/src/components/MkNotification.vue | 8 ++--
packages/frontend/src/components/MkOmit.vue | 2 +-
packages/frontend/src/components/MkPoll.vue | 6 +--
packages/frontend/src/components/MkPopupMenu.vue | 2 +-
packages/frontend/src/components/MkPostForm.vue | 14 +++----
.../frontend/src/components/MkPostFormAttaches.vue | 2 +-
packages/frontend/src/components/MkRadio.vue | 6 +--
packages/frontend/src/components/MkRange.vue | 8 ++--
.../src/components/MkReactionsViewer.reaction.vue | 6 +--
packages/frontend/src/components/MkSelect.vue | 2 +-
.../src/components/MkSignupDialog.rules.vue | 2 +-
.../src/components/MkSourceCodeAvailablePopup.vue | 2 +-
.../frontend/src/components/MkSubNoteContent.vue | 8 ++--
packages/frontend/src/components/MkSuperMenu.vue | 4 +-
.../frontend/src/components/MkSwitch.button.vue | 4 +-
packages/frontend/src/components/MkTab.vue | 2 +-
packages/frontend/src/components/MkTextarea.vue | 2 +-
packages/frontend/src/components/MkToast.vue | 2 +-
packages/frontend/src/components/MkTooltip.vue | 2 +-
.../src/components/MkTutorialDialog.PostNote.vue | 2 +-
.../src/components/MkTutorialDialog.Sensitive.vue | 2 +-
.../src/components/MkTutorialDialog.Timeline.vue | 2 +-
packages/frontend/src/components/MkUrlPreview.vue | 2 +-
.../frontend/src/components/MkUrlWarningDialog.vue | 6 +--
.../frontend/src/components/MkUserCardMini.vue | 2 +-
packages/frontend/src/components/MkUserInfo.vue | 8 ++--
.../src/components/MkUserOnlineIndicator.vue | 2 +-
packages/frontend/src/components/MkUserPopup.vue | 16 ++++----
.../src/components/MkUserSetupDialog.User.vue | 4 +-
.../frontend/src/components/MkVisibilityPicker.vue | 2 +-
.../frontend/src/components/MkVisitorDashboard.vue | 2 +-
packages/frontend/src/components/MkWidgets.vue | 2 +-
.../frontend/src/components/SkInstanceTicker.vue | 2 +-
packages/frontend/src/components/SkMfmWindow.vue | 6 +--
packages/frontend/src/components/SkModPlayer.vue | 48 +++++++++++-----------
packages/frontend/src/components/SkNote.vue | 48 +++++++++++-----------
.../frontend/src/components/SkNoteDetailed.vue | 14 +++----
packages/frontend/src/components/SkNoteHeader.vue | 2 +-
packages/frontend/src/components/SkNoteSimple.vue | 2 +-
packages/frontend/src/components/SkNoteSub.vue | 46 ++++++++++-----------
.../frontend/src/components/SkOldNoteWindow.vue | 22 +++++-----
packages/frontend/src/components/SkOneko.vue | 2 +-
.../frontend/src/components/SkUserRecentNotes.vue | 2 +-
packages/frontend/src/components/form/link.vue | 2 +-
packages/frontend/src/components/global/MkAd.vue | 4 +-
.../frontend/src/components/global/MkError.vue | 2 +-
packages/frontend/src/components/global/MkMfm.ts | 2 +-
.../src/components/global/MkPageHeader.tabs.vue | 4 +-
.../src/components/global/MkPageHeader.vue | 2 +-
packages/frontend/src/pages/_error_.vue | 2 +-
packages/frontend/src/pages/about-sharkey.vue | 22 +++++-----
packages/frontend/src/pages/about.overview.vue | 18 ++++----
packages/frontend/src/pages/admin-user.vue | 12 +++---
packages/frontend/src/pages/admin/_header_.vue | 4 +-
packages/frontend/src/pages/admin/index.vue | 2 +-
.../frontend/src/pages/admin/modlog.ModLog.vue | 2 +-
.../src/pages/admin/overview.federation.vue | 2 +-
.../frontend/src/pages/admin/overview.stats.vue | 2 +-
packages/frontend/src/pages/admin/server-rules.vue | 4 +-
packages/frontend/src/pages/antenna-timeline.vue | 2 +-
packages/frontend/src/pages/channel.vue | 4 +-
packages/frontend/src/pages/drive.file.info.vue | 2 +-
packages/frontend/src/pages/emoji-edit-dialog.vue | 2 +-
packages/frontend/src/pages/emojis.emoji.vue | 2 +-
packages/frontend/src/pages/follow-requests.vue | 2 +-
packages/frontend/src/pages/following-feed.vue | 4 +-
packages/frontend/src/pages/instance-info.vue | 2 +-
packages/frontend/src/pages/invite.vue | 2 +-
packages/frontend/src/pages/list.vue | 2 +-
packages/frontend/src/pages/my-antennas/index.vue | 2 +-
packages/frontend/src/pages/my-lists/index.vue | 2 +-
.../pages/page-editor/page-editor.container.vue | 2 +-
packages/frontend/src/pages/role.vue | 2 +-
.../settings/avatar-decoration.decoration.vue | 2 +-
.../frontend/src/pages/settings/drive-cleaner.vue | 2 +-
packages/frontend/src/pages/settings/drive.vue | 4 +-
.../frontend/src/pages/settings/emoji-picker.vue | 4 +-
packages/frontend/src/pages/settings/theme.vue | 4 +-
packages/frontend/src/pages/theme-editor.vue | 8 ++--
packages/frontend/src/pages/timeline.vue | 2 +-
packages/frontend/src/pages/user-list-timeline.vue | 2 +-
packages/frontend/src/pages/user/home.vue | 24 +++++------
packages/frontend/src/pages/user/index.files.vue | 2 +-
packages/frontend/src/pages/user/lists.vue | 2 +-
packages/frontend/src/pages/user/raw.vue | 2 +-
packages/frontend/src/pages/welcome.entrance.a.vue | 6 +--
.../frontend/src/pages/welcome.timeline.note.vue | 2 +-
packages/frontend/src/scripts/favicon-dot.ts | 6 +--
packages/frontend/src/style.scss | 45 ++++++++++----------
.../frontend/src/ui/_common_/navbar-for-mobile.vue | 4 +-
packages/frontend/src/ui/_common_/navbar.vue | 8 ++--
packages/frontend/src/ui/_common_/notification.vue | 2 +-
packages/frontend/src/ui/_common_/upload.vue | 4 +-
packages/frontend/src/ui/deck.vue | 4 +-
packages/frontend/src/ui/deck/column.vue | 4 +-
packages/frontend/src/ui/universal.vue | 4 +-
packages/frontend/src/ui/visitor.vue | 2 +-
packages/frontend/src/ui/zen.vue | 2 +-
packages/frontend/src/widgets/WidgetAiscript.vue | 2 +-
packages/frontend/src/widgets/WidgetCalendar.vue | 2 +-
packages/frontend/src/widgets/WidgetFederation.vue | 2 +-
.../frontend/src/widgets/WidgetInstanceInfo.vue | 2 +-
packages/frontend/src/widgets/WidgetMemo.vue | 2 +-
packages/frontend/src/widgets/WidgetPhotos.vue | 4 +-
packages/frontend/src/widgets/WidgetSearch.vue | 2 +-
147 files changed, 399 insertions(+), 400 deletions(-)
(limited to 'packages/frontend/src/scripts')
diff --git a/packages/frontend/src/components/MkAchievements.vue b/packages/frontend/src/components/MkAchievements.vue
index ab7bafc47a..087ad51fe3 100644
--- a/packages/frontend/src/components/MkAchievements.vue
+++ b/packages/frontend/src/components/MkAchievements.vue
@@ -121,10 +121,10 @@ onMounted(() => {
.iconFrame {
position: relative;
- width: var(--avatar);
- height: var(--avatar);
+ width: var(--MI-avatar);
+ height: var(--MI-avatar);
padding: 6px;
- border-radius: var(--radius-full);
+ border-radius: var(--MI-radius-full);
box-sizing: border-box;
pointer-events: none;
user-select: none;
@@ -191,7 +191,7 @@ onMounted(() => {
position: relative;
width: 100%;
height: 100%;
- border-radius: var(--radius-full);
+ border-radius: var(--MI-radius-full);
box-shadow: 0 1px 0px #ffffff88 inset;
}
diff --git a/packages/frontend/src/components/MkAsUi.vue b/packages/frontend/src/components/MkAsUi.vue
index 13680e7d9c..c28dbc7ffa 100644
--- a/packages/frontend/src/components/MkAsUi.vue
+++ b/packages/frontend/src/components/MkAsUi.vue
@@ -166,6 +166,6 @@ function openPostForm() {
.postForm {
background: var(--MI_THEME-bg);
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
}
diff --git a/packages/frontend/src/components/MkAutocomplete.vue b/packages/frontend/src/components/MkAutocomplete.vue
index ef6b8c69e5..a0cd066c06 100644
--- a/packages/frontend/src/components/MkAutocomplete.vue
+++ b/packages/frontend/src/components/MkAutocomplete.vue
@@ -427,7 +427,7 @@ onBeforeUnmount(() => {
max-width: 28px;
max-height: 28px;
margin: 0 8px 0 0;
- border-radius: var(--radius-full);
+ border-radius: var(--MI-radius-full);
}
.userName {
diff --git a/packages/frontend/src/components/MkButton.vue b/packages/frontend/src/components/MkButton.vue
index 6427f9b58a..a6e5651d63 100644
--- a/packages/frontend/src/components/MkButton.vue
+++ b/packages/frontend/src/components/MkButton.vue
@@ -130,7 +130,7 @@ function onMousedown(evt: MouseEvent): void {
box-shadow: none;
text-decoration: none;
background: var(--MI_THEME-buttonBg);
- border-radius: var(--radius-xs);
+ border-radius: var(--MI-radius-xs);
overflow: clip;
box-sizing: border-box;
transition: background 0.1s ease;
@@ -162,7 +162,7 @@ function onMousedown(evt: MouseEvent): void {
}
&.rounded {
- border-radius: var(--radius-ellipse);
+ border-radius: var(--MI-radius-ellipse);
}
&.primary {
@@ -272,7 +272,7 @@ function onMousedown(evt: MouseEvent): void {
left: 0;
width: 100%;
height: 100%;
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
overflow: clip;
pointer-events: none;
}
@@ -281,7 +281,7 @@ function onMousedown(evt: MouseEvent): void {
position: absolute;
width: 2px;
height: 2px;
- border-radius: var(--radius-full);
+ border-radius: var(--MI-radius-full);
background: rgba(0, 0, 0, 0.1);
opacity: 1;
transform: scale(1);
diff --git a/packages/frontend/src/components/MkChannelFollowButton.vue b/packages/frontend/src/components/MkChannelFollowButton.vue
index 99922ffbc8..7aa916134f 100644
--- a/packages/frontend/src/components/MkChannelFollowButton.vue
+++ b/packages/frontend/src/components/MkChannelFollowButton.vue
@@ -74,7 +74,7 @@ async function onClick() {
padding: 0;
height: 31px;
font-size: 16px;
- border-radius: var(--radius-xl);
+ border-radius: var(--MI-radius-xl);
background: #fff;
&.full {
diff --git a/packages/frontend/src/components/MkChannelPreview.vue b/packages/frontend/src/components/MkChannelPreview.vue
index a25c596975..a63006dfe4 100644
--- a/packages/frontend/src/components/MkChannelPreview.vue
+++ b/packages/frontend/src/components/MkChannelPreview.vue
@@ -138,7 +138,7 @@ const bannerStyle = computed(() => {
padding: 8px 12px;
font-size: 80%;
background: rgba(0, 0, 0, 0.7);
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
color: #fff;
}
@@ -149,7 +149,7 @@ const bannerStyle = computed(() => {
left: 16px;
background: rgba(0, 0, 0, 0.7);
color: var(--MI_THEME-warn);
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
font-weight: bold;
font-size: 1em;
padding: 4px 7px;
@@ -215,7 +215,7 @@ const bannerStyle = computed(() => {
transform: translate(25%, -25%);
background-color: var(--MI_THEME-accent);
border: solid var(--MI_THEME-bg) 4px;
- border-radius: var(--radius-full);
+ border-radius: var(--MI-radius-full);
width: 1.5rem;
height: 1.5rem;
aspect-ratio: 1 / 1;
diff --git a/packages/frontend/src/components/MkChartLegend.vue b/packages/frontend/src/components/MkChartLegend.vue
index 1e402a617c..e28d6ad6ba 100644
--- a/packages/frontend/src/components/MkChartLegend.vue
+++ b/packages/frontend/src/components/MkChartLegend.vue
@@ -54,7 +54,7 @@ defineExpose({
font-size: 85%;
padding: 4px 12px 4px 8px;
border: solid 1px var(--MI_THEME-divider);
- border-radius: var(--radius-ellipse);
+ border-radius: var(--MI-radius-ellipse);
&:hover {
border-color: var(--MI_THEME-inputBorderHover);
@@ -69,7 +69,7 @@ defineExpose({
display: inline-block;
width: 12px;
height: 12px;
- border-radius: var(--radius-full);
+ border-radius: var(--MI-radius-full);
vertical-align: -10%;
}
}
diff --git a/packages/frontend/src/components/MkCode.core.vue b/packages/frontend/src/components/MkCode.core.vue
index ae80bf33ba..e253b1b55f 100644
--- a/packages/frontend/src/components/MkCode.core.vue
+++ b/packages/frontend/src/components/MkCode.core.vue
@@ -95,7 +95,7 @@ watch(() => props.lang, (to) => {
padding: 1em;
margin: .5em 0;
overflow: auto;
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
border: 1px solid var(--MI_THEME-divider);
font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
@@ -140,7 +140,7 @@ watch(() => props.lang, (to) => {
& :global(.shiki) {
padding: 12px;
margin: 0;
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
border: none;
min-height: 130px;
pointer-events: none;
diff --git a/packages/frontend/src/components/MkCode.vue b/packages/frontend/src/components/MkCode.vue
index b4a04d4cc3..a46b220101 100644
--- a/packages/frontend/src/components/MkCode.vue
+++ b/packages/frontend/src/components/MkCode.vue
@@ -75,7 +75,7 @@ function copy() {
padding: 1em;
margin: .5em 0;
overflow: auto;
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
}
.codeBlockFallbackCode {
@@ -91,7 +91,7 @@ function copy() {
cursor: pointer;
box-sizing: border-box;
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
padding: 24px;
margin-top: 4px;
color: var(--MI_THEME-fg);
diff --git a/packages/frontend/src/components/MkCodeEditor.vue b/packages/frontend/src/components/MkCodeEditor.vue
index 1f9bd3e186..49b083815a 100644
--- a/packages/frontend/src/components/MkCodeEditor.vue
+++ b/packages/frontend/src/components/MkCodeEditor.vue
@@ -158,7 +158,7 @@ watch(v, newValue => {
overflow-y: hidden;
box-sizing: border-box;
margin: 0;
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
padding: 0;
color: var(--MI_THEME-fg);
border: solid 1px var(--MI_THEME-panel);
@@ -171,7 +171,7 @@ watch(v, newValue => {
.focused.codeEditorRoot {
border-color: var(--MI_THEME-accent) !important;
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
}
.codeEditorScroller {
@@ -199,7 +199,7 @@ watch(v, newValue => {
caret-color: var(--MI_THEME-fg);
background-color: transparent;
border: 0;
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
box-sizing: border-box;
outline: 0;
min-width: calc(100% - 24px);
diff --git a/packages/frontend/src/components/MkColorInput.vue b/packages/frontend/src/components/MkColorInput.vue
index e83c0bccd4..babf356942 100644
--- a/packages/frontend/src/components/MkColorInput.vue
+++ b/packages/frontend/src/components/MkColorInput.vue
@@ -101,7 +101,7 @@ const onInput = () => {
color: var(--MI_THEME-fg);
background: var(--MI_THEME-panel);
border: solid 1px var(--MI_THEME-panel);
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
outline: none;
box-shadow: none;
box-sizing: border-box;
diff --git a/packages/frontend/src/components/MkContainer.vue b/packages/frontend/src/components/MkContainer.vue
index 15d41baa7e..55442f8598 100644
--- a/packages/frontend/src/components/MkContainer.vue
+++ b/packages/frontend/src/components/MkContainer.vue
@@ -138,7 +138,7 @@ onUnmounted(() => {
position: relative;
overflow: clip;
contain: content;
- background: color-mix(in srgb, var(--panel) 65%, transparent);
+ background: color-mix(in srgb, var(--MI_THEME-panel) 65%, transparent);
&.naked {
background: transparent !important;
box-shadow: none !important;
@@ -172,7 +172,7 @@ onUnmounted(() => {
border-bottom: solid 0.5px var(--MI_THEME-panelHeaderDivider);
z-index: 2;
line-height: 1.4em;
- background: color-mix(in srgb, var(--panelHeaderBg) 35%, transparent);
+ background: color-mix(in srgb, var(--MI_THEME-panelHeaderBg) 35%, transparent);
}
.title {
@@ -224,7 +224,7 @@ onUnmounted(() => {
background: var(--MI_THEME-panel);
padding: 6px 10px;
font-size: 0.8em;
- border-radius: var(--radius-ellipse);
+ border-radius: var(--MI-radius-ellipse);
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
diff --git a/packages/frontend/src/components/MkDateSeparatedList.vue b/packages/frontend/src/components/MkDateSeparatedList.vue
index 8fda097df6..46c667768f 100644
--- a/packages/frontend/src/components/MkDateSeparatedList.vue
+++ b/packages/frontend/src/components/MkDateSeparatedList.vue
@@ -190,7 +190,7 @@ export default defineComponent({
}
.date-separated-list-nogap {
- border-radius: var(--radius);
+ border-radius: var(--MI-radius);
> * {
margin: 0 !important;
diff --git a/packages/frontend/src/components/MkDialog.vue b/packages/frontend/src/components/MkDialog.vue
index 5af2816acf..73b3f457d4 100644
--- a/packages/frontend/src/components/MkDialog.vue
+++ b/packages/frontend/src/components/MkDialog.vue
@@ -186,7 +186,7 @@ function onInputKeydown(evt: KeyboardEvent) {
box-sizing: border-box;
text-align: center;
background: var(--MI_THEME-panel);
- border-radius: var(--radius-md);
+ border-radius: var(--MI-radius-md);
}
.icon {
diff --git a/packages/frontend/src/components/MkDonation.vue b/packages/frontend/src/components/MkDonation.vue
index 9f413fc078..43d2002204 100644
--- a/packages/frontend/src/components/MkDonation.vue
+++ b/packages/frontend/src/components/MkDonation.vue
@@ -83,7 +83,7 @@ function neverShow() {
width: calc(100% - (var(--MI-margin) * 2));
max-width: 500px;
display: flex;
- backdrop-filter: var(--blur, blur(15px));
+ backdrop-filter: var(--MI-blur, blur(15px));
}
.icon {
diff --git a/packages/frontend/src/components/MkDrive.file.vue b/packages/frontend/src/components/MkDrive.file.vue
index f7249f19fb..5dee448329 100644
--- a/packages/frontend/src/components/MkDrive.file.vue
+++ b/packages/frontend/src/components/MkDrive.file.vue
@@ -112,7 +112,7 @@ function onDragend() {
position: relative;
padding: 8px 0 0 0;
min-height: 180px;
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
cursor: pointer;
&:hover {
diff --git a/packages/frontend/src/components/MkDrive.folder.vue b/packages/frontend/src/components/MkDrive.folder.vue
index a0693c3827..8496890f60 100644
--- a/packages/frontend/src/components/MkDrive.folder.vue
+++ b/packages/frontend/src/components/MkDrive.folder.vue
@@ -314,7 +314,7 @@ function onContextmenu(ev: MouseEvent) {
padding: 8px;
height: 64px;
background: var(--MI_THEME-driveFolderBg);
- border-radius: var(--radius-xs);
+ border-radius: var(--MI-radius-xs);
cursor: pointer;
&.draghover {
@@ -327,7 +327,7 @@ function onContextmenu(ev: MouseEvent) {
bottom: -4px;
left: -4px;
border: 2px dashed var(--MI_THEME-focus);
- border-radius: var(--radius-xs);
+ border-radius: var(--MI-radius-xs);
}
}
}
diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.vue b/packages/frontend/src/components/MkDriveFileThumbnail.vue
index 623c4895eb..1079e52030 100644
--- a/packages/frontend/src/components/MkDriveFileThumbnail.vue
+++ b/packages/frontend/src/components/MkDriveFileThumbnail.vue
@@ -70,7 +70,7 @@ const isThumbnailAvailable = computed(() => {
position: relative;
display: flex;
background: var(--MI_THEME-panel);
- border-radius: var(--radius-sm);
+ border-radius: var(--MI-radius-sm);
overflow: clip;
}
diff --git a/packages/frontend/src/components/MkEmojiPicker.section.vue b/packages/frontend/src/components/MkEmojiPicker.section.vue
index e2762eb3cb..fac3c045dc 100644
--- a/packages/frontend/src/components/MkEmojiPicker.section.vue
+++ b/packages/frontend/src/components/MkEmojiPicker.section.vue
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
+
@@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-