From 735cf6c3dce11b54352e25ff1f809b65783d9c6e Mon Sep 17 00:00:00 2001 From: Z Date: Tue, 19 Mar 2024 03:22:50 -0500 Subject: [PATCH 1/2] Add expanding Why? section on top of page --- package-lock.json | 1 + pages/index.tsx | 856 ++++++++++++++++++++++++---------------------- 2 files changed, 452 insertions(+), 405 deletions(-) diff --git a/package-lock.json b/package-lock.json index f8e0fd3..b0abc06 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,6 +5,7 @@ "requires": true, "packages": { "": { + "name": "eip1271-website", "version": "0.0.1", "dependencies": { "@next-auth/prisma-adapter": "^1.0.5", diff --git a/pages/index.tsx b/pages/index.tsx index 3a22d50..c04f5f2 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -12,412 +12,458 @@ import twitterPost from "../public/twitter.png"; import REDIRECT from "helpers/constants"; import { useRouter } from "next/router"; export default function Home() { - const router = useRouter(); - const openURL = (payload: string) => window.open(payload); - const getImage = (image: string) => - image ? require(`../public/dappfavicons/${image}`) : ""; + const router = useRouter(); + const openURL = (payload: string) => window.open(payload); + const getImage = (image: string) => + image ? require(`../public/dappfavicons/${image}`) : ""; - return ( - -
-
-
-
-
-
-

- EIP-1271 -

-

- Standard Signature Validation
Procedure for Contracts -

- -

- Enhancing dApps UX through Account Abstraction wallets -

-
-
-
-
-
-
- -
- openURL(REDIRECT.VITALIK_TWEET)} - src={twitterPost} - alt="" - width={330} - loading="eager" - /> -
- -
-
-
-
-
-
-
-
-
-

- Since this is crucial for account abstraction, we want to - encourage more dApps to integrate EIP-1271. -

-
-
-
- - - - - - - - {dapps - .filter((x) => x.supportEIP1271 === "Yes") - .map((item, i) => { - return ( - - - - ); - })} - -
- Support EIP 1271 -
x.supportEIP1271 === "Yes") - .length - - 1 !== - i - ? "border-b" - : "" - } text-gray-900 whitespace-nowrap dark:text-white`} - > - {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} -
- window.open(item.dAppWebsite, "_blank") - } - style={{ maxHeight: 30 }} - > -
- -
-
-

{item.dappName}

-
-
-
-
-
- - - - - - - - {dapps - .filter((x) => x.supportEIP1271 === "Yes") - .map((_item, i) => ( - - - - ))} - -
- Don't Support EIP 1271 -
x.supportEIP1271 === "Yes") - .length - - 1 !== - i - ? "border-b" - : "" - } text-gray-900 whitespace-nowrap dark:text-white`} - > -
-
- {dapps.filter((x) => x.supportEIP1271 === "No")[ - i - ] ? ( - <> - {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} -
- window.open( - dapps.filter( - (x) => x.supportEIP1271 === "No", - )[i]?.dAppWebsite, - "_blank", - ) - } - > - x.supportEIP1271 === "No", - )[i]?.favIcon ?? "", - )} - alt="" - width={29} - height={29} - className="rounded-full" - style={{ width: 30, height: 30 }} - /> -

- { - dapps.filter( - (x) => x.supportEIP1271 === "No", - )[i]?.dappName - } -   -

-
- {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} -
- openURL( - REDIRECT.ASK_TO_ADD( - dapps.filter( - (x) => x.supportEIP1271 === "No", - )[i]?.twitterHandle, - ), - ) - } - > - -

- Ask to add EIP-1271 -

-
- - ) : null} -
-
-
- - - - - - - - {dapps - .filter((x) => x.supportEIP1271 === "No") - .map((item, i) => ( - - - - ))} - -
- Don't Support EIP 1271 -
x.supportEIP1271 === "No") - .length - - 1 !== - i - ? "border-b" - : "" - } text-gray-900 whitespace-nowrap dark:text-white`} - > -
-
- {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} -
- window.open(item?.dAppWebsite, "_blank") - } - > - -

- {item?.dappName} -   -

-
- {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} -
- openURL( - REDIRECT.ASK_TO_ADD(item?.twitterHandle), - ) - } - > - -

- Ask to add EIP-1271 -

-
-
-
-
-
-
-
-
- -
-
-
- -
- -
- + return ( + +
+
+
+
+
+
+

+ EIP-1271 +

+

+ Standard Signature Validation
Procedure for Contracts +

+
+ + Why? + +

+ Currently, EOA wallets can sign messages, but smart contracts + cannot directly sign messages. With the rise of smart contract + wallets and DAOs controlled by multi-sig smart contracts, we + should integrate EIP-1271 in order to add message signing to + smart contracts. +

+
+ +

+ Enhancing dApps UX through Account Abstraction wallets +

+
+
+
+
+
+
+ +
+ openURL(REDIRECT.VITALIK_TWEET)} + src={twitterPost} + alt="" + width={330} + loading="eager" + /> +
+ +
+
+
+
+
+
+
+
+
+

+ Since this is crucial for account abstraction, we want to + encourage more dApps to integrate EIP-1271. +

+
+
+
+ + + + + + + + {dapps + .filter((x) => x.supportEIP1271 === "Yes") + .map((item, i) => { + return ( + + + + ); + })} + +
+ Support EIP 1271 +
x.supportEIP1271 === "Yes") + .length - + 1 !== + i + ? "border-b" + : "" + } whitespace-nowrap text-gray-900 dark:text-white`} + > + {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} +
+ window.open(item.dAppWebsite, "_blank") + } + style={{ maxHeight: 30 }} + > +
+ +
+
+

{item.dappName}

+
+
+
+
+
+ + + + + + + + {dapps + .filter((x) => x.supportEIP1271 === "Yes") + .map((_item, i) => ( + + + + ))} + +
+ Don't Support EIP 1271 +
x.supportEIP1271 === "Yes") + .length - + 1 !== + i + ? "border-b" + : "" + } whitespace-nowrap text-gray-900 dark:text-white`} + > +
+
+ {dapps.filter((x) => x.supportEIP1271 === "No")[ + i + ] ? ( + <> + {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} +
+ window.open( + dapps.filter( + (x) => x.supportEIP1271 === "No", + )[i]?.dAppWebsite, + "_blank", + ) + } + > + x.supportEIP1271 === "No", + )[i]?.favIcon ?? "", + )} + alt="" + width={29} + height={29} + className="rounded-full" + style={{ width: 30, height: 30 }} + /> +

+ { + dapps.filter( + (x) => x.supportEIP1271 === "No", + )[i]?.dappName + } +   +

+
+ {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} +
+ openURL( + REDIRECT.ASK_TO_ADD( + dapps.filter( + (x) => x.supportEIP1271 === "No", + )[i]?.twitterHandle, + ), + ) + } + > + +

+ Ask to add EIP-1271 +

+
+ + ) : null} +
+
+
+ + + + + + + + {dapps + .filter((x) => x.supportEIP1271 === "No") + .map((item, i) => ( + + + + ))} + +
+ Don't Support EIP 1271 +
x.supportEIP1271 === "No") + .length - + 1 !== + i + ? "border-b" + : "" + } whitespace-nowrap text-gray-900 dark:text-white`} + > +
+
+ {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} +
+ window.open(item?.dAppWebsite, "_blank") + } + > + +

+ {item?.dappName} +   +

+
+ {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} +
+ openURL( + REDIRECT.ASK_TO_ADD(item?.twitterHandle), + ) + } + > + +

+ Ask to add EIP-1271 +

+
+
+
+
+
+
+
+
+ +
+ + -
-
-

FAQ

-
-
- -
-
-
-
- -
-
-
-

- Have a Question ? -

- {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} -

openURL(REDIRECT.ASK_ON_DISCORD)} - > - Ask on Discord -

-
-
-
-
-
-
-
-

- Powered by -

-

- - {" & "} - -

-
-
- {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} -

router.push("mailto:hello@eip1271.io")} - > - hello@eip1271.io -

-

eip1271.eth

-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - ); +
+
+

FAQ

+
+
+ +
+
+
+
+ +
+
+
+

+ Have a Question ? +

+ {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} +

openURL(REDIRECT.ASK_ON_DISCORD)} + > + Ask on Discord +

+
+
+
+
+
+
+
+

+ Powered by +

+

+ + {" & "} + +

+
+
+ {/* rome-ignore lint/a11y/useKeyWithClickEvents: */} +

router.push("mailto:hello@eip1271.io")} + > + hello@eip1271.io +

+

eip1271.eth

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + ); } From e03d651a0307b7692245144b24554ef992680b4f Mon Sep 17 00:00:00 2001 From: Z Date: Tue, 19 Mar 2024 03:41:35 -0500 Subject: [PATCH 2/2] Small change in summary --- pages/index.tsx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/pages/index.tsx b/pages/index.tsx index c04f5f2..9aa2a6b 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -33,18 +33,17 @@ export default function Home() {

Why? -

- Currently, EOA wallets can sign messages, but smart contracts - cannot directly sign messages. With the rise of smart contract +

+ EOA wallets can sign messages, but smart contracts cannot + directly sign messages. With the rise of smart contract wallets and DAOs controlled by multi-sig smart contracts, we should integrate EIP-1271 in order to add message signing to smart contracts.