User profile page

apollo.config.js

@@ -6,7 +6,7 @@ module.exports = {
   client: {
     service: {
       name: 'my-service',
-      url: 'http://127.0.0.1:9696/graphql'
+      url: 'https://yat.vit.ooo/graphql'
     },
     // Files processed by the extension
     includes: ['src/**/*.vue', 'src/**/*.js', 'src/**/*.ts']

package.json

@@ -18,24 +18,25 @@
     "concurrently:dev:jest": "concurrently \"quasar dev\" \"jest --watch\""
   },
   "dependencies": {
+    "@apollo/client": "^3.8.6",
     "@chenfengyuan/vue-qrcode": "^2.0.0",
     "@quasar/extras": "^1.16.9",
     "@scure/base": "^1.1.5",
     "@scure/bip39": "^1.2.2",
+    "@vue/apollo-composable": "^4.0.0",
     "check-password-strength": "^2.0.7",
+    "graphql": "^16.8.1",
     "idb": "^7.1.1",
     "lodash.clonedeep": "^4.5.0",
     "pinia": "^2.1.7",
     "qrcode": "^1.5.3",
+    "qrcode.vue": "^3.4.1",
     "quasar": "^2.14.3",
     "tweetnacl": "^1.0.3",
     "vue": "^3.4.15",
     "vue-i18n": "^9.9.0",
-    "vue-router": "^4.2.5",
-    "vue3-qrcode-reader": "^0.0.1",
-    "@apollo/client": "^3.8.6",
-    "@vue/apollo-composable": "^4.0.0",
-    "graphql": "^16.8.1"
+    "vue-qrcode-reader": "^5.5.3",
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@intlify/vite-plugin-vue-i18n": "^3.4.0",
@@ -70,4 +71,4 @@
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }
-}
+}

quasar.config.js

@@ -31,7 +31,11 @@ module.exports = configure(function (/* ctx */) {
     // https://v2.quasar.dev/quasar-cli/boot-files
     boot: [
       'i18n',
-      'apollo'
+      'apollo',
+      'db',
+      'crypt',
+      'utils',
+      'fetch'
     ],
 
     // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
@@ -67,7 +71,7 @@ module.exports = configure(function (/* ctx */) {
 
       // rebuildCache: true, // rebuilds Vite/linter/etc cache on startup
 
-      // publicPath: '/',
+      publicPath: '/',
       // analyze: true,
       // env: {},
       // rawDefine: {}

src/App.vue

@@ -13,6 +13,24 @@
 
 <style>
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Onest:[email protected]&display=swap');
+
+button,
+input {
+  font-family: "Onest", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 300;
+  font-style: normal;
+  text-transform: uppercase;
+}
+
+.info-text {
+  font-family: "Onest", sans-serif;
+  font-optical-sizing: auto;
+  font-weight: 500;
+  font-style: normal;
+  font-size: 16px;
+}
 
 h2 {
   font-family: 'Roboto Slab', serif;
@@ -31,7 +49,7 @@ p {
 
 a {
   color: #ac5de7;
-  text-decoration: underline;
+  text-decoration: none;
 }
 
 p,

src/apollo/index.ts

@@ -12,7 +12,7 @@ export /* async */ function getClientOptions (
     uri:
       process.env.GRAPHQL_URI ||
       // Change to your graphql endpoint.
-      'http://127.0.0.1:9696/graphql'
+      'https://yat.vit.ooo/graphql'
   })
 
   return <ApolloClientOptions<unknown>>Object.assign(

src/boot/crypt.js

@@ -0,0 +1,72 @@
+import { boot } from 'quasar/wrappers'
+import { sign, randomBytes } from 'tweetnacl'
+
+export default boot(({ app }) => {
+  const crypt = {
+
+    b2h (b) {
+      return Array.prototype.map.call(b, function (byte) {
+        return ('0' + (byte & 0xFF).toString(16)).slice(-2)
+      }).join('')
+    },
+
+    h2b (h) {
+      if (typeof h !== 'string') throw new TypeError('expected string')
+      const b = new Uint8Array(h.length / 2)
+      let i = 0
+      while (h.length >= 2) {
+        b[i] = parseInt(h.substring(0, 2), 16)
+        h = h.substring(2, h.length)
+        i++
+      }
+      return b
+    },
+
+    u2b (s) {
+      if (typeof s !== 'string') throw new TypeError('expected string')
+      const d = unescape(encodeURIComponent(s)), b = new Uint8Array(d.length)
+      for (let i = 0; i < d.length; i++) b[i] = d.charCodeAt(i)
+      return b
+    },
+
+    b2u (b) {
+      const s = []
+      for (let i = 0; i < b.length; i++) s.push(String.fromCharCode(b[i]))
+      return decodeURIComponent(escape(s.join('')))
+    },
+
+    async genKey () {
+      return this.b2h(randomBytes(32))
+    },
+
+    async recKey (s) {
+      let k = ''
+      if (s.length > 64) {
+        k = sign.keyPair.fromSecretKey(this.h2b(s)) // legacy
+      } else {
+        k = sign.keyPair.fromSeed(this.h2b(s))
+      }
+      const sec = k.secretKey // PRIVATE KEY
+      const pub = k.publicKey // PUBLIC KEY
+      return [this.b2h(sec), this.b2h(pub)]
+    },
+
+    // mes, sec
+    sign (m, s) {
+      return this.b2h(sign(this.u2b(m), this.h2b(s)))
+    },
+
+    // mes, pub
+    unsign (m, p) {
+      const o = sign.open(this.h2b(m), this.h2b(p))
+
+      if (o) {
+        return this.b2u(o)
+      } else {
+        return false
+      }
+    }
+  }
+
+  app.config.globalProperties.$crypt = crypt
+})