Merge branch 'restrict-unauthenticated' into 'main'

Hide unauth features if they're restricted by the backend

See merge request soapbox-pub/soapbox!2753

src/api/hooks/streaming/useCommunityStream.ts

@@ -2,12 +2,16 @@ import { useTimelineStream } from './useTimelineStream';
 
 interface UseCommunityStreamOpts {
   onlyMedia?: boolean
+  enabled?: boolean
 }
 
-function useCommunityStream({ onlyMedia }: UseCommunityStreamOpts = {}) {
+function useCommunityStream({ onlyMedia, enabled }: UseCommunityStreamOpts = {}) {
   return useTimelineStream(
     `community${onlyMedia ? ':media' : ''}`,
     `public:local${onlyMedia ? ':media' : ''}`,
+    undefined,
+    undefined,
+    { enabled },
   );
 }
 

src/components/sidebar-navigation.tsx

@@ -4,7 +4,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { Stack } from 'soapbox/components/ui';
 import { useStatContext } from 'soapbox/contexts/stat-context';
 import ComposeButton from 'soapbox/features/ui/components/compose-button';
-import { useAppSelector, useGroupsPath, useFeatures, useOwnAccount, useSettings } from 'soapbox/hooks';
+import { useAppSelector, useGroupsPath, useFeatures, useOwnAccount, useSettings, useInstance } from 'soapbox/hooks';
 
 import DropdownMenu, { Menu } from './dropdown-menu';
 import SidebarNavigationLink from './sidebar-navigation-link';
@@ -22,6 +22,7 @@ const SidebarNavigation = () => {
   const intl = useIntl();
   const { unreadChatsCount } = useStatContext();
 
+  const instance = useInstance();
   const features = useFeatures();
   const settings = useSettings();
   const { account } = useOwnAccount();
@@ -31,6 +32,8 @@ const SidebarNavigation = () => {
   const followRequestsCount = useAppSelector((state) => state.user_lists.follow_requests.items.count());
   const dashboardCount = useAppSelector((state) => state.admin.openReports.count() + state.admin.awaitingApproval.count());
 
+  const restrictUnauth = instance.pleroma.metadata.restrict_unauthenticated;
+
   const makeMenu = (): Menu => {
     const menu: Menu = [];
 
@@ -166,15 +169,17 @@ const SidebarNavigation = () => {
           </>
         )}
 
-        {features.publicTimeline && (
+        {(features.publicTimeline) && (
           <>
+            {(account || !restrictUnauth.timelines.local) && (
               <SidebarNavigationLink
                 to='/timeline/local'
                 icon={features.federating ? require('@tabler/icons/affiliate.svg') : require('@tabler/icons/world.svg')}
                 text={features.federating ? <FormattedMessage id='tabs_bar.local' defaultMessage='Local' /> : <FormattedMessage id='tabs_bar.all' defaultMessage='All' />}
               />
+            )}
 
-            {features.federating && (
+            {(features.federating && (account || !restrictUnauth.timelines.federated)) && (
               <SidebarNavigationLink
                 to='/timeline/fediverse'
                 icon={require('@tabler/icons/topology-star-ring-3.svg')}

src/features/landing-timeline/index.tsx

@@ -5,30 +5,40 @@ import { expandCommunityTimeline } from 'soapbox/actions/timelines';
 import { useCommunityStream } from 'soapbox/api/hooks';
 import PullToRefresh from 'soapbox/components/pull-to-refresh';
 import { Column } from 'soapbox/components/ui';
-import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
+import { useAppSelector, useAppDispatch, useInstance } from 'soapbox/hooks';
 
+import AboutPage from '../about';
 import Timeline from '../ui/components/timeline';
 
 import { SiteBanner } from './components/site-banner';
 
 const LandingTimeline = () => {
   const dispatch = useAppDispatch();
+  const instance = useInstance();
+
+  const timelineEnabled = !instance.pleroma.metadata.restrict_unauthenticated.timelines.local;
   const next = useAppSelector(state => state.timelines.get('community')?.next);
 
   const timelineId = 'community';
 
   const handleLoadMore = (maxId: string) => {
+    if (timelineEnabled) {
       dispatch(expandCommunityTimeline({ url: next, maxId }));
+    }
   };
 
-  const handleRefresh = () => {
+  const handleRefresh = async () => {
+    if (timelineEnabled) {
       return dispatch(expandCommunityTimeline());
+    }
   };
 
-  useCommunityStream();
+  useCommunityStream({ enabled: timelineEnabled });
 
   useEffect(() => {
+    if (timelineEnabled) {
       dispatch(expandCommunityTimeline());
+    }
   }, []);
 
   return (
@@ -37,6 +47,7 @@ const LandingTimeline = () => {
         <SiteBanner />
       </div>
 
+      {timelineEnabled ? (
         <PullToRefresh onRefresh={handleRefresh}>
           <Timeline
             scrollKey={`${timelineId}_timeline`}
@@ -47,6 +58,9 @@ const LandingTimeline = () => {
             divideType='space'
           />
         </PullToRefresh>
+      ) : (
+        <AboutPage />
+      )}
     </Column>
   );
 };

src/schemas/instance.ts

@@ -53,6 +53,20 @@ const pleromaSchema = coerceObject({
     }),
     fields_limits: z.any(),
     migration_cooldown_period: z.number().optional().catch(undefined),
+    restrict_unauthenticated: coerceObject({
+      activities: coerceObject({
+        local: z.boolean().catch(false),
+        remote: z.boolean().catch(false),
+      }),
+      profiles: coerceObject({
+        local: z.boolean().catch(false),
+        remote: z.boolean().catch(false),
+      }),
+      timelines: coerceObject({
+        federated: z.boolean().catch(false),
+        local: z.boolean().catch(false),
+      }),
+    }),
     translation: coerceObject({
       allow_remote: z.boolean().catch(true),
       allow_unauthenticated: z.boolean().catch(false),