Feature/settings support custom extension repos (#539)

* [Codegen] Support custom extension repos

* [VersionMapping] Require server version "r1444" for preview

src/screens/Extensions.tsx

@@ -98,6 +98,9 @@ export function Extensions() {
     const theme = useTheme();
     const isMobileWidth = useMediaQuery(theme.breakpoints.down('sm'));
 
+    const { data: serverSettingsData } = requestManager.useGetServerSettings();
+    const usesCustomRepos = !!serverSettingsData?.settings.extensionRepos.length;
+
     const inputRef = useRef<HTMLInputElement>(null);
     const { setTitle, setAction } = useContext(NavBarContext);
     const [shownLangs, setShownLangs] = useLocalStorage<string[]>('shownExtensionLangs', extensionDefaultLangs());
@@ -255,7 +258,11 @@ export function Extensions() {
 
                     return (
                         <StyledGroupItemWrapper key={item.apkName} isLastItem={index === visibleExtensions.length - 1}>
-                            <ExtensionCard extension={item} handleUpdate={handleExtensionUpdate} />
+                            <ExtensionCard
+                                extension={item}
+                                handleUpdate={handleExtensionUpdate}
+                                usesCustomRepos={usesCustomRepos}
+                            />
                         </StyledGroupItemWrapper>
                     );
                 }}

src/screens/settings/ServerSettings.tsx

@@ -16,6 +16,7 @@ import { useLocalStorage } from '@/util/useLocalStorage.tsx';
 import { TextSetting } from '@/components/settings/TextSetting.tsx';
 import { ServerSettings as GqlServerSettings } from '@/typings.ts';
 import { NumberSetting } from '@/components/settings/NumberSetting.tsx';
+import { MutableListSetting } from '@/components/settings/MutableListSetting.tsx';
 
 type ServerSettingsType = Pick<
     GqlServerSettings,
@@ -32,6 +33,7 @@ type ServerSettingsType = Pick<
     | 'basicAuthPassword'
     | 'maxSourcesInParallel'
     | 'localSourcePath'
+    | 'extensionRepos'
 >;
 
 const extractDownloadSettings = (settings: GqlServerSettings): ServerSettingsType => ({
@@ -48,6 +50,7 @@ const extractDownloadSettings = (settings: GqlServerSettings): ServerSettingsTyp
     basicAuthPassword: settings.basicAuthPassword,
     maxSourcesInParallel: settings.maxSourcesInParallel,
     localSourcePath: settings.localSourcePath,
+    extensionRepos: settings.extensionRepos,
 });
 
 export const ServerSettings = () => {
@@ -120,6 +123,21 @@ export const ServerSettings = () => {
                     handleUpdate={(parallelSources) => updateSetting('maxSourcesInParallel', parallelSources)}
                 />
             </List>
+            <List
+                subheader={
+                    <ListSubheader component="div" id="server-settings-extension-repos">
+                        {t('extension.title')}
+                    </ListSubheader>
+                }
+            >
+                <MutableListSetting
+                    settingName={t('extension.settings.repositories.custom.label.title')}
+                    description={t('extension.settings.repositories.custom.label.description')}
+                    handleChange={(repos) => updateSetting('extensionRepos', repos)}
+                    values={serverSettings?.extensionRepos}
+                    addItemButtonTitle={t('extension.settings.repositories.custom.dialog.action.button.add')}
+                />
+            </List>
             <List
                 subheader={
                     <ListSubheader component="div" id="server-settings-requests">