feat: idframe

Author: Alan-Liang

.eslintignore

@@ -0,0 +1,3 @@
+**/*.dist.js
+.nuxt
+.vscode

idframe/appbar.dist.js

@@ -1,4 +1,5 @@
-{
+/* eslint-disable unicorn/prefer-includes */
+;(() => {
   const data = __data__ // eslint-disable-line no-undef
   const defaultItems = [ 'nickname', 'myaccount', 'divider', 'kredit', 'recharge', 'divider', 'logout' ]
   const shortItems = {
@@ -133,7 +134,7 @@
      * @param {(string|object)[]} items items to be displayed.
      */
     updateItems (items) {
-      if (!Array.isArray(items)) throw new TypeError('Items not an array')
+      if (!items || items.length === undefined) throw new TypeError('Items not an array')
       const oldItems = this.items
       this.items = items
       try {
@@ -203,7 +204,7 @@
     let has = !used[i][0]
     if (!('mdc' in window.idFrame) || !window.idFrame.mdc.style) {
       for (let j = 0; j < document.styleSheets.length; j++) {
-        if ((document.styleSheets[j].href || '').includes(i)) has = true
+        if ((document.styleSheets[j].href || '').indexOf(i) > -1) has = true
       }
       if (!has) {
         const el = document.createElement('link')
@@ -215,7 +216,7 @@
     if (!('mdc' in window.idFrame) || !window.idFrame.mdc.script) {
       has = !used[i][1]
       for (let j = 0; j < document.scripts.length; j++) {
-        if ((document.scripts[j].src || '').includes(i)) has = true
+        if ((document.scripts[j].src || '').indexOf(i) > -1) has = true
       }
       if (!has) {
         const el = document.createElement('script')
@@ -224,4 +225,4 @@
       }
     }
   }
-}
+})()

idframe/appbar.js

@@ -1,11 +1,12 @@
 const { readFileSync } = require('fs')
 const path = require('path')
-const script = readFileSync(path.resolve(__dirname, 'appbar.js')).toString()
+const script = readFileSync(path.resolve(__dirname, 'appbar.dist.js')).toString()
 
 exports.applyIdframeRoutes = router => router.get('/api/idframe', ctx => {
   const info = ctx.getUserInformation()
   const data = info ? { ...info, loggedIn: true } : { loggedIn: false }
   const str = JSON.stringify(data).replace(/\//g, '\\u002F')
   ctx.set('Content-Type', 'application/javascript')
+  ctx.set('Cache-Control', 'no-cache')
   ctx.body = script.replace('__data__', str)
 })

idframe/serve.js

@@ -7,9 +7,13 @@
   "scripts": {
     "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
     "build": "cross-env NODE_ENV=production nuxt build",
+    "build:idframe": "babel idframe/appbar.js | uglifyjs -mc > idframe/appbar.dist.js",
     "start": "cross-env NODE_ENV=production node server/index.js",
     "generate": "nuxt generate",
-    "lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
+    "lint": "eslint --ext .js,.vue --ignore-path .eslintignore ."
+  },
+  "babel": {
+    "presets": [ "@babel/env" ]
   },
   "dependencies": {
     "@keeer/libphonenumber": "^1.7.44-keeer1",

package.json

@@ -16,6 +16,7 @@ const consola = require('consola')
   const store = new OSS(cfg)
   const distDir = '.nuxt/dist/client'
   for (const file of await readdir(distDir)) {
+    if (file.includes('idframe')) continue
     await store.put(path.join(process.env.ALI_OSS_ASSETS_PREFIX || '', file), path.join(distDir, file), {
       headers: { 'Cache-Control': 'public, max-age=31536000' },
     })