添加记住密码功能

Author: nashaofu

dependencies.js

@@ -1,6 +1,19 @@
 const fs = require('fs')
 const axios = require('axios')
 const chalk = require('chalk')
+const http = require('http')
+const https = require('https')
+const registryUrl = require('registry-url')
+const registryAuthToken = require('registry-auth-token')
+
+const httpAgent = new http.Agent({
+  keepAlive: true,
+  maxSockets: 50
+})
+const httpsAgent = new https.Agent({
+  keepAlive: true,
+  maxSockets: 50
+})
 
 /**
  * 把一个长的并发一步任务转换为
@@ -29,11 +42,25 @@ function parallelToSerial (tasks) {
  */
 async function getPackageVersion (pkg, pkgInfo) {
   console.log(`get ${pkg} ...`)
+  const scope = pkg.split('/')[0]
+  const registry = registryUrl(scope)
+  const authInfo = registryAuthToken(registry, { recursive: true })
+  const headers = {
+    accept: 'application/vnd.npm.install-v1+json; q=1.0, application/json; q=0.8, */*'
+  }
+
+  if (authInfo) {
+    headers.authorization = `${authInfo.type} ${authInfo.token}`
+  }
+
   const time = Date.now()
   try {
-    // 同步最新的包
-    // await axios.put(`http://npm.uyundev.cn/sync/${pkg}`)
-    const { data } = await axios.get(`https://registry.npm.taobao.org/${pkg}`)
+    const { data } = await axios.get(`${encodeURIComponent(pkg).replace(/^%40/, '@')}/latest`, {
+      baseURL: registry,
+      headers,
+      httpAgent,
+      httpsAgent
+    })
     console.log(
       chalk.bgGreen.black(' DONE '),
       JSON.stringify(
@@ -47,7 +74,7 @@ async function getPackageVersion (pkg, pkgInfo) {
         2
       )
     )
-    return data['dist-tags'].latest
+    return data.version
   } catch (e) {
     const status = ((e || {}).response || {}).status
     console.log(

package.json

@@ -29,6 +29,7 @@
   "dependencies": {
     "@babel/runtime": "^7.4.5",
     "axios": "^0.18.0",
+    "electron-store": "^3.2.0",
     "electron-updater": "^4.0.6",
     "lodash": "^4.17.11",
     "normalize.css": "^8.0.1",
@@ -45,17 +46,17 @@
     "babel-eslint": "^10.0.1",
     "babel-loader": "^8.0.6",
     "css-loader": "^2.1.1",
-    "electron": "^5.0.1",
-    "electron-builder": "^20.40.2",
+    "electron": "^5.0.2",
+    "electron-builder": "^20.41.0",
     "electron-debug": "^3.0.0",
     "electron-dev-webpack-plugin": "^1.0.4",
     "electron-devtools-installer": "^2.2.4",
     "eslint": "^5.16.0",
     "eslint-config-standard": "^12.0.0",
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-loader": "^2.1.2",
-    "eslint-plugin-import": "^2.17.2",
-    "eslint-plugin-node": "^9.0.1",
+    "eslint-plugin-import": "^2.17.3",
+    "eslint-plugin-node": "^9.1.0",
     "eslint-plugin-promise": "^4.1.1",
     "eslint-plugin-standard": "^4.0.0",
     "eslint-plugin-vue": "^5.2.2",
@@ -64,14 +65,16 @@
     "html-webpack-plugin": "^3.2.0",
     "less": "^3.9.0",
     "less-loader": "^5.0.0",
-    "mini-css-extract-plugin": "^0.6.0",
+    "mini-css-extract-plugin": "^0.7.0",
     "postcss-loader": "^3.0.0",
     "pug": "^2.0.3",
     "pug-plain-loader": "^1.0.0",
+    "registry-auth-token": "^3.4.0",
+    "registry-url": "^5.1.0",
     "url-loader": "^1.1.2",
     "vue-loader": "^15.7.0",
     "vue-template-compiler": "^2.6.10",
-    "webpack": "^4.32.1",
+    "webpack": "^4.32.2",
     "webpack-cli": "^3.3.2",
     "webpack-dev-server": "^3.4.1",
     "webpack-merge": "^4.2.1"

src/preload/mainWin/css.less

@@ -80,8 +80,10 @@ ul.dingtalk-window-operations {
   &.login-tab {
     height: 360px;
   }
+  .password-login .offline-announcement {
+    top: 310px;
+  }
 }
-
 .ding-modal {
   .login-form {
     height: 310px;

src/preload/mainWin/index.js

@@ -1,6 +1,7 @@
 import open from './open'
 import download from './download'
 import openEmail from './openEmail'
+import rememberMe from './rememberMe'
 import winOperation from './winOperation'
 import notifyMessage from './notifyMessage'
 import { ipcRenderer, webFrame } from 'electron'
@@ -36,6 +37,10 @@ class MainWinInjector {
      * 关闭/最大化/最小化
      */
     this.winOperation()
+    /**
+     * 检测是否需要插入记住我选项
+     */
+    this.rememberMe()
 
     /**
      * 劫持window.open
@@ -76,6 +81,11 @@ class MainWinInjector {
     winOperation(this)
   }
 
+  // 插入记住我选项
+  rememberMe () {
+    rememberMe(this)
+  }
+
   // 消息通知发送到主进程
   notifyMessage () {
     notifyMessage(this)

src/preload/mainWin/rememberMe.js

@@ -0,0 +1,86 @@
+import ElectronStore from 'electron-store'
+import debounce from 'lodash/debounce'
+const electronStore = new ElectronStore()
+
+export default () => {
+  const $tab = document.querySelector('.login-form.login-tab .tab-items')
+  if (!$tab) return
+  const $tabItems = $tab.querySelectorAll('.tab-item')
+  $tabItems.forEach(item => {
+    item.addEventListener('click', () => {
+      const classList = [...item.classList]
+      if (item.getAttribute('ui-sref') === '.passwordLogin' && classList.indexOf('current') === -1) {
+        setTimeout(() => rememberMe(), 100)
+      }
+    })
+  })
+  rememberMe()
+}
+
+const rememberMe = () => {
+  const $form = document.querySelector('.login-form.login-tab form')
+  if (!$form) return
+  const $checkboxContainer = document.createElement('div')
+  const $checkbox = document.createElement('input')
+  const $text = document.createTextNode('记住我')
+  $checkbox.setAttribute('type', 'checkbox')
+  if (electronStore.get('remember')) {
+    $checkbox.setAttribute('checked', true)
+  }
+  $checkboxContainer.appendChild($checkbox)
+  $checkboxContainer.appendChild($text)
+  const $submitBtn = $form.querySelector('button[type="submit"]')
+  $form.insertBefore($checkboxContainer, $submitBtn)
+
+  const $phoneInput = $form.querySelector('phone-input>input')
+  const $pwdInput = $form.querySelector('input.password')
+
+  const rememberMePhone = debounce(() => electronStore.set('phone', $phoneInput.value), 1500)
+  const rememberMePwd = debounce(() => electronStore.set('pwd', $pwdInput.value), 1500)
+  const remember = () => {
+    $phoneInput.removeEventListener('input', rememberMePhone)
+    $pwdInput.removeEventListener('input', rememberMePwd)
+    $phoneInput.addEventListener('input', rememberMePhone)
+    $pwdInput.addEventListener('input', rememberMePwd)
+  }
+  const phone = electronStore.get('phone')
+  const pwd = electronStore.get('pwd')
+  const $scopePhone = angular.element($phoneInput).scope()
+  const $scopePwd = angular.element($pwdInput).scope()
+
+  if (phone) {
+    $scopePhone.$apply(() => {
+      $scopePhone.phoneInput.telephone = $scopePhone.phone = $phoneInput.value = phone
+      $scopePhone.phoneInput.triggerChange()
+    })
+    $scopePwd.$apply(() => {
+      $scopePwd.passwordLogin.telephone = phone
+    })
+  }
+
+  if (pwd) {
+    $scopePwd.$apply(() => {
+      $scopePwd.passwordLogin.password = $pwdInput.value = pwd
+      $scopePwd.passwordLogin.submitable = true
+    })
+  }
+
+  // 保存密码
+  if ($checkbox.checked) {
+    remember()
+    rememberMePhone()
+    rememberMePwd()
+  }
+
+  $checkbox.addEventListener('change', () => {
+    if ($checkbox.checked) {
+      remember()
+      rememberMePhone()
+      rememberMePwd()
+    } else {
+      electronStore.delete('phone')
+      electronStore.delete('pwd')
+    }
+    electronStore.set('remember', !!$checkbox.checked)
+  })
+}