um/um-react
18
30
Fork 0
Code Issues 13 Pull Requests Packages Projects 1 Releases 2 Wiki Activity

Compare commits

base: um:c434268ef77fb9849a1c4efa3f962e0903252249
Branches Tags
um:main
um:v0.3.2
um:v0.3.1
um:v0.3.0
um:v0.2.8
um:v0.2.7
um:v0.2.6
um:v0.2.5
um:v0.2.4
um:v0.2.2
um:v0.2.1
..
compare: um:e904aa43975aba21f1d93c1ea9b62a558be90336
Branches Tags
um:main
um:v0.3.2
um:v0.3.1
um:v0.3.0
um:v0.2.8
um:v0.2.7
um:v0.2.6
um:v0.2.5
um:v0.2.4
um:v0.2.2
um:v0.2.1

No commits in common. "c434268ef77fb9849a1c4efa3f962e0903252249" and "e904aa43975aba21f1d93c1ea9b62a558be90336" have entirely different histories.
c434268ef7 ... e904aa4397

10 changed files with 19 additions and 100 deletions
Show Stats Expand all files Collapse all files

2
src/components/ImportSecretModal.tsx
View File

@ -28,7 +28,7 @@ export function ImportSecretModal({ clientName, children, show, onClose, onImpor
<Modal isOpen={show} onClose={onClose} closeOnOverlayClick={false} scrollBehavior="inside" size="xl">
<ModalOverlay />
<ModalContent>
<ModalHeader>从文件导入密钥</ModalHeader>
<ModalHeader>导入密钥数据库</ModalHeader>
<ModalCloseButton />
<Flex as={ModalBody} gap={2} flexDir="column" flex={1}>
<Center>

0
src/crypto/parseKuwo.ts → src/crypto/pasreKuwo.ts
View File

38
src/features/settings/Settings.tsx
View File

@ -1,5 +1,4 @@
import {
chakra,
Box,
Button,
Center,
@ -21,15 +20,13 @@ import {
Text,
VStack,
useBreakpointValue,
useToast,
} from '@chakra-ui/react';
import { PanelQMCv2Key } from './panels/PanelQMCv2Key';
import { useState } from 'react';
import { MdExpandMore, MdMenu, MdOutlineSettingsBackupRestore } from 'react-icons/md';
import { useAppDispatch, useAppSelector } from '~/hooks';
import { useAppDispatch } from '~/hooks';
import { commitStagingChange, discardStagingChanges } from './settingsSlice';
import { PanelKWMv2Key } from './panels/PanelKWMv2Key';
import { selectIsSettingsNotSaved } from './settingsSelector';
const TABS: { name: string; Tab: () => JSX.Element }[] = [
{ name: 'QMCv2 密钥', Tab: PanelQMCv2Key },
@ -41,7 +38,6 @@ const TABS: { name: string; Tab: () => JSX.Element }[] = [
];
export function Settings() {
const toast = useToast();
const dispatch = useAppDispatch();
const isLargeWidthDevice =
useBreakpointValue({
@ -53,25 +49,8 @@ export function Settings() {
const handleTabChange = (idx: number) => {
setTabIndex(idx);
};
const handleResetSettings = () => {
dispatch(discardStagingChanges());
toast({
status: 'info',
title: '未储存的设定已舍弃',
description: '已还原到更改前的状态。',
isClosable: true,
});
};
const handleApplySettings = () => {
dispatch(commitStagingChange());
toast({
status: 'success',
title: '设定已应用',
isClosable: true,
});
};
const isSettingsNotSaved = useAppSelector(selectIsSettingsNotSaved);
const handleResetSettings = () => dispatch(discardStagingChanges());
const handleApplySettings = () => dispatch(commitStagingChange());
return (
<Flex flexDir="column" flex={1}>
@ -125,16 +104,7 @@ export function Settings() {
<VStack mt="4" alignItems="flex-start" w="full">
<Flex flexDir="row" gap="2" w="full">
<Center>
{isSettingsNotSaved ? (
<Box color="gray">
有未储存的更改{' '}
<chakra.span color="red" wordBreak="keep-all">
设定将在保存后生效
</chakra.span>
</Box>
) : (
<Box color="gray">设定将在保存后生效</Box>
)}
<Box color="gray">设置会在保存后生效。</Box>
</Center>
<Spacer />
<HStack gap="2" justifyContent="flex-end">

7
src/features/settings/panels/KWMv2/KWMv2EKeyItem.tsx
View File

@ -53,12 +53,7 @@ export const KWMv2EKeyItem = memo(({ id, ekey, quality, rid, i }: StagingKWMv2Ke
<InputLeftElement pr="2">
<Icon as={MdVpnKey} />
</InputLeftElement>
<Input
variant="flushed"
placeholder="密钥，通常包含 364 或 704 位字符，没有空格。"
value={ekey}
onChange={(e) => updateKey('ekey', e)}
/>
<Input variant="flushed" placeholder="密钥" value={ekey} onChange={(e) => updateKey('ekey', e)} />
<InputRightElement>
<Text pl="2" color={ekey.length ? 'green.500' : 'red.500'}>
<code>{ekey.length || '?'}</code>

12
src/features/settings/panels/PanelKWMv2Key.tsx
View File

@ -49,14 +49,8 @@ export function PanelKWMv2Key() {
const fileBuffer = await file.arrayBuffer();
keys = MMKVParser.parseKuwoEKey(new DataView(fileBuffer));
}
if (keys?.length === 0) {
toast({
title: '未导入密钥',
description: '选择的密钥数据库文件未发现任何可用的密钥。',
isClosable: true,
status: 'warning',
});
} else if (keys) {
if (keys) {
dispatch(kwm2ImportKeys(keys));
setShowImportModal(false);
toast({
@ -94,7 +88,7 @@ export function PanelKWMv2Key() {
<MenuButton as={IconButton} icon={<MdExpandMore />}></MenuButton>
<MenuList>
<MenuItem onClick={() => setShowImportModal(true)} icon={<Icon as={MdFileUpload} boxSize={5} />}>
从文件导入密钥…
从文件导入密钥
</MenuItem>
<MenuDivider />
<MenuItem color="red" onClick={clearAll} icon={<Icon as={MdDeleteForever} boxSize={5} />}>

15
src/features/settings/panels/PanelQMCv2Key.tsx
View File

@ -71,20 +71,14 @@ export function PanelQMCv2Key() {
qmc2Keys = Array.from(map.entries(), ([name, ekey]) => ({ name: getFileName(name), ekey }));
}
if (qmc2Keys?.length === 0) {
toast({
title: '未导入密钥',
description: '选择的密钥数据库文件未发现任何可用的密钥。',
isClosable: true,
status: 'warning',
});
} else if (qmc2Keys) {
if (qmc2Keys) {
dispatch(qmc2ImportKeys(qmc2Keys));
setShowImportModal(false);
toast({
title: `导入成功 (${qmc2Keys.length})`,
description: '记得保存更改来应用。',
isClosable: true,
duration: 5000,
status: 'success',
});
} else {
@ -99,7 +93,7 @@ export function PanelQMCv2Key() {
return (
<Flex minH={0} flexDir="column" flex={1}>
<Heading as="h2" size="lg">
QMCv2 解密密钥
QMCv2 密钥
</Heading>
<Text>
@ -116,7 +110,7 @@ export function PanelQMCv2Key() {
<MenuButton as={IconButton} icon={<MdExpandMore />}></MenuButton>
<MenuList>
<MenuItem onClick={() => setShowImportModal(true)} icon={<Icon as={MdFileUpload} boxSize={5} />}>
从文件导入密钥…
从文件导入密钥
</MenuItem>
<MenuDivider />
<MenuItem color="red" onClick={clearAll} icon={<Icon as={MdDeleteForever} boxSize={5} />}>
@ -147,7 +141,6 @@ export function PanelQMCv2Key() {
」算法计算相似程度。
</Text>
<Text>若密钥数量过多，匹配时可能会造成浏览器卡顿或无响应一段时间。</Text>
<Text>若不确定，请勾选该项。</Text>
</Box>
}
>

14
src/features/settings/panels/QMCv2/QMCv2EKeyItem.tsx
View File

@ -30,23 +30,13 @@ export const QMCv2EKeyItem = memo(({ id, name, ekey, i }: { id: string; name: st
</Text>
<VStack flex={1}>
<Input
variant="flushed"
placeholder="文件名，包括后缀名。如 “AAA - BBB.mflac”"
value={name}
onChange={(e) => updateKey('name', e)}
/>
<Input variant="flushed" placeholder="文件名" value={name} onChange={(e) => updateKey('name', e)} />
<InputGroup size="xs">
<InputLeftElement pr="2">
<Icon as={MdVpnKey} />
</InputLeftElement>
<Input
variant="flushed"
placeholder="密钥，通常包含 364 或 704 位字符，没有空格。"
value={ekey}
onChange={(e) => updateKey('ekey', e)}
/>
<Input variant="flushed" placeholder="密钥" value={ekey} onChange={(e) => updateKey('ekey', e)} />
<InputRightElement>
<Text pl="2" color={ekey.length ? 'green.500' : 'red.500'}>
<code>{ekey.length || '?'}</code>

4
src/features/settings/settingsSelector.ts
View File

@ -1,11 +1,9 @@
import { parseKuwoHeader } from '~/crypto/parseKuwo';
import { parseKuwoHeader } from '~/crypto/pasreKuwo';
import type { RootState } from '~/store';
import { closestByLevenshtein } from '~/util/levenshtein';
import { hasOwn } from '~/util/objects';
import { kwm2StagingToProductionKey } from './keyFormats';
export const selectIsSettingsNotSaved = (state: RootState) => state.settings.dirty;
export const selectStagingQMCv2Settings = (state: RootState) => state.settings.staging.qmc2;
export const selectFinalQMCv2Settings = (state: RootState) => state.settings.production.qmc2;

20
src/features/settings/settingsSlice.ts
View File

@ -37,18 +37,16 @@ export interface ProductionSettings {
}
export interface SettingsState {
dirty: boolean;
staging: StagingSettings;
production: ProductionSettings;
}
const initialState: SettingsState = {
dirty: false,
staging: {
qmc2: { allowFuzzyNameSearch: true, keys: [] },
qmc2: { allowFuzzyNameSearch: false, keys: [] },
kwm2: { keys: [] },
},
production: {
qmc2: { allowFuzzyNameSearch: true, keys: {} },
qmc2: { allowFuzzyNameSearch: false, keys: {} },
kwm2: { keys: {} },
},
};
@ -79,7 +77,6 @@ export const settingsSlice = createSlice({
reducers: {
setProductionChanges: (_state, { payload }: PayloadAction<ProductionSettings>) => {
return {
dirty: false,
production: payload,
staging: productionToStaging(payload),
};
@ -87,17 +84,14 @@ export const settingsSlice = createSlice({
//
qmc2AddKey(state) {
state.staging.qmc2.keys.push({ id: nanoid(), name: '', ekey: '' });
state.dirty = true;
},
qmc2ImportKeys(state, { payload }: PayloadAction<Omit<StagingQMCv2Key, 'id'>[]>) {
const newItems = payload.map((item) => ({ id: nanoid(), ...item }));
state.staging.qmc2.keys.push(...newItems);
state.dirty = true;
},
qmc2DeleteKey(state, { payload: { id } }: PayloadAction<{ id: string }>) {
const qmc2 = state.staging.qmc2;
qmc2.keys = qmc2.keys.filter((item) => item.id !== id);
state.dirty = true;
},
qmc2UpdateKey(
state,
@ -106,31 +100,25 @@ export const settingsSlice = createSlice({
const keyItem = state.staging.qmc2.keys.find((item) => item.id === id);
if (keyItem) {
keyItem[field] = value;
state.dirty = true;
}
},
qmc2ClearKeys(state) {
state.staging.qmc2.keys = [];
state.dirty = true;
},
qmc2AllowFuzzyNameSearch(state, { payload: { enable } }: PayloadAction<{ enable: boolean }>) {
state.staging.qmc2.allowFuzzyNameSearch = enable;
state.dirty = true;
},
// TODO: reuse the logic somehow?
kwm2AddKey(state) {
state.staging.kwm2.keys.push({ id: nanoid(), ekey: '', quality: '', rid: '' });
state.dirty = true;
},
kwm2ImportKeys(state, { payload }: PayloadAction<Omit<StagingKWMv2Key, 'id'>[]>) {
const newItems = payload.map((item) => ({ id: nanoid(), ...item }));
state.staging.kwm2.keys.push(...newItems);
state.dirty = true;
},
kwm2DeleteKey(state, { payload: { id } }: PayloadAction<{ id: string }>) {
const kwm2 = state.staging.kwm2;
kwm2.keys = kwm2.keys.filter((item) => item.id !== id);
state.dirty = true;
},
kwm2UpdateKey(
state,
@ -139,22 +127,18 @@ export const settingsSlice = createSlice({
const keyItem = state.staging.kwm2.keys.find((item) => item.id === id);
if (keyItem) {
keyItem[field] = value;
state.dirty = true;
}
},
kwm2ClearKeys(state) {
state.staging.kwm2.keys = [];
state.dirty = true;
},
//
discardStagingChanges: (state) => {
state.dirty = false;
state.staging = productionToStaging(state.production);
},
commitStagingChange: (state) => {
const production = stagingToProduction(state.staging);
return {
dirty: false,
// Sync back to staging
staging: productionToStaging(production),
production,

7
src/util/DatabaseKeyExtractor.ts
View File

@ -32,12 +32,7 @@ export class DatabaseKeyExtractor {
return null;
}
const result = db.exec('select file_path, ekey from audio_file_ekey_table');
if (result.length === 0) {
return [];
}
const keys = result[0].values;
const keys = db.exec('select file_path, ekey from `audio_file_ekey_table`')[0].values;
return keys.map(([path, ekey]) => ({
// strip dir name
name: getFileName(String(path)),