prettier: reduce line length to 100

i was wrong and airbnb was right

Author: heyitaki

.prettierrc.json

@@ -1,4 +1,4 @@
 {
   "singleQuote": true,
-  "printWidth": 120
+  "printWidth": 100
 }

watcher/src/chains/evm.ts

@@ -5,7 +5,10 @@ import { EVM_RPCS_BY_CHAIN } from '../consts';
 import { makeBlockKey, makeVaaKey, VaasByBlock } from '../db';
 import { Watcher } from '../watch';
 
-export type EVMProvider = ethers.providers.JsonRpcProvider | ethers.providers.JsonRpcBatchProvider | CeloProvider;
+export type EVMProvider =
+  | ethers.providers.JsonRpcProvider
+  | ethers.providers.JsonRpcBatchProvider
+  | CeloProvider;
 
 const wormholeInterface = ethers_contracts.Implementation__factory.createInterface();
 

watcher/src/chains/polygon.ts

@@ -9,7 +9,9 @@ export class PolygonWatcher extends EVMWatcher {
   }
   async getFinalizedBlockNumber(): Promise<number | null> {
     console.log('fetching Polygon last child block from Ethereum');
-    const rootChain = new ethers.utils.Interface([`function getLastChildBlock() external view returns (uint256)`]);
+    const rootChain = new ethers.utils.Interface([
+      `function getLastChildBlock() external view returns (uint256)`,
+    ]);
     const callData = rootChain.encodeFunctionData('getLastChildBlock');
     try {
       const callResult = (

watcher/src/consts.ts

@@ -34,7 +34,8 @@ export const EVM_RPCS_BY_CHAIN: { [key in ChainName]?: string } = {
 export const POLYGON_ROOT_CHAIN_RPC = 'https://rpc.ankr.com/eth';
 export const POLYGON_ROOT_CHAIN_ADDRESS = '0x86E4Dc95c7FBdBf52e33D563BbDB00823894C287';
 
-export const getMaximumBatchSize = (chain: ChainName): number => (chain === 'acala' || chain === 'karura' ? 50 : 100);
+export const getMaximumBatchSize = (chain: ChainName): number =>
+  chain === 'acala' || chain === 'karura' ? 50 : 100;
 
 export const INITIAL_DEPLOYMENT_BLOCK_BY_CHAIN: {
   [key in ChainName]?: string;

watcher/src/db.ts

@@ -20,8 +20,12 @@ export const loadDb = (): void => {
 // TODO: should this be a composite key or should the value become more complex
 export const makeBlockKey = (block: string, timestamp: string): string => `${block}/${timestamp}`;
 
-export const makeVaaKey = (transactionHash: string, chain: ChainId | ChainName, emitter: string, seq: string): string =>
-  `${transactionHash}:${coalesceChainId(chain)}/${emitter}/${seq}`;
+export const makeVaaKey = (
+  transactionHash: string,
+  chain: ChainId | ChainName,
+  emitter: string,
+  seq: string
+): string => `${transactionHash}:${coalesceChainId(chain)}/${emitter}/${seq}`;
 
 export const storeVaasByBlock = (chain: ChainName, vaasByBlock: VaasByBlock): void => {
   const chainId = coalesceChainId(chain);

watcher/src/watch.ts

@@ -58,7 +58,8 @@ const createWatcherByChain: {
 export async function watch(chain: ChainName) {
   const watcher = createWatcherByChain[chain]();
   let toBlock: number | null = await watcher.getFinalizedBlockNumber();
-  const lastReadBlock: string | null = getLastBlockByChain(chain) || INITIAL_DEPLOYMENT_BLOCK_BY_CHAIN[chain] || null;
+  const lastReadBlock: string | null =
+    getLastBlockByChain(chain) || INITIAL_DEPLOYMENT_BLOCK_BY_CHAIN[chain] || null;
   let fromBlock: number | null = lastReadBlock !== null ? Number(lastReadBlock) : toBlock;
   while (true) {
     if (fromBlock && toBlock && fromBlock <= toBlock) {

web/src/App.tsx

@@ -1,6 +1,15 @@
 import { ChainId, coalesceChainName } from '@certusone/wormhole-sdk/lib/esm/utils/consts';
 import { CheckBox, CheckBoxOutlineBlank, Launch } from '@mui/icons-material';
-import { Box, Button, CircularProgress, IconButton, SxProps, Theme, Tooltip, Typography } from '@mui/material';
+import {
+  Box,
+  Button,
+  CircularProgress,
+  IconButton,
+  SxProps,
+  Theme,
+  Tooltip,
+  Typography,
+} from '@mui/material';
 import axios from 'axios';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import CollapsibleSection from './CollapsibleSection';
@@ -74,7 +83,12 @@ function BlockDetail({ chain, block, vaas }: { chain: string; block: string; vaa
               </Typography>
               <Typography variant="body2" sx={{ fontFamily: 'monospace', ml: 1 }} gutterBottom>
                 {vaa.split(':')[1]}{' '}
-                <IconButton href={explorerVaa(vaa.split(':')[1])} target="_blank" size="small" sx={inlineIconButtonSx}>
+                <IconButton
+                  href={explorerVaa(vaa.split(':')[1])}
+                  target="_blank"
+                  size="small"
+                  sx={inlineIconButtonSx}
+                >
                   <Launch fontSize="inherit" />
                 </IconButton>
               </Typography>
@@ -262,7 +276,8 @@ function App() {
     } = {};
     Object.entries(db).forEach(([chain, vaasByBlock]) => {
       const entries = Object.entries(vaasByBlock);
-      const [lastIndexedBlockNumber, lastIndexedBlockTime] = entries[entries.length - 1][0].split('/');
+      const [lastIndexedBlockNumber, lastIndexedBlockTime] =
+        entries[entries.length - 1][0].split('/');
       metaByChain[chain] = {
         lastIndexedBlockNumber,
         lastIndexedBlockTime,

web/src/utils.ts

@@ -114,6 +114,6 @@ export const explorerTx = (chainId: ChainId, tx: string) =>
     : '';
 
 export const explorerVaa = (key: string) =>
-  `https://wormhole.com/explorer/?emitterChain=${key.split('/')[0]}&emitterAddress=${key.split('/')[1]}&sequence=${
-    key.split('/')[2]
-  }`;
+  `https://wormhole.com/explorer/?emitterChain=${key.split('/')[0]}&emitterAddress=${
+    key.split('/')[1]
+  }&sequence=${key.split('/')[2]}`;