feats

package.json

@@ -13,6 +13,7 @@
     "@zjxpcyc/vue-tiny-store": "^1.0.1",
     "ant-design-vue": "^3.2.4",
     "axios": "^0.27.2",
+    "crypto-js": "^4.1.1",
     "js-base64": "^3.7.2",
     "nprogress": "^0.2.0",
     "vue": "^3.2.25",

src/pages/login/index.vue

@@ -14,6 +14,9 @@
         <a-form-item has-feedback label="Client Secret" name="client_secret">
           <a-input v-model:value="formData.client_secret"></a-input>
         </a-form-item>
+        <a-form-item has-feedback label="密钥" name="encrypt_secret">
+          <a-input v-model:value="formData.encrypt_secret"></a-input>
+        </a-form-item>
         <a-form-item :wrapper-col="{ span: 14, offset: 4 }">
           <a-button type="primary" html-type="submit">登录</a-button>
         </a-form-item>
@@ -23,9 +26,10 @@
 </template>
 
 <script setup>
-import { reactive, ref } from 'vue'
+import { onMounted, reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useModel } from '@zjxpcyc/vue-tiny-store'
+import * as cache from '@/utils/cache'
 
 const router = useRouter()
 const { signIn } = useModel('user')
@@ -41,6 +45,7 @@ const rules = {
   password: [{ required: true, message: '请填写密码', trigger: 'blur' }],
   client_id: [{ required: true, message: '请填写client_id', trigger: 'blur' }],
   client_secret: [{ required: true, message: '请填写client_secret', trigger: 'blur' }],
+  encrypt_secret: [{ required: true, message: '请填写密钥', trigger: 'blur' }],
 }
 
 const formData = reactive({
@@ -49,15 +54,30 @@ const formData = reactive({
   password: undefined,
   client_id: undefined,
   client_secret: undefined,
+  encrypt_secret: undefined,
   scope: 'user_info projects pull_requests issues notes keys hook groups gists enterprises'
 })
 
 const submitForm = () => {
+  cache.set('loginfo', formData)
+
   signIn(formData).then(() => {
+    cache.set('encrypt_secret', formData.encrypt_secret)
     router.replace({ name: 'index' })
   })
 }
 
+onMounted(() => {
+  const cacheData = cache.get('loginfo')
+  if (cacheData) {
+    formData.username = cacheData.username
+    formData.password = cacheData.password
+    formData.client_id = cacheData.client_id
+    formData.client_secret = cacheData.client_secret
+    formData.encrypt_secret = cacheData.encrypt_secret
+  }
+})
+
 </script>
 
 <style lang="less" scoped>

src/plugins/index.js

@@ -0,0 +1,34 @@
+import createEvent from '@zjxpcyc/js_event'
+const eventBus = createEvent();
+
+// from redux code
+function compose(...funcs) {
+  if (funcs.length === 0) {
+      return arg => arg
+  }
+
+  if (funcs.length === 1) {
+      return funcs[0]
+  }
+
+  return funcs.reduce((a, b) => (...args) => a(b(...args)))
+}
+
+function createPlugin(hookBus) {
+  const hooks = {};
+
+  const apply = (type, func) => {
+    let listeners = hooks[type] || []
+    listeners = listeners.filter(x => x !== func).concat(func)
+    hooks[type] = apply
+  }
+
+  const invoke = (type, ...args) => {
+    const listeners = hooks[type] || []
+    return compose(...listeners)(...args)
+  }
+
+  return { apply, invoke }
+}
+
+const plugins = createPlugin(eventBus)

src/plugins/plugins/onNote.js

@@ -0,0 +1,18 @@
+import CryptoJS from 'crypto-js'
+import * as cache from '@/utils/cache'
+import plugins from '../index'
+
+
+plugins.apply('readNote', (rawNote) => {
+  const secretKey = cache.get('encrypt_secret')
+  if (!secretKey) return rawNote;
+
+  return CryptoJS.AES.decrypt(rawNote, secretKey).toString(CryptoJS.enc.Utf8)
+})
+
+plugins.apply('writeNote', (rawNote) => {
+  const secretKey = cache.get('encrypt_secret')
+  if (!secretKey) return rawNote;
+
+  return CryptoJS.AES.encrypt(rawNote, secretKey).toString()
+})

src/utils/cache.js

@@ -0,0 +1,11 @@
+
+export const set = (k, v) => {
+  localStorage.setItem(k, JSON.stringify(v))
+}
+
+export const get = k => {
+  const val = localStorage.getItem(k)
+  if (!val) return;
+
+  return JSON.parse(val)
+}

yarn.lock

@@ -313,6 +313,11 @@ core-js@^3.15.1:
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.22.7.tgz#8d6c37f630f6139b8732d10f2c114c3f1d00024f"
   integrity sha512-Jt8SReuDKVNZnZEzyEQT5eK6T2RRCXkfTq7Lo09kpm+fHjgGewSbNjV+Wt4yZMhPDdzz2x1ulI5z/w4nxpBseg==
 
+crypto-js@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.1.1.tgz#9e485bcf03521041bd85844786b83fb7619736cf"
+  integrity sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==
+
 csstype@^2.6.8:
   version "2.6.20"
   resolved "https://registry.npmmirror.com/csstype/-/csstype-2.6.20.tgz#9229c65ea0b260cf4d3d997cb06288e36a8d6dda"