chore: apply fixes

Author: pedronauck

.lintstagedrc.mjs

@@ -1,3 +1,3 @@
 export default {
-	"**/*.(js|jsx|ts|tsx|md|mdx|json|html|css)": ["biome check --apply"],
+	"**/*.(js|jsx|ts|tsx|md|mdx|json|html|css)": [],
 };

biome.json

@@ -15,6 +15,10 @@
 			},
 			"correctness": {
 				"useExhaustiveDependencies": "off"
+			},
+			"complexity": {
+				"noStaticOnlyClass": "off",
+				"noForEach": "warn"
 			}
 		}
 	},

package.json

@@ -37,7 +37,7 @@
     "dev:portal": "pnpm --filter=app-portal dev",
     "dev:graphql": "pnpm --filter=graphql dev",
     "dev:notification": "pnpm --filter=notification-service dev:notification",
-    "lint": "biome check --apply .",
+    "lint": "biome check --apply-unsafe .",
     "format": "biome format . --write",
     "node:clean": "make -C ./docker clean",
     "node:logs": "make -C ./docker logs",

packages/app-explorer/src/systems/Block/actions/get-block.ts

@@ -14,7 +14,7 @@ const schema = z.object({
 export const getBlock = act(schema, async (input) => {
 	const id = input.id;
 	const isAddressValid = isValidAddress(id);
-	const isValidBlockHeight = !isNaN(Number(id));
+	const isValidBlockHeight = !Number.isNaN(Number(id));
 	if (!isValidBlockHeight && !isValidAddress) {
 		throw new Error("Invalid block number or block id");
 	}

packages/app-explorer/src/systems/Core/components/CodeBlock/CodeBlock.tsx

@@ -42,7 +42,7 @@ export function CodeBlock({
 	}
 
 	function getTitle() {
-		if (title != undefined) return title;
+		if (title !== undefined) return title;
 		if (type === "json") return "JSON";
 		return "Code";
 	}

packages/app-explorer/src/systems/Core/components/Search/SearchInput.tsx

@@ -65,7 +65,7 @@ const SearchResultDropdown = forwardRef<HTMLDivElement, SearchDropdownProps>(
 		return (
 			<Dropdown open={openDropdown} onOpenChange={onOpenChange}>
 				<Dropdown.Trigger>
-					<Box className="w-full"></Box>
+					<Box className="w-full" />
 				</Dropdown.Trigger>
 				<Dropdown.Content
 					ref={ref}

packages/app-explorer/src/systems/Core/components/TopNav/TopNav.tsx

@@ -68,7 +68,7 @@ export function TopNav() {
 
 	return (
 		<Nav>
-			<Nav.Desktop className={`px-10 justify-between`}>
+			<Nav.Desktop className={"px-10 justify-between"}>
 				<Nav.Menu>
 					{logo}
 					{externalLinks}

packages/app-portal/load.envs.js

@@ -118,7 +118,7 @@ process.env.VITE_APP_VERSION = versions.version;
 
 // Export ETH Fuel contracts addresses
 const bridgeSolidityContracts = getBridgeSolidityContracts();
-if (bridgeSolidityContracts && bridgeSolidityContracts.FuelMessagePortal) {
+if (bridgeSolidityContracts?.FuelMessagePortal) {
 	process.env.VITE_ETH_FUEL_MESSAGE_PORTAL =
 		bridgeSolidityContracts.FuelMessagePortal;
 	process.env.VITE_ETH_FUEL_ERC20_GATEWAY =

packages/app-portal/playwright/e2e/AssetList.test.ts

@@ -23,7 +23,8 @@ test.describe("Asset List", () => {
 
 			await hasText(page, "Select token");
 			// Check that assets are displayed
-			let ethAsset, tknAsset;
+			let ethAsset;
+			let tknAsset;
 			ethAsset = getByAriaLabel(page, "ETH symbol");
 			expect(await ethAsset.innerText()).toBe("ETH");
 			tknAsset = getByAriaLabel(page, "TKN symbol");
@@ -57,7 +58,8 @@ test.describe("Asset List", () => {
 
 			await hasText(page, "Select token");
 			// Check that assets are displayed
-			let ethAsset, tknAsset;
+			let ethAsset;
+			let tknAsset;
 			ethAsset = getByAriaLabel(page, "ETH symbol");
 			expect(await ethAsset.innerText()).toBe("ETH");
 			tknAsset = getByAriaLabel(page, "TKN symbol");

packages/app-portal/playwright/e2e/Bridge.test.ts

@@ -186,7 +186,7 @@ test.describe("Bridge", () => {
 				await assetAmountLocator.innerText();
 
 				// check if it's settled on the list
-				const statusLocator = depositLocator.getByText(`Settled`);
+				const statusLocator = depositLocator.getByText("Settled");
 				await statusLocator.innerText();
 
 				goToBridgePage(page);
@@ -302,7 +302,7 @@ test.describe("Bridge", () => {
 				await closeTransactionPopup(page);
 
 				// check if it's settled on the list
-				const statusLocator = withdrawTxLocator.getByText(`Settled`);
+				const statusLocator = withdrawTxLocator.getByText("Settled");
 				await statusLocator.innerText();
 			});
 		});
@@ -469,7 +469,7 @@ test.describe("Bridge", () => {
 				).toBe(DEPOSIT_AMOUNT);
 
 				// check if it's settled on the list
-				const statusLocator = depositTxLocator.getByText(`Settled`);
+				const statusLocator = depositTxLocator.getByText("Settled");
 				await statusLocator.innerText();
 			});
 		});
@@ -590,7 +590,7 @@ test.describe("Bridge", () => {
 				await closeTransactionPopup(page);
 
 				// check if it's settled on the list
-				const statusLocator = withdrawTxLocator.getByText(`Settled`);
+				const statusLocator = withdrawTxLocator.getByText("Settled");
 				await statusLocator.innerText();
 			});
 		});

packages/app-portal/playwright/e2e/fixtures/utils/waitForExtenssions.ts

@@ -15,7 +15,7 @@ export async function waitForExtensions(
 	console.log("Checking extensions...");
 	const pages = await context.pages();
 	const hasMetamask = pages.find((page) => {
-		return page.url().includes(extensions["metamask"]?.id);
+		return page.url().includes(extensions.metamask?.id);
 	});
 	const hasFuelWallet = pages.find((page) => {
 		return page.url().includes(extensions["fuel wallet"]?.id);

packages/app-portal/src/systems/Accounts/components/AccountSwitchDialog/AccountSwitchDialog.tsx

@@ -50,7 +50,7 @@ export const AccountSwitchDialog = ({
 										? { ...styles.listItem, ...styles.select }
 										: styles.listItem
 								}
-								onClick={() => onSelect && onSelect(account)}
+								onClick={() => onSelect?.(account)}
 							>
 								<Box.Flex align="center" gap="$3">
 									<Avatar.Generated size={"xsm"} hash={account} />

packages/app-portal/src/systems/Bridge/hooks/useBridgeTxs.tsx

@@ -53,7 +53,6 @@ export const useBridgeTxs = () => {
 			: !hasWallet,
 		shouldShowEmpty:
 			isConnected && !isLoading && bridgeTxs && bridgeTxs.length === 0,
-		shouldShowList:
-			!isLoading && isConnected && ((bridgeTxs && bridgeTxs.length) || 0) > 0,
+		shouldShowList: !isLoading && isConnected && (bridgeTxs?.length || 0) > 0,
 	};
 };

packages/app-portal/src/systems/Bridge/machines/bridgeTxsMachine.tsx

@@ -170,7 +170,7 @@ export const bridgeTxsMachine = createMachine(
 					if (!ethTxId || ctx.ethToFuelTxRefs?.[ethTxId])
 						return ctx.ethToFuelTxRefs;
 
-					console.log("NEW: creating machine Fuel To Eth: " + ethTxId);
+					console.log(`NEW: creating machine Fuel To Eth: ${ethTxId}`);
 					const newRef = {
 						[ethTxId]: spawn(
 							txEthToFuelMachine.withContext({
@@ -196,7 +196,7 @@ export const bridgeTxsMachine = createMachine(
 					if (!fuelTxId || ctx.fuelToEthTxRefs?.[fuelTxId])
 						return ctx.fuelToEthTxRefs;
 
-					console.log("NEW: creating machine Fuel To Eth: " + fuelTxId);
+					console.log(`NEW: creating machine Fuel To Eth: ${fuelTxId}`);
 					const newRef = {
 						[fuelTxId]: spawn(
 							txFuelToEthMachine.withContext({

packages/app-portal/src/systems/Chains/eth/services/txEthToFuel.ts

@@ -456,7 +456,7 @@ export class TxEthToFuelService {
 			} as any,
 			fromBlock: "earliest",
 		});
-		console.log(`erc20AllLogs`, erc20AllLogs);
+		console.log("erc20AllLogs", erc20AllLogs);
 
 		const erc20Logs = erc20AllLogs.filter((log) => {
 			const messageSentEvent = decodeEventLog({

packages/app-portal/src/systems/Chains/fuel/utils/getBlock.ts

@@ -47,9 +47,9 @@ export async function getBlock({
 }): Promise<Block> {
 	const variables = {};
 	if (height) {
-		variables["height"] = height;
+		variables.height = height;
 	} else {
-		variables["id"] = blockHash;
+		variables.id = blockHash;
 	}
 	const response = await fetch(providerUrl, {
 		method: "POST",

packages/app-portal/src/systems/Core/components/Layout.tsx

@@ -53,7 +53,7 @@ export const Layout: LayoutComponent = ({ title, children }: LayoutProps) => {
 					rel="shortcut icon"
 					type="image/x-icon"
 					href="data:image/png;base64,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"
-				></link>
+				/>
 			</Helmet>
 			<Flex as="main" direction="column" css={styles.root}>
 				<Header />

packages/app-portal/src/systems/Core/styles/core.ts

@@ -1,6 +1,6 @@
 import { cssObj } from "@fuel-ui/css";
 
-export const SCROLL_WIDTH = `14px`;
+export const SCROLL_WIDTH = "14px";
 
 export const scrollableContent = cssObj({
 	width: `calc(100vw - ${SCROLL_WIDTH})`,

packages/app-portal/src/systems/Ecosystem/components/ProjectItem/ProjectItem.tsx

@@ -136,18 +136,17 @@ export const ProjectItem: ProjectItemComponent = ({
 						wrap="wrap"
 						css={styles.statusContainer}
 					>
-						{status &&
-							status.map((s, index) => (
-								<Tag
-									key={index}
-									intent="base"
-									size="xs"
-									css={styles.tag}
-									variant="ghost"
-								>
-									{s}
-								</Tag>
-							))}
+						{status?.map((s, index) => (
+							<Tag
+								key={index}
+								intent="base"
+								size="xs"
+								css={styles.tag}
+								variant="ghost"
+							>
+								{s}
+							</Tag>
+						))}
 					</Box.Flex>
 				</Box.Stack>
 			</Card.Body>

packages/graphql/src/domains/Network.ts

@@ -8,11 +8,11 @@ export class NetworkDomain {
 	static cache = new Cache();
 
 	static async getChainInfo(url: string) {
-		let provider = this.cache.get<Provider>(url);
+		let provider = NetworkDomain.cache.get<Provider>(url);
 		if (!provider) {
 			provider = await Provider.create(url);
 		}
-		this.cache.put(url, provider, CHAIN_CACHE);
+		NetworkDomain.cache.put(url, provider, CHAIN_CACHE);
 		return provider.getChain();
 	}
 }

packages/graphql/src/domains/Operation.ts

@@ -32,8 +32,6 @@ function getType(receipt: TxReceipt) {
 }
 
 export class OperationDomain {
-	constructor() {}
-
 	async operationsFromTransaction(transaction: Tx) {
 		const receipts = transaction.receipts || [];
 		return this._createOperations(receipts);

packages/graphql/src/utils/cache.ts

@@ -12,9 +12,8 @@ export class Cache {
 		if (data) {
 			if (Date.now() < data.expire) {
 				return data.value as T;
-			} else {
-				delete this._cache[key];
 			}
+			delete this._cache[key];
 		}
 		return null;
 	}

packages/graphql/src/utils/domain.ts

@@ -21,7 +21,6 @@ export class Domain<S = any, A = any> {
 	args!: A;
 	context!: Context;
 	info!: GraphQLResolveInfo;
-	constructor() {}
 
 	createResolver(key: string, func?: string) {
 		return {

packages/graphql/src/utils/requireEnv.ts

@@ -7,7 +7,7 @@ export function requireEnv<
 	return keys.reduce(
 		(ret, value) => {
 			const [key, defaultValue] = Array.isArray(value) ? value : [value];
-			if (!process.env[key] && defaultValue == undefined) {
+			if (!process.env[key] && defaultValue === undefined) {
 				throw new Error(`Environment variable ${key} is required`);
 			}
 			ret[key] = (process.env[key] ? process.env[key] : defaultValue)!;

packages/notification-service/load.envs.js

@@ -55,7 +55,7 @@ process.env.APP_VERSION = versions.version;
 
 // Export ETH Fuel contracts addresses
 const ethFuelContracts = getEthFuelL1Contracts();
-if (ethFuelContracts && ethFuelContracts.FuelMessagePortal) {
+if (ethFuelContracts?.FuelMessagePortal) {
 	process.env.ETH_FUEL_MESSAGE_PORTAL = ethFuelContracts.FuelMessagePortal;
 	process.env.ETH_FUEL_ERC20_GATEWAY = ethFuelContracts.FuelERC20Gateway;
 	process.env.ETH_FUEL_CHAIN_STATE = ethFuelContracts.FuelChainState;

packages/ui/scripts/create-defs.mjs

@@ -51,10 +51,7 @@ function extractExports(sourceFile) {
 			ts.isVariableStatement(node) ||
 			ts.isEnumDeclaration(node)
 		) {
-			if (
-				node.modifiers &&
-				node.modifiers.some((m) => m.kind === ts.SyntaxKind.ExportKeyword)
-			) {
+			if (node.modifiers?.some((m) => m.kind === ts.SyntaxKind.ExportKeyword)) {
 				if (ts.isVariableStatement(node)) {
 					for (const declaration of node.declarationList.declarations) {
 						exports.valueExports.push(declaration.name.getText(sourceFile));
@@ -67,10 +64,7 @@ function extractExports(sourceFile) {
 			ts.isTypeAliasDeclaration(node) ||
 			ts.isInterfaceDeclaration(node)
 		) {
-			if (
-				node.modifiers &&
-				node.modifiers.some((m) => m.kind === ts.SyntaxKind.ExportKeyword)
-			) {
+			if (node.modifiers?.some((m) => m.kind === ts.SyntaxKind.ExportKeyword)) {
 				exports.typeExports.push(node.name.text);
 			}
 		}