Felina v1

.env.example

@@ -0,0 +1,4 @@
+ETHERSCAN_API_KEY="ETHERSCAN_API_KEY"
+ALCHEMY_API_KEY="ALCHEMY_API_KEY"
+NEXT_PUBLIC_PROJECT_ID="PROJECT_ID"
+NEXT_PUBLIC_ACTIVE_NETWORK=goerli ## goerli or mainnet

.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.npmrc

@@ -0,0 +1 @@
+public-hoist-pattern[]=*@nextui-org/*

README.md

@@ -0,0 +1,40 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

components/AddNetworkButton.tsx

@@ -0,0 +1,137 @@
+import React, { useEffect, useState } from "react";
+import {
+  Modal,
+  ModalContent,
+  ModalHeader,
+  ModalBody,
+  ModalFooter,
+  Button,
+  Input,
+  useDisclosure,
+} from "@nextui-org/react";
+import { v4 as uuidv4 } from "uuid";
+import { currentConfig } from '@config/config';
+
+declare global {
+  interface Window {
+    ethereum?: any;
+  }
+}
+
+/**
+ * AddNetworkButton component for setting up Flashbots RPC.
+ *
+ * @return {JSX.Element} The button and modal components for setting up Flashbots RPC.
+ */
+const AddNetworkButton = () => {
+  const { isOpen, onOpen, onOpenChange } = useDisclosure();
+  const [inputUUID, setInputUUID] = useState("");
+
+  useEffect(() => {
+    const storedUUID = localStorage.getItem("flashbotsUUID");
+    if (storedUUID) {
+      setInputUUID(storedUUID);
+    }
+  }, [isOpen]);
+
+  const handleUUIDChange = (e: React.ChangeEvent<HTMLInputElement>) =>
+    setInputUUID(e.target.value);
+
+  const handleResetUUID = () => {
+    setInputUUID("");
+    localStorage.removeItem("flashbotsUUID");
+  };
+
+  const openModal = () => {
+    const storedUUID = localStorage.getItem("flashbotsUUID");
+    setInputUUID(storedUUID || "");
+    onOpen();
+  };
+
+  const handleGenerateUUID = () => {
+    setInputUUID(uuidv4());
+  };
+
+  const handleAddNetwork = async (onClose: () => void) => {
+    if (!window.ethereum) {
+      alert("Please install MetaMask first.");
+      return;
+    }
+
+    if (!inputUUID) {
+      alert("Please generate a UUID first.");
+      return;
+    }
+
+    const uuid = inputUUID;
+    localStorage.setItem("flashbotsUUID", uuid);
+    const flashbotsRpcUrl = `${currentConfig.flashbotsRpcUrl}?bundle=${uuid}`;
+
+    const chainId = process.env.NEXT_PUBLIC_ACTIVE_NETWORK === 'mainnet' ? '0x1' : '0x5';
+    const chainName = process.env.NEXT_PUBLIC_ACTIVE_NETWORK === 'mainnet' ? 'Felina bundle simulate RPC' : 'Felina Goerli bundle simulate RPC';
+    const blockExplorerUrls = process.env.NEXT_PUBLIC_ACTIVE_NETWORK === 'mainnet' ? ['https://etherscan.io/'] : ['https://goerli.etherscan.io/'];
+
+    try {
+      await window.ethereum.request({
+        method: "wallet_addEthereumChain",
+        params: [
+          {
+            chainId,
+            chainName,
+            nativeCurrency: {
+              name: "Ethereum",
+              symbol: "ETH",
+              decimals: 18,
+            },
+            rpcUrls: [flashbotsRpcUrl],
+            blockExplorerUrls,
+          },
+        ],
+      });
+    } catch (error) {
+      console.error(error);
+    } finally {
+      onClose();
+    }
+  };
+
+  return (
+    <>
+      <Button onPress={openModal} color="primary">
+        Flashbots RPC Setup
+      </Button>
+      <Modal isOpen={isOpen} onOpenChange={onOpenChange}>
+        <ModalContent>
+          {(onClose) => (
+            <>
+              <ModalHeader>Add Flashbots RPC</ModalHeader>
+              <ModalBody>
+                <Input
+                  autoFocus
+                  value={inputUUID}
+                  onChange={handleUUIDChange}
+                  label="UUID"
+                  placeholder="Enter a UUID or Generate UUID"
+                  variant="bordered"
+                />
+              </ModalBody>
+              <ModalFooter>
+                <Button color="default" variant="flat" onPress={handleResetUUID}>
+                  Reset
+                </Button>
+                <Button color="primary" onPress={handleGenerateUUID}>
+                  Generate UUID
+                </Button>
+                <Button color="success" onPress={() => handleAddNetwork(onClose)}>
+                  Add Flashbots RPC
+                </Button>
+              </ModalFooter>
+            </>
+          )}
+        </ModalContent>
+      </Modal>
+    </>
+  );
+};
+
+export default AddNetworkButton;