Merge pull request #2906 from ethereum/matFE

Matomo for FE

libs/remix-ui/workspace/src/lib/components/file-explorer-context-menu.tsx

@@ -72,15 +72,19 @@ export const FileExplorerContextMenu = (props: FileExplorerContextMenuProps) =>
           switch (item.name) {
             case 'New File':
               createNewFile(path)
+              _paq.push(['trackEvent', 'fileExplorer', 'contextMenu', 'newFile'])
               break
             case 'New Folder':
               createNewFolder(path)
+              _paq.push(['trackEvent', 'fileExplorer', 'contextMenu', 'newFolder'])
               break
             case 'Rename':
               renamePath(path, type)
+              _paq.push(['trackEvent', 'fileExplorer', 'contextMenu', 'rename'])
               break
             case 'Delete':
               deletePath(getPath())
+              _paq.push(['trackEvent', 'fileExplorer', 'contextMenu', 'delete'])
               break
             case 'Push changes to gist':
               _paq.push(['trackEvent', 'fileExplorer', 'pushToChangesoGist'])
@@ -100,12 +104,15 @@ export const FileExplorerContextMenu = (props: FileExplorerContextMenuProps) =>
               break
             case 'Copy':
               copy(path, type)
+              _paq.push(['trackEvent', 'fileExplorer', 'contextMenu', 'copy'])
               break
             case 'Paste':
               paste(path, type)
+              _paq.push(['trackEvent', 'fileExplorer', 'contextMenu', 'paste'])
               break
             case 'Delete All':
               deletePath(getPath())
+              _paq.push(['trackEvent', 'fileExplorer', 'contextMenu', 'deleteAll'])
               break
             default:
               _paq.push(['trackEvent', 'fileExplorer', 'customAction', `${item.id}/${item.name}`])

libs/remix-ui/workspace/src/lib/components/file-explorer-menu.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react' //eslint-disable-line
 import { FileExplorerMenuProps } from '../types'
+const _paq = window._paq = window._paq || []
 
 export const FileExplorerMenu = (props: FileExplorerMenuProps) => {
   const [state, setState] = useState({
@@ -72,6 +73,7 @@ export const FileExplorerMenu = (props: FileExplorerMenuProps) => {
                 data-id={'fileExplorerNewFile' + action}
                 onClick={(e) => {
                   e.stopPropagation()
+                  _paq.push(['trackEvent', 'fileExplorer', 'fileAction', action])
                   if (action === 'createNewFile') {
                     props.createNewFile()
                   } else if (action === 'createNewFolder') {

libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx

@@ -5,6 +5,7 @@ import { FileExplorer } from './components/file-explorer' // eslint-disable-line
 import { FileSystemContext } from './contexts'
 import './css/remix-ui-workspace.css'
 import { ROOT_PATH } from './utils/constants'
+const _paq = window._paq = window._paq || []
 
 const canUpload = window.File || window.FileReader || window.FileList || window.Blob
 
@@ -205,6 +206,7 @@ export function Workspace () {
                   onClick={(e) => {
                     e.stopPropagation()
                     createWorkspace()
+                    _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspaceCreate'])
                   }}
                   className='far fa-plus-square remixui_menuicon'
                   title='Create'>
@@ -216,6 +218,7 @@ export function Workspace () {
                   onClick={(e) => {
                     e.stopPropagation()
                     renameCurrentWorkspace()
+                    _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspaceRename'])
                   }}
                   className='far fa-edit remixui_menuicon'
                   title='Rename'>
@@ -227,6 +230,7 @@ export function Workspace () {
                   onClick={(e) => {
                     e.stopPropagation()
                     deleteCurrentWorkspace()
+                    _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspaceDelete'])
                   }}
                   className='far fa-trash remixui_menuicon'
                   title='Delete'>
@@ -238,6 +242,7 @@ export function Workspace () {
                   onClick={(e) => {
                     e.stopPropagation()
                     downloadWorkspaces()
+                    _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspacesDownload'])
                   }}
                   className='far fa-download remixui_menuicon'
                   title='Download Workspaces'>
@@ -249,6 +254,7 @@ export function Workspace () {
                   onClick={(e) => {
                     e.stopPropagation()
                     restoreBackup()
+                    _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'workspacesRestore'])
                   }}
                   className='far fa-upload remixui_menuicon'
                   title='Restore Workspaces Backup'>
@@ -260,6 +266,7 @@ export function Workspace () {
                   onClick={(e) => {
                     e.stopPropagation()
                     cloneGitRepository()
+                    _paq.push(['trackEvent', 'fileExplorer', 'workspaceMenu', 'cloneGitRepository'])
                   }}
                   className='far fa-clone remixui_menuicon'
                   title='Clone Git Repository'>