mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

Move code into method

Browse source
This commit is contained in:
RMidhunSuresh 2022-06-06 11:53:13 +05:30
parent 71c3fb39a2
commit a2cbac9e0c
1 changed files with 13 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/platform/web/ThemeLoader.ts
View file

@ -66,24 +66,15 @@ export class ThemeLoader {
}) })
.response(); .response();
this._populateThemeMap(body); this._populateThemeMap(body);
/*
After build has finished, the source section of each theme manifest
contains `built-assets` which is a mapping from the theme-name to theme
information which includes the location of the CSS file.
(see type ThemeInformation above)
*/
//Add the default-theme as an additional option to the mapping
const defaultThemeId = this.getDefaultTheme();
if (defaultThemeId) {
const themeDetails = this._findThemeDetailsFromId(defaultThemeId);
if (themeDetails) {
this._themeMapping["Default"] = { id: "default", cssLocation: themeDetails.cssLocation };
}
}
} }
} }
private _populateThemeMap(manifest) { private _populateThemeMap(manifest) {
/*
After build has finished, the source section of each theme manifest
contains `built-assets` which is a mapping from the theme-id to
cssLocation of theme
*/
const builtAssets: Record<string, string> = manifest.source?.["built-assets"]; const builtAssets: Record<string, string> = manifest.source?.["built-assets"];
const themeName = manifest.name; const themeName = manifest.name;
let defaultDarkVariant: any = {}, defaultLightVariant: any = {}; let defaultDarkVariant: any = {}, defaultLightVariant: any = {};
@ -130,6 +121,14 @@ export class ThemeLoader {
const variant = defaultDarkVariant.id ? defaultDarkVariant : defaultLightVariant; const variant = defaultDarkVariant.id ? defaultDarkVariant : defaultLightVariant;
this._themeMapping[`${themeName} ${variant.variantName}`] = { id: variant.id, cssLocation: variant.cssLocation }; this._themeMapping[`${themeName} ${variant.variantName}`] = { id: variant.id, cssLocation: variant.cssLocation };
} }
//Add the default-theme as an additional option to the mapping
const defaultThemeId = this.getDefaultTheme();
if (defaultThemeId) {
const themeDetails = this._findThemeDetailsFromId(defaultThemeId);
if (themeDetails) {
this._themeMapping["Default"] = { id: "default", cssLocation: themeDetails.cssLocation };
}
}
} }
setTheme(themeName: string, themeVariant: "light" | "dark" | "default", log?: ILogItem) { setTheme(themeName: string, themeVariant: "light" | "dark" | "default", log?: ILogItem) {