Page MenuHomePhorge
Files F32639007

D11428.1767496229.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D11428.1767496229.diff
View Options

diff --git a/landing/connect-farcaster.react.js b/landing/connect-farcaster.react.js
new file mode 100644
--- /dev/null
+++ b/landing/connect-farcaster.react.js
@@ -0,0 +1,96 @@
+// @flow
+
+import { AuthKitProvider, useSignIn } from '@farcaster/auth-kit';
+import * as React from 'react';
+
+type FarcasterWebViewMessage =
+ | {
+ +type: 'farcaster_url',
+ +url: string,
+ }
+ | {
+ +type: 'farcaster_data',
+ +fid: string,
+ };
+
+const config = {
+ domain: 'Comm',
+ siweURL: 'https://comm.app/connect-farcaster',
+ rpcURL: 'https://mainnet.optimism.io',
+ relay: 'https://relay.farcaster.xyz',
+};
+
+function postMessageToNativeWebView(message: FarcasterWebViewMessage) {
+ window.ReactNativeWebView?.postMessage?.(JSON.stringify(message));
+}
+
+type OnSuccessCallbackArgs = {
+ fid: string,
+};
+function onSuccessCallback({ fid }: OnSuccessCallbackArgs) {
+ postMessageToNativeWebView({
+ type: 'farcaster_data',
+ fid,
+ });
+}
+
+function ConnectFarcaster(): React.Node {
+ const signInState = useSignIn({ onSuccess: onSuccessCallback });
+
+ const {
+ signIn,
+ connect,
+ reconnect,
+ isSuccess,
+ isError,
+ channelToken,
+ url,
+ validSignature,
+ } = signInState;
+
+ React.useEffect(() => {
+ if (!channelToken) {
+ connect();
+ }
+ }, [channelToken, connect]);
+
+ const messageSentRef = React.useRef<boolean>(false);
+ const authenticated = isSuccess && validSignature;
+
+ React.useEffect(() => {
+ if (authenticated) {
+ return;
+ }
+ if (isError) {
+ reconnect();
+ }
+
+ signIn();
+
+ if (url && messageSentRef.current === false) {
+ messageSentRef.current = true;
+
+ postMessageToNativeWebView({
+ type: 'farcaster_url',
+ url: url.toString(),
+ });
+ }
+ }, [authenticated, isError, reconnect, signIn, url]);
+
+ return null;
+}
+
+function ConnectFarcasterWrapper(): React.Node {
+ const connectFarcasterWrapper = React.useMemo(
+ () => (
+ <AuthKitProvider config={config}>
+ <ConnectFarcaster />
+ </AuthKitProvider>
+ ),
+ [],
+ );
+
+ return connectFarcasterWrapper;
+}
+
+export default ConnectFarcasterWrapper;

File Metadata

Mime Type
text/plain
Expires
Sun, Jan 4, 3:10 AM (10 h, 45 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5891527
Default Alt Text
D11428.1767496229.diff (2 KB)

Event Timeline