batiushev

.gitignore

@@ -0,0 +1,2 @@
+preparation/frontend_task_1/web3modal_example/.yarn
+preparation/frontend_task_1/web3modal_example/node_modules

preparation/frontend_task_1/README.md

@@ -8,14 +8,18 @@ Framework: React.js, это данность, так сложилось исто
 
 - 🚀 Не меньшее количество решений, чем на [1inch.io](https://1inch.io)
 
+Необходимо точно указать какие сети необходимы и какие кошельки надо поддерживать.
+Если модалка подключения кошельков будет иметь индивидуальный дизайн, то готовые решения типа (Web3Modal, ConnectKit, RainbowKit) не подойдут - так как их дизайн сложно изменить.
+Необходимо использовать Wigmi и делать модалку согласно дизайну.
+
 ## 📦 Список продуктов:
 
 - 🤝 [WalletConnect] [docs](https://docs.walletconnect.com/getting-started)/[demo](https://web3modal.com/)
-- 💻 [Web3.js](https://web3js.readthedocs.io/) / [ether.js](https://docs.ethers.org/) 
+- 💻 [Web3.js](https://web3js.readthedocs.io/) / [viem](https://viem.sh/docs/getting-started/)
+- 🔮 [wagmi](https://wagmi.sh/core/getting-started/)
 - https://walletlink.xyz/#/
 - https://github.com/bitcoin/bips/blob/master/bip-0072.mediawiki , https://en.bitcoin.it/wiki/BIP_0021
-- …...добавить....
-- 📚 [url/docs/demo](#)
+
 
 
 ## 📋 Критерии:
@@ -32,7 +36,18 @@ Framework: React.js, это данность, так сложилось исто
 - 🚧 Проблемы (wc - модалку на их домене отключали для русских через Cloudflare Geo, обещали в мае сделать понастоящему децентрализованно, и проблема уйдет)
 - 🔍 Безопасность проверить второй раз - какие данные отправляются в модалке, к чему это может привести (как минимум WalletConnect будет знать, какое количество пользователей у сервиса)
 
+Моё решение(не факт что верное). Зарегистрировать несколько приложений в WalletConnect и использовать прокси. Рандомно менять id_project WalletConnect - тем самым мы скроем реальное количество пользователей.
+Менять ip адреса при подключении - обойдём проблему с Cloudflare Geo.
+
+
 ## Код:
 Текущий код взят из доки walletconnect, выполнением одной строчкой инициализации получен пример приложения.
 
 Направление движения - страница hello world и кнопкой connect, когда кошелек авторизован, должна быть авторизация и на нешм беке (профиль, выбранный язык, и т.д)
+
+Использовать авторизацию [Sign-In with Ethereum](https://login.xyz/).
+- [Как это работает](https://leondo.medium.com/how-to-use-sign-in-with-ethereum-ce712e622ee6)
+- [Как это реализовать с помощью wagmi](https://1.x.wagmi.sh/examples/sign-in-with-ethereum)
+
+Либо можно собрать необходимые данные и подписать их с помощью метода [signTypedData](https://wagmi.sh/core/api/actions/signTypedData)
+Полученную подпись отправить на бэкенд, где он сделает верификацию и достанет нужные данные.

preparation/frontend_task_1/web3modal_example/.gitignore

@@ -1,9 +1,10 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
+./node_modules
 /.pnp
 .pnp.js
+./yarn
 
 # testing
 /coverage

preparation/frontend_task_1/web3modal_example/.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

preparation/frontend_task_1/web3modal_example/src/pages/_app.tsx

@@ -42,18 +42,10 @@ const wagmiConfig = defaultWagmiConfig({ chains, projectId, metadata });
 createWeb3Modal({ wagmiConfig, projectId, chains });
 
 export default function App({ Component, pageProps }: AppProps) {
-	const [ready, setReady] = useState(false);
 
-	useEffect(() => {
-		setReady(true);
-	}, []);
 	return (
-		<>
-			{ready ? (
-				<WagmiConfig config={wagmiConfig}>
+		<WagmiConfig config={wagmiConfig}>
 					<Component {...pageProps} />
-				</WagmiConfig>
-			) : null}
-		</>
+		</WagmiConfig>
 	);
 }