Merge branch 'main' into kumpis/mud-landing-page

.changeset/blue-trees-invent.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+The transactions list in the explorer is now updated every 100ms instead of on every incoming transaction, to improve performance when there are many incoming transactions.

.changeset/hip-spies-wave.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+When accessing a new table in Explore tab, the SQL editor now encloses all column names in double quotes in order to prevent invalid queries.

.changeset/lazy-windows-sip.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+The latest ABI changes are now consistently fetched correctly.

.changeset/mighty-lions-move.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+Transactions in `Observe` tab now display decoded `callFrom` function calls.

.changeset/orange-houses-drop.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+Observer transport now uses the `blockExplorers.worldsExplorer.url` from the chain config if no `explorerUrl` is provided.

.changeset/yellow-spoons-mate.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/common": patch
+---
+
+Updated Rhodolite chain config.

docs/app/DevconBanner.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+export function DevconBanner() {
+  if (Date.now() > 1731603600000) return null;
+  return (
+    <div className="bg-mud/20 text-white p-4 text-center">
+      Hello Devcon! Come learn about MUD at{" "}
+      <a href="https://mud.dev/day" className="underline font-semibold">
+        MUD Day
+      </a>{" "}
+      on Thursday in Classroom A.
+    </div>
+  );
+}

docs/app/layout.tsx

@@ -1,8 +1,9 @@
 import { Metadata } from "next";
 import { ReactNode } from "react";
 import localFont from "next/font/local";
-import "./globals.css";
 import { cn } from "../lib/cn";
+import { DevconBanner } from "./DevconBanner";
+import "./globals.css";
 
 const basierCircle = localFont({
   src: [
@@ -72,6 +73,7 @@ export default function Layout({ children }: Props) {
           berkeleyMono.variable,
         )}
       >
+        <DevconBanner />
         {children}
       </body>
     </html>

packages/common/src/chains/rhodolite.ts

@@ -1,8 +1,14 @@
 import { chainConfig } from "viem/op-stack";
 import { MUDChain } from "./types";
+import { Chain } from "viem";
 
 const sourceId = 17001;
 
+const defaultRpcUrls = {
+  http: ["https://rpc.rhodolitechain.com"],
+  webSocket: ["wss://rpc.rhodolitechain.com"],
+} as const satisfies Chain["rpcUrls"]["default"];
+
 export const rhodolite = {
   ...chainConfig,
   name: "Rhodolite Devnet",
@@ -11,9 +17,26 @@ export const rhodolite = {
   sourceId,
   nativeCurrency: { name: "Ether", symbol: "ETH", decimals: 18 },
   rpcUrls: {
+    default: defaultRpcUrls,
+    bundler: defaultRpcUrls,
+    quarryPassIssuer: defaultRpcUrls,
+    wiresaw: defaultRpcUrls,
+  },
+  contracts: {
+    ...chainConfig.contracts,
+    quarryPaymaster: {
+      address: "0x61f22c3827d90c390e0e2aaf220971524ac0a68d",
+      blockCreated: 11262,
+    },
+  },
+  blockExplorers: {
     default: {
-      http: ["https://rpc.rhodolitechain.com"],
-      webSocket: ["wss://rpc.rhodolitechain.com"],
+      name: "Blockscout",
+      url: "https://explorer.rhodolitechain.com",
+    },
+    worldsExplorer: {
+      name: "MUD Worlds Explorer",
+      url: "https://explorer.mud.dev/rhodolite/worlds",
     },
   },
   iconUrls: ["https://redstone.xyz/chain-icons/rhodolite.png"],

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

@@ -1,6 +1,6 @@
 "use client";
 
-import { WagmiProvider, createConfig, http } from "wagmi";
+import { WagmiProvider, createConfig, fallback, http, webSocket } from "wagmi";
 import { injected, metaMask, safe } from "wagmi/connectors";
 import { ReactNode, useMemo } from "react";
 import { RainbowKitProvider, darkTheme } from "@rainbow-me/rainbowkit";
@@ -27,9 +27,14 @@ export function Providers({ children }: { children: ReactNode }) {
         ...getDefaultAnvilConnectors(chain.id),
       ],
       transports: {
-        [chain.id]: http(),
+        [chain.id]: chain.rpcUrls.default.webSocket
+          ? fallback([webSocket(chain.rpcUrls.default.webSocket[0]), http(chain.rpcUrls.default.http[0])])
+          : http(chain.rpcUrls.default.http[0]),
       },
       ssr: true,
+      pollingInterval: {
+        [chain.id]: chain.id === 31337 ? 100 : 500,
+      },
     });
   }, [chain]);
 

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/EditableTableCell.tsx

@@ -53,10 +53,7 @@ export function EditableTableCell({ name, table, keyTuple, value: defaultValue }
         chainId,
       });
 
-      const receipt = await waitForTransactionReceipt(wagmiConfig, {
-        hash: txHash,
-        pollingInterval: 100,
-      });
+      const receipt = await waitForTransactionReceipt(wagmiConfig, { hash: txHash });
 
       return { txHash, receipt };
     },

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/Explorer.tsx

@@ -12,7 +12,6 @@ import { indexerForChainId } from "../../../../utils/indexerForChainId";
 import { SQLEditor } from "./SQLEditor";
 import { TableSelector } from "./TableSelector";
 import { TablesViewer } from "./TablesViewer";
-import { postgresKeywords } from "./consts";
 
 export function Explorer() {
   const { worldAddress } = useParams();
@@ -30,12 +29,10 @@ export function Explorer() {
       const tableName = constructTableName(table, worldAddress as Hex, chainId);
 
       if (indexer.type === "sqlite") {
-        setQuery(`SELECT * FROM "${tableName}"`);
+        setQuery(`SELECT * FROM "${tableName}";`);
       } else {
-        const columns = Object.keys(table.schema).map((column) =>
-          postgresKeywords.includes(column.toLowerCase()) ? `"${column}"` : column,
-        );
-        setQuery(`SELECT ${columns.join(", ")} FROM ${tableName}`);
+        const columns = Object.keys(table.schema).map((column) => `"${column}"`);
+        setQuery(`SELECT ${columns.join(", ")} FROM ${tableName};`);
       }
     }
   }, [chainId, setQuery, selectedTableId, table, worldAddress, prevSelectedTableId, query, indexer.type]);