From aae12131d470e2c268c6db7e3051a0398f34f393 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 12:15:48 -0700
Subject: [PATCH 01/16] fix: fixing type errors

---
 .../msig/[proposer]/[proposal]/+page.svelte   | 10 +++--
 .../[network]/(explorer)/network/+page.svelte |  4 +-
 .../transaction/[id]/[[seq]]/+page.svelte     | 44 +++++++++++++++----
 .../[id]/[[seq]]/data/+page.svelte            |  3 +-
 4 files changed, 45 insertions(+), 16 deletions(-)

diff --git a/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte b/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
index 84627052a..f4706bc9f 100644
--- a/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
+++ b/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
@@ -1,12 +1,16 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import * as m from '$lib/paraglide/messages.js';
 
 	export let data: PageData;
 </script>
 
-<h1>{data.proposer}/{data.name}</h1>
+<!-- 
+  This section is commented out because the corresponding load method in +page.ts is also commented out.
+  Once the load method is implemented and returning the expected data, we can uncomment and use this part.
+-->
+
+<!-- <h1>{data.proposer}/{data.name}</h1>
 
 <pre>
 {JSON.stringify(data.proposal, null, 2)}
-</pre>
+</pre> -->
diff --git a/src/routes/[network]/(explorer)/network/+page.svelte b/src/routes/[network]/(explorer)/network/+page.svelte
index 139679edc..f2ee704ef 100644
--- a/src/routes/[network]/(explorer)/network/+page.svelte
+++ b/src/routes/[network]/(explorer)/network/+page.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
-	import Code from '$lib/components/code.svelte';
 	import { onMount } from 'svelte';
 	import * as Table from '$lib/components/table';
 	import { Card, Stack } from '$lib/components/layout';
@@ -43,7 +41,7 @@
 					{#each Object.keys(state) as index}
 						<Table.Row>
 							<Table.Cell>{index}</Table.Cell>
-							<Table.Cell>{state[index]}</Table.Cell>
+							<Table.Cell>{state[index as keyof typeof state]}</Table.Cell>
 						</Table.Row>
 					{/each}
 				</Table.Body>
diff --git a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte
index ec3809e9d..b4d9c0f38 100644
--- a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import * as m from '$lib/paraglide/messages.js';
 	import Code from '$lib/components/code.svelte';
 
 	import SendSummary from '$lib/components/summary/eosio.token/transfer.svelte';
@@ -21,18 +20,47 @@
 			sellrex: SellREXSummary,
 			mvfrsavings: MvfrsavingsSummary
 		}
-	};
+	} as const;
 
 	export let data: PageData;
+
+	import type { SvelteComponent } from 'svelte';
+
+	// Define the Action interface
+	interface Action {
+		account: string;
+		name: string;
+		data: any; // Adjust as necessary
+		// Other properties if needed
+	}
+
+	// Type guard for account
+	function isValidAccount(account: string): account is keyof typeof summaryMap {
+		return account in summaryMap;
+	}
+
+	// Type guard for action name
+	function isValidActionName(
+		account: keyof typeof summaryMap,
+		name: string
+	): name is keyof (typeof summaryMap)[typeof account] {
+		return name in summaryMap[account];
+	}
 </script>
 
 {#if data.transaction && data.transaction.trx}
-	{#each data.transaction.trx.trx.actions as action}
-		{@const summaryComponent = summaryMap[action.account][action.name]}
-		{#if summaryComponent}
-			<svelte:component this={summaryComponent} {action} />
+	{@const actions = data.transaction.trx.trx.actions as Action[]}
+	{#each actions as action}
+		{#if isValidAccount(action.account)}
+			{@const accountMap = summaryMap[action.account]}
+			{#if isValidActionName(action.account, action.name)}
+				{@const summaryComponent = accountMap[action.name]}
+				<svelte:component this={summaryComponent as typeof SvelteComponent} {action} />
+			{:else}
+				<p>Unknown action: {action.account}::{action.name}</p>
+			{/if}
 		{:else}
-			<p>Unknown action: {action.account}::{action.name}</p>
+			<p>Unknown account: {action.account}</p>
 		{/if}
 		<Code>{JSON.stringify(action, null, 2)}</Code>
 	{/each}
@@ -40,7 +68,7 @@
 
 {#if data.seq}
 	{@const trace = data.transaction.traces.find(
-		(t) => String(t.receipt.global_sequence) === data.seq
+		(t: { receipt: { global_sequence: number } }) => String(t.receipt.global_sequence) === data.seq
 	)}
 	<Code>{JSON.stringify(trace, null, 2)}</Code>
 {:else}
diff --git a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/data/+page.svelte b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/data/+page.svelte
index b29169907..3c84ecf2b 100644
--- a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/data/+page.svelte
+++ b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/data/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
-	import type { PageData } from '../../data/$types';
-	import * as m from '$lib/paraglide/messages.js';
+	import type { PageData } from './$types';
 
 	export let data: PageData;
 </script>

From 915745cde4ee5373b36306e73e61a9511ec21ec2 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 12:55:21 -0700
Subject: [PATCH 02/16] fix: fixing (explorer) type errors

---
 bun.lockb                                     | Bin 251158 -> 251158 bytes
 .../resources/components/forms/staking.svelte |   4 ++--
 .../resources/components/state/prices.svelte  |   6 +++--
 .../(dev)/debug/state/account/+page.svelte    |   2 +-
 .../account/[name]/ram/+page.svelte           |   2 +-
 .../(explorer)/block/[number]/+page.ts        |  21 ++++++++++--------
 .../actions/[action]/[[data]]/+page.svelte    |  14 +++++++-----
 .../tables/[table]/[[scope]]/+page.svelte     |   2 +-
 .../msig/[proposer]/[proposal]/+page.svelte   |   4 ++--
 9 files changed, 31 insertions(+), 24 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index b9c658fc7d0f9615333a43465b4c73ae153eec9f..c003760c3f58792295261cb01b5dce23336054fa 100755
GIT binary patch
delta 31
lcmbQXihtTF{)QIDElkNX*csyt^?<NFYX;NytQpK}Yyh$v3fTYv

delta 31
jcmbQXihtTF{)QIDElkNX*qIo>pgn5_)Ap<x%xi1_pePBA

diff --git a/src/routes/[network]/(account)/resources/components/forms/staking.svelte b/src/routes/[network]/(account)/resources/components/forms/staking.svelte
index 8d1bc615f..c9b647b7e 100644
--- a/src/routes/[network]/(account)/resources/components/forms/staking.svelte
+++ b/src/routes/[network]/(account)/resources/components/forms/staking.svelte
@@ -107,7 +107,7 @@
 	<Transaction {network} {transactionId} />
 {/if}
 
-<form on:submit|preventDefault={handleRent}>
+<form onsubmit|preventDefault={handleRent}>
 	<Stack class="gap-3">
 		<Label for="assetInput"
 			>Amount of {rentState.chain.systemToken!.symbol.code} to stake as {rentState.resourceName}</Label
@@ -117,7 +117,7 @@
 			placeholder="number of tokens"
 			bind:this={quantityInput}
 			bind:value={rentState.quantity}
-			bind:valid={assetValid}
+			bind:valid={assetValid}on
 			bind:validPrecision={assetValidPrecision}
 			bind:validMinimum={assetValidMinimum}
 			bind:validMaximum={assetValidMaximum}
diff --git a/src/routes/[network]/(account)/resources/components/state/prices.svelte b/src/routes/[network]/(account)/resources/components/state/prices.svelte
index 3c55bec0e..5023cd17c 100644
--- a/src/routes/[network]/(account)/resources/components/state/prices.svelte
+++ b/src/routes/[network]/(account)/resources/components/state/prices.svelte
@@ -28,9 +28,11 @@
 
 	$effect(() => {
 		if (context.network) {
-			powerupPrice = context.network.powerupprice;
+			// TODO: we need to get the powerupprice from the stakingprice
+			// powerupPrice = context.network.powerupprice;
+			// stakingPrice = context.network.stakingprice;
+
 			rexPrice = context.network.rexprice;
-			stakingPrice = context.network.stakingprice;
 		} else {
 			powerupPrice = undefined;
 			rexPrice = undefined;
diff --git a/src/routes/[network]/(dev)/debug/state/account/+page.svelte b/src/routes/[network]/(dev)/debug/state/account/+page.svelte
index fca6bc0d0..602a2401c 100644
--- a/src/routes/[network]/(dev)/debug/state/account/+page.svelte
+++ b/src/routes/[network]/(dev)/debug/state/account/+page.svelte
@@ -12,7 +12,7 @@
 	<h2 class="h2">Account State</h2>
 	<p>The account state for the currently active session.</p>
 	{#if context.account}
-		<Button class="self-start" onclick={() => context.account.refresh()}
+		<Button class="self-start" onclick={() => context.account?.refresh()}
 			>Update account state</Button
 		>
 		<table>
diff --git a/src/routes/[network]/(explorer)/account/[name]/ram/+page.svelte b/src/routes/[network]/(explorer)/account/[name]/ram/+page.svelte
index a8d71b229..220d05211 100644
--- a/src/routes/[network]/(explorer)/account/[name]/ram/+page.svelte
+++ b/src/routes/[network]/(explorer)/account/[name]/ram/+page.svelte
@@ -87,7 +87,7 @@
 		<ul class="space-y-2">
 			<li>
 				{data.account.network.ramprice?.eos.value || 'N/A'}
-				{data.account.network.chain.systemToken.symbol.code}/KB
+				{data.account.network.chain.systemToken?.symbol.code || ''}/KB
 			</li>
 			<li>${data.account.network.ramprice?.usd?.value || 'N/A'} USD/KB</li>
 		</ul>
diff --git a/src/routes/[network]/(explorer)/block/[number]/+page.ts b/src/routes/[network]/(explorer)/block/[number]/+page.ts
index 061214d1e..d2826e7cb 100644
--- a/src/routes/[network]/(explorer)/block/[number]/+page.ts
+++ b/src/routes/[network]/(explorer)/block/[number]/+page.ts
@@ -1,18 +1,21 @@
 import type { Load } from '@sveltejs/kit';
 import * as m from '$lib/paraglide/messages.js';
-import { API, TimePointSec } from '@wharfkit/antelope';
+import { TimePointSec, Transaction } from '@wharfkit/antelope';
 
 export const load: Load = async ({ fetch, params }) => {
 	const response = await fetch(`/${params.network}/api/block/${params.number}`);
 	const json = await response.json();
 	const block = json.block;
 	// Create metadata for the page
-	const actions = block.transactions.reduce((acc, tx) => {
-		if (!tx.trx.transaction) {
-			return acc;
-		}
-		return acc + tx.trx.transaction.actions.length;
-	}, 0);
+	const actions = block.transactions.reduce(
+		(acc: number, tx: { trx: { transaction: Transaction } }) => {
+			if (!tx.trx.transaction) {
+				return acc;
+			}
+			return acc + tx.trx.transaction.actions.length;
+		},
+		0
+	);
 	const description = m.block_height_numbered_description({
 		height: String(params.number),
 		producer: block.producer,
@@ -23,9 +26,9 @@ export const load: Load = async ({ fetch, params }) => {
 	return {
 		block,
 		network: params.network,
-		height: params.number,
+		height: Number(params.number),
 		pageMetaTags: {
-			title: m.block_height_numbered({ height: params.number }),
+			title: m.block_height_numbered({ height: Number(params.number) }),
 			description
 		}
 	};
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte
index f78646b5a..ca9f18738 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte
@@ -48,11 +48,13 @@
 			const action = Serializer.decode({
 				data: Bytes.from(data.data),
 				abi: data.abi,
-				type: data.action.name
+				type: String(data.action.name)
 			});
-			state = flatten(Serializer.objectify(action));
+			if (action) {
+				state = flatten(Serializer.objectify(action));
+			}
 		} catch (e) {
-			console.log(e);
+			console.error('Error decoding action:', e);
 		}
 	}
 
@@ -76,7 +78,7 @@
 			return Serializer.encode({
 				object: restructured,
 				abi: data.abi,
-				type: data.action.name
+				type: String(data.action.name)
 			});
 		} catch (e) {
 			console.log(e);
@@ -89,7 +91,7 @@
 			return Serializer.decode({
 				data: serialized,
 				abi: data.abi,
-				type: data.action.name
+				type: String(data.action.name)
 			});
 		} catch (e) {
 			console.log(e);
@@ -133,7 +135,7 @@
 
 	<Grid>
 		<Card>
-			<Fields abi={data.abi} fields={data.actionData.fields} {state} />
+			<Fields abi={data.abi} fields={data.actionData?.fields || []} {state} />
 			<Button onclick={transact} disabled={!decoded}>Perform Action</Button>
 		</Card>
 		<Card>
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
index 09ed0282d..a55a997de 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
@@ -9,7 +9,7 @@
 	const { data } = $props();
 
 	const tableDef = data.abi.tables.find((t: ABI.Table) => t.name === data.table);
-	const struct = data.abi.structs.find((s: ABI.Struct) => s.name === tableDef.type);
+	const struct = data.abi.structs.find((s: ABI.Struct) => s.name === tableDef?.type);
 </script>
 
 <Stack>
diff --git a/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte b/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
index f4706bc9f..bb02bd936 100644
--- a/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
+++ b/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { PageData } from './$types';
+	// import type { PageData } from './$types';
 
-	export let data: PageData;
+	// export let data: PageData;
 </script>
 
 <!-- 

From d6d8d296c0f91dac9660a4604d7b9d25f14115a4 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 16:18:38 -0700
Subject: [PATCH 03/16] fix: fixing more type errors

---
 src/hooks.server.ts                           |   5 +-
 src/lib/components/input/assetOrUnits.svelte  |   4 +-
 src/lib/state/client/account.svelte.ts        |  37 ++++---
 src/lib/state/network.svelte.ts               |   5 +-
 src/lib/utils.ts                              |   4 +-
 src/lib/wharf/chains.ts                       |   4 +
 .../(account)/(send)/send/+page.svelte        | 101 +++++++++---------
 .../(account)/(staking)/staking/+page.svelte  |   8 +-
 .../(staking)/staking/stake/+page.svelte      |   4 +-
 .../(staking)/staking/unstake/+page.svelte    |   4 +-
 .../(staking)/staking/unstaking.svelte        |   4 +-
 .../(staking)/staking/withdraw/+page.svelte   |   6 +-
 .../resources/components/forms/staking.svelte |   4 +-
 .../(explorer)/account/[name]/+layout.ts      |   4 +-
 .../(explorer)/contract/[contract]/+layout.ts |   3 +-
 .../api/account/[[name]]/activity/+server.ts  |   2 +-
 16 files changed, 105 insertions(+), 94 deletions(-)

diff --git a/src/hooks.server.ts b/src/hooks.server.ts
index 8482bd239..ad142fee9 100644
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -14,7 +14,7 @@ export function getHeaderLang(event: RequestEvent) {
 		acceptLanguage?.split(',')?.map((lang: string) => lang.split(';')[0].split('-')[0].trim()) ??
 		[];
 	for (const locale of locales) {
-		if (availableLanguageTags.includes(locale)) {
+		if (availableLanguageTags.find((l) => l.toLowerCase() === locale)) {
 			return locale;
 		}
 	}
@@ -77,7 +77,8 @@ export async function redirectHandle({ event, resolve }: HandleParams): Promise<
 		pathMore.unshift(pathFirst);
 	}
 
-	event.locals.lang = lang;
+	// Ensure that the 'lang' property exists on the 'Locals' type
+	(event.locals as { lang: string }).lang = lang;
 
 	let url = `/${lang}`;
 	if (network) {
diff --git a/src/lib/components/input/assetOrUnits.svelte b/src/lib/components/input/assetOrUnits.svelte
index 8906bc5ef..d68a7ca5c 100644
--- a/src/lib/components/input/assetOrUnits.svelte
+++ b/src/lib/components/input/assetOrUnits.svelte
@@ -31,8 +31,8 @@
 	}: AssetOrUnitsProps = $props();
 
 	let assetSymbol: Asset.Symbol = $derived(assetValue.symbol);
-	let assetInputRef: HTMLInputElement;
-	let unitsInputRef: HTMLInputElement;
+	let assetInputRef: HTMLInputElement | undefined = $state();
+	let unitsInputRef: HTMLInputElement | undefined = $state();
 
 	function toggleInputType(event: Event) {
 		event.preventDefault();
diff --git a/src/lib/state/client/account.svelte.ts b/src/lib/state/client/account.svelte.ts
index 134dcd7df..0af42e81d 100644
--- a/src/lib/state/client/account.svelte.ts
+++ b/src/lib/state/client/account.svelte.ts
@@ -219,23 +219,28 @@ export function getBalances(
 	tokenmeta?: TokenMeta[]
 ): TokenBalance[] {
 	if (sources.light_account) {
-		const balances = sources.light_account.map((result) => {
-			const asset = Asset.from(`${result.amount} ${result.currency}`);
-			const contract = Name.from(result.contract);
-			const id = TokenIdentifier.from({
-				chain,
-				contract: contract,
-				symbol: asset.symbol
+		const balances: TokenBalance[] = [];
+		sources.light_account.forEach((lightAccount) => {
+			lightAccount.balances.forEach((balance) => {
+				const asset = Asset.from(`${balance.amount} ${balance.currency}`);
+				const contract = Name.from(balance.contract);
+				const id = TokenIdentifier.from({
+					chain: chain,
+					contract: contract,
+					symbol: asset.symbol
+				});
+				const metadata =
+					tokenmeta && tokenmeta.length > 0
+						? tokenmeta.find((meta) => meta.id.equals(id))
+						: undefined;
+				balances.push(
+					TokenBalance.from({
+						asset,
+						contract,
+						metadata: metadata || TokenMeta.from({ id: { chain, contract, symbol: asset.symbol } })
+					})
+				);
 			});
-			const metadata =
-				tokenmeta && tokenmeta.length > 0
-					? tokenmeta.find((meta) => meta.id.equals(id))
-					: undefined;
-			return {
-				asset,
-				contract,
-				metadata: metadata || TokenMeta.from({ id: { chain, contract, symbol: asset.symbol } })
-			};
 		});
 
 		return balances;
diff --git a/src/lib/state/network.svelte.ts b/src/lib/state/network.svelte.ts
index 070498b7a..e7149a14f 100644
--- a/src/lib/state/network.svelte.ts
+++ b/src/lib/state/network.svelte.ts
@@ -20,6 +20,7 @@ import {
 	chainConfigs,
 	chainMapper,
 	type ChainConfig,
+	type ChainShortName,
 	type DefaultContracts,
 	type FeatureType
 } from '$lib/wharf/chains';
@@ -33,7 +34,7 @@ export class NetworkState {
 	public fetch = fetch;
 	public last_update: Date = $state(new Date());
 	public loaded = $state(false);
-	public shortname: string;
+	public shortname: keyof typeof tokens;
 	public snapOrigin?: string = $state();
 
 	public contracts: DefaultContracts;
@@ -201,7 +202,7 @@ export function getNetwork(chain: ChainDefinition, fetchOverride?: typeof window
 
 export function getChainDefinitionFromParams(network: string): ChainDefinition {
 	if (network) {
-		const id = chainMapper.toChainId(network);
+		const id = chainMapper.toChainId(network as ChainShortName);
 		const name = chainIdsToIndices.get(id);
 		if (name) {
 			// Return the chain that's found
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 6dafba36f..e7166bc0b 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -24,8 +24,8 @@ export function getCacheHeaders(ttl: number, irreversible: boolean = false) {
 	};
 }
 
-export function preventDefault(fn: (event: Event) => void) {
-	return function (event: Event) {
+export function preventDefault<TThis>(fn: (this: TThis, event: Event) => void) {
+	return function (this: TThis, event: Event) {
 		event.preventDefault();
 		fn.call(this, event);
 	};
diff --git a/src/lib/wharf/chains.ts b/src/lib/wharf/chains.ts
index 88c713ed2..0dcc7df97 100644
--- a/src/lib/wharf/chains.ts
+++ b/src/lib/wharf/chains.ts
@@ -125,6 +125,10 @@ export const chainMap: Record<string, ChainShortName> = {
 	// f16b1833c747c43682f4386fca9cbb327929334a762755ebec17f6f23c9b8a12: 'waxtestnet'
 };
 
+type Invert<M extends Record<keyof M, PropertyKey>> = {
+	[K in keyof M as M[K]]: K;
+};
+
 export function createMappers<M extends Record<keyof M, PropertyKey>>(map: M) {
 	const invertedMap = (Object.entries(map) as Array<[PropertyKey, PropertyKey]>).reduce(
 		(inverted, [key, value]) => ({ ...inverted, [value]: key }),
diff --git a/src/routes/[network]/(account)/(send)/send/+page.svelte b/src/routes/[network]/(account)/(send)/send/+page.svelte
index 62a6e93fb..fb6dc3981 100644
--- a/src/routes/[network]/(account)/(send)/send/+page.svelte
+++ b/src/routes/[network]/(account)/(send)/send/+page.svelte
@@ -23,39 +23,34 @@
 	import { getSetting } from '$lib/state/settings.svelte';
 	import { formatCurrency } from '$lib/i18n';
 	import { goto } from '$app/navigation';
-	import { languageTag } from '$lib/paraglide/runtime';
 	import { preventDefault } from '$lib/utils';
 	import { NetworkState } from '$lib/state/network.svelte';
 	import { page } from '$app/stores';
-	import { error } from '@sveltejs/kit';
 	import { transactions } from '$lib/wharf/transact.svelte';
 
 	const debugMode = getSetting('debug-mode', false);
 
 	const context = getContext<UnicoveContext>('state');
 	const { data } = $props();
-	const state: SendState = $state(new SendState());
-	let chain: Checksum256 | undefined = $state(data.network.chain.id);
+	const sendState: SendState = $state(new SendState());
 
-	let quantityInput: AssetInput = $state();
-	let toInput: NameInput = $state();
-	let tokenSelect: TokenSelect = $state();
+	let quantityInput: AssetInput | undefined = $state();
+	let toInput: NameInput | undefined = $state();
+	let tokenSelect: TokenSelect | undefined = $state();
 
-	let quantityRef = $state();
-	let toRef = $state();
-	let memoRef = $state();
+	let quantityRef: HTMLInputElement | undefined = $state();
+	let toRef: HTMLInputElement | undefined = $state();
+	let memoRef: HTMLInputElement | undefined = $state();
 
 	let id: Checksum256 | undefined = $state();
-	const transaction = $derived(
-		id ? transactions.find((t) => t.transaction?.id.equals(id)) : undefined
-	);
+	const transaction = $derived(transactions.find((t) => id && t.transaction?.id.equals(id)));
 
 	function transact() {
 		if (!context.wharf || !context.wharf.session) {
 			return;
 		}
 		if (data.network.contracts.token) {
-			const action = data.network.contracts.token.action('transfer', state.toJSON());
+			const action = data.network.contracts.token.action('transfer', sendState.toJSON());
 			context.wharf
 				.transact({ action })
 				.then((result) => {
@@ -73,31 +68,31 @@
 	}
 
 	function max() {
-		if (state.balance) {
-			quantityInput.set(state.balance.asset);
+		if (sendState.balance) {
+			quantityInput?.set(sendState.balance.asset);
 		}
 	}
 
 	// Effect to handle token swapping
 	$effect(() => {
 		// Only trigger when the states quantity and balance do not match tokens
-		if (!state.balance.asset.symbol.equals(state.quantity.symbol)) {
+		if (!sendState.balance.asset.symbol.equals(sendState.quantity.symbol)) {
 			// Reset the quantity to 0
-			const quantity = Asset.fromUnits(0, state.balance.asset.symbol);
+			const quantity = Asset.fromUnits(0, sendState.balance.asset.symbol);
 			// Reset the values
-			quantityInput.set(quantity);
-			state.quantity = quantity;
+			quantityInput?.set(quantity);
+			sendState.quantity = quantity;
 			// Focus the quantity input
-			quantityRef.focus();
+			quantityRef?.focus();
 		}
 	});
 
 	// Effect to handle URL changes
 	$effect(() => {
 		const to = $page.url.searchParams.get('to');
-		if (quantityRef && to && !String(state.to)) {
-			toInput.set(to);
-			quantityRef.focus();
+		if (quantityRef && to && !String(sendState.to)) {
+			toInput?.set(to);
+			quantityRef?.focus();
 			tick().then(() => f.send('next'));
 		}
 
@@ -108,15 +103,15 @@
 			context.account &&
 			context.account.balances &&
 			context.account.balances.length &&
-			state.quantity.equals(defaultQuantity)
+			sendState.quantity.equals(defaultQuantity)
 		) {
 			const asset = Asset.from(quantity);
-			quantityInput.set(asset);
+			quantityInput?.set(asset);
 			const balance = context.account.balances.find((b) => b.asset.symbol.equals(asset.symbol));
 			if (balance) {
-				tokenSelect.set(balance);
+				tokenSelect?.set(balance);
 			}
-			memoRef.focus();
+			memoRef?.focus();
 			tick().then(() => f.send('next'));
 		}
 	});
@@ -126,22 +121,22 @@
 		if (context.account) {
 			const { name } = context.account;
 			// Change the from field on the transfer
-			if (name && state.from !== name) {
+			if (name && sendState.from !== name) {
 				f.send('reset');
 			}
 
 			// Set the balance to the default if it is not set
 			if (
-				state.quantity.equals(defaultQuantity) &&
+				sendState.quantity.equals(defaultQuantity) &&
 				context.account.balances &&
 				context.account.balances.length
 			) {
 				const balance = getDefaultBalance(data.network, context.account.balances);
 				if (balance) {
-					state.balance = balance;
-					state.quantity = Asset.fromUnits(0, balance.asset.symbol);
-					tokenSelect.set(balance);
-					quantityInput.set(Asset.fromUnits(0, balance.asset.symbol));
+					sendState.balance = balance;
+					sendState.quantity = Asset.fromUnits(0, balance.asset.symbol);
+					tokenSelect?.set(balance);
+					quantityInput?.set(Asset.fromUnits(0, balance.asset.symbol));
 				}
 			}
 		}
@@ -243,14 +238,14 @@
 		}
 
 		// Reset the form state itself
-		state.reset();
+		sendState.reset();
 
 		// Reset associated transaction ID
 		id = undefined;
 
 		// Default back to the account as the sender
 		if (context.account && context.account.name) {
-			state.from = context.account.name;
+			sendState.from = context.account.name;
 		}
 
 		// Focus the "to" input field
@@ -332,7 +327,7 @@
 			<NameInput
 				bind:this={toInput}
 				bind:ref={toRef}
-				bind:value={state.to}
+				bind:value={sendState.to}
 				bind:valid={toValid}
 				id="to-input"
 				{onkeydown}
@@ -343,12 +338,12 @@
 		<fieldset class="grid gap-2" class:hidden={f.current !== 'quantity'}>
 			<fieldset class="grid gap-2">
 				<Label for="token-select">Select a token</Label>
-				{#if tokenOptions.length && state.balance}
+				{#if tokenOptions.length && sendState.balance}
 					<TokenSelect
 						id="token-select"
 						options={tokenOptions}
 						bind:this={tokenSelect}
-						bind:selected={state.balance}
+						bind:selected={sendState.balance}
 						debug={debugMode.value}
 					/>
 				{:else}
@@ -356,20 +351,20 @@
 				{/if}
 			</fieldset>
 			<Label for="quantity-input">Amount</Label>
-			{#if state.balance}
+			{#if sendState.balance}
 				<AssetInput
 					id="quantity-input"
 					bind:this={quantityInput}
 					bind:ref={quantityRef}
-					bind:value={state.quantity}
+					bind:value={sendState.quantity}
 					bind:valid={assetValid}
 					bind:validPrecision={assetValidPrecision}
 					bind:validMinimum={assetValidMinimum}
 					bind:validMaximum={assetValidMaximum}
-					min={state.min || 0}
-					max={state.max || 0}
+					min={sendState.min || 0}
+					max={sendState.max || 0}
 					{onkeydown}
-					placeholder={`Enter the number of ${state.balance?.asset.symbol.code} tokens to send`}
+					placeholder={`Enter the number of ${sendState.balance?.asset.symbol.code} tokens to send`}
 					debug={debugMode.value}
 				/>
 			{/if}
@@ -383,8 +378,8 @@
 					>
 				</Label>
 			{/if}
-			{#if assetValid && state.value}
-				<Label for="quantity-input">Value: {formatCurrency(state.value)}</Label>
+			{#if assetValid && sendState.value}
+				<Label for="quantity-input">Value: {formatCurrency(sendState.value)}</Label>
 			{/if}
 			{#if !assetValidPrecision}
 				<p class="text-red-500">Invalid number, too many decimal places.</p>
@@ -395,7 +390,7 @@
 		</fieldset>
 
 		<SummarySend
-			action={{ data: state.toJSON() }}
+			action={{ data: sendState.toJSON() }}
 			class={f.current !== 'memo' ? 'hidden' : undefined}
 		/>
 
@@ -404,7 +399,7 @@
 			<TextInput
 				id="memo-input"
 				bind:ref={memoRef}
-				bind:value={state.memo}
+				bind:value={sendState.memo}
 				{onkeydown}
 				placeholder="Specify a public memo for this transfer (optional)"
 			/>
@@ -436,12 +431,12 @@
 		<Code
 			>{JSON.stringify(
 				{
-					state,
-					price: state.price,
-					value: state.value,
+					state: sendState,
+					price: sendState.price,
+					value: sendState.value,
 					current: f.current,
-					balance: state.balance,
-					max: state.max,
+					balance: sendState.balance,
+					max: sendState.max,
 					valid: {
 						toValid,
 						assetValid,
diff --git a/src/routes/[network]/(account)/(staking)/staking/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/+page.svelte
index b6fa544ec..2d2083ced 100644
--- a/src/routes/[network]/(account)/(staking)/staking/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/+page.svelte
@@ -7,7 +7,7 @@
 	import { Asset } from '@wharfkit/antelope';
 	import { getContext } from 'svelte';
 
-	import type { UnstakingRecord, WithdrawableBalance } from './utils';
+	import type { UnstakingRecord } from './utils';
 	import { getStakedBalance, getUnstakingBalances, getAPY } from './utils';
 	import UnstakingBalances from './unstaking.svelte';
 
@@ -15,9 +15,11 @@
 	const { data } = $props();
 	const networkName = String(data.network);
 
-	let staked: Asset = $derived(getStakedBalance(data.network, context.account));
+	let staked: Asset = $derived(
+		context.account ? getStakedBalance(data.network, context.account) : Asset.from(0, '0,UNKNOWN')
+	);
 	let unstaking: Array<UnstakingRecord> = $derived(
-		getUnstakingBalances(data.network, context.account)
+		context.account ? getUnstakingBalances(data.network, context.account) : []
 	);
 	let apy = $derived(getAPY(data.network));
 	let usdValue = $derived(
diff --git a/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte
index ede95eb67..3b3e0762d 100644
--- a/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte
@@ -18,7 +18,9 @@
 	let manager: StakeManager = $state(new StakeManager(data.network));
 
 	$effect(() => {
-		manager.sync(data.network, context.account, context.wharf);
+		if (context.account) {
+			manager.sync(data.network, context.account, context.wharf);
+		}
 	});
 </script>
 
diff --git a/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte
index 67ec4b5af..befea3e86 100644
--- a/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte
@@ -18,7 +18,9 @@
 	let manager: UnstakeManager = $state(new UnstakeManager(data.network));
 
 	$effect(() => {
-		manager.sync(data.network, context.account, context.wharf);
+		if (context.account) {
+			manager.sync(data.network, context.account, context.wharf);
+		}
 	});
 </script>
 
diff --git a/src/routes/[network]/(account)/(staking)/staking/unstaking.svelte b/src/routes/[network]/(account)/(staking)/staking/unstaking.svelte
index baf281eb9..b93d71d9d 100644
--- a/src/routes/[network]/(account)/(staking)/staking/unstaking.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/unstaking.svelte
@@ -14,10 +14,10 @@
 		records?: Array<UnstakingRecord>;
 	}
 
-	const { href, records, ...props }: Props = $props();
+	const { href, records = [], ...props }: Props = $props();
 </script>
 
-<Card title="Unstaking Balances" {...props}>
+<Card {...props} title="Unstaking Balances">
 	<Table.Root class="table-auto">
 		<Table.Head class="border-b-2 border-shark-100/10">
 			<Table.Row class="caption font-medium">
diff --git a/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte
index 56930235a..0b1dda72d 100644
--- a/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte
@@ -21,7 +21,9 @@
 	let manager: WithdrawManager = $state(new WithdrawManager(data.network));
 
 	$effect(() => {
-		manager.sync(data.network, context.account, context.wharf);
+		if (context.account) {
+			manager.sync(data.network, context.account, context.wharf);
+		}
 	});
 </script>
 
@@ -35,7 +37,7 @@
 {:else}
 	<Stack class="mx-auto max-w-5xl space-y-8">
 		<Switcher>
-			<PageHeader title="Currently Withdrawable" subtitle={manager.total} inverted />
+			<PageHeader title="Currently Withdrawable" subtitle={String(manager.total)} inverted />
 			<Button
 				disabled={!manager.total.value}
 				onclick={() => manager.transact()}
diff --git a/src/routes/[network]/(account)/resources/components/forms/staking.svelte b/src/routes/[network]/(account)/resources/components/forms/staking.svelte
index c9b647b7e..8d1bc615f 100644
--- a/src/routes/[network]/(account)/resources/components/forms/staking.svelte
+++ b/src/routes/[network]/(account)/resources/components/forms/staking.svelte
@@ -107,7 +107,7 @@
 	<Transaction {network} {transactionId} />
 {/if}
 
-<form onsubmit|preventDefault={handleRent}>
+<form on:submit|preventDefault={handleRent}>
 	<Stack class="gap-3">
 		<Label for="assetInput"
 			>Amount of {rentState.chain.systemToken!.symbol.code} to stake as {rentState.resourceName}</Label
@@ -117,7 +117,7 @@
 			placeholder="number of tokens"
 			bind:this={quantityInput}
 			bind:value={rentState.quantity}
-			bind:valid={assetValid}on
+			bind:valid={assetValid}
 			bind:validPrecision={assetValidPrecision}
 			bind:validMinimum={assetValidMinimum}
 			bind:validMaximum={assetValidMaximum}
diff --git a/src/routes/[network]/(explorer)/account/[name]/+layout.ts b/src/routes/[network]/(explorer)/account/[name]/+layout.ts
index 45b7c2162..4392815c5 100644
--- a/src/routes/[network]/(explorer)/account/[name]/+layout.ts
+++ b/src/routes/[network]/(explorer)/account/[name]/+layout.ts
@@ -1,9 +1,7 @@
-import type { PageLoad } from './$types';
-import * as m from '$lib/paraglide/messages.js';
 import { AccountState } from '$lib/state/client/account.svelte';
 import { getNetworkFromParams } from '$lib/state/network.svelte';
 
-export const load: PageLoad = async ({ fetch, params }) => {
+export const load = async ({ fetch, params }) => {
 	const network = getNetworkFromParams(params.network);
 	const account = await AccountState.for(network, params.name, fetch);
 	return {
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/+layout.ts b/src/routes/[network]/(explorer)/contract/[contract]/+layout.ts
index 5be93b4d4..9ec31e74d 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/+layout.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/+layout.ts
@@ -1,8 +1,7 @@
-import type { PageLoad } from './$types';
 import * as m from '$lib/paraglide/messages.js';
 import type { ABI } from '@wharfkit/antelope';
 
-export const load: PageLoad = async ({ fetch, params, parent }: Pageload) => {
+export const load = async ({ fetch, params, parent }) => {
 	const p = await parent();
 	const response = await fetch(`/${params.network}/api/contract/${params.contract}`);
 	const json = await response.json();
diff --git a/src/routes/[network]/api/account/[[name]]/activity/+server.ts b/src/routes/[network]/api/account/[[name]]/activity/+server.ts
index e339e7de4..72704a446 100644
--- a/src/routes/[network]/api/account/[[name]]/activity/+server.ts
+++ b/src/routes/[network]/api/account/[[name]]/activity/+server.ts
@@ -20,7 +20,7 @@ export async function GET({ fetch, params }) {
 		return json({ error: `Activity not supported on ${network.chain.name}.` }, { status: 500 });
 	}
 
-	const client = getBackendClient(fetch, network.shortname, true);
+	const client = getBackendClient(fetch, network.shortname, { history: true });
 
 	const requests = [getActivity(client, params.name)];
 	const headers = getCacheHeaders(5);

From d2e10ed0cc90e6e23c435a6bf06f2b878a9f7121 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 16:30:57 -0700
Subject: [PATCH 04/16] fix: fixing my account page

---
 src/lib/state/client/account.svelte.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/state/client/account.svelte.ts b/src/lib/state/client/account.svelte.ts
index 0af42e81d..0c4c1e1b2 100644
--- a/src/lib/state/client/account.svelte.ts
+++ b/src/lib/state/client/account.svelte.ts
@@ -221,7 +221,7 @@ export function getBalances(
 	if (sources.light_account) {
 		const balances: TokenBalance[] = [];
 		sources.light_account.forEach((lightAccount) => {
-			lightAccount.balances.forEach((balance) => {
+			lightAccount.balances?.forEach((balance) => {
 				const asset = Asset.from(`${balance.amount} ${balance.currency}`);
 				const contract = Name.from(balance.contract);
 				const id = TokenIdentifier.from({

From 01cac60ccd1e5c5c58f8dffb9f0c392976dae48d Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 16:32:33 -0700
Subject: [PATCH 05/16] chore: ran prettier

---
 src/routes/[network]/api/account/[[name]]/+server.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/[network]/api/account/[[name]]/+server.ts b/src/routes/[network]/api/account/[[name]]/+server.ts
index e61e6e8f9..87389e284 100644
--- a/src/routes/[network]/api/account/[[name]]/+server.ts
+++ b/src/routes/[network]/api/account/[[name]]/+server.ts
@@ -24,7 +24,7 @@ export const GET: RequestHandler = async ({ fetch, params }) => {
 			network.client.v1.chain.get_account(params.name),
 			systemContract.table('delband').all({ scope: params.name }),
 			systemContract.table('rexbal').get(params.name),
-   		systemContract.table('rexfund').get(params.name),
+			systemContract.table('rexfund').get(params.name),
 			loadBalances(network, params.name, fetch)
 		]);
 

From c42d3fedefb564d2682026aaf4e0be445f55a6c4 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 16:42:31 -0700
Subject: [PATCH 06/16] cleanup: removed unused variables

---
 src/lib/wharf/contracts/token.ts                          | 1 +
 .../(account)/(staking)/staking/withdraw/+page.svelte     | 8 +-------
 src/routes/[network]/(account)/move/+page.svelte          | 1 -
 src/routes/[network]/(account)/permissions/+page.svelte   | 1 -
 src/routes/[network]/(account)/ram/buy/bytes/+page.svelte | 3 ++-
 .../[network]/(account)/ram/buy/tokens/+page.svelte       | 3 ++-
 .../[network]/(account)/ram/sell/bytes/+page.svelte       | 3 ++-
 .../[network]/(account)/ram/sell/tokens/+page.svelte      | 3 ++-
 .../(account)/resources/components/forms/powerup.svelte   | 1 -
 .../(account)/resources/components/forms/rex.svelte       | 3 ++-
 .../(account)/resources/components/forms/staking.svelte   | 3 ++-
 .../(account)/resources/components/forms/state.svelte.ts  | 4 ++--
 src/routes/[network]/(account)/signup/+page.svelte        | 2 --
 .../(explorer)/msig/[proposer]/[proposal]/+page.ts        | 7 +++----
 .../(explorer)/transaction/[id]/[[seq]]/+layout.ts        | 1 -
 .../transaction/[id]/[[seq]]/resources/+page.svelte       | 1 -
 src/routes/[network]/(homepage)/+page.svelte              | 1 -
 .../[network]/api/account/[[name]]/activity/+server.ts    | 2 +-
 18 files changed, 20 insertions(+), 28 deletions(-)

diff --git a/src/lib/wharf/contracts/token.ts b/src/lib/wharf/contracts/token.ts
index 3211eb40e..60ce7c687 100644
--- a/src/lib/wharf/contracts/token.ts
+++ b/src/lib/wharf/contracts/token.ts
@@ -96,6 +96,7 @@ export interface TableTypes {
 	accounts: Types.account;
 	stat: Types.currency_stats;
 }
+
 export type RowType<T> = T extends keyof TableTypes ? TableTypes[T] : any;
 export type TableNames = keyof TableTypes;
 export namespace ActionParams {
diff --git a/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte
index 0b1dda72d..c20575329 100644
--- a/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/withdraw/+page.svelte
@@ -1,15 +1,9 @@
 <script lang="ts">
-	import { Asset } from '@wharfkit/antelope';
-
-	import PillGroup from '$lib/components/navigation/pillgroup.svelte';
-	import { Card, Stack, Switcher } from '$lib/components/layout';
-	import AssetInput from '$lib/components/input/asset.svelte';
+	import { Stack, Switcher } from '$lib/components/layout';
 	import Button from '$lib/components/button/button.svelte';
-	import Label from '$lib/components/input/label.svelte';
 	import PageHeader from '$lib/components/pageheader.svelte';
 	import Transaction from '$lib/components/transaction.svelte';
 
-	import * as m from '$lib/paraglide/messages.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import { getContext } from 'svelte';
 	import { WithdrawManager } from './manager.svelte';
diff --git a/src/routes/[network]/(account)/move/+page.svelte b/src/routes/[network]/(account)/move/+page.svelte
index 7736460a4..42f90e06e 100644
--- a/src/routes/[network]/(account)/move/+page.svelte
+++ b/src/routes/[network]/(account)/move/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import Code from '$lib/components/code.svelte';
-	import * as m from '$lib/paraglide/messages.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import { getContext } from 'svelte';
 
diff --git a/src/routes/[network]/(account)/permissions/+page.svelte b/src/routes/[network]/(account)/permissions/+page.svelte
index 820dc2967..ae229a22e 100644
--- a/src/routes/[network]/(account)/permissions/+page.svelte
+++ b/src/routes/[network]/(account)/permissions/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import Code from '$lib/components/code.svelte';
-	import * as m from '$lib/paraglide/messages.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import { getContext } from 'svelte';
 
diff --git a/src/routes/[network]/(account)/ram/buy/bytes/+page.svelte b/src/routes/[network]/(account)/ram/buy/bytes/+page.svelte
index cbabea856..09b7b8f45 100644
--- a/src/routes/[network]/(account)/ram/buy/bytes/+page.svelte
+++ b/src/routes/[network]/(account)/ram/buy/bytes/+page.svelte
@@ -15,6 +15,7 @@
 	import NumberInput from '$lib/components/input/number.svelte';
 
 	import { BuyRAMState } from '../state.svelte.js';
+	import { preventDefault } from '$lib/utils.js';
 
 	const context = getContext<UnicoveContext>('state');
 	const { data } = $props();
@@ -76,7 +77,7 @@
 	<Transaction network={data.network} {transactionId} />
 {/if}
 
-<form on:submit|preventDefault={handleBuyRAM}>
+<form onsubmit={preventDefault(handleBuyRAM)}>
 	<Stack class="gap-3">
 		<Label for="bytesInput">Amount to buy (Bytes)</Label>
 		<NumberInput
diff --git a/src/routes/[network]/(account)/ram/buy/tokens/+page.svelte b/src/routes/[network]/(account)/ram/buy/tokens/+page.svelte
index e1394eaa9..d0b8fc8bf 100644
--- a/src/routes/[network]/(account)/ram/buy/tokens/+page.svelte
+++ b/src/routes/[network]/(account)/ram/buy/tokens/+page.svelte
@@ -15,6 +15,7 @@
 	import AssetInput from '$lib/components/input/asset.svelte';
 
 	import { BuyRAMState } from '../state.svelte.js';
+	import { preventDefault } from '$lib/utils.js';
 
 	const context = getContext<UnicoveContext>('state');
 	const { data } = $props();
@@ -75,7 +76,7 @@
 	<Transaction network={data.network} {transactionId} />
 {/if}
 
-<form on:submit|preventDefault={handleBuyRAM}>
+<form onsubmit={preventDefault(handleBuyRAM)}>
 	<Stack class="gap-3">
 		<Label for="assetInput">Amount to buy</Label>
 		<AssetInput
diff --git a/src/routes/[network]/(account)/ram/sell/bytes/+page.svelte b/src/routes/[network]/(account)/ram/sell/bytes/+page.svelte
index 7ee8f1981..705e0eef3 100644
--- a/src/routes/[network]/(account)/ram/sell/bytes/+page.svelte
+++ b/src/routes/[network]/(account)/ram/sell/bytes/+page.svelte
@@ -14,6 +14,7 @@
 	import NumberInput from '$lib/components/input/number.svelte';
 
 	import { SellRAMState } from '../state.svelte.js';
+	import { preventDefault } from '$lib/utils.js';
 
 	const context = getContext<UnicoveContext>('state');
 	const { data } = $props();
@@ -70,7 +71,7 @@
 	<Transaction network={data.network} {transactionId} />
 {/if}
 
-<form on:submit|preventDefault={handleSellRAM}>
+<form onsubmit={preventDefault(handleSellRAM)}>
 	<Stack class="gap-3">
 		<Label for="bytesInput">Amount to sell (Bytes)</Label>
 		<NumberInput
diff --git a/src/routes/[network]/(account)/ram/sell/tokens/+page.svelte b/src/routes/[network]/(account)/ram/sell/tokens/+page.svelte
index 667efb0dd..05403dfd4 100644
--- a/src/routes/[network]/(account)/ram/sell/tokens/+page.svelte
+++ b/src/routes/[network]/(account)/ram/sell/tokens/+page.svelte
@@ -15,6 +15,7 @@
 	import AssetInput from '$lib/components/input/asset.svelte';
 
 	import { SellRAMState } from '../state.svelte.js';
+	import { preventDefault } from '$lib/utils.js';
 
 	const context = getContext<UnicoveContext>('state');
 	const { data } = $props();
@@ -69,7 +70,7 @@
 	<Transaction network={data.network} {transactionId} />
 {/if}
 
-<form on:submit|preventDefault={handleSellRAM}>
+<form onsubmit={preventDefault(handleSellRAM)}>
 	<Stack class="gap-3">
 		<Label for="assetInput">Amount to sell</Label>
 		<AssetInput
diff --git a/src/routes/[network]/(account)/resources/components/forms/powerup.svelte b/src/routes/[network]/(account)/resources/components/forms/powerup.svelte
index 157dd34dc..58046e1d9 100644
--- a/src/routes/[network]/(account)/resources/components/forms/powerup.svelte
+++ b/src/routes/[network]/(account)/resources/components/forms/powerup.svelte
@@ -13,7 +13,6 @@
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import type { NetworkState } from '$lib/state/network.svelte';
 	import { getContext } from 'svelte';
-	import Error from '../../../../../+error.svelte';
 
 	const context = getContext<UnicoveContext>('state');
 	interface Props {
diff --git a/src/routes/[network]/(account)/resources/components/forms/rex.svelte b/src/routes/[network]/(account)/resources/components/forms/rex.svelte
index 9bf9a1af0..f17c7222d 100644
--- a/src/routes/[network]/(account)/resources/components/forms/rex.svelte
+++ b/src/routes/[network]/(account)/resources/components/forms/rex.svelte
@@ -13,6 +13,7 @@
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import type { NetworkState } from '$lib/state/network.svelte';
 	import { getContext } from 'svelte';
+	import { preventDefault } from '$lib/utils';
 
 	const context = getContext<UnicoveContext>('state');
 
@@ -80,7 +81,7 @@
 	<Transaction {network} {transactionId} />
 {/if}
 
-<form on:submit|preventDefault={handleRent}>
+<form onsubmit={preventDefault(handleRent)}>
 	<Stack class="gap-3">
 		<Label for="resourceNumberInput">Amount of {rentState.resourceUnit} to rent from REX.</Label>
 		<NumberInput
diff --git a/src/routes/[network]/(account)/resources/components/forms/staking.svelte b/src/routes/[network]/(account)/resources/components/forms/staking.svelte
index 8d1bc615f..912771c22 100644
--- a/src/routes/[network]/(account)/resources/components/forms/staking.svelte
+++ b/src/routes/[network]/(account)/resources/components/forms/staking.svelte
@@ -13,6 +13,7 @@
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import type { NetworkState } from '$lib/state/network.svelte';
 	import { getContext } from 'svelte';
+	import { preventDefault } from '$lib/utils';
 
 	const context = getContext<UnicoveContext>('state');
 	let quantityInput: AssetInput | undefined = $state();
@@ -107,7 +108,7 @@
 	<Transaction {network} {transactionId} />
 {/if}
 
-<form on:submit|preventDefault={handleRent}>
+<form onsubmit={preventDefault(handleRent)}>
 	<Stack class="gap-3">
 		<Label for="assetInput"
 			>Amount of {rentState.chain.systemToken!.symbol.code} to stake as {rentState.resourceName}</Label
diff --git a/src/routes/[network]/(account)/resources/components/forms/state.svelte.ts b/src/routes/[network]/(account)/resources/components/forms/state.svelte.ts
index 37254602c..a05cee841 100644
--- a/src/routes/[network]/(account)/resources/components/forms/state.svelte.ts
+++ b/src/routes/[network]/(account)/resources/components/forms/state.svelte.ts
@@ -1,7 +1,7 @@
-import { Serializer, Asset, Name } from '@wharfkit/antelope';
+import { Asset, Name } from '@wharfkit/antelope';
 import { ChainDefinition } from '@wharfkit/common';
 import { RentType, ResourceType } from '../../types';
-import type { ActionNames, ActionParams } from '$lib/wharf/contracts/system';
+import type { ActionNames } from '$lib/wharf/contracts/system';
 import { getName, getUnit } from '../../utils';
 
 const defaultName = Name.from('');
diff --git a/src/routes/[network]/(account)/signup/+page.svelte b/src/routes/[network]/(account)/signup/+page.svelte
index ce9f83f23..84aeb9e57 100644
--- a/src/routes/[network]/(account)/signup/+page.svelte
+++ b/src/routes/[network]/(account)/signup/+page.svelte
@@ -1,6 +1,4 @@
 <script lang="ts">
-	import Button from '$lib/components/button/button.svelte';
-	import { goto } from '$app/navigation';
 	import { page } from '$app/stores';
 
 	$: network = $page.params.network;
diff --git a/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.ts b/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.ts
index 2ca7f7bf0..36fb3d7f1 100644
--- a/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.ts
+++ b/src/routes/[network]/(explorer)/msig/[proposer]/[proposal]/+page.ts
@@ -1,10 +1,9 @@
-import { error } from '@sveltejs/kit';
-import { Name, type API } from '@wharfkit/antelope';
+// import { error } from '@sveltejs/kit';
+// import { Name, type API } from '@wharfkit/antelope';
 
 import type { PageLoad } from './$types';
-import * as m from '$lib/paraglide/messages.js';
 
-export const load: PageLoad = async ({ fetch, params }) => {
+export const load: PageLoad = async () => {
 	// const result = await getClient(fetch).v1.chain.get_table_rows({
 	// 	code: 'eosio.msig',
 	// 	scope: params.proposer,
diff --git a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+layout.ts b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+layout.ts
index a95097237..3b9f621d5 100644
--- a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+layout.ts
+++ b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+layout.ts
@@ -1,5 +1,4 @@
 import type { Load } from '@sveltejs/kit';
-import * as m from '$lib/paraglide/messages.js';
 
 export const load: Load = async ({ fetch, params }) => {
 	const response = await fetch(`/${params.network}/api/transaction/${params.id}`);
diff --git a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/resources/+page.svelte b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/resources/+page.svelte
index 95747ef0d..0fda14057 100644
--- a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/resources/+page.svelte
+++ b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/resources/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import * as m from '$lib/paraglide/messages.js';
 
 	export let data: PageData;
 </script>
diff --git a/src/routes/[network]/(homepage)/+page.svelte b/src/routes/[network]/(homepage)/+page.svelte
index 1f3c5da37..79fb45693 100644
--- a/src/routes/[network]/(homepage)/+page.svelte
+++ b/src/routes/[network]/(homepage)/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import { Stack } from '$lib/components/layout';
 	import { getContext } from 'svelte';
 	import type { UnicoveContext } from '$lib/state/client.svelte.js';
diff --git a/src/routes/[network]/api/account/[[name]]/activity/+server.ts b/src/routes/[network]/api/account/[[name]]/activity/+server.ts
index 72704a446..5886b1b7f 100644
--- a/src/routes/[network]/api/account/[[name]]/activity/+server.ts
+++ b/src/routes/[network]/api/account/[[name]]/activity/+server.ts
@@ -36,7 +36,7 @@ export async function GET({ fetch, params }) {
 				headers
 			}
 		);
-	} catch (error) {
+	} catch (_error) {
 		return json({ error: 'Unable to load account.' }, { status: 500 });
 	}
 }

From 97930ae5c8539eb92816f628f11e8daa8b2ac78b Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 16:47:14 -0700
Subject: [PATCH 07/16] enhancement: ignoring contracts folder when checking
 lint errors

---
 eslint.config.js                                       |  2 +-
 .../[network]/(account)/(staking)/staking/utils.ts     | 10 +++++-----
 .../[contract]/tables/[table]/[[scope]]/+page.svelte   |  3 ---
 .../(explorer)/transaction/[id]/[[seq]]/+page.svelte   |  3 +--
 .../[network]/api/account/[[name]]/activity/+server.ts |  3 ++-
 5 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/eslint.config.js b/eslint.config.js
index a351fa90e..4825bcce3 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -28,6 +28,6 @@ export default [
 		}
 	},
 	{
-		ignores: ['build/', '.svelte-kit/', 'dist/']
+		ignores: ['build/', '.svelte-kit/', 'dist/', 'src/lib/wharf/contracts/']
 	}
 ];
diff --git a/src/routes/[network]/(account)/(staking)/staking/utils.ts b/src/routes/[network]/(account)/(staking)/staking/utils.ts
index fd48c7495..2ac568aee 100644
--- a/src/routes/[network]/(account)/(staking)/staking/utils.ts
+++ b/src/routes/[network]/(account)/(staking)/staking/utils.ts
@@ -13,7 +13,7 @@ const defaultSymbol = Asset.Symbol.from('0,UNKNOWN');
 export const defaultQuantity = Asset.fromUnits(0, defaultSymbol);
 
 export function getStakableBalance(network: NetworkState, account: AccountState): Asset {
-	let balance = Int64.from(0);
+	const balance = Int64.from(0);
 	if (account && account.balance) {
 		if (account.balance && account.balance.liquid) {
 			balance.add(account.balance.liquid.units);
@@ -23,7 +23,7 @@ export function getStakableBalance(network: NetworkState, account: AccountState)
 }
 
 export function getStakedBalance(network: NetworkState, account: AccountState): Asset {
-	let staked = Int64.from(0);
+	const staked = Int64.from(0);
 	if (account && account.loaded) {
 		if (account.account?.data.rex_info) {
 			staked.add(network.rexToToken(account.account.data.rex_info.rex_balance).units);
@@ -41,7 +41,7 @@ export function getClaimableBalance(
 	unstaking: Array<UnstakingRecord> | undefined
 ): Asset {
 	// claimable buckets, rex to be sold
-	let claimable = Int64.from(0);
+	const claimable = Int64.from(0);
 
 	if (!unstaking) {
 		unstaking = getUnstakingBalances(network, account);
@@ -58,7 +58,7 @@ export function getClaimableBalance(
 }
 
 export function getWithdrawableBalance(network: NetworkState, account: AccountState): Asset {
-	let withdrawable = Int64.from(0);
+	const withdrawable = Int64.from(0);
 	if (account && account.loaded && account.sources.rexfund && account.sources.rexfund.balance) {
 		withdrawable.add(Asset.from(account.sources.rexfund.balance).units);
 	}
@@ -70,7 +70,7 @@ export function getUnstakingBalances(
 	account: AccountState
 ): Array<UnstakingRecord> {
 	// matured_rex + claimable buckets
-	let records: Array<UnstakingRecord> = [];
+	const records: Array<UnstakingRecord> = [];
 	if (account && account.loaded && account.account?.data.rex_info) {
 		const rexInfo = account.account.data.rex_info;
 		if (rexInfo.matured_rex && rexInfo.matured_rex.gt(Int64.from(0))) {
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
index a55a997de..dadddeeef 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
@@ -1,15 +1,12 @@
 <script lang="ts">
 	import { ABI } from '@wharfkit/antelope';
 	import * as m from '$lib/paraglide/messages.js';
-	import Code from '$lib/components/code.svelte';
-	import Account from '$lib/components/link/account.svelte';
 	import Stack from '$lib/components/layout/stack.svelte';
 	import Pageheader from '$lib/components/pageheader.svelte';
 
 	const { data } = $props();
 
 	const tableDef = data.abi.tables.find((t: ABI.Table) => t.name === data.table);
-	const struct = data.abi.structs.find((s: ABI.Struct) => s.name === tableDef?.type);
 </script>
 
 <Stack>
diff --git a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte
index b4d9c0f38..eca791202 100644
--- a/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/transaction/[id]/[[seq]]/+page.svelte
@@ -30,8 +30,7 @@
 	interface Action {
 		account: string;
 		name: string;
-		data: any; // Adjust as necessary
-		// Other properties if needed
+		data: Record<string, unknown>;
 	}
 
 	// Type guard for account
diff --git a/src/routes/[network]/api/account/[[name]]/activity/+server.ts b/src/routes/[network]/api/account/[[name]]/activity/+server.ts
index 5886b1b7f..1e956351b 100644
--- a/src/routes/[network]/api/account/[[name]]/activity/+server.ts
+++ b/src/routes/[network]/api/account/[[name]]/activity/+server.ts
@@ -36,7 +36,8 @@ export async function GET({ fetch, params }) {
 				headers
 			}
 		);
-	} catch (_error) {
+	} catch (error) {
+		console.error(error);
 		return json({ error: 'Unable to load account.' }, { status: 500 });
 	}
 }

From c9d4e9cff6e5c8b6785bbe638872a5455b47194b Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 17:17:05 -0700
Subject: [PATCH 08/16] cleanup: removed remaining unused variables

---
 src/hooks.server.ts                                      | 4 ----
 src/lib/components/circleprogress.svelte                 | 3 +--
 src/lib/components/input/asset.svelte                    | 3 ++-
 src/lib/components/input/name.svelte                     | 3 ++-
 src/lib/components/input/search.svelte                   | 8 ++++++--
 src/lib/components/layout/grid.svelte                    | 2 +-
 src/lib/components/layout/sidebar/content.svelte         | 8 +-------
 src/lib/components/select/account.svelte                 | 2 +-
 src/lib/components/toast/toast.svelte                    | 2 +-
 src/lib/types.ts                                         | 1 +
 src/lib/wharf/transact.svelte.ts                         | 4 ++--
 src/routes/[network]/(account)/(send)/+layout.svelte     | 1 -
 .../[network]/(account)/(send)/receive/+page.svelte      | 2 --
 src/routes/[network]/(account)/(send)/send/+page.svelte  | 2 +-
 .../[network]/(account)/(staking)/staking/+layout.svelte | 9 +--------
 .../[network]/(account)/(staking)/staking/+page.svelte   | 4 +---
 .../(account)/(staking)/staking/stake/+page.svelte       | 6 +-----
 .../(account)/(staking)/staking/unstake/+page.svelte     | 4 ----
 src/routes/[network]/(account)/ram/+page.ts              | 2 +-
 .../[network]/(account)/ram/buy/tokens/+page.svelte      | 2 +-
 .../(account)/resources/components/forms/powerup.svelte  | 8 +++++---
 .../(account)/resources/components/forms/rex.svelte      | 5 +++--
 .../(account)/resources/components/forms/staking.svelte  | 5 +++--
 .../(account)/resources/components/forms/state.svelte.ts | 6 ++++--
 src/routes/[network]/(account)/vote/+page.svelte         | 1 -
 .../(dev)/debug/components/sections/tables.svelte        | 4 ++--
 .../[network]/(explorer)/account/[name]/+page.svelte     | 1 -
 .../(explorer)/account/[name]/activity/+page.svelte      | 1 -
 .../(explorer)/account/[name]/activity/+page.ts          | 1 -
 .../(explorer)/account/[name]/balances/+page.svelte      | 1 -
 .../(explorer)/account/[name]/chaindata/+page.svelte     | 1 -
 .../(explorer)/account/[name]/permissions/+page.svelte   | 1 -
 .../[network]/(explorer)/account/[name]/ram/+page.svelte | 2 +-
 .../(explorer)/account/[name]/resources/+page.svelte     | 3 ---
 .../(explorer)/account/[name]/staked/+page.svelte        | 1 -
 .../[contract]/actions/[action]/[[data]]/+page.svelte    | 1 +
 .../[contract]/actions/[action]/[[data]]/fields.svelte   | 1 +
 .../(explorer)/contract/[contract]/tables/+page.svelte   | 1 -
 .../[contract]/tables/[table]/[[scope]]/+page.svelte     | 3 ---
 39 files changed, 44 insertions(+), 75 deletions(-)

diff --git a/src/hooks.server.ts b/src/hooks.server.ts
index ad142fee9..a87aa3469 100644
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -25,10 +25,6 @@ function isAPIPath(pathname: string) {
 	return /^\/[a-z0-9]+\/api/gm.test(pathname);
 }
 
-function isDevPath(pathname: string) {
-	return /^\/[a-z0-9]+\/debug/gm.test(pathname);
-}
-
 function skipRedirect(pathname: string) {
 	return isAPIPath(pathname);
 }
diff --git a/src/lib/components/circleprogress.svelte b/src/lib/components/circleprogress.svelte
index 9b7116028..bdd1ca296 100644
--- a/src/lib/components/circleprogress.svelte
+++ b/src/lib/components/circleprogress.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
 	import { tweened } from 'svelte/motion';
 	import { cubicInOut } from 'svelte/easing';
-	import { onMount, type Snippet } from 'svelte';
-	import type { HTMLAttributes } from 'svelte/elements';
+	import { type Snippet } from 'svelte';
 
 	interface Props {
 		children?: Snippet;
diff --git a/src/lib/components/input/asset.svelte b/src/lib/components/input/asset.svelte
index 65353ecb2..523bdba65 100644
--- a/src/lib/components/input/asset.svelte
+++ b/src/lib/components/input/asset.svelte
@@ -98,7 +98,7 @@
 		}
 	});
 
-	debug &&
+	if (debug) {
 		$inspect({
 			input,
 			number,
@@ -115,6 +115,7 @@
 			satisfiesMinimum,
 			satisfiesMaximum
 		});
+	}
 </script>
 
 <TextInput
diff --git a/src/lib/components/input/name.svelte b/src/lib/components/input/name.svelte
index 6984165ba..fca8e0781 100644
--- a/src/lib/components/input/name.svelte
+++ b/src/lib/components/input/name.svelte
@@ -46,11 +46,12 @@
 		}
 	});
 
-	debug &&
+	if (debug) {
 		$inspect({
 			input,
 			satisfies
 		});
+	}
 </script>
 
 <TextInput bind:ref bind:value={input} {autofocus} {...props} />
diff --git a/src/lib/components/input/search.svelte b/src/lib/components/input/search.svelte
index 0d3e7828f..1be2a3807 100644
--- a/src/lib/components/input/search.svelte
+++ b/src/lib/components/input/search.svelte
@@ -15,7 +15,6 @@
 	}
 
 	let {
-		autofocus = false,
 		network,
 		ref = $bindable(),
 		debug = false,
@@ -26,6 +25,8 @@
 	let searchValue: string = $state('');
 
 	const searchType = $derived.by(() => {
+		/* eslint-disable @typescript-eslint/no-unused-vars */
+		/* eslint-disable no-empty */
 		try {
 			PublicKey.from(searchValue);
 			return 'key';
@@ -45,6 +46,8 @@
 			return 'block';
 		} catch (e) {}
 		return 'unknown';
+		/* eslint-enable @typescript-eslint/no-unused-vars */
+		/* eslint-enable no-empty */
 	});
 
 	const result = $derived.by(() => {
@@ -91,13 +94,14 @@
 		searchValue = '';
 	}
 
-	debug &&
+	if (debug) {
 		$inspect({
 			searchValue,
 			searchType,
 			result,
 			open: $open
 		});
+	}
 </script>
 
 <svelte:window on:keydown={handleKeydown} />
diff --git a/src/lib/components/layout/grid.svelte b/src/lib/components/layout/grid.svelte
index fb55666a0..7eb317d86 100644
--- a/src/lib/components/layout/grid.svelte
+++ b/src/lib/components/layout/grid.svelte
@@ -9,7 +9,7 @@
 		itemWidth?: string;
 	}
 
-	const { class: className = '', children, itemWidth = '20ch', ...props }: Props = $props();
+	const { children, itemWidth = '20ch', ...props }: Props = $props();
 </script>
 
 <div class={`layout-grid`} {...props} style={`--grid-itemWidth:${itemWidth}`}>
diff --git a/src/lib/components/layout/sidebar/content.svelte b/src/lib/components/layout/sidebar/content.svelte
index df0bbf341..8d694c0f6 100644
--- a/src/lib/components/layout/sidebar/content.svelte
+++ b/src/lib/components/layout/sidebar/content.svelte
@@ -9,13 +9,7 @@
 		class?: string;
 		children: Snippet;
 	}
-	const {
-		threshold = '50%',
-		children,
-		tag = 'div',
-		class: className = '',
-		...props
-	}: Props = $props();
+	const { threshold = '50%', children, tag = 'div', ...props }: Props = $props();
 </script>
 
 <!-- 
diff --git a/src/lib/components/select/account.svelte b/src/lib/components/select/account.svelte
index b6166ac05..7e2230b97 100644
--- a/src/lib/components/select/account.svelte
+++ b/src/lib/components/select/account.svelte
@@ -51,7 +51,7 @@
 	}
 
 	const {
-		elements: { trigger, overlay, content, title, description, close, portalled },
+		elements: { trigger, overlay, content, title, close, portalled },
 		states: { open }
 	} = createDialog({
 		// defaultOpen: true,
diff --git a/src/lib/components/toast/toast.svelte b/src/lib/components/toast/toast.svelte
index e0b9fd39c..af6a47c16 100644
--- a/src/lib/components/toast/toast.svelte
+++ b/src/lib/components/toast/toast.svelte
@@ -2,7 +2,7 @@
 	import { fly } from 'svelte/transition';
 	import { melt, type Toast } from '@melt-ui/svelte';
 
-	import { elements as toastElements, type ToastData } from '$lib/state/toaster.svelte';
+	import type { elements as toastElements, ToastData } from '$lib/state/toaster.svelte';
 
 	interface Props {
 		elements: typeof toastElements;
diff --git a/src/lib/types.ts b/src/lib/types.ts
index dd03ada3f..acfa1a60f 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -27,6 +27,7 @@ export class ActivityAction extends Struct {
 	@Struct.field(Name) declare contract: Name;
 	@Struct.field(Name) declare action: Name;
 	@Struct.field(PermissionLevel, { array: true }) declare authorizations: PermissionLevel[];
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	@Struct.field('any') declare data: any;
 	@Struct.field(API.v1.OrderedActionsResult) declare raw: API.v1.OrderedActionsResult;
 }
diff --git a/src/lib/wharf/transact.svelte.ts b/src/lib/wharf/transact.svelte.ts
index b180ce7d3..cfabb8057 100644
--- a/src/lib/wharf/transact.svelte.ts
+++ b/src/lib/wharf/transact.svelte.ts
@@ -1,5 +1,5 @@
 import { type Checksum256, type Transaction } from '@wharfkit/antelope';
-import type { TransactArgs, TransactOptions } from '@wharfkit/session';
+import type { TransactArgs, TransactOptions, TransactResult } from '@wharfkit/session';
 import { addToast, updateToast } from '../state/toaster.svelte';
 
 export enum StatusType {
@@ -17,7 +17,7 @@ export interface QueuedTransaction {
 	network: string;
 	args: TransactArgs;
 	options?: TransactOptions;
-	response?: any;
+	response?: TransactResult;
 	transaction?: Transaction;
 	error?: string;
 	toastId?: string;
diff --git a/src/routes/[network]/(account)/(send)/+layout.svelte b/src/routes/[network]/(account)/(send)/+layout.svelte
index 514c1142c..98025c0e5 100644
--- a/src/routes/[network]/(account)/(send)/+layout.svelte
+++ b/src/routes/[network]/(account)/(send)/+layout.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import PillGroup from '$lib/components/navigation/pillgroup.svelte';
 	import { page } from '$app/stores';
 	import Pageheader from '$lib/components/pageheader.svelte';
diff --git a/src/routes/[network]/(account)/(send)/receive/+page.svelte b/src/routes/[network]/(account)/(send)/receive/+page.svelte
index a9bf022d6..778844365 100644
--- a/src/routes/[network]/(account)/(send)/receive/+page.svelte
+++ b/src/routes/[network]/(account)/(send)/receive/+page.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import Stack from '$lib/components/layout/stack.svelte';
 </script>
 
 <header class="layout-stack gap-6">
 	<Stack class="gap-2">
 		<h1 class="h1 font-bold leading-none text-white">Receive</h1>
-		<h3 class="h3 text-white/60"></h3>
 	</Stack>
 </header>
diff --git a/src/routes/[network]/(account)/(send)/send/+page.svelte b/src/routes/[network]/(account)/(send)/send/+page.svelte
index fb6dc3981..ba4184932 100644
--- a/src/routes/[network]/(account)/(send)/send/+page.svelte
+++ b/src/routes/[network]/(account)/(send)/send/+page.svelte
@@ -2,7 +2,7 @@
 	import { Asset } from '@wharfkit/antelope';
 	import { TokenBalance } from '@wharfkit/common';
 	import { Checksum256 } from '@wharfkit/session';
-	import { getContext, onMount, tick } from 'svelte';
+	import { getContext, tick } from 'svelte';
 	import { FiniteStateMachine } from 'runed';
 
 	import type { UnicoveContext } from '$lib/state/client.svelte';
diff --git a/src/routes/[network]/(account)/(staking)/staking/+layout.svelte b/src/routes/[network]/(account)/(staking)/staking/+layout.svelte
index 60ccafcac..3e58a4751 100644
--- a/src/routes/[network]/(account)/(staking)/staking/+layout.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/+layout.svelte
@@ -1,17 +1,10 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
-	import { Box, Center, Cluster, Stack } from '$lib/components/layout';
+	import { Box, Stack } from '$lib/components/layout';
 	import PageHeader from '$lib/components/pageheader.svelte';
 	import PillGroup from '$lib/components/navigation/pillgroup.svelte';
-	import AccountNavigation from '$lib/components/navigation/accountnavigation.svelte';
 	import { page } from '$app/stores';
-	import { Asset } from '@wharfkit/antelope';
-	import type { UnicoveContext } from '$lib/state/client.svelte';
-
-	import { getContext } from 'svelte';
 
 	const { children, data } = $props();
-	const context = getContext<UnicoveContext>('state');
 
 	const tabOptions = $derived.by(() => {
 		const network = String(data.network);
diff --git a/src/routes/[network]/(account)/(staking)/staking/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/+page.svelte
index 2d2083ced..c23369eeb 100644
--- a/src/routes/[network]/(account)/(staking)/staking/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/+page.svelte
@@ -1,7 +1,5 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
-	import { Box, Card, Center, Stack, Switcher } from '$lib/components/layout';
-	import PageHeader from '$lib/components/pageheader.svelte';
+	import { Card, Stack, Switcher } from '$lib/components/layout';
 	import Button from '$lib/components/button/button.svelte';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import { Asset } from '@wharfkit/antelope';
diff --git a/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte
index 3b3e0762d..f7bce32a9 100644
--- a/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/stake/+page.svelte
@@ -1,15 +1,11 @@
 <script lang="ts">
-	import { Asset, Name } from '@wharfkit/antelope';
-
-	import PillGroup from '$lib/components/navigation/pillgroup.svelte';
 	import { Card, Stack, Switcher } from '$lib/components/layout';
 	import AssetInput from '$lib/components/input/asset.svelte';
 	import Button from '$lib/components/button/button.svelte';
 	import Label from '$lib/components/input/label.svelte';
 	import Transaction from '$lib/components/transaction.svelte';
-	import * as m from '$lib/paraglide/messages.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
-	import { getContext, untrack } from 'svelte';
+	import { getContext } from 'svelte';
 	import { StakeManager } from './manager.svelte';
 
 	const context = getContext<UnicoveContext>('state');
diff --git a/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte b/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte
index befea3e86..968b18ed9 100644
--- a/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte
+++ b/src/routes/[network]/(account)/(staking)/staking/unstake/+page.svelte
@@ -1,13 +1,9 @@
 <script lang="ts">
-	import { Asset } from '@wharfkit/antelope';
-
-	import PillGroup from '$lib/components/navigation/pillgroup.svelte';
 	import { Card, Stack, Switcher } from '$lib/components/layout';
 	import AssetInput from '$lib/components/input/asset.svelte';
 	import Button from '$lib/components/button/button.svelte';
 	import Label from '$lib/components/input/label.svelte';
 	import Transaction from '$lib/components/transaction.svelte';
-	import * as m from '$lib/paraglide/messages.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import { getContext } from 'svelte';
 	import { UnstakeManager } from './manager.svelte';
diff --git a/src/routes/[network]/(account)/ram/+page.ts b/src/routes/[network]/(account)/ram/+page.ts
index 34e7d0b2e..6c66793aa 100644
--- a/src/routes/[network]/(account)/ram/+page.ts
+++ b/src/routes/[network]/(account)/ram/+page.ts
@@ -21,7 +21,7 @@ export async function load({ fetch, params }: LoadEvent): Promise<LoadData> {
 
 	try {
 		const response: Response = await fetch(`/${network}/api/metrics/marketprice/ram`);
-		const parsedResponse: any[] = await response.json();
+		const parsedResponse: { date: string; value: number }[] = await response.json();
 		historicalPrices = parsedResponse.map((price: { date: string; value: number }) => ({
 			date: new Date(price.date),
 			value: Asset.from(price.value / 10000, chain.systemToken?.symbol || '0,UNKNOWN')
diff --git a/src/routes/[network]/(account)/ram/buy/tokens/+page.svelte b/src/routes/[network]/(account)/ram/buy/tokens/+page.svelte
index d0b8fc8bf..0aedab339 100644
--- a/src/routes/[network]/(account)/ram/buy/tokens/+page.svelte
+++ b/src/routes/[network]/(account)/ram/buy/tokens/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { getContext } from 'svelte';
-	import { Checksum256, Asset } from '@wharfkit/antelope';
+	import { Checksum256 } from '@wharfkit/antelope';
 
 	import { getSetting } from '$lib/state/settings.svelte.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
diff --git a/src/routes/[network]/(account)/resources/components/forms/powerup.svelte b/src/routes/[network]/(account)/resources/components/forms/powerup.svelte
index 58046e1d9..9c3faf2ad 100644
--- a/src/routes/[network]/(account)/resources/components/forms/powerup.svelte
+++ b/src/routes/[network]/(account)/resources/components/forms/powerup.svelte
@@ -6,6 +6,7 @@
 	import Transaction from '$lib/components/transaction.svelte';
 
 	import { Asset, Checksum256 } from '@wharfkit/antelope';
+	import type { TransactResult } from '@wharfkit/session';
 
 	import { RentState } from './state.svelte';
 	import { RentType, ResourceType } from '../../types';
@@ -13,6 +14,7 @@
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import type { NetworkState } from '$lib/state/network.svelte';
 	import { getContext } from 'svelte';
+	import { preventDefault } from '$lib/utils';
 
 	const context = getContext<UnicoveContext>('state');
 	interface Props {
@@ -79,8 +81,8 @@
 				.transact({
 					action: rentAction
 				})
-				.then((result: any) => {
-					transactionId = result.response.transaction_id;
+				.then((result: TransactResult) => {
+					transactionId = result.response?.transaction_id;
 					resetStateAfterTrasaction();
 				})
 				.catch((error) => {
@@ -101,7 +103,7 @@
 	<Transaction {network} {transactionId} />
 {/if}
 
-<form on:submit|preventDefault={handleRent}>
+<form onsubmit={preventDefault(handleRent)}>
 	<Stack class="gap-3">
 		<Label for="numberInput">Amount of {rentState.resourceUnit} to rent from PowerUp.</Label>
 		<NumberInput
diff --git a/src/routes/[network]/(account)/resources/components/forms/rex.svelte b/src/routes/[network]/(account)/resources/components/forms/rex.svelte
index f17c7222d..0ce063c71 100644
--- a/src/routes/[network]/(account)/resources/components/forms/rex.svelte
+++ b/src/routes/[network]/(account)/resources/components/forms/rex.svelte
@@ -6,6 +6,7 @@
 	import Transaction from '$lib/components/transaction.svelte';
 
 	import { Checksum256 } from '@wharfkit/antelope';
+	import type { TransactResult } from '@wharfkit/session';
 
 	import { RentState } from './state.svelte';
 	import { RentType, ResourceType } from '../../types';
@@ -59,8 +60,8 @@
 				.transact({
 					actions: [depositAction, rentAction]
 				})
-				.then((result: any) => {
-					transactionId = result.response.transaction_id;
+				.then((result: TransactResult) => {
+					transactionId = result.response?.transaction_id;
 					resetStateAfterTrasaction();
 				})
 				.catch((error) => {
diff --git a/src/routes/[network]/(account)/resources/components/forms/staking.svelte b/src/routes/[network]/(account)/resources/components/forms/staking.svelte
index 912771c22..cb828dedd 100644
--- a/src/routes/[network]/(account)/resources/components/forms/staking.svelte
+++ b/src/routes/[network]/(account)/resources/components/forms/staking.svelte
@@ -6,6 +6,7 @@
 	import Transaction from '$lib/components/transaction.svelte';
 
 	import { Checksum256, Asset } from '@wharfkit/antelope';
+	import type { TransactResult } from '@wharfkit/session';
 
 	import { RentState } from './state.svelte';
 	import { RentType, ResourceType } from '../../types';
@@ -81,8 +82,8 @@
 				.transact({
 					action: rentAction
 				})
-				.then((result: any) => {
-					transactionId = result.response.transaction_id;
+				.then((result: TransactResult) => {
+					transactionId = result.response?.transaction_id;
 					resetStateAfterTrasaction();
 				})
 				.catch((error) => {
diff --git a/src/routes/[network]/(account)/resources/components/forms/state.svelte.ts b/src/routes/[network]/(account)/resources/components/forms/state.svelte.ts
index a05cee841..55a484830 100644
--- a/src/routes/[network]/(account)/resources/components/forms/state.svelte.ts
+++ b/src/routes/[network]/(account)/resources/components/forms/state.svelte.ts
@@ -110,7 +110,7 @@ export class RentState {
 					loan_payment: this.cost,
 					loan_fund: Asset.fromUnits(0, this.chain.systemToken!.symbol)
 				};
-			case RentType.STAKE:
+			case RentType.STAKE: {
 				const cpuQuantity =
 					this.resourceType == ResourceType.CPU
 						? this.quantity
@@ -126,7 +126,8 @@ export class RentState {
 					stake_net_quantity: netQuantity,
 					transfer: false
 				};
-			case RentType.POWERUP:
+			}
+			case RentType.POWERUP: {
 				const cpuFrac = this.resourceType == ResourceType.CPU ? this.frac : 0;
 				const netFrac = this.resourceType == ResourceType.CPU ? 0 : this.frac;
 				return {
@@ -137,6 +138,7 @@ export class RentState {
 					cpu_frac: cpuFrac,
 					max_payment: this.cost
 				};
+			}
 		}
 	}
 }
diff --git a/src/routes/[network]/(account)/vote/+page.svelte b/src/routes/[network]/(account)/vote/+page.svelte
index 08ace9db0..ed53339ec 100644
--- a/src/routes/[network]/(account)/vote/+page.svelte
+++ b/src/routes/[network]/(account)/vote/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import Code from '$lib/components/code.svelte';
-	import * as m from '$lib/paraglide/messages.js';
 	import type { UnicoveContext } from '$lib/state/client.svelte';
 	import { getContext } from 'svelte';
 
diff --git a/src/routes/[network]/(dev)/debug/components/sections/tables.svelte b/src/routes/[network]/(dev)/debug/components/sections/tables.svelte
index 6d50db429..ccbc36160 100644
--- a/src/routes/[network]/(dev)/debug/components/sections/tables.svelte
+++ b/src/routes/[network]/(dev)/debug/components/sections/tables.svelte
@@ -48,8 +48,8 @@
 				</Table.Row>
 			</Table.Head>
 			<Table.Body>
-				{#each [1, 2, 3, 4] as _value}
-					<Table.Row>
+				{#each [1, 2, 3, 4] as index}
+					<Table.Row id={String(index)}>
 						<Table.Cell class="border-r border-white/10 text-left">Left</Table.Cell>
 						<Table.Cell class="border-r border-white/10 text-center">Center</Table.Cell>
 						<Table.Cell class="text-right">Right</Table.Cell>
diff --git a/src/routes/[network]/(explorer)/account/[name]/+page.svelte b/src/routes/[network]/(explorer)/account/[name]/+page.svelte
index 245fa54a5..94661c04d 100644
--- a/src/routes/[network]/(explorer)/account/[name]/+page.svelte
+++ b/src/routes/[network]/(explorer)/account/[name]/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import Code from '$lib/components/code.svelte';
 
 	const { data } = $props();
diff --git a/src/routes/[network]/(explorer)/account/[name]/activity/+page.svelte b/src/routes/[network]/(explorer)/account/[name]/activity/+page.svelte
index 0d481a934..4c9e4f873 100644
--- a/src/routes/[network]/(explorer)/account/[name]/activity/+page.svelte
+++ b/src/routes/[network]/(explorer)/account/[name]/activity/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import Code from '$lib/components/code.svelte';
 	import { ActivityAction } from '$lib/types.js';
 
diff --git a/src/routes/[network]/(explorer)/account/[name]/activity/+page.ts b/src/routes/[network]/(explorer)/account/[name]/activity/+page.ts
index 92910f1d6..1a27786df 100644
--- a/src/routes/[network]/(explorer)/account/[name]/activity/+page.ts
+++ b/src/routes/[network]/(explorer)/account/[name]/activity/+page.ts
@@ -1,5 +1,4 @@
 import type { Load } from '@sveltejs/kit';
-import * as m from '$lib/paraglide/messages.js';
 
 export const load: Load = async ({ fetch, params }) => {
 	const response = await fetch(`/${params.network}/api/account/${params.name}/activity`);
diff --git a/src/routes/[network]/(explorer)/account/[name]/balances/+page.svelte b/src/routes/[network]/(explorer)/account/[name]/balances/+page.svelte
index c3c2eb42f..1bd104a84 100644
--- a/src/routes/[network]/(explorer)/account/[name]/balances/+page.svelte
+++ b/src/routes/[network]/(explorer)/account/[name]/balances/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import Code from '$lib/components/code.svelte';
 
 	const { data } = $props();
diff --git a/src/routes/[network]/(explorer)/account/[name]/chaindata/+page.svelte b/src/routes/[network]/(explorer)/account/[name]/chaindata/+page.svelte
index cac7c176d..7e1581feb 100644
--- a/src/routes/[network]/(explorer)/account/[name]/chaindata/+page.svelte
+++ b/src/routes/[network]/(explorer)/account/[name]/chaindata/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import Code from '$lib/components/code.svelte';
 
 	const { data } = $props();
diff --git a/src/routes/[network]/(explorer)/account/[name]/permissions/+page.svelte b/src/routes/[network]/(explorer)/account/[name]/permissions/+page.svelte
index 0c6018900..98a6d8e09 100644
--- a/src/routes/[network]/(explorer)/account/[name]/permissions/+page.svelte
+++ b/src/routes/[network]/(explorer)/account/[name]/permissions/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import Code from '$lib/components/code.svelte';
 
 	const { data } = $props();
diff --git a/src/routes/[network]/(explorer)/account/[name]/ram/+page.svelte b/src/routes/[network]/(explorer)/account/[name]/ram/+page.svelte
index 220d05211..2090a405c 100644
--- a/src/routes/[network]/(explorer)/account/[name]/ram/+page.svelte
+++ b/src/routes/[network]/(explorer)/account/[name]/ram/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Asset, Int64 } from '@wharfkit/session';
+	import { Asset } from '@wharfkit/session';
 	import Card from '$lib/components/layout/box/card.svelte';
 	import RAM from '$lib/components/elements/ram.svelte';
 	import { calculateValue } from '$lib/utils';
diff --git a/src/routes/[network]/(explorer)/account/[name]/resources/+page.svelte b/src/routes/[network]/(explorer)/account/[name]/resources/+page.svelte
index da337d7e5..a90f48db8 100644
--- a/src/routes/[network]/(explorer)/account/[name]/resources/+page.svelte
+++ b/src/routes/[network]/(explorer)/account/[name]/resources/+page.svelte
@@ -1,8 +1,5 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import Code from '$lib/components/code.svelte';
-	import type { UnicoveContext } from '$lib/state/client.svelte.js';
-	import { getContext } from 'svelte';
 
 	const { data } = $props();
 </script>
diff --git a/src/routes/[network]/(explorer)/account/[name]/staked/+page.svelte b/src/routes/[network]/(explorer)/account/[name]/staked/+page.svelte
index 14caa854c..00f99d720 100644
--- a/src/routes/[network]/(explorer)/account/[name]/staked/+page.svelte
+++ b/src/routes/[network]/(explorer)/account/[name]/staked/+page.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import * as m from '$lib/paraglide/messages.js';
 	import Code from '$lib/components/code.svelte';
 
 	const { data } = $props();
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte
index ca9f18738..741c9af68 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	/* eslint-disable @typescript-eslint/no-explicit-any */
 	import { getContext } from 'svelte';
 	import { Bytes, Serializer } from '@wharfkit/antelope';
 	import type { Contract } from '@wharfkit/contract';
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/fields.svelte b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/fields.svelte
index fbf82de78..6170674f2 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/fields.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/fields.svelte
@@ -8,6 +8,7 @@
 		abi: ABI;
 		codePath?: string[];
 		fields: ABI.Field[];
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		state?: Record<string, any>;
 	}
 	const { abi, codePath = [], fields, state = $bindable({}) }: PageProps = $props();
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.svelte
index f828a92d4..c43e0c4db 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import * as m from '$lib/paraglide/messages.js';
-	import Code from '$lib/components/code.svelte';
 	import Pageheader from '$lib/components/pageheader.svelte';
 	import Stack from '$lib/components/layout/stack.svelte';
 
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
index dadddeeef..feb04a43a 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
@@ -1,12 +1,9 @@
 <script lang="ts">
-	import { ABI } from '@wharfkit/antelope';
 	import * as m from '$lib/paraglide/messages.js';
 	import Stack from '$lib/components/layout/stack.svelte';
 	import Pageheader from '$lib/components/pageheader.svelte';
 
 	const { data } = $props();
-
-	const tableDef = data.abi.tables.find((t: ABI.Table) => t.name === data.table);
 </script>
 
 <Stack>

From 566a32201e7c96700ad59ac604618a2165c3cc36 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 17:20:38 -0700
Subject: [PATCH 09/16] fix: fixed QueuedTransaction type error

---
 src/lib/wharf/transact.svelte.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/wharf/transact.svelte.ts b/src/lib/wharf/transact.svelte.ts
index cfabb8057..99a393402 100644
--- a/src/lib/wharf/transact.svelte.ts
+++ b/src/lib/wharf/transact.svelte.ts
@@ -1,5 +1,5 @@
 import { type Checksum256, type Transaction } from '@wharfkit/antelope';
-import type { TransactArgs, TransactOptions, TransactResult } from '@wharfkit/session';
+import type { TransactArgs, TransactOptions } from '@wharfkit/session';
 import { addToast, updateToast } from '../state/toaster.svelte';
 
 export enum StatusType {
@@ -17,7 +17,8 @@ export interface QueuedTransaction {
 	network: string;
 	args: TransactArgs;
 	options?: TransactOptions;
-	response?: TransactResult;
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	response?: Record<string, any>;
 	transaction?: Transaction;
 	error?: string;
 	toastId?: string;

From 453b2602bba70ff89552983a5dce82684ca98a2d Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 17:42:25 -0700
Subject: [PATCH 10/16] chore: added missing types

---
 src/routes/+layout.ts                                  |  3 ++-
 .../[network]/(explorer)/account/[name]/+layout.ts     |  7 ++++---
 .../(explorer)/contract/[contract]/+layout.ts          |  7 ++++---
 .../(explorer)/contract/[contract]/abi/+page.ts        |  5 +++--
 .../(explorer)/contract/[contract]/actions/+page.ts    |  3 ++-
 .../[contract]/actions/[action]/[[data]]/+page.ts      | 10 +++++-----
 .../(explorer)/contract/[contract]/structs/+page.ts    |  2 +-
 .../contract/[contract]/structs/[struct]/+page.ts      |  2 +-
 .../(explorer)/contract/[contract]/tables/+page.ts     |  3 ++-
 .../[contract]/tables/[table]/[[scope]]/+page.ts       |  2 +-
 src/routes/[network]/+layout.ts                        |  5 +++--
 .../[network]/api/account/[[name]]/activity/+server.ts |  6 +++---
 src/routes/[network]/api/block/[number]/+server.ts     |  6 +++---
 src/routes/[network]/api/contract/[[name]]/+server.ts  |  6 +++---
 src/routes/[network]/api/network/+server.ts            |  6 +++---
 src/routes/[network]/api/tokens/+server.ts             |  6 +++---
 src/routes/[network]/api/transaction/[id]/+server.ts   |  8 ++++----
 17 files changed, 47 insertions(+), 40 deletions(-)

diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index 0dbfbc759..dcb96481b 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,5 +1,6 @@
 import { type SeoConfig } from 'svead';
 import { i18n } from '$lib/i18n';
+import type { LoadEvent } from '@sveltejs/kit';
 
 function generateMetadata(url: URL): SeoConfig {
 	const modified = new URL(url);
@@ -11,7 +12,7 @@ function generateMetadata(url: URL): SeoConfig {
 	};
 }
 
-export const load = async ({ url }) => {
+export const load = async ({ url }: LoadEvent) => {
 	const baseMetaTags = generateMetadata(url);
 	return {
 		baseMetaTags
diff --git a/src/routes/[network]/(explorer)/account/[name]/+layout.ts b/src/routes/[network]/(explorer)/account/[name]/+layout.ts
index 4392815c5..7f6a94cb6 100644
--- a/src/routes/[network]/(explorer)/account/[name]/+layout.ts
+++ b/src/routes/[network]/(explorer)/account/[name]/+layout.ts
@@ -1,9 +1,10 @@
 import { AccountState } from '$lib/state/client/account.svelte';
 import { getNetworkFromParams } from '$lib/state/network.svelte';
+import type { LoadEvent } from '@sveltejs/kit';
 
-export const load = async ({ fetch, params }) => {
-	const network = getNetworkFromParams(params.network);
-	const account = await AccountState.for(network, params.name, fetch);
+export const load = async ({ fetch, params }: LoadEvent) => {
+	const network = getNetworkFromParams(String(params.network));
+	const account = await AccountState.for(network, String(params.name), fetch);
 	return {
 		account,
 		name: params.name
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/+layout.ts b/src/routes/[network]/(explorer)/contract/[contract]/+layout.ts
index 9ec31e74d..0931a675b 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/+layout.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/+layout.ts
@@ -1,7 +1,8 @@
 import * as m from '$lib/paraglide/messages.js';
+import type { LoadEvent } from '@sveltejs/kit';
 import type { ABI } from '@wharfkit/antelope';
 
-export const load = async ({ fetch, params, parent }) => {
+export const load = async ({ fetch, params, parent }: LoadEvent) => {
 	const p = await parent();
 	const response = await fetch(`/${params.network}/api/contract/${params.contract}`);
 	const json = await response.json();
@@ -11,11 +12,11 @@ export const load = async ({ fetch, params, parent }) => {
 		contract: params.contract,
 		pageMetaTags: {
 			title: m.contract_view_title({
-				contract: params.contract,
+				contract: String(params.contract),
 				network: p.network.chain.name
 			}),
 			description: m.contract_view_description({
-				contract: params.contract,
+				contract: String(params.contract),
 				network: p.network.chain.name,
 				tables: abi.tables.length,
 				structs: abi.structs.length,
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/abi/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/abi/+page.ts
index 636c2667f..a42515ccb 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/abi/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/abi/+page.ts
@@ -1,13 +1,14 @@
 import type { PageLoad } from './$types';
 import * as m from '$lib/paraglide/messages.js';
+import type { LoadEvent } from '@sveltejs/kit';
 
-export const load: PageLoad = async ({ parent }) => {
+export const load: PageLoad = async ({ parent }: LoadEvent) => {
 	const p = await parent();
 	return {
 		pageMetaTags: {
 			title: m.contract_abi_page_title(),
 			description: m.contract_abi_page_description({
-				contract: p.contract,
+				contract: String(p.contract),
 				network: p.network.chain.name
 			})
 		}
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/actions/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/actions/+page.ts
index 50b31d597..2ae2636f9 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/actions/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/actions/+page.ts
@@ -1,7 +1,8 @@
 import type { PageLoad } from './$types';
 import * as m from '$lib/paraglide/messages.js';
+import type { LoadEvent } from '@sveltejs/kit';
 
-export const load: PageLoad = async ({ parent }) => {
+export const load: PageLoad = async ({ parent }: LoadEvent) => {
 	const p = await parent();
 	return {
 		pageMetaTags: {
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.ts
index 66d2e58cf..7346bd31f 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.ts
@@ -1,11 +1,11 @@
-import { error } from '@sveltejs/kit';
+import { error, type LoadEvent } from '@sveltejs/kit';
 import type { ABI } from '@wharfkit/antelope';
 
 import * as m from '$lib/paraglide/messages.js';
 import { parseRicardian } from '$lib/utils';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ params, parent }) => {
+export const load: PageLoad = async ({ params, parent }: LoadEvent) => {
 	const p = await parent();
 	const action = p.abi.actions.find((s: ABI.Action) => s.name === params.action);
 	if (!action) {
@@ -20,13 +20,13 @@ export const load: PageLoad = async ({ params, parent }) => {
 		pageMetaTags: {
 			title: [
 				m.contract_action_view_title({
-					action: params.action
+					action: String(params.action)
 				}),
 				p.pageMetaTags.title
 			].join(' | '),
 			description: m.contract_action_view_description({
-				action: params.action,
-				contract: p.contract,
+				action: String(params.action),
+				contract: String(p.contract),
 				network: p.network.chain.name
 			})
 		},
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/structs/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/structs/+page.ts
index 84c551799..e59817275 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/structs/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/structs/+page.ts
@@ -8,7 +8,7 @@ export const load: PageLoad = async ({ parent }) => {
 			title: [m.contract_struct_page_title(), p.pageMetaTags.title].join(' | '),
 			description: m.contract_struct_page_description({
 				structs: p.abi.structs.length,
-				contract: p.contract,
+				contract: String(p.contract),
 				network: p.network.chain.name
 			})
 		}
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
index 2588a532b..0abc51cfc 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
@@ -14,7 +14,7 @@ export const load: PageLoad = async ({ params, parent }) => {
 			),
 			description: m.contract_struct_view_description({
 				struct: params.struct,
-				contract: p.contract,
+				contract: String(p.contract),
 				network: p.network.chain.name
 			})
 		},
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.ts
index 3618dd775..fbca9e687 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.ts
@@ -1,7 +1,8 @@
 import type { PageLoad } from './$types';
 import * as m from '$lib/paraglide/messages.js';
+import type { LoadEvent } from '@sveltejs/kit';
 
-export const load: PageLoad = async ({ parent }) => {
+export const load: PageLoad = async ({ parent }: LoadEvent) => {
 	const p = await parent();
 	return {
 		pageMetaTags: {
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.ts
index 654084ddb..091c9ab55 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.ts
@@ -15,7 +15,7 @@ export const load: PageLoad = async ({ params, parent }) => {
 				table: params.table
 			}),
 			description: m.contract_tables_view_description({
-				contract: p.contract,
+				contract: String(p.contract),
 				network: p.network.chain.name,
 				table: params.table
 			})
diff --git a/src/routes/[network]/+layout.ts b/src/routes/[network]/+layout.ts
index 401ee9576..b52f33677 100644
--- a/src/routes/[network]/+layout.ts
+++ b/src/routes/[network]/+layout.ts
@@ -1,7 +1,8 @@
+import type { RequestEvent } from '@sveltejs/kit';
 import { getNetworkFromParams } from '$lib/state/network.svelte.js';
 
-export const load = async ({ fetch, params }) => {
-	const network = getNetworkFromParams(params.network, fetch);
+export const load = async ({ fetch, params }: RequestEvent) => {
+	const network = getNetworkFromParams(String(params.network), fetch);
 	if (!network.loaded) {
 		await network.refresh();
 	}
diff --git a/src/routes/[network]/api/account/[[name]]/activity/+server.ts b/src/routes/[network]/api/account/[[name]]/activity/+server.ts
index 1e956351b..91811dd2c 100644
--- a/src/routes/[network]/api/account/[[name]]/activity/+server.ts
+++ b/src/routes/[network]/api/account/[[name]]/activity/+server.ts
@@ -1,12 +1,12 @@
-import { json } from '@sveltejs/kit';
+import { json, type RequestEvent } from '@sveltejs/kit';
 
 import { getChainDefinitionFromParams, getNetwork } from '$lib/state/network.svelte';
 import { getBackendClient } from '$lib/wharf/client/ssr.js';
 import { getActivity } from './activity';
 import { getCacheHeaders } from '$lib/utils';
 
-export async function GET({ fetch, params }) {
-	const chain = getChainDefinitionFromParams(params.network);
+export async function GET({ fetch, params }: RequestEvent) {
+	const chain = getChainDefinitionFromParams(String(params.network));
 	if (!chain) {
 		return json({ error: 'Invalid chain specified' }, { status: 400 });
 	}
diff --git a/src/routes/[network]/api/block/[number]/+server.ts b/src/routes/[network]/api/block/[number]/+server.ts
index 17d3891cd..c88862e33 100644
--- a/src/routes/[network]/api/block/[number]/+server.ts
+++ b/src/routes/[network]/api/block/[number]/+server.ts
@@ -1,12 +1,12 @@
-import { json } from '@sveltejs/kit';
+import { json, type RequestEvent } from '@sveltejs/kit';
 
 import { getChainDefinitionFromParams, getNetwork } from '$lib/state/network.svelte';
 import { UInt64 } from '@wharfkit/antelope';
 import { getCacheHeaders } from '$lib/utils';
 import { getBackendClient } from '$lib/wharf/client/ssr.js';
 
-export async function GET({ fetch, params }) {
-	const chain = getChainDefinitionFromParams(params.network);
+export async function GET({ fetch, params }: RequestEvent) {
+	const chain = getChainDefinitionFromParams(String(params.network));
 	if (!chain) {
 		return json({ error: 'Invalid chain specified' }, { status: 400 });
 	}
diff --git a/src/routes/[network]/api/contract/[[name]]/+server.ts b/src/routes/[network]/api/contract/[[name]]/+server.ts
index 4d9f9f202..066ba6d82 100644
--- a/src/routes/[network]/api/contract/[[name]]/+server.ts
+++ b/src/routes/[network]/api/contract/[[name]]/+server.ts
@@ -1,11 +1,11 @@
-import { json } from '@sveltejs/kit';
+import { json, type RequestEvent } from '@sveltejs/kit';
 
 import { getChainDefinitionFromParams, getNetwork } from '$lib/state/network.svelte';
 import { type API } from '@wharfkit/antelope';
 import { getCacheHeaders } from '$lib/utils';
 
-export async function GET({ fetch, params }) {
-	const chain = getChainDefinitionFromParams(params.network);
+export async function GET({ fetch, params }: RequestEvent) {
+	const chain = getChainDefinitionFromParams(String(params.network));
 	if (!chain) {
 		return json({ error: 'Invalid chain specified' }, { status: 400 });
 	}
diff --git a/src/routes/[network]/api/network/+server.ts b/src/routes/[network]/api/network/+server.ts
index bf5097039..8321b92e1 100644
--- a/src/routes/[network]/api/network/+server.ts
+++ b/src/routes/[network]/api/network/+server.ts
@@ -1,4 +1,4 @@
-import { json } from '@sveltejs/kit';
+import { json, type RequestEvent } from '@sveltejs/kit';
 
 import { getChainDefinitionFromParams, getNetwork } from '$lib/state/network.svelte';
 import { getCacheHeaders } from '$lib/utils';
@@ -13,8 +13,8 @@ type ResponseType =
 	| DelphioracleTypes.datapoints
 	| undefined;
 
-export async function GET({ fetch, params }) {
-	const chain = getChainDefinitionFromParams(params.network);
+export async function GET({ fetch, params }: RequestEvent) {
+	const chain = getChainDefinitionFromParams(String(params.network));
 	if (!chain) {
 		return json({ error: 'Invalid chain specified' }, { status: 400 });
 	}
diff --git a/src/routes/[network]/api/tokens/+server.ts b/src/routes/[network]/api/tokens/+server.ts
index 551f7824c..489724329 100644
--- a/src/routes/[network]/api/tokens/+server.ts
+++ b/src/routes/[network]/api/tokens/+server.ts
@@ -1,12 +1,12 @@
-import { json } from '@sveltejs/kit';
+import { json, type RequestEvent } from '@sveltejs/kit';
 
 import { getChainDefinitionFromParams } from '$lib/state/network.svelte';
 import { getCacheHeaders } from '$lib/utils';
 import type { ChainShortName } from '$lib/wharf/chains.js';
 import { tokens } from './tokens';
 
-export async function GET({ params }) {
-	const chain = getChainDefinitionFromParams(params.network);
+export async function GET({ params }: RequestEvent) {
+	const chain = getChainDefinitionFromParams(String(params.network));
 	if (!chain) {
 		return json({ error: 'Invalid chain specified' }, { status: 400 });
 	}
diff --git a/src/routes/[network]/api/transaction/[id]/+server.ts b/src/routes/[network]/api/transaction/[id]/+server.ts
index b8c181fd3..ddddbce87 100644
--- a/src/routes/[network]/api/transaction/[id]/+server.ts
+++ b/src/routes/[network]/api/transaction/[id]/+server.ts
@@ -1,12 +1,12 @@
-import { error, json } from '@sveltejs/kit';
+import { error, json, type RequestEvent } from '@sveltejs/kit';
 
 import { getChainDefinitionFromParams, getNetwork } from '$lib/state/network.svelte';
 import { getBackendClient } from '$lib/wharf/client/ssr';
 import type { API } from '@wharfkit/antelope';
 import { getCacheHeaders } from '$lib/utils';
 
-export async function GET({ fetch, params }) {
-	const chain = getChainDefinitionFromParams(params.network);
+export async function GET({ fetch, params }: RequestEvent) {
+	const chain = getChainDefinitionFromParams(String(params.network));
 	if (!chain) {
 		return json({ error: 'Invalid chain specified' }, { status: 400 });
 	}
@@ -17,7 +17,7 @@ export async function GET({ fetch, params }) {
 	});
 	let transaction: API.v1.GetTransactionResponse;
 	try {
-		transaction = await client.v1.history.get_transaction(params.id);
+		transaction = await client.v1.history.get_transaction(String(params.id));
 	} catch (e) {
 		return error(500, {
 			message: `Error while loading account ${params.id}: ${e}.`

From 7b7dc43409f4fbe297f1f1148bfe728c993d9612 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 17:53:41 -0700
Subject: [PATCH 11/16] fix: fixing paraglide imports

---
 src/hooks.server.ts                                         | 6 +++---
 src/lib/i18n.ts                                             | 2 +-
 src/routes/+page.svelte                                     | 2 +-
 src/routes/[network]/(explorer)/block/[number]/+page.svelte | 2 +-
 .../contract/[contract]/structs/[struct]/+page.ts           | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/hooks.server.ts b/src/hooks.server.ts
index a87aa3469..394f38257 100644
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -1,7 +1,7 @@
 import { sequence } from '@sveltejs/kit/hooks';
 import type { Handle, RequestEvent } from '@sveltejs/kit';
 
-import { availableLanguageTags } from '$lib/paraglide/runtime';
+import { availableLanguageTags } from './lib/paraglide/runtime';
 import { i18n } from '$lib/i18n';
 import { isNetworkShortName } from '$lib/wharf/chains';
 
@@ -14,7 +14,7 @@ export function getHeaderLang(event: RequestEvent) {
 		acceptLanguage?.split(',')?.map((lang: string) => lang.split(';')[0].split('-')[0].trim()) ??
 		[];
 	for (const locale of locales) {
-		if (availableLanguageTags.find((l) => l.toLowerCase() === locale)) {
+		if (availableLanguageTags.find((l: string) => l.toLowerCase() === locale)) {
 			return locale;
 		}
 	}
@@ -30,7 +30,7 @@ function skipRedirect(pathname: string) {
 }
 
 function isLanguage(value: string) {
-	return availableLanguageTags.find((l) => l.toLowerCase() === value);
+	return availableLanguageTags.find((l: string) => l.toLowerCase() === value);
 }
 
 function isNetwork(value: string) {
diff --git a/src/lib/i18n.ts b/src/lib/i18n.ts
index 80256a4d9..37b9e4598 100644
--- a/src/lib/i18n.ts
+++ b/src/lib/i18n.ts
@@ -1,5 +1,5 @@
 import { createI18n } from '@inlang/paraglide-sveltekit';
-import * as runtime from '$lib/paraglide/runtime.js';
+import * as runtime from './paraglide/runtime.js';
 import type { Asset } from '@wharfkit/antelope';
 
 export const i18n = createI18n(runtime, {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 641860919..153210e1c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,7 +2,7 @@
 	import * as m from '$lib/paraglide/messages.js';
 	import Button from '$lib/components/button/button.svelte';
 	import { Box, Stack } from '$lib/components/layout';
-	import { languageTag } from '$lib/paraglide/runtime';
+	import { languageTag } from '../lib/paraglide/runtime';
 	import { chainShortNames } from '$lib/wharf/chains';
 </script>
 
diff --git a/src/routes/[network]/(explorer)/block/[number]/+page.svelte b/src/routes/[network]/(explorer)/block/[number]/+page.svelte
index e19d33280..8b69c7f2b 100644
--- a/src/routes/[network]/(explorer)/block/[number]/+page.svelte
+++ b/src/routes/[network]/(explorer)/block/[number]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import * as m from '$lib/paraglide/messages.js';
+	import * as m from '../../../../../lib/paraglide/messages.js';
 
 	export let data: PageData;
 </script>
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
index 0abc51cfc..e051e0a32 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
@@ -1,5 +1,5 @@
 import type { PageLoad } from './$types';
-import * as m from '$lib/paraglide/messages.js';
+import * as m from '../../../../../../../lib/paraglide/messages.js';
 import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ params, parent }) => {

From db5ab613bba35b398e3722d8464b723469c42487 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 17:59:29 -0700
Subject: [PATCH 12/16] chore: added env variables to gh checks

---
 .github/workflows/check.yml                            | 10 ++++++++++
 src/lib/i18n.ts                                        |  2 +-
 src/routes/+page.svelte                                |  2 +-
 .../contract/[contract]/structs/[struct]/+page.ts      |  2 +-
 .../(explorer)/contract/[contract]/tables/+page.ts     |  2 +-
 5 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/check.yml b/.github/workflows/check.yml
index 740fe7b62..ec345fdae 100644
--- a/.github/workflows/check.yml
+++ b/.github/workflows/check.yml
@@ -3,6 +3,16 @@ name: Code Checks
 on:
   push:
 
+env:
+  PUBLIC_LOCAL_SIGNER: ''
+  API_EOS_CHAIN: ''
+  API_EOS_HISTORY: ''
+  API_EOS_METRICS: ''
+  API_JUNGLE4_CHAIN: ''
+  API_JUNGLE4_HISTORY: ''
+  API_KYLIN_CHAIN: ''
+  API_KYLIN_HISTORY: ''
+
 jobs:
   formatting:
     runs-on: ubuntu-latest
diff --git a/src/lib/i18n.ts b/src/lib/i18n.ts
index 37b9e4598..33e32516b 100644
--- a/src/lib/i18n.ts
+++ b/src/lib/i18n.ts
@@ -1,5 +1,5 @@
 import { createI18n } from '@inlang/paraglide-sveltekit';
-import * as runtime from './paraglide/runtime.js';
+import * as runtime from './paraglide/runtime';
 import type { Asset } from '@wharfkit/antelope';
 
 export const i18n = createI18n(runtime, {
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 153210e1c..fbf882ccc 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,5 @@
 <script>
-	import * as m from '$lib/paraglide/messages.js';
+	import * as m from '$lib/paraglide/messages';
 	import Button from '$lib/components/button/button.svelte';
 	import { Box, Stack } from '$lib/components/layout';
 	import { languageTag } from '../lib/paraglide/runtime';
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
index e051e0a32..ed99caed7 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
@@ -1,5 +1,5 @@
 import type { PageLoad } from './$types';
-import * as m from '../../../../../../../lib/paraglide/messages.js';
+import * as m from '../../../../../../../lib/paraglide/messages';
 import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ params, parent }) => {
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.ts
index fbca9e687..dff787688 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.ts
@@ -1,5 +1,5 @@
 import type { PageLoad } from './$types';
-import * as m from '$lib/paraglide/messages.js';
+import * as m from '$lib/paraglide/messages';
 import type { LoadEvent } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ parent }: LoadEvent) => {

From 8c44ad4f217b8456e8725c4a6b6b8a4824de3161 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 18:09:32 -0700
Subject: [PATCH 13/16] fix: building paraglide before checking type errors

---
 .github/workflows/check.yml | 1 +
 package.json                | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/check.yml b/.github/workflows/check.yml
index ec345fdae..c2e2a6115 100644
--- a/.github/workflows/check.yml
+++ b/.github/workflows/check.yml
@@ -33,4 +33,5 @@ jobs:
           fetch-depth: 1
       - uses: oven-sh/setup-bun@v2
       - run: bun install
+      - run: bun run build-paraglide
       - run: bunx tsc --noemit
diff --git a/package.json b/package.json
index 218500f84..4a1ef8626 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",
-		"build": "npx @inlang/paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide && vite build",
+		"build-paraglide": "npx @inlang/paraglide-js compile --project ./project.inlang --outdir ./src/lib/paraglide",
+		"build": "bun run build-paraglide && vite build",
 		"preview": "vite preview",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",

From c51d8939caf682a67efc940cb16684229eaebb4f Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 2 Oct 2024 18:13:13 -0700
Subject: [PATCH 14/16] fix: cleaned up paraglide imports

---
 src/hooks.server.ts                                             | 2 +-
 src/lib/components/select/language.svelte                       | 2 +-
 src/routes/+page.svelte                                         | 2 +-
 src/routes/[network]/(explorer)/block/[number]/+page.svelte     | 2 +-
 .../contract/[contract]/structs/[struct]/+page.svelte           | 2 +-
 .../(explorer)/contract/[contract]/structs/[struct]/+page.ts    | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/hooks.server.ts b/src/hooks.server.ts
index 394f38257..a066b93aa 100644
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@@ -1,7 +1,7 @@
 import { sequence } from '@sveltejs/kit/hooks';
 import type { Handle, RequestEvent } from '@sveltejs/kit';
 
-import { availableLanguageTags } from './lib/paraglide/runtime';
+import { availableLanguageTags } from '$lib/paraglide/runtime.js';
 import { i18n } from '$lib/i18n';
 import { isNetworkShortName } from '$lib/wharf/chains';
 
diff --git a/src/lib/components/select/language.svelte b/src/lib/components/select/language.svelte
index 86c9aa150..a00eaa9bf 100644
--- a/src/lib/components/select/language.svelte
+++ b/src/lib/components/select/language.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { i18n } from '$lib/i18n';
-	import { availableLanguageTags, languageTag } from '$lib/paraglide/runtime';
+	import { availableLanguageTags, languageTag } from '$lib/paraglide/runtime.js';
 	import { createSelect, melt } from '@melt-ui/svelte';
 	import { fade } from 'svelte/transition';
 	import ChevronDown from 'lucide-svelte/icons/chevron-down';
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index fbf882ccc..bab18a2d8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,7 +2,7 @@
 	import * as m from '$lib/paraglide/messages';
 	import Button from '$lib/components/button/button.svelte';
 	import { Box, Stack } from '$lib/components/layout';
-	import { languageTag } from '../lib/paraglide/runtime';
+	import { languageTag } from '$lib/paraglide/runtime.js';
 	import { chainShortNames } from '$lib/wharf/chains';
 </script>
 
diff --git a/src/routes/[network]/(explorer)/block/[number]/+page.svelte b/src/routes/[network]/(explorer)/block/[number]/+page.svelte
index 8b69c7f2b..e19d33280 100644
--- a/src/routes/[network]/(explorer)/block/[number]/+page.svelte
+++ b/src/routes/[network]/(explorer)/block/[number]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { PageData } from './$types';
-	import * as m from '../../../../../lib/paraglide/messages.js';
+	import * as m from '$lib/paraglide/messages.js';
 
 	export let data: PageData;
 </script>
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.svelte
index 77f8a7724..27ffd76cf 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.svelte
@@ -16,7 +16,7 @@
 		title={m.contract_struct_view_title({ struct: data.struct })}
 		subtitle={m.contract_struct_view_description({
 			struct: data.struct,
-			contract: data.contract,
+			contract: String(data.contract),
 			network: data.network.chain.name
 		})}
 	/>
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
index ed99caed7..0abc51cfc 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
+++ b/src/routes/[network]/(explorer)/contract/[contract]/structs/[struct]/+page.ts
@@ -1,5 +1,5 @@
 import type { PageLoad } from './$types';
-import * as m from '../../../../../../../lib/paraglide/messages';
+import * as m from '$lib/paraglide/messages.js';
 import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ params, parent }) => {

From 31f0cee4b21c49cfa441293757185182f93216ca Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Thu, 3 Oct 2024 11:04:52 -0700
Subject: [PATCH 15/16] chore: added svelte-check to gh ci

---
 .github/workflows/check.yml                         | 13 ++++++++++++-
 .../(explorer)/contract/[contract]/+layout.svelte   |  2 +-
 .../(explorer)/contract/[contract]/+page.svelte     |  2 +-
 .../(explorer)/contract/[contract]/abi/+page.svelte |  2 +-
 .../contract/[contract]/actions/+page.svelte        |  2 +-
 .../actions/[action]/[[data]]/+page.svelte          |  2 +-
 .../contract/[contract]/structs/+page.svelte        |  2 +-
 .../contract/[contract]/tables/+page.svelte         |  2 +-
 .../tables/[table]/[[scope]]/+page.svelte           |  2 +-
 9 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/check.yml b/.github/workflows/check.yml
index c2e2a6115..98503e388 100644
--- a/.github/workflows/check.yml
+++ b/.github/workflows/check.yml
@@ -23,7 +23,7 @@ jobs:
           fetch-depth: 1
       - uses: oven-sh/setup-bun@v2
       - run: bun install
-      - run: bun lint
+      - run: bun run lint
   types:
     runs-on: ubuntu-latest
     steps:
@@ -35,3 +35,14 @@ jobs:
       - run: bun install
       - run: bun run build-paraglide
       - run: bunx tsc --noemit
+
+  sveltekit-check:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
+      - uses: oven-sh/setup-bun@v2
+      - run: bun install
+      - run: bun run check
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/+layout.svelte b/src/routes/[network]/(explorer)/contract/[contract]/+layout.svelte
index 34d75b9a4..fdc5c1b81 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/+layout.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/+layout.svelte
@@ -11,7 +11,7 @@
 		'contract',
 		new Contract({
 			abi: data.abi,
-			account: data.contract,
+			account: String(data.contract),
 			client: data.network.client
 		})
 	);
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/+page.svelte
index dd04fa8de..5e3eefbe0 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/+page.svelte
@@ -10,7 +10,7 @@
 	<Pageheader
 		title="Contract Overview"
 		subtitle={m.contract_view_description({
-			contract: data.contract,
+			contract: String(data.contract),
 			network: data.network.chain.name,
 			tables: data.abi.tables.length,
 			structs: data.abi.structs.length,
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/abi/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/abi/+page.svelte
index b58f17a3e..d26816b88 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/abi/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/abi/+page.svelte
@@ -11,7 +11,7 @@
 	<Pageheader
 		title={m.contract_abi_page_title()}
 		subtitle={m.contract_abi_page_description({
-			contract: data.contract,
+			contract: String(data.contract),
 			network: data.network.chain.name
 		})}
 	/>
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/actions/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/actions/+page.svelte
index c20468988..0d6a239a9 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/actions/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/actions/+page.svelte
@@ -11,7 +11,7 @@
 		title={m.contract_actions_page_title()}
 		subtitle={m.contract_actions_page_description({
 			actions: data.abi.actions.length,
-			contract: data.contract,
+			contract: String(data.contract),
 			network: data.network.chain.name
 		})}
 	/>
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte
index 741c9af68..f3b22a1b7 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/actions/[action]/[[data]]/+page.svelte
@@ -129,7 +129,7 @@
 		})}
 		subtitle={m.contract_action_view_description({
 			action: data.action.name,
-			contract: data.contract,
+			contract: String(data.contract),
 			network: data.network.chain.name
 		})}
 	/>
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/structs/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/structs/+page.svelte
index 935a1aa3a..d9a7820e7 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/structs/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/structs/+page.svelte
@@ -11,7 +11,7 @@
 		title={m.contract_struct_page_title()}
 		subtitle={m.contract_struct_page_description({
 			structs: data.abi.structs.length,
-			contract: data.contract,
+			contract: String(data.contract),
 			network: data.network.chain.name
 		})}
 	/>
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.svelte
index c43e0c4db..5cf9153b4 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/tables/+page.svelte
@@ -11,7 +11,7 @@
 		title={m.contract_tables_page_title()}
 		subtitle={m.contract_tables_page_description({
 			tables: data.abi.tables.length,
-			contract: data.contract,
+			contract: String(data.contract),
 			network: data.network.chain.name
 		})}
 	/>
diff --git a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
index feb04a43a..4f5f61962 100644
--- a/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
+++ b/src/routes/[network]/(explorer)/contract/[contract]/tables/[table]/[[scope]]/+page.svelte
@@ -12,7 +12,7 @@
 			table: data.table
 		})}
 		subtitle={m.contract_tables_view_description({
-			contract: data.contract,
+			contract: String(data.contract),
 			network: data.network.chain.name,
 			table: data.table
 		})}

From 6bdbf6cbd9c61f297289a8d977b2e9e12e10108d Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Thu, 3 Oct 2024 11:08:47 -0700
Subject: [PATCH 16/16] fix: building paraglide before running sveltekit-check

---
 .github/workflows/check.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/check.yml b/.github/workflows/check.yml
index 98503e388..e57a28769 100644
--- a/.github/workflows/check.yml
+++ b/.github/workflows/check.yml
@@ -45,4 +45,5 @@ jobs:
           fetch-depth: 1
       - uses: oven-sh/setup-bun@v2
       - run: bun install
+      - run: bun run build-paraglide
       - run: bun run check