Page MenuHomePhabricator
Differential D10449

[native] Expose get keyserver keys Identity RPC
ClosedPublic
Actions

Authored by tomek on Dec 22 2023, 7:12 AM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Mar 6, 6:14 AM
Unknown Object (File)
Sat, Feb 22, 1:26 PM
Unknown Object (File)
Sat, Feb 22, 1:26 PM
Unknown Object (File)
Sat, Feb 22, 1:26 PM
Unknown Object (File)
Sat, Feb 22, 1:26 PM
Unknown Object (File)
Sat, Feb 22, 1:26 PM
Unknown Object (File)
Sat, Feb 22, 1:26 PM
Unknown Object (File)
Sat, Feb 22, 1:25 PM
View All Files
Subscribers
ashoat
kamil

Details

Reviewers
varun
bartek
michal
kamil
Commits
rCOMM90c438564d6d: [native] Expose get keyserver keys Identity RPC
Summary

Add Rust and C++ code that allows calling this function.

https://linear.app/comm/issue/ENG-6083/allow-calling-getkeyserverkeys-on-native

Depends on D10403

Test Plan

Call this function in a code introduced by D10327 and check if the keys are returned.

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

tomek created this revision.Dec 22 2023, 7:12 AM
Herald added a subscriber: ashoat. · View Herald TranscriptDec 22 2023, 7:12 AM
tomek added a subscriber: kamil.Dec 22 2023, 7:18 AM
tomek added inline comments.
native/cpp/CommonCpp/NativeModules/CommRustModule.cpp
284–286 ↗(On Diff #34986)

This approach is consistent with other functions from this file, but I strongly suspect it is incorrect - as it ignores the error. The first function using this approach was introduced in https://phab.comm.dev/D8657 - @kamil is this the right approach?

tomek added a reviewer: kamil.Dec 22 2023, 7:18 AM
tomek removed a reviewer: inka.
Harbormaster returned this revision to the author for changes because remote builds failed.Dec 22 2023, 7:26 AM
Harbormaster failed remote builds in B25324: Diff 34986!
tomek edited the summary of this revision. (Show Details)Dec 22 2023, 7:31 AM
tomek requested review of this revision.Dec 22 2023, 7:34 AM
varun mentioned this in D10374: [CommRustModule] implement `getInboundKeys`.Jan 2 2024, 9:02 AM
kamil added inline comments.Jan 3 2024, 12:25 AM
native/cpp/CommonCpp/NativeModules/CommRustModule.cpp
284–286 ↗(On Diff #34986)

In D8657 I only moved methods from CommCoreModule (D8654) without changing implementation or updating anything - but yes, probably you're right and methods were implemented incorrectly

kamil added inline comments.Jan 5 2024, 3:35 AM
native/cpp/CommonCpp/NativeModules/CommRustModule.cpp
273 ↗(On Diff #34986)

this also turned out to be incorrect, here is the proposed fix: D10550

284–286 ↗(On Diff #34986)

I've added D10530 to fix entire file, would be nice if you could implement the same here

tomek updated this revision to Diff 35363.Jan 8 2024, 5:33 AM

Fix error handling and capturing

Harbormaster failed remote builds in B25594: Diff 35363!Jan 8 2024, 6:00 AM
bartek accepted this revision.Jan 9 2024, 3:57 AM
This revision is now accepted and ready to land.Jan 9 2024, 3:57 AM
tomek added a child revision: D10584: [lib][native][web] Expose identity API by using a context.Jan 9 2024, 7:28 AM
tomek updated this revision to Diff 35498.Jan 10 2024, 7:32 AM

Rebase

tomek updated this revision to Diff 35499.Jan 10 2024, 7:34 AM

Format

Harbormaster completed remote builds in B25674: Diff 35498.Jan 10 2024, 7:57 AM
Harbormaster completed remote builds in B25675: Diff 35499.Jan 10 2024, 7:59 AM
Closed by commit rCOMM90c438564d6d: [native] Expose get keyserver keys Identity RPC (authored by tomek). · Explain WhyJan 11 2024, 6:47 AM
This revision was automatically updated to reflect the committed changes.
tomek added a commit: rCOMM90c438564d6d: [native] Expose get keyserver keys Identity RPC.

Revision Contents
Changeset List

PathSize
native/
cpp/
CommonCpp/
NativeModules/
6 lines
33 lines
_generated/
native_rust_library/
src/
67 lines
schema/
6 lines

Diff 35529

View Options

native/cpp/CommonCpp/NativeModules/CommRustModule.h

// @flow // @flow
import { useActionSheet } from '@expo/react-native-action-sheet';
import invariant from 'invariant';
import * as React from 'react'; import * as React from 'react';
import { View, Text } from 'react-native'; import { View, Text, TouchableOpacity, Platform } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { NeynarClientContext } from 'lib/components/neynar-client-provider.react.js';
import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js';
import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react'; import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react';
import type { NavigationRoute } from '../../navigation/route-names'; import SWMansionIcon from '../../components/swmansion-icon.react.js';
import { type NavigationRoute } from '../../navigation/route-names.js';
import { useSelector } from '../../redux/redux-utils.js';
import { useStyles, useColors } from '../../themes/colors.js';
type Props = { type Props = {
+navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>, +navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>,
+route: NavigationRoute<'TagFarcasterChannel'>, +route: NavigationRoute<'TagFarcasterChannel'>,
}; };
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
function TagFarcasterChannel(props: Props): React.Node { function TagFarcasterChannel(props: Props): React.Node {
const styles = useStyles(unboundStyles);
const colors = useColors();
const fid = useCurrentUserFID();
invariant(fid, 'FID should be set');
const [selectedChannel, setSelectedChannel] = React.useState<?string>(null);
const [channelOptions, setChannelOptions] = React.useState<
$ReadOnlyArray<string>,
>([]);
const neynarClientContext = React.useContext(NeynarClientContext);
invariant(neynarClientContext, 'NeynarClientContext is missing');
const { client } = neynarClientContext;
React.useEffect(() => {
void (async () => {
const data = await client.fetchFollowedFarcasterChannels(fid);
const result = data.map(channel => channel.name);
setChannelOptions(result);
})();
}, [client, fid]);
const activeTheme = useSelector(state => state.globalThemeInfo.activeTheme);
const { showActionSheetWithOptions } = useActionSheet();
const insets = useSafeAreaInsets();
const onOptionSelected = React.useCallback(
(selectedIndex: ?number) => {
if (
selectedIndex === undefined ||
selectedIndex === null ||
selectedIndex === channelOptions.length
) {
return;
}
setSelectedChannel(channelOptions[selectedIndex]);
},
[channelOptions],
);
const onPressSelectChannel = React.useCallback(() => {
const options =
Platform.OS === 'ios' ? [...channelOptions, 'Cancel'] : channelOptions;
const cancelButtonIndex = Platform.OS === 'ios' ? options.length - 1 : -1;
const containerStyle = {
paddingBottom: insets.bottom,
};
showActionSheetWithOptions(
{
options,
cancelButtonIndex,
containerStyle,
userInterfaceStyle: activeTheme ?? 'dark',
},
onOptionSelected,
);
}, [
activeTheme,
channelOptions,
insets.bottom,
onOptionSelected,
showActionSheetWithOptions,
]);
const channelSelectionStyles = React.useMemo(
() => [styles.sectionContainer, styles.touchableSectionContainer],
[styles.sectionContainer, styles.touchableSectionContainer],
);
const channelSelectionTextContent = selectedChannel
? selectedChannel
: 'No Farcaster channel tagged';
const tagFarcasterChannel = React.useMemo( const tagFarcasterChannel = React.useMemo(
() => ( () => (
<View> <View>
<Text>TagFarcasterChannel</Text> <View style={styles.sectionContainer}>
<Text style={styles.sectionText}>
Tag a Farcaster channel so followers can find your Comm community!
</Text>
</View>
<Text style={styles.sectionHeaderText}>FARCASTER CHANNEL</Text>
<TouchableOpacity
style={channelSelectionStyles}
onPress={onPressSelectChannel}
>
<Text style={styles.sectionText}>{channelSelectionTextContent}</Text>
<SWMansionIcon
name="edit-1"
size={20}
color={colors.panelForegroundSecondaryLabel}
/>
</TouchableOpacity>
</View> </View>
), ),
[], [
styles.sectionContainer,
styles.sectionText,
styles.sectionHeaderText,
channelSelectionStyles,
onPressSelectChannel,
channelSelectionTextContent,
colors.panelForegroundSecondaryLabel,
],
); );
return tagFarcasterChannel; return tagFarcasterChannel;
} }
const unboundStyles = {
sectionContainer: {
backgroundColor: 'panelForeground',
marginBottom: 24,
padding: 16,
},
sectionText: {
color: 'panelForegroundLabel',
fontSize: 14,
},
sectionHeaderText: {
fontSize: 14,
fontWeight: '400',
lineHeight: 20,
color: 'panelForegroundLabel',
paddingHorizontal: 16,
paddingBottom: 4,
},
touchableSectionContainer: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
},
};
export default TagFarcasterChannel; export default TagFarcasterChannel;
View Options

native/cpp/CommonCpp/NativeModules/CommRustModule.cpp

// @flow // @flow
import { useActionSheet } from '@expo/react-native-action-sheet';
import invariant from 'invariant';
import * as React from 'react'; import * as React from 'react';
import { View, Text } from 'react-native'; import { View, Text, TouchableOpacity, Platform } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { NeynarClientContext } from 'lib/components/neynar-client-provider.react.js';
import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js';
import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react'; import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react';
import type { NavigationRoute } from '../../navigation/route-names'; import SWMansionIcon from '../../components/swmansion-icon.react.js';
import { type NavigationRoute } from '../../navigation/route-names.js';
import { useSelector } from '../../redux/redux-utils.js';
import { useStyles, useColors } from '../../themes/colors.js';
type Props = { type Props = {
+navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>, +navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>,
+route: NavigationRoute<'TagFarcasterChannel'>, +route: NavigationRoute<'TagFarcasterChannel'>,
}; };
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
function TagFarcasterChannel(props: Props): React.Node { function TagFarcasterChannel(props: Props): React.Node {
const styles = useStyles(unboundStyles);
const colors = useColors();
const fid = useCurrentUserFID();
invariant(fid, 'FID should be set');
const [selectedChannel, setSelectedChannel] = React.useState<?string>(null);
const [channelOptions, setChannelOptions] = React.useState<
$ReadOnlyArray<string>,
>([]);
const neynarClientContext = React.useContext(NeynarClientContext);
invariant(neynarClientContext, 'NeynarClientContext is missing');
const { client } = neynarClientContext;
React.useEffect(() => {
void (async () => {
const data = await client.fetchFollowedFarcasterChannels(fid);
const result = data.map(channel => channel.name);
setChannelOptions(result);
})();
}, [client, fid]);
const activeTheme = useSelector(state => state.globalThemeInfo.activeTheme);
const { showActionSheetWithOptions } = useActionSheet();
const insets = useSafeAreaInsets();
const onOptionSelected = React.useCallback(
(selectedIndex: ?number) => {
if (
selectedIndex === undefined ||
selectedIndex === null ||
selectedIndex === channelOptions.length
) {
return;
}
setSelectedChannel(channelOptions[selectedIndex]);
},
[channelOptions],
);
const onPressSelectChannel = React.useCallback(() => {
const options =
Platform.OS === 'ios' ? [...channelOptions, 'Cancel'] : channelOptions;
const cancelButtonIndex = Platform.OS === 'ios' ? options.length - 1 : -1;
const containerStyle = {
paddingBottom: insets.bottom,
};
showActionSheetWithOptions(
{
options,
cancelButtonIndex,
containerStyle,
userInterfaceStyle: activeTheme ?? 'dark',
},
onOptionSelected,
);
}, [
activeTheme,
channelOptions,
insets.bottom,
onOptionSelected,
showActionSheetWithOptions,
]);
const channelSelectionStyles = React.useMemo(
() => [styles.sectionContainer, styles.touchableSectionContainer],
[styles.sectionContainer, styles.touchableSectionContainer],
);
const channelSelectionTextContent = selectedChannel
? selectedChannel
: 'No Farcaster channel tagged';
const tagFarcasterChannel = React.useMemo( const tagFarcasterChannel = React.useMemo(
() => ( () => (
<View> <View>
<Text>TagFarcasterChannel</Text> <View style={styles.sectionContainer}>
<Text style={styles.sectionText}>
Tag a Farcaster channel so followers can find your Comm community!
</Text>
</View>
<Text style={styles.sectionHeaderText}>FARCASTER CHANNEL</Text>
<TouchableOpacity
style={channelSelectionStyles}
onPress={onPressSelectChannel}
>
<Text style={styles.sectionText}>{channelSelectionTextContent}</Text>
<SWMansionIcon
name="edit-1"
size={20}
color={colors.panelForegroundSecondaryLabel}
/>
</TouchableOpacity>
</View> </View>
), ),
[], [
styles.sectionContainer,
styles.sectionText,
styles.sectionHeaderText,
channelSelectionStyles,
onPressSelectChannel,
channelSelectionTextContent,
colors.panelForegroundSecondaryLabel,
],
); );
return tagFarcasterChannel; return tagFarcasterChannel;
} }
const unboundStyles = {
sectionContainer: {
backgroundColor: 'panelForeground',
marginBottom: 24,
padding: 16,
},
sectionText: {
color: 'panelForegroundLabel',
fontSize: 14,
},
sectionHeaderText: {
fontSize: 14,
fontWeight: '400',
lineHeight: 20,
color: 'panelForegroundLabel',
paddingHorizontal: 16,
paddingBottom: 4,
},
touchableSectionContainer: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
},
};
export default TagFarcasterChannel; export default TagFarcasterChannel;
View Options

native/cpp/CommonCpp/_generated/rustJSI-generated.cpp

// @flow // @flow
import { useActionSheet } from '@expo/react-native-action-sheet';
import invariant from 'invariant';
import * as React from 'react'; import * as React from 'react';
import { View, Text } from 'react-native'; import { View, Text, TouchableOpacity, Platform } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { NeynarClientContext } from 'lib/components/neynar-client-provider.react.js';
import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js';
import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react'; import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react';
import type { NavigationRoute } from '../../navigation/route-names'; import SWMansionIcon from '../../components/swmansion-icon.react.js';
import { type NavigationRoute } from '../../navigation/route-names.js';
import { useSelector } from '../../redux/redux-utils.js';
import { useStyles, useColors } from '../../themes/colors.js';
type Props = { type Props = {
+navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>, +navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>,
+route: NavigationRoute<'TagFarcasterChannel'>, +route: NavigationRoute<'TagFarcasterChannel'>,
}; };
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
function TagFarcasterChannel(props: Props): React.Node { function TagFarcasterChannel(props: Props): React.Node {
const styles = useStyles(unboundStyles);
const colors = useColors();
const fid = useCurrentUserFID();
invariant(fid, 'FID should be set');
const [selectedChannel, setSelectedChannel] = React.useState<?string>(null);
const [channelOptions, setChannelOptions] = React.useState<
$ReadOnlyArray<string>,
>([]);
const neynarClientContext = React.useContext(NeynarClientContext);
invariant(neynarClientContext, 'NeynarClientContext is missing');
const { client } = neynarClientContext;
React.useEffect(() => {
void (async () => {
const data = await client.fetchFollowedFarcasterChannels(fid);
const result = data.map(channel => channel.name);
setChannelOptions(result);
})();
}, [client, fid]);
const activeTheme = useSelector(state => state.globalThemeInfo.activeTheme);
const { showActionSheetWithOptions } = useActionSheet();
const insets = useSafeAreaInsets();
const onOptionSelected = React.useCallback(
(selectedIndex: ?number) => {
if (
selectedIndex === undefined ||
selectedIndex === null ||
selectedIndex === channelOptions.length
) {
return;
}
setSelectedChannel(channelOptions[selectedIndex]);
},
[channelOptions],
);
const onPressSelectChannel = React.useCallback(() => {
const options =
Platform.OS === 'ios' ? [...channelOptions, 'Cancel'] : channelOptions;
const cancelButtonIndex = Platform.OS === 'ios' ? options.length - 1 : -1;
const containerStyle = {
paddingBottom: insets.bottom,
};
showActionSheetWithOptions(
{
options,
cancelButtonIndex,
containerStyle,
userInterfaceStyle: activeTheme ?? 'dark',
},
onOptionSelected,
);
}, [
activeTheme,
channelOptions,
insets.bottom,
onOptionSelected,
showActionSheetWithOptions,
]);
const channelSelectionStyles = React.useMemo(
() => [styles.sectionContainer, styles.touchableSectionContainer],
[styles.sectionContainer, styles.touchableSectionContainer],
);
const channelSelectionTextContent = selectedChannel
? selectedChannel
: 'No Farcaster channel tagged';
const tagFarcasterChannel = React.useMemo( const tagFarcasterChannel = React.useMemo(
() => ( () => (
<View> <View>
<Text>TagFarcasterChannel</Text> <View style={styles.sectionContainer}>
<Text style={styles.sectionText}>
Tag a Farcaster channel so followers can find your Comm community!
</Text>
</View>
<Text style={styles.sectionHeaderText}>FARCASTER CHANNEL</Text>
<TouchableOpacity
style={channelSelectionStyles}
onPress={onPressSelectChannel}
>
<Text style={styles.sectionText}>{channelSelectionTextContent}</Text>
<SWMansionIcon
name="edit-1"
size={20}
color={colors.panelForegroundSecondaryLabel}
/>
</TouchableOpacity>
</View> </View>
), ),
[], [
styles.sectionContainer,
styles.sectionText,
styles.sectionHeaderText,
channelSelectionStyles,
onPressSelectChannel,
channelSelectionTextContent,
colors.panelForegroundSecondaryLabel,
],
); );
return tagFarcasterChannel; return tagFarcasterChannel;
} }
const unboundStyles = {
sectionContainer: {
backgroundColor: 'panelForeground',
marginBottom: 24,
padding: 16,
},
sectionText: {
color: 'panelForegroundLabel',
fontSize: 14,
},
sectionHeaderText: {
fontSize: 14,
fontWeight: '400',
lineHeight: 20,
color: 'panelForegroundLabel',
paddingHorizontal: 16,
paddingBottom: 4,
},
touchableSectionContainer: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
},
};
export default TagFarcasterChannel; export default TagFarcasterChannel;
View Options

native/cpp/CommonCpp/_generated/rustJSI.h

// @flow // @flow
import { useActionSheet } from '@expo/react-native-action-sheet';
import invariant from 'invariant';
import * as React from 'react'; import * as React from 'react';
import { View, Text } from 'react-native'; import { View, Text, TouchableOpacity, Platform } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { NeynarClientContext } from 'lib/components/neynar-client-provider.react.js';
import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js';
import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react'; import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react';
import type { NavigationRoute } from '../../navigation/route-names'; import SWMansionIcon from '../../components/swmansion-icon.react.js';
import { type NavigationRoute } from '../../navigation/route-names.js';
import { useSelector } from '../../redux/redux-utils.js';
import { useStyles, useColors } from '../../themes/colors.js';
type Props = { type Props = {
+navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>, +navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>,
+route: NavigationRoute<'TagFarcasterChannel'>, +route: NavigationRoute<'TagFarcasterChannel'>,
}; };
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
function TagFarcasterChannel(props: Props): React.Node { function TagFarcasterChannel(props: Props): React.Node {
const styles = useStyles(unboundStyles);
const colors = useColors();
const fid = useCurrentUserFID();
invariant(fid, 'FID should be set');
const [selectedChannel, setSelectedChannel] = React.useState<?string>(null);
const [channelOptions, setChannelOptions] = React.useState<
$ReadOnlyArray<string>,
>([]);
const neynarClientContext = React.useContext(NeynarClientContext);
invariant(neynarClientContext, 'NeynarClientContext is missing');
const { client } = neynarClientContext;
React.useEffect(() => {
void (async () => {
const data = await client.fetchFollowedFarcasterChannels(fid);
const result = data.map(channel => channel.name);
setChannelOptions(result);
})();
}, [client, fid]);
const activeTheme = useSelector(state => state.globalThemeInfo.activeTheme);
const { showActionSheetWithOptions } = useActionSheet();
const insets = useSafeAreaInsets();
const onOptionSelected = React.useCallback(
(selectedIndex: ?number) => {
if (
selectedIndex === undefined ||
selectedIndex === null ||
selectedIndex === channelOptions.length
) {
return;
}
setSelectedChannel(channelOptions[selectedIndex]);
},
[channelOptions],
);
const onPressSelectChannel = React.useCallback(() => {
const options =
Platform.OS === 'ios' ? [...channelOptions, 'Cancel'] : channelOptions;
const cancelButtonIndex = Platform.OS === 'ios' ? options.length - 1 : -1;
const containerStyle = {
paddingBottom: insets.bottom,
};
showActionSheetWithOptions(
{
options,
cancelButtonIndex,
containerStyle,
userInterfaceStyle: activeTheme ?? 'dark',
},
onOptionSelected,
);
}, [
activeTheme,
channelOptions,
insets.bottom,
onOptionSelected,
showActionSheetWithOptions,
]);
const channelSelectionStyles = React.useMemo(
() => [styles.sectionContainer, styles.touchableSectionContainer],
[styles.sectionContainer, styles.touchableSectionContainer],
);
const channelSelectionTextContent = selectedChannel
? selectedChannel
: 'No Farcaster channel tagged';
const tagFarcasterChannel = React.useMemo( const tagFarcasterChannel = React.useMemo(
() => ( () => (
<View> <View>
<Text>TagFarcasterChannel</Text> <View style={styles.sectionContainer}>
<Text style={styles.sectionText}>
Tag a Farcaster channel so followers can find your Comm community!
</Text>
</View>
<Text style={styles.sectionHeaderText}>FARCASTER CHANNEL</Text>
<TouchableOpacity
style={channelSelectionStyles}
onPress={onPressSelectChannel}
>
<Text style={styles.sectionText}>{channelSelectionTextContent}</Text>
<SWMansionIcon
name="edit-1"
size={20}
color={colors.panelForegroundSecondaryLabel}
/>
</TouchableOpacity>
</View> </View>
), ),
[], [
styles.sectionContainer,
styles.sectionText,
styles.sectionHeaderText,
channelSelectionStyles,
onPressSelectChannel,
channelSelectionTextContent,
colors.panelForegroundSecondaryLabel,
],
); );
return tagFarcasterChannel; return tagFarcasterChannel;
} }
const unboundStyles = {
sectionContainer: {
backgroundColor: 'panelForeground',
marginBottom: 24,
padding: 16,
},
sectionText: {
color: 'panelForegroundLabel',
fontSize: 14,
},
sectionHeaderText: {
fontSize: 14,
fontWeight: '400',
lineHeight: 20,
color: 'panelForegroundLabel',
paddingHorizontal: 16,
paddingBottom: 4,
},
touchableSectionContainer: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
},
};
export default TagFarcasterChannel; export default TagFarcasterChannel;
View Options

native/native_rust_library/src/lib.rs

// @flow // @flow
import { useActionSheet } from '@expo/react-native-action-sheet';
import invariant from 'invariant';
import * as React from 'react'; import * as React from 'react';
import { View, Text } from 'react-native'; import { View, Text, TouchableOpacity, Platform } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { NeynarClientContext } from 'lib/components/neynar-client-provider.react.js';
import { useCurrentUserFID } from 'lib/utils/farcaster-utils.js';
import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react'; import type { TagFarcasterChannelNavigationProp } from './tag-farcaster-channel-navigator.react';
import type { NavigationRoute } from '../../navigation/route-names'; import SWMansionIcon from '../../components/swmansion-icon.react.js';
import { type NavigationRoute } from '../../navigation/route-names.js';
import { useSelector } from '../../redux/redux-utils.js';
import { useStyles, useColors } from '../../themes/colors.js';
type Props = { type Props = {
+navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>, +navigation: TagFarcasterChannelNavigationProp<'TagFarcasterChannel'>,
+route: NavigationRoute<'TagFarcasterChannel'>, +route: NavigationRoute<'TagFarcasterChannel'>,
}; };
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
function TagFarcasterChannel(props: Props): React.Node { function TagFarcasterChannel(props: Props): React.Node {
const styles = useStyles(unboundStyles);
const colors = useColors();
const fid = useCurrentUserFID();
invariant(fid, 'FID should be set');
const [selectedChannel, setSelectedChannel] = React.useState<?string>(null);
const [channelOptions, setChannelOptions] = React.useState<
$ReadOnlyArray<string>,
>([]);
const neynarClientContext = React.useContext(NeynarClientContext);
invariant(neynarClientContext, 'NeynarClientContext is missing');
const { client } = neynarClientContext;
React.useEffect(() => {
void (async () => {
const data = await client.fetchFollowedFarcasterChannels(fid);
const result = data.map(channel => channel.name);
setChannelOptions(result);
})();
}, [client, fid]);
const activeTheme = useSelector(state => state.globalThemeInfo.activeTheme);
const { showActionSheetWithOptions } = useActionSheet();
const insets = useSafeAreaInsets();
const onOptionSelected = React.useCallback(
(selectedIndex: ?number) => {
if (
selectedIndex === undefined ||
selectedIndex === null ||
selectedIndex === channelOptions.length
) {
return;
}
setSelectedChannel(channelOptions[selectedIndex]);
},
[channelOptions],
);
const onPressSelectChannel = React.useCallback(() => {
const options =
Platform.OS === 'ios' ? [...channelOptions, 'Cancel'] : channelOptions;
const cancelButtonIndex = Platform.OS === 'ios' ? options.length - 1 : -1;
const containerStyle = {
paddingBottom: insets.bottom,
};
showActionSheetWithOptions(
{
options,
cancelButtonIndex,
containerStyle,
userInterfaceStyle: activeTheme ?? 'dark',
},
onOptionSelected,
);
}, [
activeTheme,
channelOptions,
insets.bottom,
onOptionSelected,
showActionSheetWithOptions,
]);
const channelSelectionStyles = React.useMemo(
() => [styles.sectionContainer, styles.touchableSectionContainer],
[styles.sectionContainer, styles.touchableSectionContainer],
);
const channelSelectionTextContent = selectedChannel
? selectedChannel
: 'No Farcaster channel tagged';
const tagFarcasterChannel = React.useMemo( const tagFarcasterChannel = React.useMemo(
() => ( () => (
<View> <View>
<Text>TagFarcasterChannel</Text> <View style={styles.sectionContainer}>
<Text style={styles.sectionText}>
Tag a Farcaster channel so followers can find your Comm community!
</Text>
</View>
<Text style={styles.sectionHeaderText}>FARCASTER CHANNEL</Text>
<TouchableOpacity
style={channelSelectionStyles}
onPress={onPressSelectChannel}
>
<Text style={styles.sectionText}>{channelSelectionTextContent}</Text>
<SWMansionIcon
name="edit-1"
size={20}
color={colors.panelForegroundSecondaryLabel}
/>
</TouchableOpacity>
</View> </View>
), ),
[], [
styles.sectionContainer,
styles.sectionText,
styles.sectionHeaderText,
channelSelectionStyles,
onPressSelectChannel,
channelSelectionTextContent,
colors.panelForegroundSecondaryLabel,
],
); );
return tagFarcasterChannel; return tagFarcasterChannel;
} }
const unboundStyles = {
sectionContainer: {
backgroundColor: 'panelForeground',
marginBottom: 24,
padding: 16,
},
sectionText: {
color: 'panelForegroundLabel',
fontSize: 14,
},
sectionHeaderText: {
fontSize: 14,
fontWeight: '400',
lineHeight: 20,
color: 'panelForegroundLabel',
paddingHorizontal: 16,
paddingBottom: 4,
},
touchableSectionContainer: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
},
};
export default TagFarcasterChannel; export default TagFarcasterChannel;
View Options

native/schema/CommRustModuleSchema.js

Loading...