show cookie assistant when find cookie invalid after launch; extract check cookie format correct;

packages/ui/src/common/utils/cookie.ts

@@ -0,0 +1,27 @@
+export const checkCookieListFormat = (cookies: Array<Record<string, string>>) => {
+  const allExpectKeySet = new Set([
+    'name',
+    'value',
+    'domain',
+    'path',
+    'secure',
+    'session',
+    'httpOnly'
+  ])
+  return Array.isArray(cookies) &&
+    cookies.length &&
+    cookies.every((it) => {
+      const currentOwnedKeySet = new Set(Object.keys(it))
+      if (currentOwnedKeySet.size < allExpectKeySet.size) {
+        return false
+      }
+
+      const allExpectKeyArr = [...allExpectKeySet]
+      for (let i = 0; i < allExpectKeyArr.length; i++) {
+        if (!currentOwnedKeySet.has(allExpectKeyArr[i])) {
+          return false
+        }
+      }
+      return true
+    })
+}

packages/ui/src/main/window/mainWindow.ts

@@ -9,13 +9,12 @@ import {
   configFileNameList,
   readConfigFile,
   writeConfigFile,
-
-  storageFileNameList,
   readStorageFile,
   writeStorageFile
 } from '@geekgeekrun/geek-auto-start-chat-with-boss/runtime-file-utils.mjs'
 import { ChildProcess } from 'child_process'
 import * as JSONStream from 'JSONStream'
+import { checkCookieListFormat } from '../../common/utils/cookie'
 import {
   DOWNLOAD_ERROR_EXIT_CODE,
   getAnyAvailablePuppeteerExecutable
@@ -93,6 +92,11 @@ export function createMainWindow(): void {
     ])
   })
 
+  ipcMain.handle('read-storage-file', async (ev, payload) => {
+    ensureStorageFileExist()
+    return await readStorageFile(payload.fileName)
+  })
+
   ipcMain.handle('write-storage-file', async (ev, payload) => {
     ensureStorageFileExist()
 
@@ -264,6 +268,11 @@ export function createMainWindow(): void {
     }
   })
 
+  ipcMain.handle('check-boss-zhipin-cookie-file', () => {
+    const cookies = readStorageFile('boss-cookies.json')
+    return checkCookieListFormat(cookies)
+  })
+
   mainWindow!.once('closed', () => {
     mainWindow = null
   })

packages/ui/src/renderer/src/features/WaitForLoginDialog/index.vue

@@ -2,28 +2,38 @@
   <el-dialog
     v-bind="$attrs"
     :close-on-click-modal="false"
+    :close-on-press-escape="!cookieInvalid"
     title="Boss直聘 Cookie助手"
     :width="720"
     top="20px"
     lock-scroll
+    :show-close="!cookieInvalid"
   >
-    <el-alert type="warning" title="需要获取您的Boss直聘Cookie才能继续">
+    <el-alert
+      v-if="cookieInvalid"
+      type="warning"
+      :closable="false"
+      title="需要获取您的Boss直聘Cookie才能继续"
+    >
       由于您是首次使用本程序，或者您之前使用的Boss直聘账号登录状态失效，因此您需要重新获取登录凭证。
     </el-alert>
-    <div ml1em mt1em>
-      如果您了解Cookie如何获取Cookie：请打开您已登录过Boss直聘的浏览器，使用
+    <div ml1em mt1em line-height-normal>
+      如果您了解如何获取Cookie、了解有效的Cookie格式，可以直接在下方输入框中进行编辑。<br />
+      手动编辑较为麻烦，建议您打开已登录过Boss直聘的浏览器，使用
       <a
         color-blue
         decoration-none
         href="javascript:void(0)"
         @click.prevent="handleEditThisCookieExtensionStoreLinkClick"
-        >EditThisCookie 扩展程序/插件</a
+        >EditThisCookie 扩展程序</a
       >
-      进行复制，然后粘贴在下方输入框中。<br />
+      复制Cookie，然后粘贴在下方输入框中。<br />
       格式为被序列化为JSON的数组，不含两侧引号。
     </div>
     <br />
-    <div ml1em>如果您不了解相关概念，请按照以下步骤进行操作：</div>
+    <div ml1em line-height-normal>
+      如果您不了解Cookie相关概念，或者不能访问Chrome扩展程序商店下载EditThisCookie来获取Cookie，请按照以下步骤进行操作：
+    </div>
     <ol lh-2em mt-0>
       <li>
         <el-button size="small" type="primary" font-size-inherit @click="handleClickLaunchLogin"
@@ -32,8 +42,9 @@
         启动浏览器
       </li>
       <li>按照正常流程，通过 <b>短信验证码/二维码/微信小程序</b> 登录您的Boss直聘账号</li>
+      <li>接下来将自动进行一些页面跳转，最终将会停留在首页</li>
       <li>
-        如果流程顺利，登录后预计5-10秒内，您将可以在下方输入框看到您的Cookie
+        登录后预计5-10秒内（具体取决于您的网速），您的Cookie将被自动填入下方输入框。
         <details>
           <summary color-orange cursor-pointer>我已完成登录，但Cookie一直没出现？</summary>
           <div ml-2em max-h-200px of-auto>
@@ -94,6 +105,7 @@
       </el-form-item>
     </el-form>
     <template #footer>
+      <el-button v-if="!cookieInvalid" @click="dispose">关闭</el-button>
       <el-button type="primary" @click="handleSubmit">保存Cookie</el-button>
     </template>
   </el-dialog>
@@ -102,10 +114,14 @@
 <script lang="ts" setup>
 import { ElForm, ElMessage } from 'element-plus'
 import { ref, onUnmounted, onMounted } from 'vue'
+import { checkCookieListFormat } from '../../../../common/utils/cookie'
+
 const props = defineProps({
   dispose: Function
 })
 
+const cookieInvalid = ref(false)
+
 enum LOGIN_COOKIE_WAITING_STATUS {
   INIT,
   WAITING_FOR_LOGIN,
@@ -139,33 +155,7 @@ const formRules = {
           return
         }
 
-        const allExpectKeySet = new Set([
-          'name',
-          'value',
-          'domain',
-          'path',
-          'secure',
-          'session',
-          'httpOnly'
-        ])
-        if (
-          !Array.isArray(arr) ||
-          !arr.length ||
-          !arr.every((it) => {
-            const currentOwnedKeySet = new Set(Object.keys(it))
-            if (currentOwnedKeySet.size < allExpectKeySet.size) {
-              return false
-            }
-
-            const allExpectKeyArr = [...allExpectKeySet]
-            for (let i = 0; i < allExpectKeyArr.length; i++) {
-              if (!currentOwnedKeySet.has(allExpectKeyArr[i])) {
-                return false
-              }
-            }
-            return true
-          })
-        ) {
+        if (!checkCookieListFormat(JSON.parse(formContent.value.collectedCookies))) {
           cb(new Error(`Cookie格式无效 - 部分字段缺失；建议使用EditThisCookie扩展程序进行复制。`))
           return
         }
@@ -220,9 +210,18 @@ const handleBossZhipinLoginPageClosed = () => {
   }
 }
 
-onMounted(() => {
+onMounted(async () => {
   electron.ipcRenderer.once('BOSS_ZHIPIN_COOKIE_COLLECTED', handleCookieCollected)
   electron.ipcRenderer.on('BOSS_ZHIPIN_LOGIN_PAGE_CLOSED', handleBossZhipinLoginPageClosed)
+
+  const cookieFileContent = await electron.ipcRenderer.invoke('read-storage-file', {
+    fileName: 'boss-cookies.json'
+  })
+  if (checkCookieListFormat(cookieFileContent)) {
+    formContent.value.collectedCookies = JSON.stringify(cookieFileContent, null, 2)
+  } else {
+    cookieInvalid.value = true
+  }
 })
 onUnmounted(() => {
   electron.ipcRenderer.removeListener('BOSS_ZHIPIN_COOKIE_COLLECTED', handleCookieCollected)

packages/ui/src/renderer/src/page/Configuration/index.vue

@@ -3,6 +3,7 @@
 <script lang="ts" setup>
 import { onUnmounted } from 'vue'
 import { mountGlobalDialog as mountDependenciesSetupProgressIndicatorDialog } from '@renderer/features/DependenciesSetupProgressIndicatorDialog/operations'
+import { mountGlobalDialog as mountWaitForLoginDialog } from '@renderer/features/WaitForLoginDialog/operations'
 
 const unmountedCbs: Array<InstanceType<typeof Function>> = []
 onUnmounted(() => {
@@ -18,5 +19,10 @@ onUnmounted(() => {
   if (Object.values(checkDependenciesResult).includes(false)) {
     mountDependenciesSetupProgressIndicatorDialog(checkDependenciesResult)
   }
+
+  const isCookieFileValid = await electron.ipcRenderer.invoke('check-boss-zhipin-cookie-file')
+  if (!isCookieFileValid) {
+    mountWaitForLoginDialog()
+  }
 })()
 </script>