feat: preferred stream settings

src/renderer/components/ScreenSharePicker.tsx

@@ -7,7 +7,7 @@
 import "./screenSharePicker.css";
 
 import { closeModal, Logger, Modals, ModalSize, openModal, useAwaiter } from "@vencord/types/utils";
-import { findStoreLazy, onceReady } from "@vencord/types/webpack";
+import { findExportedComponentLazy, findStoreLazy, onceReady } from "@vencord/types/webpack";
 import {
     Button,
     Card,
@@ -255,11 +255,11 @@ function AudioSettingsModal({
                 <Switch
                     hideBorder
                     onChange={v =>
-                        (Settings.audio = {
-                            ...Settings.audio,
-                            ignoreDevices: v,
-                            deviceSelect: v ? false : Settings.audio?.deviceSelect
-                        })
+                    (Settings.audio = {
+                        ...Settings.audio,
+                        ignoreDevices: v,
+                        deviceSelect: v ? false : Settings.audio?.deviceSelect
+                    })
                     }
                     value={Settings.audio?.ignoreDevices ?? true}
                     note={<>Exclude device nodes, such as nodes belonging to microphones or speakers.</>}
@@ -315,6 +315,8 @@ function StreamSettings({
     setSettings: Dispatch<SetStateAction<StreamSettings>>;
     skipPicker: boolean;
 }) {
+    const Checkbox = findExportedComponentLazy("Checkbox", "Switch");
+
     const Settings = useSettings();
 
     const [thumb] = useAwaiter(
@@ -453,6 +455,18 @@ function StreamSettings({
                     />
                 )}
             </Card>
+
+            <div className="vcd-screen-picker-save-settings">
+                <Checkbox
+                    onChange={(v: React.ChangeEvent<HTMLInputElement>) => {
+                        Settings.stream = { ...Settings.stream, preferred: v.target.checked };
+                    }}
+                    value={Settings.stream?.preferred ?? true}
+                    type={"inverted"}
+                >
+                    Remember stream settings
+                </Checkbox>
+            </div>
         </div>
     );
 }
@@ -632,9 +646,9 @@ function AudioSourcePickerLinux({
 
     const allSources = sources.ok
         ? [...specialSources, ...sources.targets]
-              .map(target => mapToAudioItem(target, granularSelect, deviceSelect))
-              .flat()
-              .filter(uniqueName)
+            .map(target => mapToAudioItem(target, granularSelect, deviceSelect))
+            .flat()
+            .filter(uniqueName)
         : [];
 
     return (
@@ -699,11 +713,13 @@ function ModalComponent({
     close: () => void;
     skipPicker: boolean;
 }) {
+    const Settings = useSettings();
+
     const [selected, setSelected] = useState<string | undefined>(skipPicker ? screens[0].id : void 0);
     const [settings, setSettings] = useState<StreamSettings>({
-        resolution: "720",
-        fps: "30",
-        contentHint: "motion",
+        resolution: Settings.stream?.preferred ? (Settings.stream.resolution as StreamResolution) : "720",
+        fps: Settings.stream?.preferred ? (Settings.stream.fps as StreamFps) : "30",
+        contentHint: Settings.stream?.preferred ? Settings.stream.contentHint : "motion",
         audio: true,
         includeSources: "None"
     });
@@ -779,6 +795,18 @@ function ModalComponent({
                                     logger.error("Failed to apply constraints.", e);
                                 }
                             }, 100);
+
+                            if (Settings.stream?.preferred) {
+                                if (settings.resolution !== Settings.stream?.resolution) {
+                                    Settings.stream.resolution = settings.resolution;
+                                }
+                                if (settings.fps !== Settings.stream?.fps) {
+                                    Settings.stream.fps = settings.fps;
+                                }
+                                if (settings.contentHint !== Settings.stream?.contentHint) {
+                                    Settings.stream.contentHint = settings.contentHint;
+                                }
+                            }
                         } catch (error) {
                             logger.error("Error while submitting stream.", error);
                         }

src/renderer/components/screenSharePicker.css

@@ -143,3 +143,7 @@
     line-height: 20px;
     font-weight: 400;
 }
+
+.vcd-screen-picker-save-settings{
+    margin-top: 0.5em;
+}

src/shared/settings.d.ts

@@ -41,6 +41,13 @@ export interface Settings {
         onlySpeakers?: boolean;
         onlyDefaultSpeakers?: boolean;
     };
+
+    stream?: {
+        preferred?: boolean;
+        resolution?: string;
+        fps?: string;
+        contentHint?: string;
+    };
 }
 
 export interface State {