79 lines
3.1 KiB
JavaScript
79 lines
3.1 KiB
JavaScript
import {Config} from "data";
|
|
import AddonManager from "./addonmanager";
|
|
import Settings from "./settingsmanager";
|
|
import DOMManager from "./dommanager";
|
|
import Strings from "./strings";
|
|
|
|
import Toasts from "../ui/toasts";
|
|
import Modals from "../ui/modals";
|
|
import SettingsRenderer from "../ui/settings";
|
|
|
|
const path = require("path");
|
|
|
|
export default new class ThemeManager extends AddonManager {
|
|
get name() {return "ThemeManager";}
|
|
get moduleExtension() {return ".css";}
|
|
get extension() {return ".theme.css";}
|
|
get duplicatePattern() {return /\.theme\s?\([0-9]+\)\.css/;}
|
|
get addonFolder() {return path.resolve(Config.dataPath, "themes");}
|
|
get prefix() {return "theme";}
|
|
get language() {return "css";}
|
|
|
|
initialize() {
|
|
const errors = super.initialize();
|
|
Settings.registerPanel("themes", Strings.Panels.themes, {element: () => SettingsRenderer.getAddonPanel(Strings.Panels.themes, this.addonList, this.state, {
|
|
type: this.prefix,
|
|
folder: this.addonFolder,
|
|
onChange: this.toggleTheme.bind(this),
|
|
reload: this.reloadTheme.bind(this),
|
|
refreshList: this.updateThemeList.bind(this),
|
|
saveAddon: this.saveAddon.bind(this),
|
|
editAddon: this.editAddon.bind(this),
|
|
deleteAddon: this.deleteAddon.bind(this),
|
|
prefix: this.prefix
|
|
})});
|
|
return errors;
|
|
}
|
|
|
|
/* Aliases */
|
|
updateThemeList() {return this.updateList();}
|
|
loadAllThemes() {return this.loadAllAddons();}
|
|
|
|
enableTheme(idOrAddon) {return this.enableAddon(idOrAddon);}
|
|
disableTheme(idOrAddon) {return this.disableAddon(idOrAddon);}
|
|
toggleTheme(id) {return this.toggleAddon(id);}
|
|
|
|
unloadTheme(idOrFileOrAddon) {return this.unloadAddon(idOrFileOrAddon);}
|
|
loadTheme(filename) {return this.loadAddon(filename);}
|
|
reloadTheme(idOrFileOrAddon) {return this.reloadAddon(idOrFileOrAddon);}
|
|
|
|
loadAddon(filename, shouldCTE = true) {
|
|
const error = super.loadAddon(filename, shouldCTE);
|
|
if (error && shouldCTE) Modals.showAddonErrors({themes: [error]});
|
|
return error;
|
|
}
|
|
|
|
/* Overrides */
|
|
getFileModification(module, fileContent, meta) {
|
|
meta.css = fileContent;
|
|
if (meta.format == "json") meta.css = meta.css.split("\n").slice(1).join("\n");
|
|
return `module.exports = ${JSON.stringify(meta)};`;
|
|
}
|
|
|
|
startAddon(id) {return this.addTheme(id);}
|
|
stopAddon(id) {return this.removeTheme(id);}
|
|
|
|
addTheme(idOrAddon) {
|
|
const addon = typeof(idOrAddon) == "string" ? this.addonList.find(p => p.id == idOrAddon) : idOrAddon;
|
|
if (!addon) return;
|
|
DOMManager.injectTheme(addon.id + "-theme-container", addon.css);
|
|
Toasts.show(Strings.Addons.enabled.format({name: addon.name, version: addon.version}));
|
|
}
|
|
|
|
removeTheme(idOrAddon) {
|
|
const addon = typeof(idOrAddon) == "string" ? this.addonList.find(p => p.id == idOrAddon) : idOrAddon;
|
|
if (!addon) return;
|
|
DOMManager.removeTheme(addon.id + "-theme-container");
|
|
Toasts.show(Strings.Addons.disabled.format({name: addon.name, version: addon.version}));
|
|
}
|
|
}; |