fix: fix analytics code

Author: Justineo

common/util.js

@@ -53,3 +53,11 @@ export function savePref (key, value) {
   pref[key] = value
   localStorage.setItem(PREF_KEY, JSON.stringify(pref))
 }
+
+export function track (...args) {
+  if (typeof window !== 'object' || !window.__vaTrack) {
+    return
+  }
+
+  window.__vaTrack(...args)
+}

components/OneDemo.vue

@@ -82,6 +82,7 @@
     ref="source"
     class="source"
     :style="{ height: codeExpanded ? `${sourceHeight || 0}px` : '0' }"
+    @copy="trackCopy('system')"
   >
     <div class="source-toolbar">
       <veui-button
@@ -101,6 +102,7 @@
       :class="{
         'one-demo-editor-shrink': !editorExpanded
       }"
+      :path="path"
       :code="code"
       :expanded="editorExpanded"
       :browser="!!browser"
@@ -121,11 +123,11 @@ import toast from 'veui/plugins/toast'
 import { BrowserWindow } from 'vue-windows'
 import { getLocale } from '../common/i18n'
 import { play } from '../common/play'
+import { track } from '../common/util'
 import OneIframe from './OneIframe'
 import OneEditLink from './OneEditLink'
 import OneRepl from './OneRepl'
 import OneFocus from './OneFocus'
-import { track } from '@vercel/analytics'
 import 'veui-theme-dls-icons/copy'
 
 Vue.use(toast)
@@ -191,13 +193,20 @@ export default {
       play(this.$refs.source.textContent, { locale, vendor })
       track('play', { vendor, path: this.path })
     },
+    trackCopy (action) {
+      if (this.copied) {
+        return
+      }
+
+      this.copied = true
+      track('copy', { from: 'demo', path: this.path, action })
+    },
     async copy () {
       try {
         await navigator.clipboard.writeText(this.code)
-        track('copy', { from: 'demo', success: true })
+        this.trackCopy('button')
         this.$toast.success(this.t('@onelive.copySuccess'))
       } catch (e) {
-        track('copy', { from: 'demo', success: false })
         this.$toast.error(this.t('@onelive.copyFailed'))
       }
     },

components/OneEditLink.vue

@@ -27,7 +27,7 @@
 <script>
 import { Icon } from 'veui'
 import i18n from 'veui/mixins/i18n'
-import { track } from '@vercel/analytics'
+import { track } from '../common/util'
 import 'veui-theme-dls-icons/external-link'
 
 const BASE_URL = 'https://github.com/ecomfe/veui-docs/edit/master/one/docs/'

components/OneLive.vue

@@ -16,6 +16,7 @@
         },
         scrollBeyondLastLine: false
       }"
+      @copy.native="trackCopy('system')"
     />
     <div class="editor-toolbar">
       <veui-button
@@ -128,9 +129,8 @@ import 'splitpanes/dist/splitpanes.css'
 import { getLocale } from '../common/i18n'
 import { play } from '../common/play'
 import { transformLessCode } from '../common/transform'
-import { loadPref, savePref } from '../common/util'
+import { loadPref, savePref, track } from '../common/util'
 import OneIframe from './OneIframe'
-import { track } from '@vercel/analytics'
 
 Vue.use(toast)
 
@@ -189,7 +189,8 @@ export default {
       type: String,
       default: ''
     },
-    browser: Boolean
+    browser: Boolean,
+    path: String
   },
   data () {
     return {
@@ -275,6 +276,9 @@ export default {
           this.error = null
         })
       }
+    },
+    transformedCode () {
+      this.copied = false
     }
   },
   mounted () {
@@ -290,13 +294,15 @@ export default {
       let locale = getLocale(this.$route.path)
       play(this.localCode, { locale, vendor })
     },
+    trackCopy (action) {
+      track('copy', { from: 'editor', path: this.path, action })
+    },
     async copy () {
       try {
         await navigator.clipboard.writeText(this.code)
-        track('copy', { from: 'editor', success: true })
+        this.trackCopy('button')
         this.$toast.success(this.t('copySuccess'))
       } catch (e) {
-        track('copy', { from: 'editor', success: false })
         this.$toast.error(this.t('copyFailed'))
       }
     },

components/OneRepl.vue

@@ -22,6 +22,7 @@
     class="editor"
     :code="code"
     :browser="browser"
+    :path="path"
   />
 </article>
 </template>
@@ -62,7 +63,8 @@ export default {
       default: ''
     },
     expanded: Boolean,
-    browser: Boolean
+    browser: Boolean,
+    path: String
   },
   methods: {
     handleClose () {

one/build/remark-custom.js

@@ -4,7 +4,7 @@ import { render } from './page'
 
 const NAME = 'customblock'
 
-const typeMap = {
+const statusMap = {
   tip: 'info',
   warning: 'warning'
 }
@@ -25,13 +25,13 @@ export default function attacher () {
 
     visit(tree, NAME, ({ className, value }, index, parent) => {
       let { contents } = render(value, path, {})
-      if (typeMap[className]) {
+      if (statusMap[className]) {
         if (!data.hasAlert) {
           data.hasAlert = true
         }
         parent.children.splice(index, 1, {
           type: 'html',
-          value: `<veui-alert ui="s" type="${typeMap[className]}">${contents}</veui-alert>`
+          value: `<veui-alert ui="s" status="${statusMap[className]}">${contents}</veui-alert>`
         })
       } else {
         className = className ? `${className} custom-block` : 'custom-block'

plugins/vercel.js

@@ -1,5 +1,7 @@
-import { inject } from '@vercel/analytics'
+import { inject, track } from '@vercel/analytics'
 
 export default () => {
   inject()
+
+  window.__vaTrack = track
 }