added settings toggle

Author: dozro

src/app/features/settings/experimental/Experimental.tsx

@@ -4,6 +4,7 @@ import { InfoCard } from '$components/info-card';
 import { LanguageSpecificPronouns } from '../cosmetics/LanguageSpecificPronouns';
 import { Sync } from '../general';
 import { BandwidthSavingEmojis } from './BandwithSavingEmojis';
+import { MSC4268HistoryShare } from './MSC4268HistoryShare';
 
 type ExperimentalProps = {
   requestClose: () => void;
@@ -43,6 +44,7 @@ export function Experimental({ requestClose }: ExperimentalProps) {
             <br />
             <Box direction="Column" gap="700">
               <Sync />
+              <MSC4268HistoryShare />
               <LanguageSpecificPronouns />
               <BandwidthSavingEmojis />
             </Box>

src/app/features/settings/experimental/MSC4268HistoryShare.tsx

@@ -0,0 +1,42 @@
+import { SequenceCard } from '$components/sequence-card';
+import { SettingTile } from '$components/setting-tile';
+import { useSetting } from '$state/hooks/settings';
+import { settingsAtom } from '$state/settings';
+import { Box, Switch, Text } from 'folds';
+import { SequenceCardStyle } from '../styles.css';
+
+export function MSC4268HistoryShare() {
+  const [enabledMSC4268Command, setEnabledMSC4268Command] = useSetting(
+    settingsAtom,
+    'enableMSC4268CMD'
+  );
+
+  return (
+    <Box direction="Column" gap="100">
+      <Text size="L400">Enable Sharing of Encrypted History</Text>
+      <SequenceCard
+        className={SequenceCardStyle}
+        variant="SurfaceVariant"
+        direction="Column"
+        gap="100"
+      >
+        <SettingTile
+          title="Enable the /sharehistory command"
+          description="If enabled, this command will allow users to share encrypted history with other newly joined users, as per MSC4268."
+          after={
+            <Switch
+              variant="Primary"
+              value={enabledMSC4268Command}
+              onChange={setEnabledMSC4268Command}
+              title={
+                enabledMSC4268Command
+                  ? 'Disable /sharehistory command'
+                  : 'Enable /sharehistory command'
+              }
+            />
+          }
+        />
+      </SequenceCard>
+    </Box>
+  );
+}

src/app/hooks/useCommands.ts

@@ -266,6 +266,7 @@ export type CommandRecord = Record<Command, CommandContent>;
 export const useCommands = (mx: MatrixClient, room: Room): CommandRecord => {
   const { navigateRoom } = useRoomNavigate();
   const [developerTools] = useSetting(settingsAtom, 'developerTools');
+  const [enableMSC4268CMD] = useSetting(settingsAtom, 'enableMSC4268CMD');
   const profile = useUserProfile(mx.getSafeUserId());
   const openBugReport = useOpenBugReportModal();
 
@@ -1186,6 +1187,14 @@ export const useCommands = (mx: MatrixClient, room: Room): CommandRecord => {
         exe: async (payload) => {
           const targetUserId = payload.trim();
           const { roomId } = room;
+          if (!enableMSC4268CMD) {
+            sendFeedback(
+              'This command is disabled. Enable it under experimental settings to use it.',
+              room,
+              mx.getSafeUserId()
+            );
+            return;
+          }
           if (!targetUserId) {
             sendFeedback('Usage: /sharee2eehistory @user:example.org', room, mx.getSafeUserId());
             return;
@@ -1296,7 +1305,16 @@ export const useCommands = (mx: MatrixClient, room: Room): CommandRecord => {
         },
       },
     }),
-    [mx, navigateRoom, room, profile.displayName, profile.avatarUrl, developerTools, openBugReport]
+    [
+      mx,
+      navigateRoom,
+      room,
+      profile.displayName,
+      profile.avatarUrl,
+      developerTools,
+      enableMSC4268CMD,
+      openBugReport,
+    ]
   );
 
   return commands;

src/app/state/settings.ts

@@ -64,6 +64,7 @@ export interface Settings {
   dateFormatString: string;
 
   developerTools: boolean;
+  enableMSC4268CMD: boolean;
 
   // Cosmetics!
   jumboEmojiSize: JumboEmojiSize;
@@ -129,6 +130,8 @@ const defaultSettings: Settings = {
   legacyUsernameColor: false,
   allowPipVideos: false,
 
+  enableMSC4268CMD: false,
+
   // Push notifications (SW/Sygnal): default on for mobile, opt-in on desktop.
   // In-app pill banner: default on for mobile (primary foreground alert), opt-in on desktop.
   // System (OS) notifications: desktop-only; hidden and disabled on mobile.