+
+
+ 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
+
+
+
+
1. Fill Up the Tenderly Config
TENDERLY_ACCESS_KEY:
@@ -202,12 +241,24 @@ const Home = () => {
+
+
+ Chain ID:
+ setNetwork(e.target.value)}
+ required
+ />
+
+
+
2. Give your userOp
UserOp Input
-
3. Simulate and get the dashboard url
+
3. Simulate Time!
{loading ? "Simulating..." : "Run Simulation"}
{result !== "" && (
-
+
Simulation Result:
-
- click me
-
+
+ Go to Dashboard! (required login Tenderly)
+
)}
);
};
-export default Home;
+export default Home;
\ No newline at end of file
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..fb5968b
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,121 @@
+body {
+ font-family: 'Noto Sans JP', sans-serif;
+ background-color: #f7f3e9;
+ color: #333;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+}
+
+h1,
+h2,
+h3 {
+ color: #d32f2f;
+ /* Traditional Japanese red */
+}
+
+div {
+ margin: 20px;
+ flex: 1;
+ /* This makes the main content area take up available space */
+}
+
+label {
+ display: block;
+ margin-bottom: 10px;
+ color: #333;
+}
+
+input[type="text"],
+textarea {
+ width: 100%;
+ padding: 10px;
+ margin-top: 5px;
+ margin-bottom: 20px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ background-color: #fff;
+ color: #333;
+}
+
+button {
+ background-color: #d32f2f;
+ color: #fff;
+ padding: 10px 20px;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+button:disabled {
+ background-color: #ccc;
+}
+
+button:hover:enabled {
+ background-color: #b71c1c;
+}
+
+pre {
+ background-color: #fff;
+ padding: 10px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ overflow-x: auto;
+ color: #333;
+}
+
+a {
+ color: #d32f2f;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+footer {
+ background-color: #333;
+ color: #fff;
+ text-align: center;
+ padding: 20px;
+ width: 100%;
+ position: relative;
+ bottom: 0;
+}
+
+.warning-banner {
+ background-color: #ffcc00;
+ color: #333;
+ text-align: center;
+ padding: 10px;
+ font-weight: bold;
+}
+
+.simulation-result {
+ background-color: #fff;
+ padding: 10px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ margin-top: 20px;
+}
+
+.simulation-result h3 {
+ color: #d32f2f;
+}
+
+.simulation-result button {
+ background-color: #d32f2f;
+ color: #fff;
+ padding: 10px 20px;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+.simulation-result button:hover {
+ background-color: #b71c1c;
+}
\ No newline at end of file