fix(explorer): various fixes

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/observe/TransactionsWatcher.tsx

@@ -11,7 +11,7 @@ import { store as worldStore } from "../store";
 
 export function TransactionsWatcher() {
   const { id: chainId } = useChain();
-  const { worldAddress } = useParams();
+  const { worldAddress } = useParams<{ worldAddress: string }>();
   const wagmiConfig = useConfig();
   const { data: worldAbiData } = useWorldAbiQuery();
   const abi = worldAbiData?.abi;
@@ -98,7 +98,7 @@ export function TransactionsWatcher() {
   useEffect(() => {
     for (const write of Object.values(observerWrites)) {
       const hash = write.hash;
-      if (hash && write.address === worldAddress) {
+      if (hash && write.address.toLowerCase() === worldAddress.toLowerCase()) {
         const transaction = transactions.find((transaction) => transaction.hash === hash);
         if (!transaction) {
           handleTransaction(hash, BigInt(write.time) / 1000n);

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/observe/useObservedTransactions.ts

@@ -32,15 +32,15 @@ export type ObservedTransaction = {
 };
 
 export function useObservedTransactions() {
-  const { worldAddress } = useParams();
+  const { worldAddress } = useParams<{ worldAddress: string }>();
   const transactions = useStore(worldStore, (state) => state.transactions);
   const observerWrites = useStore(observerStore, (state) => state.writes);
 
   const mergedTransactions = useMemo((): ObservedTransaction[] => {
     const mergedMap = new Map<string | undefined, ObservedTransaction>();
 
     for (const write of Object.values(observerWrites)) {
-      if (write.address !== worldAddress) continue;
+      if (write.address.toLowerCase() !== worldAddress.toLowerCase()) continue;
 
       const parsedAbiItem = parseAbiItem(`function ${write.functionSignature}`) as AbiFunction;
       const writeResult = write.events.find((event): event is Message<"write:result"> => event.type === "write:result");

packages/explorer/src/common.ts

@@ -1,10 +1,9 @@
 import { anvil } from "viem/chains";
-import { garnet, redstone } from "@latticexyz/common/chains";
-import { rhodolite } from "./chains/rhodolite";
+import { garnet, redstone, rhodolite } from "@latticexyz/common/chains";
 
 export const internalNamespaces = ["world", "store", "metadata", "puppet", "erc20-puppet", "erc721-puppet"];
 
-export const supportedChains = { anvil, garnet, redstone, rhodolite } as const;
+export const supportedChains = { anvil, rhodolite, garnet, redstone } as const;
 export type supportedChains = typeof supportedChains;
 
 export type supportedChainName = keyof supportedChains;

packages/explorer/src/observer/relay.ts

@@ -1,10 +1,11 @@
 "use client";
 
-import debug from "debug";
 import { isBridgeEnvelope } from "./bridge";
 import { relayChannelName } from "./common";
+import { debug } from "./debug";
 
 export function createRelay(): () => void {
+  debug("creating relay");
   const channel = new BroadcastChannel(relayChannelName);
   function relay(event: MessageEvent) {
     if (isBridgeEnvelope(event.data)) {