remove use less dialog

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

@@ -1,105 +0,0 @@
-<template>
-  <el-dialog
-    v-bind="$attrs"
-    :close-on-click-modal="false"
-    :close-on-press-escape="false"
-    :show-close="false"
-    @open="handleDialogOpen"
-  >
-    <template v-if="!copiedDependenciesStatus.puppeteerExecutableAvailable">
-      <div mb14px>正在下载核心组件</div>
-      <el-progress
-        :percentage="browserDownloadPercentage"
-        :format="(n) => `${n.toFixed(1)}%`"
-        :stroke-width="10"
-      />
-    </template>
-  </el-dialog>
-</template>
-
-<script lang="ts" setup>
-import { ref, onUnmounted, PropType } from 'vue'
-import { ElMessageBox } from 'element-plus'
-
-const props = defineProps({
-  dispose: Function,
-  dependenciesStatus: {
-    type: Object as PropType<Record<string, boolean>>,
-    default: () => ({})
-  },
-  processWaitee: Object
-})
-
-// shallow copy
-const copiedDependenciesStatus = {
-  ...props.dependenciesStatus
-}
-
-const handleDialogOpen = () => {
-  browserDownloadPercentage.value = 0
-}
-
-const browserDownloadPercentage = ref(0)
-const handleBrowserDownloadProgress = (ev, { downloadedBytes, totalBytes }) => {
-  browserDownloadPercentage.value = (downloadedBytes / totalBytes) * 100
-}
-electron.ipcRenderer.on('PUPPETEER_DOWNLOAD_PROGRESS', handleBrowserDownloadProgress)
-onUnmounted(() =>
-  electron.ipcRenderer.removeListener('PUPPETEER_DOWNLOAD_PROGRESS', handleBrowserDownloadProgress)
-)
-const downloadProcessExitCode = ref(0)
-
-const processDownloadBrowser = async () => {
-  downloadProcessExitCode.value = 0
-  browserDownloadPercentage.value = 0
-  try {
-    await electron.ipcRenderer.invoke('setup-dependencies')
-    browserDownloadPercentage.value = 100
-  } catch (err) {
-    downloadProcessExitCode.value = 1
-    throw err
-  }
-}
-
-const promiseList: Array<Promise<void>> = []
-const processTasks = async () => {
-  if (!copiedDependenciesStatus.puppeteerExecutableAvailable) {
-    const p = processDownloadBrowser()
-    promiseList.push(p)
-    p.then(() => {
-      copiedDependenciesStatus.puppeteerExecutableAvailable = true
-    })
-  }
-
-  while (promiseList.length) {
-    const p = promiseList.shift()!
-    try {
-      p.then(() => {
-        if (!promiseList.length) {
-          props.processWaitee?.resolve?.()
-          props.dispose?.()
-        }
-      })
-      await p
-    } catch {
-      await ElMessageBox.confirm('需要重试吗？', '核心组件下载失败', {
-        closeOnClickModal: false,
-        closeOnPressEscape: false,
-        showClose: false,
-        type: 'error',
-        cancelButtonText: '退出程序'
-      })
-        .then(() => {
-          processTasks()
-        })
-        .catch(() => {
-          // FIXME: should exit app here
-          promiseList.length = 0
-          props.dispose?.()
-        })
-    }
-  }
-}
-
-processTasks()
-</script>

packages/ui/src/renderer/src/features/DependenciesSetupProgressIndicatorDialog/operations.ts

@@ -1,39 +0,0 @@
-import { createApp } from 'vue'
-import ElementPlus from 'element-plus'
-import DependenciesSetupProgressIndicatorDialog from './index.vue'
-
-export const mountGlobalDialog = (o: { dependenciesStatus: Record<string, boolean>, processWaitee? }) => {
-  const containerElId = `elForDependenciesSetupProgressIndicatorDialog`
-
-  if (document.getElementById(containerElId)) {
-    return
-  }
-  let containerEl: null | HTMLElement = (() => {
-    const el = document.createElement('div')
-    el.id = containerElId
-    return el
-  })()
-  document.body.append(containerEl)
-
-  const dispose = () => {
-    app?.unmount()
-    containerEl?.remove()
-
-    app = null
-    containerEl = null
-  }
-  let app: null | ReturnType<typeof createApp> = createApp(DependenciesSetupProgressIndicatorDialog, {
-    modelValue: true,
-    onClosed() {
-      dispose()
-    },
-    dispose,
-    dependenciesStatus: o?.dependenciesStatus,
-    processWaitee: o?.processWaitee
-  }).use(ElementPlus)
-  app.mount(containerEl)
-
-  return {
-    dispose
-  }
-}

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

@@ -1,245 +0,0 @@
-<template>
-  <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
-      v-if="cookieInvalid"
-      type="warning"
-      :closable="false"
-      title="需要获取您的Boss直聘Cookie才能继续"
-    >
-      由于您是首次使用本程序，或者您之前使用的Boss直聘账号登录状态失效，因此您需要重新获取登录凭证。
-    </el-alert>
-    <div ml1em mt1em line-height-normal>
-      如果您了解如何获取Cookie、了解有效的Cookie格式，可以直接在下方输入框中进行编辑。<br />
-      手动编辑较为麻烦，建议您打开已登录过Boss直聘的浏览器，使用
-      <a
-        color-blue
-        decoration-none
-        href="javascript:void(0)"
-        @click.prevent="handleEditThisCookieExtensionStoreLinkClick"
-        >EditThisCookie 扩展程序</a
-      >
-      复制Cookie，然后粘贴在下方输入框中。<br />
-      格式为被序列化为JSON的数组，不含两侧引号。
-    </div>
-    <br />
-    <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"
-          >点击此处</el-button
-        >
-        启动浏览器
-      </li>
-      <li>按照正常流程，通过 <b>短信验证码/二维码/微信小程序</b> 登录您的Boss直聘账号</li>
-      <li>接下来将自动进行一些页面跳转，最终将会停留在首页</li>
-      <li>
-        登录后预计5-10秒内（具体取决于您的网速），您的Cookie将被自动填入下方输入框。
-        <details>
-          <summary color-orange cursor-pointer>我已完成登录，但Cookie一直没出现？</summary>
-          <div ml-2em max-h-200px of-auto>
-            如果您确实已经在打开浏览器中看到您已登录了Boss直聘，请尝试按照如图所示方式复制Cookie：
-            <figure>
-              <figcaption>依次点击浏览器右上角“扩展程序”图标、“EditThisCookie”图标</figcaption>
-              <img block max-w-full src="./resources/copy-cookie-step-1.png" />
-            </figure>
-            <figure>
-              <figcaption>点击“EditThisCookie”弹出框中的“Export”按钮</figcaption>
-              <img block max-w-full src="./resources/copy-cookie-step-2.png" />
-            </figure>
-            <figure>
-              <figcaption>在下方输入框执行粘贴操作。</figcaption>
-            </figure>
-          </div>
-        </details>
-      </li>
-    </ol>
-    <el-form
-      ref="formRef"
-      inline-message
-      :model="formContent"
-      label-position="top"
-      :rules="formRules"
-      class="cookie-form"
-    >
-      <el-form-item prop="collectedCookies" mb-0>
-        <el-input
-          v-model="formContent.collectedCookies"
-          type="textarea"
-          :autosize="{
-            minRows: 10,
-            maxRows: 10
-          }"
-          font-size-12px
-          @input="hasUserMutateInput = true"
-        ></el-input>
-        <el-alert
-          v-if="loginCookieWaitingStatus === LOGIN_COOKIE_WAITING_STATUS.WAITING_FOR_LOGIN"
-          :closable="false"
-          >正在等待登录……</el-alert
-        >
-        <el-alert
-          v-if="loginCookieWaitingStatus === LOGIN_COOKIE_WAITING_STATUS.COOKIE_COLLECTED"
-          :closable="false"
-          type="success"
-          >已获取到Cookie<template v-if="hasUserMutateInput"
-            >；看起来您似乎正在尝试手动输入Cookie？<el-button
-              size="small"
-              type="primary"
-              font-size-inherit
-              @click="fillCollectedCookie"
-              >使用获取到的Cookie</el-button
-            ></template
-          ></el-alert
-        >
-      </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>
-</template>
-
-<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,
-  processWaitee: Object
-})
-
-const cookieInvalid = ref(false)
-
-enum LOGIN_COOKIE_WAITING_STATUS {
-  INIT,
-  WAITING_FOR_LOGIN,
-  COOKIE_COLLECTED
-}
-const loginCookieWaitingStatus = ref(LOGIN_COOKIE_WAITING_STATUS.INIT)
-
-const formRef = ref<InstanceType<typeof ElForm>>()
-const formContent = ref({
-  collectedCookies: ''
-})
-
-const formRules = {
-  collectedCookies: [
-    {
-      required: true,
-      message: '请输入Cookie'
-    },
-    {
-      trigger: 'blur',
-      validator(rule, val, cb) {
-        let arr
-        try {
-          arr = JSON.parse(val)
-        } catch (err) {
-          cb(
-            new Error(
-              `JSON格式无效 - 存在语法错误: ${err.message}；建议使用EditThisCookie扩展程序进行复制。`
-            )
-          )
-          return
-        }
-
-        if (!checkCookieListFormat(JSON.parse(formContent.value.collectedCookies))) {
-          cb(new Error(`Cookie格式无效 - 部分字段缺失；建议使用EditThisCookie扩展程序进行复制。`))
-          return
-        }
-        cb()
-      }
-    }
-  ]
-}
-
-const hasUserMutateInput = ref(false)
-const collectedCookie = ref()
-const handleCookieCollected = (_, payload) => {
-  loginCookieWaitingStatus.value = LOGIN_COOKIE_WAITING_STATUS.COOKIE_COLLECTED
-  collectedCookie.value = payload.cookies
-  if (!hasUserMutateInput.value) {
-    fillCollectedCookie()
-  }
-}
-const fillCollectedCookie = () => {
-  if (loginCookieWaitingStatus.value !== LOGIN_COOKIE_WAITING_STATUS.COOKIE_COLLECTED) {
-    return
-  }
-  formContent.value.collectedCookies = JSON.stringify(collectedCookie.value, null, 2)
-  hasUserMutateInput.value = false
-}
-
-const handleClickLaunchLogin = () => {
-  electron.ipcRenderer.send('launch-bosszhipin-login-page-with-preload-extension')
-  loginCookieWaitingStatus.value = LOGIN_COOKIE_WAITING_STATUS.WAITING_FOR_LOGIN
-}
-
-const handleEditThisCookieExtensionStoreLinkClick = () => {
-  electron.ipcRenderer.send(
-    'open-external-link',
-    'https://chromewebstore.google.com/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg'
-  )
-}
-
-const handleSubmit = async () => {
-  await formRef.value!.validate()
-  await electron.ipcRenderer.invoke('write-storage-file', {
-    fileName: 'boss-cookies.json',
-    data: formContent.value.collectedCookies
-  })
-  ElMessage.success('Boss直聘 Cookie 保存成功')
-  props.processWaitee?.resolve?.()
-  props.dispose()
-}
-
-const handleBossZhipinLoginPageClosed = () => {
-  if (loginCookieWaitingStatus.value === LOGIN_COOKIE_WAITING_STATUS.WAITING_FOR_LOGIN) {
-    loginCookieWaitingStatus.value = LOGIN_COOKIE_WAITING_STATUS.INIT
-  }
-}
-
-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)
-  electron.ipcRenderer.removeListener(
-    'BOSS_ZHIPIN_LOGIN_PAGE_CLOSED',
-    handleBossZhipinLoginPageClosed
-  )
-  electron.ipcRenderer.send('kill-bosszhipin-login-page-with-preload-extension')
-})
-</script>
-
-<style lang="scss">
-.cookie-form.el-form {
-  .el-form-item__error--inline {
-    margin-left: 0;
-    margin-top: 10px;
-  }
-}
-</style>

packages/ui/src/renderer/src/features/WaitForLoginDialog/operations.ts

@@ -1,38 +0,0 @@
-import { createApp } from 'vue'
-import ElementPlus from 'element-plus'
-import WaitForLogin from './index.vue'
-
-export const mountGlobalDialog = (o: { processWaitee? }) => {
-  const containerElId = `elForWaitForLogin`
-
-  if (document.getElementById(containerElId)) {
-    return
-  }
-  let containerEl: null | HTMLElement = (() => {
-    const el = document.createElement('div')
-    el.id = containerElId
-    return el
-  })()
-  document.body.append(containerEl)
-
-  const dispose = () => {
-    app?.unmount()
-    containerEl?.remove()
-
-    app = null
-    containerEl = null
-  }
-  let app: null | ReturnType<typeof createApp> = createApp(WaitForLogin, {
-    modelValue: true,
-    onClosed() {
-      dispose()
-    },
-    dispose,
-    processWaitee: o?.processWaitee
-  }).use(ElementPlus)
-  app.mount(containerEl)
-
-  return {
-    dispose
-  }
-}