Your IP : 216.73.217.90
/**
* @license
* Copyright 2025 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import { useState, useCallback, useEffect } from 'react';
import { themeManager } from '../themes/theme-manager.js';
import { MessageType } from '../types.js';
import process from 'node:process';
export const useThemeCommand = (loadedSettings, setThemeError, addItem) => {
// Determine the effective theme
const effectiveTheme = loadedSettings.merged.theme;
// Initial state: Open dialog if no theme is set in either user or workspace settings
const [isThemeDialogOpen, setIsThemeDialogOpen] = useState(effectiveTheme === undefined && !process.env.NO_COLOR);
// TODO: refactor how theme's are accessed to avoid requiring a forced render.
const [, setForceRender] = useState(0);
// Apply initial theme on component mount
useEffect(() => {
if (effectiveTheme === undefined) {
if (process.env.NO_COLOR) {
addItem({
type: MessageType.INFO,
text: 'Theme configuration unavailable due to NO_COLOR env variable.',
}, Date.now());
}
// If no theme is set and NO_COLOR is not set, the dialog is already open.
return;
}
if (!themeManager.setActiveTheme(effectiveTheme)) {
setIsThemeDialogOpen(true);
setThemeError(`Theme "${effectiveTheme}" not found.`);
}
else {
setThemeError(null);
}
}, [effectiveTheme, setThemeError, addItem]); // Re-run if effectiveTheme or setThemeError changes
const openThemeDialog = useCallback(() => {
if (process.env.NO_COLOR) {
addItem({
type: MessageType.INFO,
text: 'Theme configuration unavailable due to NO_COLOR env variable.',
}, Date.now());
return;
}
setIsThemeDialogOpen(true);
}, [addItem]);
const applyTheme = useCallback((themeName) => {
if (!themeManager.setActiveTheme(themeName)) {
// If theme is not found, open the theme selection dialog and set error message
setIsThemeDialogOpen(true);
setThemeError(`Theme "${themeName}" not found.`);
}
else {
setForceRender((v) => v + 1); // Trigger potential re-render
setThemeError(null); // Clear any previous theme error on success
}
}, [setForceRender, setThemeError]);
const handleThemeHighlight = useCallback((themeName) => {
applyTheme(themeName);
}, [applyTheme]);
const handleThemeSelect = useCallback((themeName, scope) => {
// Added scope parameter
try {
loadedSettings.setValue(scope, 'theme', themeName); // Update the merged settings
applyTheme(loadedSettings.merged.theme); // Apply the current theme
}
finally {
setIsThemeDialogOpen(false); // Close the dialog
}
}, [applyTheme, loadedSettings]);
return {
isThemeDialogOpen,
openThemeDialog,
handleThemeSelect,
handleThemeHighlight,
};
};
//# sourceMappingURL=useThemeCommand.js.map