2023-08-15 02:52:38 +09:00
|
|
|
/*
|
|
|
|
* SPDX-FileCopyrightText: syuilo and other misskey contributors
|
|
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
*/
|
|
|
|
|
2020-12-19 10:55:52 +09:00
|
|
|
import { markRaw, ref } from 'vue';
|
|
|
|
import { Storage } from './pizzax';
|
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;
|
|
|
|
}
|
|
|
|
|
2023-03-15 10:44:24 +09:00
|
|
|
interface PageViewInterruptor {
|
|
|
|
handler: (page: Page) => unknown;
|
|
|
|
}
|
|
|
|
|
2022-12-18 13:13:05 +09:00
|
|
|
export const postFormActions: PostFormAction[] = [];
|
|
|
|
export const userActions: UserAction[] = [];
|
|
|
|
export const noteActions: NoteAction[] = [];
|
|
|
|
export const noteViewInterruptors: NoteViewInterruptor[] = [];
|
|
|
|
export const notePostInterruptors: NotePostInterruptor[] = [];
|
2023-03-15 10:44:24 +09:00
|
|
|
export const pageViewInterruptors: PageViewInterruptor[] = [];
|
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', {
|
2023-05-08 17:29:19 +09:00
|
|
|
accountSetupWizard: {
|
|
|
|
where: 'account',
|
|
|
|
default: 0,
|
|
|
|
},
|
|
|
|
timelineTutorial: {
|
2020-12-19 10:55:52 +09:00
|
|
|
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
|
|
|
},
|
2023-02-12 08:18:22 +09:00
|
|
|
collapseRenotes: {
|
|
|
|
where: 'account',
|
|
|
|
default: true,
|
|
|
|
},
|
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
|
|
|
},
|
2023-03-08 08:56:47 +09:00
|
|
|
reactionAcceptance: {
|
|
|
|
where: 'account',
|
2023-05-19 09:43:38 +09:00
|
|
|
default: 'nonSensitiveOnly' as 'likeOnly' | 'likeOnlyForRemote' | 'nonSensitiveOnly' | 'nonSensitiveOnlyForLocalLikeOnlyForRemote' | null,
|
2023-03-08 08:56:47 +09:00
|
|
|
},
|
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-05-16 12:16:37 +09:00
|
|
|
showTimelineReplies: {
|
|
|
|
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
|
|
|
},
|
2023-07-25 03:31:21 +09:00
|
|
|
showPreview: {
|
|
|
|
where: 'deviceAccount',
|
|
|
|
default: false,
|
|
|
|
},
|
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',
|
2023-04-19 21:24:31 +09:00
|
|
|
default: !window.matchMedia('(prefers-reduced-motion)').matches,
|
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
|
|
|
},
|
2023-02-11 11:31:18 +09:00
|
|
|
advancedMfm: {
|
|
|
|
where: 'device',
|
2023-02-11 12:31:56 +09:00
|
|
|
default: true,
|
2023-02-11 11:31:18 +09:00
|
|
|
},
|
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
|
|
|
},
|
2023-04-15 15:29:57 +09:00
|
|
|
enableDataSaverMode: {
|
|
|
|
where: 'device',
|
|
|
|
default: false,
|
|
|
|
},
|
2020-12-19 10:55:52 +09:00
|
|
|
disableShowingAnimatedImages: {
|
|
|
|
where: 'device',
|
2023-04-19 21:24:31 +09:00
|
|
|
default: window.matchMedia('(prefers-reduced-motion)').matches,
|
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',
|
2023-01-27 11:18:44 +09:00
|
|
|
default: !/mobile|iphone|android/.test(navigator.userAgent.toLowerCase()), // 循環参照するのでdevice-kind.tsは参照できない
|
2020-12-19 10:55:52 +09:00
|
|
|
},
|
2021-08-11 22:34:45 +09:00
|
|
|
useBlurEffect: {
|
|
|
|
where: 'device',
|
2023-01-27 11:18:44 +09:00
|
|
|
default: !/mobile|iphone|android/.test(navigator.userAgent.toLowerCase()), // 循環参照するのでdevice-kind.tsは参照できない
|
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
|
|
|
},
|
2023-03-04 10:34:54 +09:00
|
|
|
showFixedPostFormInChannel: {
|
|
|
|
where: 'device',
|
|
|
|
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',
|
2023-03-04 17:19:18 +09:00
|
|
|
default: 3,
|
2022-06-30 10:53:40 +09:00
|
|
|
},
|
2023-02-28 20:53:32 +09:00
|
|
|
showNoteActionsOnlyHover: {
|
|
|
|
where: 'device',
|
|
|
|
default: false,
|
|
|
|
},
|
2023-03-24 16:54:37 +09:00
|
|
|
showClipButtonInNoteFooter: {
|
|
|
|
where: 'device',
|
|
|
|
default: false,
|
|
|
|
},
|
2023-03-30 12:49:23 +09:00
|
|
|
largeNoteReactions: {
|
|
|
|
where: 'device',
|
|
|
|
default: false,
|
|
|
|
},
|
2023-04-10 10:22:25 +09:00
|
|
|
forceShowAds: {
|
|
|
|
where: 'device',
|
|
|
|
default: false,
|
|
|
|
},
|
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
|
|
|
},
|
2023-05-14 10:30:46 +09:00
|
|
|
devMode: {
|
|
|
|
where: 'device',
|
|
|
|
default: false,
|
|
|
|
},
|
2023-04-15 21:35:19 +09:00
|
|
|
mediaListWithOneImageAppearance: {
|
|
|
|
where: 'device',
|
|
|
|
default: 'expand' as 'expand' | '16_9' | '1_1' | '2_3',
|
|
|
|
},
|
2023-04-17 13:12:58 +09:00
|
|
|
notificationPosition: {
|
|
|
|
where: 'device',
|
|
|
|
default: 'rightBottom' as 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom',
|
|
|
|
},
|
|
|
|
notificationStackAxis: {
|
|
|
|
where: 'device',
|
|
|
|
default: 'horizontal' as 'vertical' | 'horizontal',
|
|
|
|
},
|
2023-05-05 08:34:05 +09:00
|
|
|
enableCondensedLineForAcct: {
|
|
|
|
where: 'device',
|
2023-06-01 19:50:51 +09:00
|
|
|
default: false,
|
2023-05-05 08:34:05 +09:00
|
|
|
},
|
2023-06-01 17:10:53 +09:00
|
|
|
additionalUnicodeEmojiIndexes: {
|
|
|
|
where: 'device',
|
|
|
|
default: {} as Record<string, Record<string, string[]>>,
|
|
|
|
},
|
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
|
|
|
|
2023-03-01 15:19:20 +09:00
|
|
|
export type Plugin = {
|
2020-12-19 10:55:52 +09:00
|
|
|
id: string;
|
|
|
|
name: string;
|
|
|
|
active: boolean;
|
2023-03-01 15:19:20 +09:00
|
|
|
config?: Record<string, { default: any }>;
|
2020-12-19 10:55:52 +09:00
|
|
|
configData: Record<string, any>;
|
|
|
|
token: string;
|
2023-03-01 15:19:20 +09:00
|
|
|
src: string | null;
|
|
|
|
version: string;
|
2020-12-19 10:55:52 +09:00
|
|
|
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
|
|
|
/**
|
|
|
|
* 常にメモリにロードしておく必要がないような設定情報を保管するストレージ(非リアクティブ)
|
|
|
|
*/
|
2023-01-16 11:21:04 +09:00
|
|
|
import { miLocalStorage } from './local-storage';
|
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';
|
2023-03-15 10:44:24 +09:00
|
|
|
import { Note, UserDetailed, Page } from 'misskey-js/built/entities';
|
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[],
|
|
|
|
};
|
|
|
|
|
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
|
|
|
|
2023-02-02 16:43:56 +09:00
|
|
|
public static getAll(): Partial<typeof this.default> {
|
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
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
|
|
|
}
|