support Netscape HTTP Cookie File

package.json

@@ -16,6 +16,7 @@
   "main": "background.js",
   "dependencies": {
     "app-root-dir": "^1.0.2",
+    "cookiefile": "^1.0.10",
     "core-js": "^3.6.5",
     "filenamify": "^4.3.0",
     "lowdb": "^1.0.0",

src/background.js

@@ -8,6 +8,7 @@ import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer';
 import { getInfo } from './controller/ytdl.js';
 import Que from './classes/Que.js';
 import consola from 'consola';
+import { CookieMap } from 'cookiefile';
 
 const isDevelopment = process.env.NODE_ENV !== 'production';
 const queMap = new Map();
@@ -244,7 +245,7 @@ ipcMain.on('pick-playlist-export-path', async (event, title) => {
   try {
     const path = dialog.showSaveDialogSync({
       defaultPath: title,
-      filters: [{ name: 'Json', extensions: ['.json'] }]
+      filters: [{ name: 'Json', extensions: ['json'] }]
     });
     event.reply('pick-playlist-export-path-reply', path);
   } catch (error) {
@@ -265,3 +266,20 @@ ipcMain.on('export-list', async (event, { exporting, path }) => {
 ipcMain.on('show-item-in-folder', (event, path) => {
   shell.openPath(path);
 });
+
+ipcMain.on('choose-cookie-file', (event) => {
+  try {
+    const path = dialog.showOpenDialogSync({
+      filters: [{ name: 'Text', extensions: ['txt'] }]
+    });
+    const cookieFile = new CookieMap(path[0]);
+    let cookieString = '';
+    cookieFile.forEach(({ value }, key) => {
+      if (value) cookieString += `${key}=${value};`;
+    });
+
+    event.reply('choose-cookie-file-reply', cookieString);
+  } catch (error) {
+    consola.error(error);
+  }
+});

src/components/SettingDialog.vue

@@ -15,9 +15,16 @@
       </v-card-title>
 
       <v-card-text class="pt-4">
+        <div class="mb-4">
+          <v-btn color="primary" @click="pickCookieFile" class="mr-3">
+            選擇檔案
+          </v-btn>
+          <v-btn color="error" text @click="cookie = ''">刪除 cookie</v-btn>
+        </div>
         <v-textarea
           label="Cookie"
           v-model="cookie"
+          readonly
           auto-grow
           outlined
         ></v-textarea>
@@ -33,6 +40,7 @@
 </template>
 
 <script>
+import { ipcRenderer } from 'electron';
 const schema = {
   cookie: ''
 };
@@ -50,6 +58,12 @@ export default {
     }
   },
 
+  created() {
+    ipcRenderer.on('choose-cookie-file-reply', (event, cookie) => {
+      this.cookie = cookie;
+    });
+  },
+
   methods: {
     init() {
       const cookie = this.$db.get('cookie').value();
@@ -60,9 +74,13 @@ export default {
         this[key] = schema[key];
       });
     },
+    pickCookieFile() {
+      ipcRenderer.send('choose-cookie-file');
+    },
 
     submit() {
       this.$db.set('cookie', this.cookie).write();
+      this.$emit('input', false);
     }
   }
 };