feat(explorer): interact system calls (#3718)

Author: karooolis

.changeset/rude-zebras-laugh.md

@@ -0,0 +1,5 @@
+---
+"@latticexyz/explorer": patch
+---
+
+The Interact tab now supports system functions. The functions can be searched by namespace, system name, or function name.

packages/explorer/package.json

@@ -47,6 +47,7 @@
     "@latticexyz/world": "workspace:*",
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-collapsible": "^1.1.11",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-label": "^2.1.0",

packages/explorer/src/app/(explorer)/[chainName]/worlds/[worldAddress]/explore/utils/encodeFunctionArgs.ts

@@ -0,0 +1,10 @@
+import { AbiFunction } from "viem";
+
+export function encodeFunctionArgs(values: string[], functionAbi: AbiFunction) {
+  return values.map((value, index) => {
+    const type = functionAbi.inputs[index]?.type;
+    if (type === "tuple") return JSON.parse(value);
+    if (type === "bool") return value === "true";
+    return value;
+  });
+}