matomo: listen on framework

libs/remix-ui/run-tab/src/lib/actions/events.ts

@@ -6,6 +6,7 @@ import { addDeployOption, clearAllInstances, clearRecorderCount, fetchContractLi
 import { CompilerAbstract } from '@remix-project/remix-solidity'
 import * as ethJSUtil from 'ethereumjs-util'
 import Web3 from 'web3'
+const _paq = window._paq = window._paq || []
 
 export const setupEvents = (plugin: RunTab, dispatch: React.Dispatch<any>) => {
   plugin.blockchain.events.on('newTransaction', (tx, receipt) => {
@@ -99,6 +100,7 @@ export const setupEvents = (plugin: RunTab, dispatch: React.Dispatch<any>) => {
 }
 
 const broadcastCompilationResult = async (compilerName: string, plugin: RunTab, dispatch: React.Dispatch<any>, file, source, languageVersion, data, input?) => {
+  _paq.push(['trackEvent', 'udapp', 'broadcastCompilationResult', compilerName])
   // TODO check whether the tab is configured
   const compiler = new CompilerAbstract(languageVersion, data, source, input)
   plugin.compilersArtefacts[languageVersion] = compiler

libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx

@@ -6,6 +6,7 @@ import * as ethJSUtil from 'ethereumjs-util'
 import { ContractGUI } from './contractGUI'
 import { deployWithProxyMsg, upgradeWithProxyMsg } from '@remix-ui/helper'
 import { OverlayTrigger, Tooltip } from 'react-bootstrap'
+const _paq = window._paq = window._paq || []
 
 export function ContractDropdownUI (props: ContractDropdownProps) {
   const [abiLabel, setAbiLabel] = useState<{
@@ -248,7 +249,10 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
             <div>This action is enabled when Remix is connected to an external framework (hardhat, truffle, foundry) through remixd.</div>                  
           </Tooltip>
         }>
-          <button className="btn d-flex py-0" onClick={_ => props.syncContracts()}>
+          <button className="btn d-flex py-0" onClick={_ => {
+              props.syncContracts()
+              _paq.push(['trackEvent', 'udapp', 'syncContracts', compilationSource])
+            }}>
             <i style={{ cursor: 'pointer' }} className="fa fa-refresh mr-2 mt-2" aria-hidden="true"></i>
           </button>
         </OverlayTrigger>