.drone.yml

@@ -5,7 +5,7 @@ name: default
 
 steps:
   - name: test & build
-    image: node:18.16.1-bookworm
+    image: node:18.16.0-bullseye
     commands:
       # - git config --global --add safe.directory "/drone/src"
       - corepack enable
@@ -17,7 +17,7 @@ steps:
       npm_config_registry: https://registry.npmmirror.com
 
   - name: publish
-    image: node:18.16.1-bookworm
+    image: node:18.16.0-bullseye
     environment:
       DRONE_GITEA_SERVER: https://git.unlock-music.dev
       GITEA_API_KEY:

src/components/ImportSecretModal.tsx

@@ -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>

src/features/settings/Settings.tsx

@@ -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 = () => {
+  const handleResetSettings = () => dispatch(discardStagingChanges());
-    dispatch(discardStagingChanges());
+  const handleApplySettings = () => dispatch(commitStagingChange());
-
-    toast({
-      status: 'info',
-      title: '未储存的设定已舍弃',
-      description: '已还原到更改前的状态。',
-      isClosable: true,
-    });
-  };
-  const handleApplySettings = () => {
-    dispatch(commitStagingChange());
-    toast({
-      status: 'success',
-      title: '设定已应用',
-      isClosable: true,
-    });
-  };
-  const isSettingsNotSaved = useAppSelector(selectIsSettingsNotSaved);
 
   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">设置会在保存后生效。</Box>
-                      <Box color="gray">
-                        有未储存的更改{' '}
-                        <chakra.span color="red" wordBreak="keep-all">
-                          设定将在保存后生效
-                        </chakra.span>
-                      </Box>
-                    ) : (
-                      <Box color="gray">设定将在保存后生效</Box>
-                    )}
                   </Center>
                   <Spacer />
                   <HStack gap="2" justifyContent="flex-end">

src/features/settings/panels/KWMv2/KWMv2EKeyItem.tsx

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

src/features/settings/panels/PanelKWMv2Key.tsx

@@ -49,14 +49,8 @@ export function PanelKWMv2Key() {
       const fileBuffer = await file.arrayBuffer();
       keys = MMKVParser.parseKuwoEKey(new DataView(fileBuffer));
     }
-    if (keys?.length === 0) {
+
-      toast({
+    if (keys) {
-        title: '未导入密钥',
-        description: '选择的密钥数据库文件未发现任何可用的密钥。',
-        isClosable: true,
-        status: 'warning',
-      });
-    } else 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} />}>

src/features/settings/panels/PanelQMCv2Key.tsx

@@ -71,20 +71,14 @@ export function PanelQMCv2Key() {
         qmc2Keys = Array.from(map.entries(), ([name, ekey]) => ({ name: getFileName(name), ekey }));
       }
 
-      if (qmc2Keys?.length === 0) {
+      if (qmc2Keys) {
-        toast({
-          title: '未导入密钥',
-          description: '选择的密钥数据库文件未发现任何可用的密钥。',
-          isClosable: true,
-          status: 'warning',
-        });
-      } else 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>
             }
           >

src/features/settings/panels/QMCv2/QMCv2EKeyItem.tsx

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

src/features/settings/settingsSelector.ts

@@ -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;
 

src/features/settings/settingsSlice.ts

@@ -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,

src/util/DatabaseKeyExtractor.ts

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