Mock data

package.json

@@ -31,14 +31,19 @@
     "styled-components": "^4.4.1",
     "subscriptions-transport-ws": "^0.9.16",
     "urql": "^1.6.3",
+    "wonka": "^4.0.7",
     "use-wallet": "^0.4.4"
   },
   "scripts": {
     "start": "npm run sync-assets && REACT_APP_BUILD=$(git log --pretty=format:'%h' -n 1) react-app-rewired start",
     "start:local": "REACT_APP_CHAIN_ID=1337 npm run start ",
+    "start:local:mock": "REACT_APP_MOCK_DATA=1 npm run start:local",
     "start:mainnet": "REACT_APP_CHAIN_ID=1 npm run start",
+    "start:mainnet:mock": "REACT_APP_MOCK_DATA=1 npm run start:mainnet",
     "start:ropsten": "REACT_APP_CHAIN_ID=3 npm run start",
+    "start:ropsten:mock": "REACT_APP_MOCK_DATA=1 npm run start:ropsten",
     "start:rinkeby": "REACT_APP_CHAIN_ID=4 npm run start",
+    "start:rinkeby:mock": "REACT_APP_MOCK_DATA=1 npm run start:rinkeby",
     "build": "./scripts/build.sh",
     "build:local": "REACT_APP_CHAIN_ID=1337 npm run build",
     "build:mainnet": "REACT_APP_CHAIN_ID=1 npm run build",

src/environment.js

@@ -28,6 +28,9 @@ const ENV_VARS = {
   ENABLE_SENTRY() {
     return process.env.REACT_APP_ENABLE_SENTRY === '1'
   },
+  MOCK_DATA() {
+    return process.env.REACT_APP_MOCK_DATA === '1'
+  },
   DEFAULT_ETH_NODE() {
     return process.env.REACT_APP_DEFAULT_ETH_NODE || ''
   },

src/graphql-exchanges.js

@@ -1,11 +1,13 @@
 import { fetchExchange, subscriptionExchange } from 'urql'
 import { SubscriptionClient } from 'subscriptions-transport-ws'
 import { captureMessage } from '@sentry/browser'
+import env from './environment'
 import endpoints from './endpoints'
+import { mockFetchExchange, mockSubscriptionExchange } from './mock/exchanges'
 
 const GRAPH_API_ENDPOINTS = endpoints()
 const subscriptionClient = new SubscriptionClient(GRAPH_API_ENDPOINTS[1], {
-  reconnect: true,
+  reconnect: !env('MOCK_DATA'),
   reconnectionAttempts: 10,
 })
 
@@ -16,11 +18,13 @@ const DEFAULT_SUBSCRIPTION_EXCHANGE = subscriptionExchange({
 })
 
 export function getFetchExchange() {
-  return DEFAULT_FETCH_EXCHANGE
+  return env('MOCK_DATA') ? mockFetchExchange : DEFAULT_FETCH_EXCHANGE
 }
 
 export function getSubscriptionExchange() {
-  return DEFAULT_SUBSCRIPTION_EXCHANGE
+  return env('MOCK_DATA')
+    ? mockSubscriptionExchange
+    : DEFAULT_SUBSCRIPTION_EXCHANGE
 }
 
 let connectionAttempts = 0

src/hooks/query-hooks.js

@@ -1,8 +1,8 @@
 import { useQuery } from 'urql'
 
-import { JurorFirstANJActivationMovement } from '../queries/balances'
-import { ActiveJurors, JurorFeesClaimed } from '../queries/juror'
 import { JurorDrafts } from '../queries/jurorDrafts'
+import { ActiveJurors, JurorFeesClaimed } from '../queries/juror'
+import { JurorFirstANJActivationMovement } from '../queries/balances'
 
 export function useJurorDraftQuery(jurorId) {
   const [result] = useQuery({

src/hooks/subscription-hooks.js

@@ -4,19 +4,19 @@ import { useCourtConfig } from '../providers/CourtConfig'
 
 // queries
 import { OpenTasks } from '../queries/tasks'
+import { AllDisputes, SingleDispute } from '../queries/disputes'
+import { AppealsByMaker, AppealsByTaker } from '../queries/appeals'
+import { JurorDraftsFrom, JurorDraftsNotRewarded } from '../queries/jurorDrafts'
 import {
   CourtConfig,
   FeeMovements,
   JurorsRegistryModule,
 } from '../queries/court'
-import { AllDisputes, SingleDispute } from '../queries/disputes'
-import { AppealsByMaker, AppealsByTaker } from '../queries/appeals'
 import {
   JurorANJBalances,
   JurorANJWalletBalance,
   JurorTreasuryBalances,
 } from '../queries/balances'
-import { JurorDraftsFrom, JurorDraftsNotRewarded } from '../queries/jurorDrafts'
 
 // utils
 import { bigNum } from '../lib/math-utils'

src/hooks/useCourtContracts.js

@@ -592,6 +592,7 @@ export function useTotalANTStakedPolling(timeout = 1000) {
       timeoutId = setTimeout(() => {
         const agentBalancePromise = antContract.balanceOf(networkAgentAddress)
         const vaultBalancePromise = antContract.balanceOf(networkReserveAddress)
+
         return Promise.all([agentBalancePromise, vaultBalancePromise])
           .then(([antInAgent, antInVault]) => {
             if (!cancelled) {

src/mock/data/CourtConfig.js

@@ -0,0 +1,61 @@
+import { getNetworkConfig } from '../../networks'
+import { bigExp } from '../helper'
+import dayjs from 'dayjs'
+
+const TERM_DURATION = 60 // 1 minute
+const CURRENT_TERM = 100
+const COURT_START = dayjs() // Court started 100 terms ago
+  .subtract(TERM_DURATION * CURRENT_TERM, 'second')
+  .unix()
+
+const anjToken = {
+  id: '',
+  name: 'Aragon Network Juror Token',
+  symbol: 'ANJ',
+  decimals: 18,
+}
+
+const feeToken = {
+  id: '',
+  name: 'Dai stablecoin',
+  symbol: 'DAI',
+  decimals: 18,
+}
+
+const courtConfig = {
+  id: getNetworkConfig().court,
+  currentTerm: CURRENT_TERM,
+  termDuration: TERM_DURATION, // 4 minutes
+  anjToken,
+  feeToken,
+  jurorFee: bigExp('10'),
+  draftFee: bigExp('18', 16),
+  settleFee: bigExp('1', 17),
+  evidenceTerms: 21,
+  commitTerms: '3',
+  revealTerms: '3',
+  appealTerms: '3',
+  appealConfirmationTerms: '3',
+  terms: [
+    {
+      startTime: COURT_START,
+    },
+  ],
+  finalRoundReduction: '5000',
+  firstRoundJurorsNumber: '3',
+  appealStepFactor: '3',
+  maxRegularAppealRounds: '2',
+  appealCollateralFactor: '30000',
+  appealConfirmCollateralFactor: '20000',
+  minActiveBalance: bigExp('100'),
+  penaltyPct: '1000',
+  modules: [],
+  subscriptions: {
+    currentPeriod: '0',
+    feeAmount: bigExp('10'),
+    periodDuration: '600',
+    periods: [],
+  },
+}
+
+export default courtConfig

src/mock/data/Disputes.js

@@ -0,0 +1,124 @@
+import courtConfig from './CourtConfig'
+import ROUNDS from './Rounds'
+import { hash256 } from '../../lib/web3-utils'
+import { dayjs } from '../../utils/date-utils'
+import { DisputeState } from '../types'
+import { accounts } from '../helper'
+
+const DEFAULT_SUBMITTER = accounts[5]
+const DEFAULT_EVIDENCE =
+  '0x697066733a516d55765a53545a3958767156786b624446664a576e6644394759703376376d71353778464d563173774e34314c'
+const DEFAULT_IPFS_METADATA =
+  'QmPWJBAvLqdv5oNv7WvEFaghiMkWtcThDRJGFKu6kennpF/metadata.json'
+
+// State of each dispute
+const DISPUTES_DATA = [
+  {
+    state: DisputeState.Ruled,
+    description: 'Dispute finished (First round, In favor)',
+    rounds: [{ ...ROUNDS.ENDED.IN_FAVOR }],
+  },
+  {
+    state: DisputeState.Ruled,
+    description:
+      'Dispute finished (First round, Refused to vote, Penalties Settled)',
+    rounds: [{ ...ROUNDS.ENDED.REFUSED }],
+  },
+  {
+    state: DisputeState.Ruled,
+    description: 'Dispute finished (First round, No one voted)',
+    rounds: [{ ...ROUNDS.ENDED.NO_VOTES }],
+  },
+  {
+    state: DisputeState.Ruled,
+    description: 'Dispute finished (Final round, Against)',
+    rounds: [
+      ...populatePreviousRounds(courtConfig.maxRegularAppealRounds),
+      { ...ROUNDS.ENDED.FINAL_ROUND },
+    ],
+  },
+  {
+    state: DisputeState.Adjudicating,
+    description: 'Dispute finished (Execute ruling)',
+    rounds: [{ ...ROUNDS.ENDED.IN_FAVOR }],
+  },
+  {
+    state: DisputeState.Drafting,
+    description: 'Dispute confirm appealed',
+    rounds: [populatePreviousRounds(1), { ...ROUNDS.CONFIRM_APPEALED }],
+  },
+  {
+    state: DisputeState.Adjudicating,
+    description: 'Dispute appealed',
+    rounds: [{ ...ROUNDS.APPEALED }],
+  },
+  {
+    state: DisputeState.Adjudicating,
+    description: 'Dispute appealing',
+    rounds: [{ ...ROUNDS.APPEALING }],
+  },
+  {
+    state: DisputeState.Adjudicating,
+    description: 'Dispute revealing',
+    rounds: [{ ...ROUNDS.REVEALING }],
+  },
+  {
+    state: DisputeState.Adjudicating,
+    description: 'Dispute comitting',
+    rounds: [{ ...ROUNDS.COMITTING }],
+  },
+  {
+    state: DisputeState.Evidence,
+    description: 'Dispute in evidence submission',
+    rounds: [{ ...ROUNDS.NOT_DRAFTED }],
+  },
+]
+
+function populatePreviousRounds(numberOfRounds) {
+  return Array.from({ length: numberOfRounds }).map((_, index) => ({
+    ...ROUNDS.PREVIOUS,
+    jurorsNumber: courtConfig.appealStepFactor ** (index + 1),
+  }))
+}
+
+function generateDisputes() {
+  const disputes = []
+
+  for (let i = 0; i < DISPUTES_DATA.length; i++) {
+    const { description, rounds, state } = DISPUTES_DATA[i]
+
+    const disputeId = String(i)
+    const dispute = {
+      id: disputeId,
+      txHash: hash256(i),
+      createTermId: courtConfig.currentTerm,
+      createdAt: dayjs().unix(),
+      possibleRulings: 2,
+      state,
+      metadata: JSON.stringify({
+        description,
+        metadata: DEFAULT_IPFS_METADATA,
+      }),
+      lastRoundId: rounds.length - 1,
+      evidences: [
+        {
+          submitter: DEFAULT_SUBMITTER,
+          data: DEFAULT_EVIDENCE,
+          createdAt: dayjs().unix(),
+        },
+      ],
+    }
+
+    dispute.rounds = rounds.map((round, index) => ({
+      ...round,
+      number: String(index),
+      dispute,
+    }))
+
+    disputes.unshift(dispute)
+  }
+
+  return disputes
+}
+
+export default generateDisputes()

src/mock/data/Jurors.js

@@ -0,0 +1,50 @@
+import { accounts } from '../helper'
+import courtConfig from './CourtConfig'
+import { ANJMovementType } from '../types'
+import { bigNum } from '../../lib/math-utils'
+
+const MIN_ACTIVE_BASE_MULTIPLIER = '10'
+const numberOfJurors = 3
+
+const JUROR_DEFAULT_DATA = {
+  // Wallet balance (from the subgraph we actually don't get this amount from the juror entity itself
+  // but in this case since we are mocking data doesn't really matter)
+  walletBalance: '0',
+  activeBalance: '0',
+  lockedBalance: '0',
+  availableBalance: '0',
+  deactivationBalance: '0',
+  treasuryTokens: [],
+}
+
+function generateJurors() {
+  return accounts.slice(0, numberOfJurors).map((account, index) => {
+    const activeBalance = bigNum(courtConfig.minActiveBalance).mul(
+      MIN_ACTIVE_BASE_MULTIPLIER * (index + 1)
+    )
+
+    return {
+      ...JUROR_DEFAULT_DATA,
+      id: account,
+      activeBalance,
+
+      // Mimicking ANJ activation from wallet
+      anjMovements: [
+        {
+          amount: activeBalance,
+          effectiveTermId: 1,
+          type: ANJMovementType.Activation,
+        },
+        {
+          amount: activeBalance,
+          effectiveTermId: 1,
+          type: ANJMovementType.Stake,
+        },
+      ],
+
+      drafts: [],
+    }
+  })
+}
+
+export default generateJurors()