onlySassy toggle

src/api/channelFeed.api.ts

@@ -10,6 +10,8 @@ export interface EnhancedCastObject extends CastObject {
   amFollowing: boolean;
   authorHasPowerBadge: boolean;
   botOrNotResult: BotOrNotResult;
+  isSassy: boolean;
+  decryptedText?: string;
   tags: IHashTag[];
 }
 export interface PagedCronFeed {
@@ -37,6 +39,7 @@ export const getEnhancedChannelFeed = async (channelFeedRequestPayload: ChannelF
     casts: cronFeed.casts.map((castObject) => ({
       ...castObject,
       amFollowing: following.find((fid) => fid === castObject.author.fid) !== undefined,
+      isSassy: /[a-fA-F0-9]{64}/.test(castObject.text),
 
       authorHasPowerBadge: powerBadgeUsers.find((fid) => fid === castObject.author.fid) !== undefined,
       botOrNotResult: botOrNotResponse.fids.find((fid) => fid.fid === castObject.author.fid)?.result ?? {

src/api/forYouFeed.api.ts

@@ -38,6 +38,7 @@ export const getEnhancedForYouFeed = async (
     casts: forYouFeed.casts.map((castObject) => ({
       ...castObject,
       amFollowing: following.find((fid) => fid === castObject.author.fid) !== undefined,
+      isSassy: /[a-fA-F0-9]{64}/.test(castObject.text),
 
       authorHasPowerBadge: powerBadgeUsers.find((fid) => fid === castObject.author.fid) !== undefined,
       botOrNotResult: botOrNotResponse.fids.find((fid) => fid.fid === castObject.author.fid)?.result ?? {

src/components/apps/channelFeed/ChannelFeed.tsx

@@ -40,6 +40,7 @@ export const ChannelFeed: React.FC = () => {
   const signalToNoiseState = useAppSelector((state) => state.signalToNoise);
   const showMainFeed = signalToNoiseState.showMainFeed;
   const showOnlyFollowing = signalToNoiseState.showOnlyFollowing;
+  const showOnlySassy = signalToNoiseState.showOnlySassy;
   const showOnlyFarcaptcha = signalToNoiseState.showOnlyFarcaptcha;
 
   const { user } = useNeynarContext();
@@ -116,6 +117,7 @@ export const ChannelFeed: React.FC = () => {
     const filteredCasts = casts
       .filter((c) => !showMainFeed || isAllowedInMainFeed(c, channelModerators))
       .filter((c) => !showOnlyFollowing || c.amFollowing)
+      .filter((c) => !showOnlySassy || c.isSassy)
       .filter((c) => !showOnlyFarcaptcha || c.botOrNotResult.farcaptcha)
       .filter((c) =>
         selectedLabels.length === 0 ? true : selectedLabels.includes(c.botOrNotResult.label ?? 'missing-label'),

src/components/apps/forYouFeed/ForYouFeed.tsx

@@ -30,6 +30,7 @@ export const ForYouFeed: React.FC<ForYouFeedProps> = ({ fid }) => {
 
   const signalToNoiseState = useAppSelector((state) => state.signalToNoise);
   const showOnlyFollowing = signalToNoiseState.showOnlyFollowing;
+  const showOnlySassy = signalToNoiseState.showOnlySassy;
   const showOnlyCuratedChannels = signalToNoiseState.showOnlyCuratedChannels;
   const showOnlyFarcaptcha = signalToNoiseState.showOnlyFarcaptcha;
 
@@ -97,6 +98,7 @@ export const ForYouFeed: React.FC<ForYouFeedProps> = ({ fid }) => {
   const filteredCastsList = useMemo(() => {
     const filteredCasts = casts
       .filter((c) => !showOnlyFollowing || c.amFollowing)
+      .filter((c) => !showOnlySassy || c.isSassy)
       .filter((c) => !showOnlyCuratedChannels || c.tags.length > 1)
       .filter((c) => !showOnlyFarcaptcha || c.botOrNotResult.farcaptcha)
       .filter((c) =>
@@ -134,6 +136,7 @@ export const ForYouFeed: React.FC<ForYouFeedProps> = ({ fid }) => {
     casts,
     setNumCastsAfterFiltering,
     showOnlyFollowing,
+    showOnlySassy,
     showOnlyCuratedChannels,
     showOnlyFarcaptcha,
     selectedLabels,

src/components/header/components/signalToNoiseDropdown/signalToNoiseOverlay/FeedSettings.tsx

@@ -6,10 +6,12 @@ import {
   setShowOnlyCuratedChannels,
   setShowOnlyFarcaptcha,
   setShowOnlyFollowing,
+  setShowOnlySassy,
   unsetShowMainFeed,
   unsetShowOnlyCuratedChannels,
   unsetShowOnlyFarcaptcha,
   unsetShowOnlyFollowing,
+  unsetShowOnlySassy,
 } from '@app/store/slices/signalToNoiseSlice';
 import { useZustand } from '@app/store/zustand';
 import { useTranslation } from 'react-i18next';
@@ -26,6 +28,7 @@ export const FeedSettings: React.FC = () => {
     numCasts,
     numMainFeedCasts,
     numFollowingCasts,
+    numSassyCasts,
     numCuratedChannelsCasts,
     numFarcaptchas,
     numCastsAfterFiltering,
@@ -35,6 +38,7 @@ export const FeedSettings: React.FC = () => {
   const signalToNoiseState = useAppSelector((state) => state.signalToNoise);
   const showMainFeed = signalToNoiseState.showMainFeed;
   const showOnlyFollowing = signalToNoiseState.showOnlyFollowing;
+  const showOnlySassy = signalToNoiseState.showOnlySassy;
   const showOnlyCuratedChannels = signalToNoiseState.showOnlyCuratedChannels;
   const showOnlyFarcaptcha = signalToNoiseState.showOnlyFarcaptcha;
 
@@ -44,6 +48,9 @@ export const FeedSettings: React.FC = () => {
   const handleChangeOnlyFollowing = (showOnlyFollowing: boolean) => {
     dispatch(showOnlyFollowing ? setShowOnlyFollowing() : unsetShowOnlyFollowing());
   };
+  const handleChangeOnlySassy = (showOnlySassy: boolean) => {
+    dispatch(showOnlySassy ? setShowOnlySassy() : unsetShowOnlySassy());
+  };
   const handleChangeOnlyCuratedChannels = (showOnlyCuratedChannels: boolean) => {
     dispatch(showOnlyCuratedChannels ? setShowOnlyCuratedChannels() : unsetShowOnlyCuratedChannels());
   };
@@ -115,6 +122,16 @@ export const FeedSettings: React.FC = () => {
             />
           </SwitchContainer>
           <BaseDivider />
+          <SwitchContainer>
+            <span>{t('Only Sassy')}</span> {numSassyCasts}
+            <BaseSwitch
+              checkedChildren={t('On')}
+              unCheckedChildren={t('Off')}
+              checked={showOnlySassy}
+              onChange={handleChangeOnlySassy}
+            />
+          </SwitchContainer>
+          <BaseDivider />
         </>
       )}
       <SwitchContainer>

src/constants/altClients.ts

@@ -40,3 +40,8 @@ export const herocastLink = (props: LinkProps) => {
   const { hash } = props;
   return `https://app.herocast.xyz/conversation/${hash}`;
 };
+
+export const fireflyLink = (props: LinkProps) => {
+  const { hash } = props;
+  return `https://firefly.mask.social/${hash}`;
+};

src/store/slices/signalToNoiseSlice.ts

@@ -3,23 +3,27 @@ import { createAction, createSlice } from '@reduxjs/toolkit';
 interface SignalToNoiseState {
   showMainFeed: boolean;
   showOnlyFollowing: boolean;
+  showOnlySassy: boolean;
   showOnlyCuratedChannels: boolean;
   showOnlyFarcaptcha: boolean;
 }
 
 const showMainFeed = localStorage.getItem('showMainFeed') === 'true';
 const showOnlyFollowing = localStorage.getItem('showOnlyFollowing') === 'true';
+const showOnlySassy = localStorage.getItem('showOnlySassy') === 'false';
 const showOnlyCuratedChannels = localStorage.getItem('showOnlyCuratedChannels') === 'true';
 const showOnlyFarcaptcha = localStorage.getItem('showOnlyFarcaptcha') === 'true';
 
 localStorage.setItem('showMainFeed', JSON.stringify(showMainFeed));
 localStorage.setItem('showOnlyFollowing', JSON.stringify(showOnlyFollowing));
+localStorage.setItem('showOnlySassy', JSON.stringify(showOnlySassy));
 localStorage.setItem('showOnlyCuratedChannels', JSON.stringify(showOnlyCuratedChannels));
 localStorage.setItem('showOnlyFarcaptcha', JSON.stringify(showOnlyFarcaptcha));
 
 const initialState: SignalToNoiseState = {
   showMainFeed,
   showOnlyFollowing,
+  showOnlySassy,
   showOnlyCuratedChannels,
   showOnlyFarcaptcha,
 };
@@ -42,6 +46,15 @@ export const unsetShowOnlyFollowing = createAction('signalToNoise/unsetShowOnlyF
   return { payload: false };
 });
 
+export const setShowOnlySassy = createAction('signalToNoise/setShowOnlySassy', () => {
+  localStorage.setItem('showOnlySassy', JSON.stringify(true));
+  return { payload: true };
+});
+export const unsetShowOnlySassy = createAction('signalToNoise/unsetShowOnlySassy', () => {
+  localStorage.setItem('showOnlySassy', JSON.stringify(false));
+  return { payload: false };
+});
+
 export const setShowOnlyCuratedChannels = createAction('signalToNoise/setShowOnlyCuratedChannels', () => {
   localStorage.setItem('showOnlyCuratedChannels', JSON.stringify(true));
   return { payload: true };
@@ -78,6 +91,12 @@ export const signalToNoiseSlice = createSlice({
     builder.addCase(unsetShowOnlyFollowing, (state, action) => {
       state.showOnlyFollowing = action.payload;
     });
+    builder.addCase(setShowOnlySassy, (state, action) => {
+      state.showOnlySassy = action.payload;
+    });
+    builder.addCase(unsetShowOnlySassy, (state, action) => {
+      state.showOnlySassy = action.payload;
+    });
     builder.addCase(setShowOnlyCuratedChannels, (state, action) => {
       state.showOnlyCuratedChannels = action.payload;
     });

src/store/zustand.ts

@@ -9,6 +9,8 @@ interface ZustandState {
   setNumMainFeedCasts: (count: number) => void;
   numFollowingCasts: number;
   setNumFollowingCasts: (count: number) => void;
+  numSassyCasts: number;
+  setNumSassyCasts: (count: number) => void;
   numCuratedChannelsCasts: number;
   setNumCuratedChannelsCasts: (count: number) => void;
   numFarcaptchas: number;
@@ -30,6 +32,8 @@ export const useZustand = create<ZustandState>()((set) => ({
   setNumMainFeedCasts: (count) => set(() => ({ numMainFeedCasts: count })),
   numFollowingCasts: 0,
   setNumFollowingCasts: (count) => set(() => ({ numFollowingCasts: count })),
+  numSassyCasts: 0,
+  setNumSassyCasts: (count) => set(() => ({ numSassyCasts: count })),
   numCuratedChannelsCasts: 0,
   setNumCuratedChannelsCasts: (count) => set(() => ({ numCuratedChannelsCasts: count })),
   numFarcaptchas: 0,