Chunk out the different routers and clean up feature logic

This commit is contained in:
DaneEveritt 2022-06-12 11:56:00 -04:00
parent 04e97cc67e
commit 7197d28815
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
5 changed files with 54 additions and 32 deletions

View file

@ -0,0 +1,19 @@
import React, { useMemo } from 'react';
import features from './index';
import { getObjectKeys } from '@/helpers';
type ListItems = [ string, React.ComponentType ][];
export default ({ enabled }: { enabled: string[] }) => {
const mapped: ListItems = useMemo(() => {
return getObjectKeys(features)
.filter(key => enabled.map((v) => v.toLowerCase()).includes(key.toLowerCase()))
.reduce((arr, key) => [ ...arr, [ key, features[key] ] ], [] as ListItems);
}, [ enabled ]);
return (
<React.Suspense fallback={null}>
{mapped.map(([ key, Component ]) => <Component key={key}/>)}
</React.Suspense>
);
};

View file

@ -1,4 +1,4 @@
import { lazy } from 'react';
import { ComponentType, lazy } from 'react';
/**
* Custom features should be registered here as lazy components so that they do
@ -6,10 +6,12 @@ import { lazy } from 'react';
* whenever they are actually loaded for the client (which may be never, depending
* on the feature and the egg).
*/
const EulaModalFeature = lazy(() => import(/* webpackChunkName: "feature.eula" */'@feature/eula/EulaModalFeature'));
const JavaVersionModalFeature = lazy(() => import(/* webpackChunkName: "feature.java_version" */'@feature/JavaVersionModalFeature'));
const GSLTokenModalFeature = lazy(() => import(/* webpackChunkName: "feature.gsl_token" */'@feature/GSLTokenModalFeature'));
const PIDLimitModalFeature = lazy(() => import(/* webpackChunkName: "feature.pid_limit" */'@feature/PIDLimitModalFeature'));
const SteamDiskSpaceFeature = lazy(() => import(/* webpackChunkName: "feature.steam_disk_space" */'@feature/SteamDiskSpaceFeature'));
const features: Record<string, ComponentType> = {
eula: lazy(() => import('@feature/eula/EulaModalFeature')),
java_version: lazy(() => import('@feature/JavaVersionModalFeature')),
gsl_token: lazy(() => import('@feature/GSLTokenModalFeature')),
pid_limit: lazy(() => import('@feature/PIDLimitModalFeature')),
steam_disk_space: lazy(() => import('@feature/SteamDiskSpaceFeature')),
};
export { EulaModalFeature, JavaVersionModalFeature, GSLTokenModalFeature, PIDLimitModalFeature, SteamDiskSpaceFeature };
export default features;