wip: utils / contract porting

packages/nextjs/common/constants.ts

@@ -0,0 +1,7 @@
+import * as chains from "viem/chains";
+
+export const targetNetworks = [chains.hardhat];
+export const pollingInterval = 30000;
+export const alchemyApiKey = process.env.NEXT_PUBLIC_ALCHEMY_API_KEY || "oKxs-03sij-U_N0iOlrSsZFr29-IqbuF";
+export const walletConnectProjectId = process.env.NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID || "3a8170812b534d0ff9d794f19a901d64";
+export const onlyLocalBurnerWallet = true;

packages/nextjs/contracts/deployedContracts.ts

@@ -0,0 +1,9 @@
+/**
+ * This file is autogenerated by FIL-Frame.
+ * You should not edit it manually or your changes might be overwritten.
+ */
+import { GenericContractsDeclaration } from "@utils/contract";
+
+const deployedContracts = {} as const;
+
+export default deployedContracts satisfies GenericContractsDeclaration;

packages/nextjs/contracts/externalContracts.ts

@@ -0,0 +1,16 @@
+import { GenericContractsDeclaration } from "@utils/contract";
+
+/**
+ * @example
+ * const externalContracts = {
+ *   1: {
+ *     DAI: {
+ *       address: "0x...",
+ *       abi: [...],
+ *     },
+ *   },
+ * } as const;
+ */
+const externalContracts = {} as const;
+
+export default externalContracts satisfies GenericContractsDeclaration;

packages/nextjs/package.json

@@ -17,7 +17,8 @@
     "next": "^14.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "sass": "1.77.8"
+    "sass": "1.77.8",
+    "viem": "2.21.7"
   },
   "devDependencies": {
     "@types/node": "^22.1.0",

packages/nextjs/tsconfig.json

@@ -4,12 +4,13 @@
     "paths": {
       "@root/*": ["./*"],
       "@system/*": ["./system/*"],
-      "@demos/*": ["./demos/*"],
       "@common/*": ["./common/*"],
+      "@contracts/*": ["./contracts/*"],
       "@data/*": ["./data/*"],
       "@components/*": ["./components/*"],
       "@pages/*": ["./pages/*"],
-      "@modules/*": ["./modules/*"]
+      "@modules/*": ["./modules/*"],
+      "@utils/*": ["./utils/*"]
     },
     "target": "es5",
     "lib": ["dom", "dom.iterable", "esnext"],

packages/nextjs/utils/block.ts

@@ -0,0 +1,17 @@
+import { Block, Transaction, TransactionReceipt } from "viem";
+
+export type TransactionWithFunction = Transaction & {
+  functionName?: string;
+  functionArgs?: any[];
+  functionArgNames?: string[];
+  functionArgTypes?: string[];
+};
+
+type TransactionReceipts = {
+  [key: string]: TransactionReceipt;
+};
+
+export type TransactionsTableProps = {
+  blocks: Block[];
+  transactionReceipts: TransactionReceipts;
+};

packages/nextjs/utils/common.ts

@@ -0,0 +1,7 @@
+// To be used in JSON.stringify when a field might be bigint
+// https://wagmi.sh/react/faq#bigint-serialization
+export const replacer = (_key: string, value: unknown) => (typeof value === "bigint" ? value.toString() : value);
+
+export const ZERO_ADDRESS = "0x0000000000000000000000000000000000000000";
+
+export const isZeroAddress = (address: string) => address === ZERO_ADDRESS;