From fd94f44433cf73ed5c5a837957367debe3114efe Mon Sep 17 00:00:00 2001
From: izzy lyseggen <izzy.lyseggen@gmail.com>
Date: Wed, 17 Feb 2021 17:02:27 +0000
Subject: [PATCH] feat(telemetry): track actions & remove page track

---
 .../src/components/ListItemPersonalAccessToken.vue       | 9 +++++----
 packages/frontend/src/components/ListItemUserApp.vue     | 1 +
 packages/frontend/src/components/ServerInfoCard.vue      | 1 +
 packages/frontend/src/components/UserAuthorisedApps.vue  | 1 +
 .../frontend/src/components/dialogs/BranchEditDialog.vue | 4 +++-
 .../frontend/src/components/dialogs/BranchNewDialog.vue  | 1 +
 .../frontend/src/components/dialogs/EditStreamDialog.vue | 2 ++
 .../frontend/src/components/dialogs/NewAppDialog.vue     | 1 +
 .../frontend/src/components/dialogs/NewStreamDialog.vue  | 1 +
 .../src/components/dialogs/StreamDescriptionDialog.vue   | 1 +
 .../src/components/dialogs/StreamShareDialog.vue         | 2 ++
 packages/frontend/src/components/dialogs/TokenDialog.vue | 1 +
 packages/frontend/src/components/dialogs/UserDialog.vue  | 1 +
 packages/frontend/src/views/Branch.vue                   | 1 +
 packages/frontend/src/views/Commit.vue                   | 1 +
 packages/frontend/src/views/StreamMain.vue               | 1 -
 packages/frontend/src/views/Streams.vue                  | 4 +---
 17 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/packages/frontend/src/components/ListItemPersonalAccessToken.vue b/packages/frontend/src/components/ListItemPersonalAccessToken.vue
index c0205b8c7..4ba2eb8e3 100644
--- a/packages/frontend/src/components/ListItemPersonalAccessToken.vue
+++ b/packages/frontend/src/components/ListItemPersonalAccessToken.vue
@@ -7,9 +7,9 @@
       </v-list-item-title>
       <v-list-item-subtitle class="caption">
         <b>Created:</b>
-        {{ token.createdAt | dateParse() | dateFormat("DD MMM YYYY") }}
+        {{ token.createdAt | dateParse() | dateFormat('DD MMM YYYY') }}
         <b>Last Used:</b>
-        {{ token.lastUsed | dateParse() | dateFormat("DD MMM YYYY") }}
+        {{ token.lastUsed | dateParse() | dateFormat('DD MMM YYYY') }}
         <b>Scopes:</b>
         {{ token.scopes }}
       </v-list-item-subtitle>
@@ -37,7 +37,7 @@
   </v-list-item>
 </template>
 <script>
-import gql from "graphql-tag"
+import gql from 'graphql-tag'
 
 export default {
   components: {},
@@ -54,6 +54,7 @@ export default {
   },
   methods: {
     async revokeToken() {
+      this.$matomo && this.$matomo.trackPageView('user/token/revoke')
       try {
         await this.$apollo.mutate({
           mutation: gql`
@@ -62,7 +63,7 @@ export default {
             }
           `
         })
-        this.$emit("deleted")
+        this.$emit('deleted')
         this.showRevokeConfirm = false
       } catch (e) {
         console.log(e)
diff --git a/packages/frontend/src/components/ListItemUserApp.vue b/packages/frontend/src/components/ListItemUserApp.vue
index 2c3964f3c..850a75831 100644
--- a/packages/frontend/src/components/ListItemUserApp.vue
+++ b/packages/frontend/src/components/ListItemUserApp.vue
@@ -65,6 +65,7 @@ export default {
   },
   methods: {
     async revokeApp() {
+      this.$matomo && this.$matomo.trackPageView('user/app/revoke')
       try {
         await this.$apollo.mutate({
           mutation: gql`
diff --git a/packages/frontend/src/components/ServerInfoCard.vue b/packages/frontend/src/components/ServerInfoCard.vue
index df65cd7c4..f723f9775 100644
--- a/packages/frontend/src/components/ServerInfoCard.vue
+++ b/packages/frontend/src/components/ServerInfoCard.vue
@@ -51,6 +51,7 @@ export default {
       this.$refs.editServerDialog.open(this.serverInfo).then((dialog) => {
         if (!dialog.result) return
         console.log(dialog)
+        this.$matomo && this.$matomo.trackPageView('server/update')
         this.$apollo
           .mutate({
             mutation: gql`
diff --git a/packages/frontend/src/components/UserAuthorisedApps.vue b/packages/frontend/src/components/UserAuthorisedApps.vue
index 511ab52c0..d1644f63e 100644
--- a/packages/frontend/src/components/UserAuthorisedApps.vue
+++ b/packages/frontend/src/components/UserAuthorisedApps.vue
@@ -112,6 +112,7 @@ export default {
     },
     async revokeAccess() {
       this.showRevokeDialog = false
+      this.$matomo && this.$matomo.trackPageView('user/app/revoke')
       await this.$apollo.mutate({
         mutation: gql`
           mutation{ appRevokeAccess(appId: "${this.appToRevoke.id}")}
diff --git a/packages/frontend/src/components/dialogs/BranchEditDialog.vue b/packages/frontend/src/components/dialogs/BranchEditDialog.vue
index fd1532ae4..53a35e61e 100644
--- a/packages/frontend/src/components/dialogs/BranchEditDialog.vue
+++ b/packages/frontend/src/components/dialogs/BranchEditDialog.vue
@@ -75,7 +75,7 @@ export default {
           (v && this.allBranchNames.findIndex((e) => e === v) === -1) ||
           'A branch with this name already exists',
         (v) => (v && v.length <= 25) || 'Name must be less than 25 characters',
-        (v) => (v && v.length >= 3) || 'Name must be at least 3 characters',
+        (v) => (v && v.length >= 3) || 'Name must be at least 3 characters'
       ],
       description: this.branch.description,
       isEdit: false,
@@ -113,6 +113,7 @@ export default {
   methods: {
     async deleteBranch() {
       this.loading = true
+      this.$matomo && this.$matomo.trackPageView('branch/delete')
       try {
         await this.$apollo.mutate({
           mutation: gql`
@@ -135,6 +136,7 @@ export default {
     },
     async updateBranch() {
       this.loading = true
+      this.$matomo && this.$matomo.trackPageView('branch/update')
       await this.$apollo.mutate({
         mutation: gql`
           mutation branchUpdate($params: BranchUpdateInput!) {
diff --git a/packages/frontend/src/components/dialogs/BranchNewDialog.vue b/packages/frontend/src/components/dialogs/BranchNewDialog.vue
index f545ec873..6afbde7fd 100644
--- a/packages/frontend/src/components/dialogs/BranchNewDialog.vue
+++ b/packages/frontend/src/components/dialogs/BranchNewDialog.vue
@@ -58,6 +58,7 @@ export default {
   methods: {
     async createBranch() {
       this.loading = true
+      this.$matomo && this.$matomo.trackPageView('branch/create')
       await this.$apollo.mutate({
         mutation: gql`
           mutation branchCreate($params: BranchCreateInput!) {
diff --git a/packages/frontend/src/components/dialogs/EditStreamDialog.vue b/packages/frontend/src/components/dialogs/EditStreamDialog.vue
index f6709ba52..52bedaecf 100644
--- a/packages/frontend/src/components/dialogs/EditStreamDialog.vue
+++ b/packages/frontend/src/components/dialogs/EditStreamDialog.vue
@@ -99,6 +99,7 @@ export default {
   methods: {
     async deleteStream() {
       this.isLoading = true
+      this.$matomo && this.$matomo.trackPageView('stream/delete')
       try {
         await this.$apollo.mutate({
           mutation: gql`
@@ -121,6 +122,7 @@ export default {
         return
       }
       this.isLoading = true
+      this.$matomo && this.$matomo.trackPageView('stream/update')
       try {
         await this.$apollo.mutate({
           mutation: gql`
diff --git a/packages/frontend/src/components/dialogs/NewAppDialog.vue b/packages/frontend/src/components/dialogs/NewAppDialog.vue
index c9647eeff..88d685ad3 100644
--- a/packages/frontend/src/components/dialogs/NewAppDialog.vue
+++ b/packages/frontend/src/components/dialogs/NewAppDialog.vue
@@ -167,6 +167,7 @@ export default {
       this.$emit('close')
     },
     async createApp() {
+      this.$matomo && this.$matomo.trackPageView('user/app/create')
       try {
         let res = await this.$apollo.mutate({
           mutation: gql`
diff --git a/packages/frontend/src/components/dialogs/NewStreamDialog.vue b/packages/frontend/src/components/dialogs/NewStreamDialog.vue
index d1212d8de..bf51f689f 100644
--- a/packages/frontend/src/components/dialogs/NewStreamDialog.vue
+++ b/packages/frontend/src/components/dialogs/NewStreamDialog.vue
@@ -153,6 +153,7 @@ export default {
         return
       }
       this.isLoading = true
+      this.$matomo && this.$matomo.trackPageView('stream/create')
       try {
         let res = await this.$apollo.mutate({
           mutation: gql`
diff --git a/packages/frontend/src/components/dialogs/StreamDescriptionDialog.vue b/packages/frontend/src/components/dialogs/StreamDescriptionDialog.vue
index 35eae12f4..0f7423085 100644
--- a/packages/frontend/src/components/dialogs/StreamDescriptionDialog.vue
+++ b/packages/frontend/src/components/dialogs/StreamDescriptionDialog.vue
@@ -73,6 +73,7 @@ export default {
   methods: {
     async save() {
       this.loading = true
+      this.$matomo && this.$matomo.trackPageView('stream/update')
       try {
         await this.$apollo.mutate({
           mutation: gql`
diff --git a/packages/frontend/src/components/dialogs/StreamShareDialog.vue b/packages/frontend/src/components/dialogs/StreamShareDialog.vue
index fdb841451..a8402cf50 100644
--- a/packages/frontend/src/components/dialogs/StreamShareDialog.vue
+++ b/packages/frontend/src/components/dialogs/StreamShareDialog.vue
@@ -160,6 +160,7 @@ export default {
   methods: {
     async removeUser(user) {
       this.loading = true
+      this.$matomo && this.$matomo.trackPageView('stream/remove-collaborator')
       try {
         await this.$apollo.mutate({
           mutation: gql`
@@ -201,6 +202,7 @@ export default {
       this.$apollo.queries.stream.refetch()
     },
     async grantPermissionUser(user) {
+      this.$matomo && this.$matomo.trackPageView('stream/add-collaborator')
       try {
         await this.$apollo.mutate({
           mutation: gql`
diff --git a/packages/frontend/src/components/dialogs/TokenDialog.vue b/packages/frontend/src/components/dialogs/TokenDialog.vue
index 9baa08a23..14311be84 100644
--- a/packages/frontend/src/components/dialogs/TokenDialog.vue
+++ b/packages/frontend/src/components/dialogs/TokenDialog.vue
@@ -113,6 +113,7 @@ export default {
       this.$emit('close')
     },
     async createToken() {
+      this.$matomo && this.$matomo.trackPageView('user/token/create')
       try {
         let res = await this.$apollo.mutate({
           mutation: gql`
diff --git a/packages/frontend/src/components/dialogs/UserDialog.vue b/packages/frontend/src/components/dialogs/UserDialog.vue
index 763740e92..72e6e6478 100644
--- a/packages/frontend/src/components/dialogs/UserDialog.vue
+++ b/packages/frontend/src/components/dialogs/UserDialog.vue
@@ -65,6 +65,7 @@ export default {
   watch: {},
   methods: {
     async updateUser() {
+      this.$matomo && this.$matomo.trackPageView('user/update')
       try {
         this.isLoading = true
         await this.$apollo.mutate({
diff --git a/packages/frontend/src/views/Branch.vue b/packages/frontend/src/views/Branch.vue
index 454d68734..6395ef221 100644
--- a/packages/frontend/src/views/Branch.vue
+++ b/packages/frontend/src/views/Branch.vue
@@ -123,6 +123,7 @@ export default {
       this.$refs.commitDialog.open(this.stream.commit, this.stream.id).then((dialog) => {
         if (!dialog.result) return
 
+        this.$matomo && this.$matomo.trackPageView('branch/update')
         this.$apollo
           .mutate({
             mutation: gql`
diff --git a/packages/frontend/src/views/Commit.vue b/packages/frontend/src/views/Commit.vue
index a85e2b88e..f717071ee 100644
--- a/packages/frontend/src/views/Commit.vue
+++ b/packages/frontend/src/views/Commit.vue
@@ -137,6 +137,7 @@ export default {
       this.$refs.commitDialog.open(this.stream.commit, this.stream.id).then((dialog) => {
         if (!dialog.result) return
 
+        this.$matomo && this.$matomo.trackPageView('commit/update')
         this.$apollo
           .mutate({
             mutation: gql`
diff --git a/packages/frontend/src/views/StreamMain.vue b/packages/frontend/src/views/StreamMain.vue
index 8ba036489..e510212d4 100644
--- a/packages/frontend/src/views/StreamMain.vue
+++ b/packages/frontend/src/views/StreamMain.vue
@@ -209,7 +209,6 @@ export default {
     }
   },
   mounted() {
-    this.$matomo && this.$matomo.trackPageView('streams/single')
     this.$apollo.queries.branches.refetch()
     this.$apollo.queries.description.refetch()
     this.$apollo.queries.commits.refetch()
diff --git a/packages/frontend/src/views/Streams.vue b/packages/frontend/src/views/Streams.vue
index cf4093d2f..5ba48934b 100644
--- a/packages/frontend/src/views/Streams.vue
+++ b/packages/frontend/src/views/Streams.vue
@@ -64,9 +64,6 @@ export default {
   }),
   computed: {},
   watch: {},
-  mounted() {
-    this.$matomo && this.$matomo.trackPageView('streams')
-  },
   methods: {
     infiniteHandler($state) {
       this.$apollo.queries.streams.fetchMore({
@@ -96,6 +93,7 @@ export default {
     newStream() {
       this.$refs.streamDialog.open().then((dialog) => {
         if (!dialog.result) return
+        this.$matomo && this.$matomo.trackPageView('stream/create')
         this.$apollo
           .mutate({
             mutation: gql`