diff --git a/pages/_app.tsx b/pages/_app.tsx new file mode 100644 index 0000000..4e91473 --- /dev/null +++ b/pages/_app.tsx @@ -0,0 +1,8 @@ +import '../styles.css'; // Import the global CSS here +import { AppProps } from 'next/app'; + +function MyApp({ Component, pageProps }: AppProps) { + return ; +} + +export default MyApp; \ No newline at end of file diff --git a/pages/index.tsx b/pages/index.tsx index 13215ee..e3463a1 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from "react"; +import React, { useState } from "react"; import { simulate, BundlerUserOperationData, @@ -16,6 +16,7 @@ const Home = () => { const [richBundlerEOA, setRichBundlerEOA] = useState
( "0x4d7f573039fddc84fdb28515ba20d75ef6b987ff" ); + const [network, setNetwork] = useState("11155111"); // userOp input const [input, setInput] = useState(`{ @@ -65,7 +66,8 @@ const Home = () => { richBundlerEOA, parsedInput?.wrapped, projectOwner, - projectName + projectName, + network ); setResult(JSON.stringify(simulationResult, null, 2)); @@ -152,11 +154,48 @@ const Home = () => { setParsedInput(null); } }; + + const handleResultClick = () => { + const url = result.startsWith('"') ? JSON.parse(result) : result; + window.open(url, "_blank"); + }; return (
+
+

+ This default configuration currently only supports the Sepolia + Testnet. +
If you wish to use a different network, please create a + Tenderly project on your own. +

+

AA Debugger

-

1. Give the required Tenderly Config

+ +
+

+ Twitter:{" "} + + @murmurlu + +

+

+ Github Repo:{" "} + + 4337-debugger + +

+
+ +

1. Fill Up the Tenderly Config

+
+ +
+

2. Give your userOp

UserOp Input