2020-12-19 10:55:52 +09:00
|
|
|
import { markRaw, ref } from 'vue';
|
|
|
|
import { Storage } from './pizzax';
|
|
|
|
import { Theme } from './scripts/theme';
|
2020-02-10 07:23:43 +09:00
|
|
|
|
2022-12-18 13:13:05 +09:00
|
|
|
interface PostFormAction {
|
|
|
|
title: string,
|
|
|
|
handler: <T>(form: T, update: (key: unknown, value: unknown) => void) => void;
|
|
|
|
}
|
|
|
|
|
|
|
|
interface UserAction {
|
|
|
|
title: string,
|
|
|
|
handler: (user: UserDetailed) => void;
|
|
|
|
}
|
|
|
|
|
|
|
|
interface NoteAction {
|
|
|
|
title: string,
|
|
|
|
handler: (note: Note) => void;
|
|
|
|
}
|
|
|
|
|
|
|
|
interface NoteViewInterruptor {
|
|
|
|
handler: (note: Note) => unknown;
|
|
|
|
}
|
|
|
|
|
|
|
|
interface NotePostInterruptor {
|
|
|
|
handler: (note: FIXME) => unknown;
|
|
|
|
}
|
|
|
|
|
|
|
|
export const postFormActions: PostFormAction[] = [];
|
|
|
|
export const userActions: UserAction[] = [];
|
|
|
|
export const noteActions: NoteAction[] = [];
|
|
|
|
export const noteViewInterruptors: NoteViewInterruptor[] = [];
|
|
|
|
export const notePostInterruptors: NotePostInterruptor[] = [];
|
2020-10-17 20:12:00 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
// TODO: それぞれいちいちwhereとかdefaultというキーを付けなきゃいけないの冗長なのでなんとかする(ただ型定義が面倒になりそう)
|
|
|
|
// あと、現行の定義の仕方なら「whereが何であるかに関わらずキー名の重複不可」という制約を付けられるメリットもあるからそのメリットを引き継ぐ方法も考えないといけない
|
|
|
|
export const defaultStore = markRaw(new Storage('base', {
|
|
|
|
tutorial: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 0,
|
2020-01-30 04:37:25 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
keepCw: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: true,
|
2020-01-30 04:37:25 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
showFullAcct: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-01-30 04:37:25 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
rememberNoteVisibility: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
defaultNoteVisibility: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 'public',
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
defaultNoteLocalOnly: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
uploadFolder: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: null as string | null,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
pastedFileName: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 'yyyy-MM-dd HH-mm-ss [{{number}}]',
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2022-01-30 14:11:52 +09:00
|
|
|
keepOriginalUploading: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2022-01-30 14:11:52 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
memo: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: null,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
reactions: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: ['👍', '❤️', '😆', '🤔', '😮', '🎉', '💢', '😥', '😇', '🍮'],
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
mutedWords: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: [],
|
2020-01-30 04:37:25 +09:00
|
|
|
},
|
2021-05-08 12:50:11 +09:00
|
|
|
mutedAds: {
|
|
|
|
where: 'account',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: [] as string[],
|
2021-05-08 12:50:11 +09:00
|
|
|
},
|
2023-01-07 10:13:02 +09:00
|
|
|
latestDonateDialogShowAt: {
|
|
|
|
where: 'account',
|
|
|
|
default: null,
|
|
|
|
},
|
|
|
|
neverShowDonateDialog: {
|
|
|
|
where: 'account',
|
|
|
|
default: false,
|
|
|
|
},
|
2020-01-30 04:37:25 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
menu: {
|
|
|
|
where: 'deviceAccount',
|
|
|
|
default: [
|
|
|
|
'notifications',
|
2022-03-04 16:26:21 +09:00
|
|
|
'favorites',
|
2020-12-19 10:55:52 +09:00
|
|
|
'drive',
|
|
|
|
'followRequests',
|
2021-04-25 15:19:34 +09:00
|
|
|
'-',
|
2020-12-19 10:55:52 +09:00
|
|
|
'explore',
|
|
|
|
'announcements',
|
|
|
|
'search',
|
|
|
|
'-',
|
|
|
|
'ui',
|
2022-06-28 00:27:24 +09:00
|
|
|
],
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
visibility: {
|
|
|
|
where: 'deviceAccount',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 'public' as 'public' | 'home' | 'followers' | 'specified',
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
localOnly: {
|
|
|
|
where: 'deviceAccount',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2022-07-03 14:40:02 +09:00
|
|
|
statusbars: {
|
|
|
|
where: 'deviceAccount',
|
|
|
|
default: [] as {
|
|
|
|
name: string;
|
|
|
|
id: string;
|
|
|
|
type: string;
|
2022-07-04 01:37:47 +09:00
|
|
|
size: 'verySmall' | 'small' | 'medium' | 'large' | 'veryLarge';
|
|
|
|
black: boolean;
|
2022-07-03 14:40:02 +09:00
|
|
|
props: Record<string, any>;
|
|
|
|
}[],
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
widgets: {
|
2022-12-27 14:55:11 +09:00
|
|
|
where: 'account',
|
2020-12-19 10:55:52 +09:00
|
|
|
default: [] as {
|
|
|
|
name: string;
|
|
|
|
id: string;
|
2021-07-25 13:07:08 +09:00
|
|
|
place: string | null;
|
2020-12-19 10:55:52 +09:00
|
|
|
data: Record<string, any>;
|
2022-06-28 00:27:24 +09:00
|
|
|
}[],
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
tl: {
|
|
|
|
where: 'deviceAccount',
|
|
|
|
default: {
|
2022-01-16 15:02:15 +09:00
|
|
|
src: 'home' as 'home' | 'local' | 'social' | 'global',
|
2022-06-28 00:27:24 +09:00
|
|
|
arg: null,
|
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2020-12-05 12:50:09 +09:00
|
|
|
|
2022-02-08 18:46:39 +09:00
|
|
|
overridedDeviceKind: {
|
|
|
|
where: 'device',
|
|
|
|
default: null as null | 'smartphone' | 'tablet' | 'desktop',
|
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
serverDisconnectedBehavior: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 'quiet' as 'quiet' | 'reload' | 'dialog',
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
nsfw: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 'respect' as 'respect' | 'force' | 'ignore',
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
animation: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: true,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
animatedMfm: {
|
|
|
|
where: 'device',
|
2022-12-21 15:18:05 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
loadRawImages: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
imageNewTab: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
disableShowingAnimatedImages: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2022-12-26 16:04:56 +09:00
|
|
|
emojiStyle: {
|
2020-12-19 10:55:52 +09:00
|
|
|
where: 'device',
|
2022-12-26 16:04:56 +09:00
|
|
|
default: 'twemoji', // twemoji / fluentEmoji / native
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2021-12-21 00:20:30 +09:00
|
|
|
disableDrawer: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2021-12-21 00:20:30 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
useBlurEffectForModal: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: true,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2021-08-11 22:34:45 +09:00
|
|
|
useBlurEffect: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: true,
|
2021-08-11 22:34:45 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
showFixedPostForm: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
enableInfiniteScroll: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: true,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2021-02-20 16:16:19 +09:00
|
|
|
useReactionPickerForContextMenu: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2021-02-20 16:16:19 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
showGapBetweenNotesInTimeline: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
darkMode: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
instanceTicker: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 'remote' as 'none' | 'remote' | 'always',
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2022-02-11 13:38:47 +09:00
|
|
|
reactionPickerSize: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 1,
|
2022-02-11 13:38:47 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
reactionPickerWidth: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 1,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
reactionPickerHeight: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 2,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2021-12-17 16:14:31 +09:00
|
|
|
reactionPickerUseDrawerForMobile: {
|
|
|
|
where: 'device',
|
|
|
|
default: true,
|
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
recentlyUsedEmojis: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: [] as string[],
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
recentlyUsedUsers: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: [] as string[],
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
|
|
|
defaultSideView: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2021-07-19 11:36:35 +09:00
|
|
|
menuDisplay: {
|
2020-12-19 10:55:52 +09:00
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: 'sideFull' as 'sideFull' | 'sideIcon' | 'top',
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2021-01-08 21:43:56 +09:00
|
|
|
reportError: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2021-01-08 21:43:56 +09:00
|
|
|
},
|
2021-07-19 15:11:28 +09:00
|
|
|
squareAvatars: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2021-07-19 15:11:28 +09:00
|
|
|
},
|
2021-08-07 12:47:01 +09:00
|
|
|
postFormWithHashtags: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2021-08-07 12:47:01 +09:00
|
|
|
},
|
|
|
|
postFormHashtags: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: '',
|
2021-08-07 12:47:01 +09:00
|
|
|
},
|
2022-03-01 23:58:01 +09:00
|
|
|
themeInitial: {
|
|
|
|
where: 'device',
|
|
|
|
default: true,
|
|
|
|
},
|
2022-06-30 10:53:40 +09:00
|
|
|
numberOfPageCache: {
|
|
|
|
where: 'device',
|
|
|
|
default: 5,
|
|
|
|
},
|
2021-09-04 17:54:24 +09:00
|
|
|
aiChanMode: {
|
|
|
|
where: 'device',
|
2022-06-28 00:27:24 +09:00
|
|
|
default: false,
|
2021-09-04 17:54:24 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
}));
|
2020-07-12 00:14:34 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
// TODO: 他のタブと永続化されたstateを同期
|
2020-07-12 00:38:55 +09:00
|
|
|
|
2023-01-07 10:13:02 +09:00
|
|
|
const PREFIX = 'miux:' as const;
|
2020-07-12 00:38:55 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
type Plugin = {
|
|
|
|
id: string;
|
|
|
|
name: string;
|
|
|
|
active: boolean;
|
|
|
|
configData: Record<string, any>;
|
|
|
|
token: string;
|
|
|
|
ast: any[];
|
|
|
|
};
|
2020-07-18 14:28:32 +09:00
|
|
|
|
2022-12-18 13:13:05 +09:00
|
|
|
interface Watcher {
|
|
|
|
key: string;
|
|
|
|
callback: (value: unknown) => void;
|
|
|
|
}
|
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
/**
|
|
|
|
* 常にメモリにロードしておく必要がないような設定情報を保管するストレージ(非リアクティブ)
|
|
|
|
*/
|
2022-05-01 22:51:07 +09:00
|
|
|
import lightTheme from '@/themes/l-light.json5';
|
2022-07-18 00:18:56 +09:00
|
|
|
import darkTheme from '@/themes/d-green-lime.json5';
|
2022-12-18 13:13:05 +09:00
|
|
|
import { Note, UserDetailed } from 'misskey-js/built/entities';
|
2023-01-07 10:13:02 +09:00
|
|
|
import { miLocalStorage } from './local-storage';
|
2022-05-01 22:51:07 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
export class ColdDeviceStorage {
|
|
|
|
public static default = {
|
2022-05-01 22:51:07 +09:00
|
|
|
lightTheme,
|
|
|
|
darkTheme,
|
2020-12-19 10:55:52 +09:00
|
|
|
syncDeviceDarkMode: true,
|
|
|
|
plugins: [] as Plugin[],
|
|
|
|
mediaVolume: 0.5,
|
|
|
|
sound_masterVolume: 0.3,
|
|
|
|
sound_note: { type: 'syuilo/down', volume: 1 },
|
|
|
|
sound_noteMy: { type: 'syuilo/up', volume: 1 },
|
|
|
|
sound_notification: { type: 'syuilo/pope2', volume: 1 },
|
|
|
|
sound_chat: { type: 'syuilo/pope1', volume: 1 },
|
|
|
|
sound_chatBg: { type: 'syuilo/waon', volume: 1 },
|
|
|
|
sound_antenna: { type: 'syuilo/triple', volume: 1 },
|
|
|
|
sound_channel: { type: 'syuilo/square-pico', volume: 1 },
|
|
|
|
};
|
|
|
|
|
2022-12-18 13:13:05 +09:00
|
|
|
public static watchers: Watcher[] = [];
|
2020-12-19 10:55:52 +09:00
|
|
|
|
|
|
|
public static get<T extends keyof typeof ColdDeviceStorage.default>(key: T): typeof ColdDeviceStorage.default[T] {
|
|
|
|
// TODO: indexedDBにする
|
|
|
|
// ただしその際はnullチェックではなくキー存在チェックにしないとダメ
|
|
|
|
// (indexedDBはnullを保存できるため、ユーザーが意図してnullを格納した可能性がある)
|
2023-01-07 10:13:02 +09:00
|
|
|
const value = miLocalStorage.getItem(`${PREFIX}${key}`);
|
2020-12-19 10:55:52 +09:00
|
|
|
if (value == null) {
|
|
|
|
return ColdDeviceStorage.default[key];
|
|
|
|
} else {
|
|
|
|
return JSON.parse(value);
|
|
|
|
}
|
|
|
|
}
|
2020-07-28 19:02:28 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
public static set<T extends keyof typeof ColdDeviceStorage.default>(key: T, value: typeof ColdDeviceStorage.default[T]): void {
|
2022-07-06 07:08:45 +09:00
|
|
|
// 呼び出し側のバグ等で undefined が来ることがある
|
2023-01-07 10:13:02 +09:00
|
|
|
// undefined を文字列として miLocalStorage に入れると参照する際の JSON.parse でコケて不具合の元になるため無視
|
2022-07-06 07:08:45 +09:00
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
|
|
if (value === undefined) {
|
|
|
|
console.error(`attempt to store undefined value for key '${key}'`);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2023-01-07 10:13:02 +09:00
|
|
|
miLocalStorage.setItem(`${PREFIX}${key}`, JSON.stringify(value));
|
2020-01-30 04:37:25 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
for (const watcher of this.watchers) {
|
|
|
|
if (watcher.key === key) watcher.callback(value);
|
|
|
|
}
|
|
|
|
}
|
2020-01-30 04:37:25 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
public static watch(key, callback) {
|
|
|
|
this.watchers.push({ key, callback });
|
|
|
|
}
|
2020-01-30 04:37:25 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
// TODO: VueのcustomRef使うと良い感じになるかも
|
|
|
|
public static ref<T extends keyof typeof ColdDeviceStorage.default>(key: T) {
|
|
|
|
const v = ColdDeviceStorage.get(key);
|
|
|
|
const r = ref(v);
|
|
|
|
// TODO: このままではwatcherがリークするので開放する方法を考える
|
|
|
|
this.watch(key, v => {
|
|
|
|
r.value = v;
|
|
|
|
});
|
|
|
|
return r;
|
|
|
|
}
|
2020-01-30 04:37:25 +09:00
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
/**
|
|
|
|
* 特定のキーの、簡易的なgetter/setterを作ります
|
|
|
|
* 主にvue場で設定コントロールのmodelとして使う用
|
|
|
|
*/
|
|
|
|
public static makeGetterSetter<K extends keyof typeof ColdDeviceStorage.default>(key: K) {
|
|
|
|
// TODO: VueのcustomRef使うと良い感じになるかも
|
|
|
|
const valueRef = ColdDeviceStorage.ref(key);
|
|
|
|
return {
|
|
|
|
get: () => {
|
|
|
|
return valueRef.value;
|
2020-01-30 04:37:25 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
set: (value: unknown) => {
|
|
|
|
const val = value;
|
|
|
|
ColdDeviceStorage.set(key, val);
|
2022-06-28 00:27:24 +09:00
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
};
|
2020-01-30 04:37:25 +09:00
|
|
|
}
|
2020-12-19 10:55:52 +09:00
|
|
|
}
|