saulteafarmer/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Stirling-Tools/Stirling-PDF.git synced 2025-08-27 14:49:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

V2: Disable rainbow mode for demo (#4303)

Browse Source 
# Description of Changes
The rainbow mode easter egg doesn't work very well at the moment and
isn't needed for the demo (and is too easy to accidentally enable). This
PR disables it completely by adding a global const to short-circuit the
activation code.
This commit is contained in:
James Brunton 2025-08-26 15:56:37 +01:00 committed by GitHub
parent d64c56a897
commit 9360a36c31
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/hooks/useRainbowTheme.ts
View File

@ -11,6 +11,8 @@ interface RainbowThemeHook {
deactivateRainbow: () => void; deactivateRainbow: () => void;
} }
const allowRainbowMode = false; // Override to allow/disallow fun
export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): RainbowThemeHook { export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): RainbowThemeHook {
// Get theme from localStorage or use initial // Get theme from localStorage or use initial
const [themeMode, setThemeMode] = useState<ThemeMode>(() => { const [themeMode, setThemeMode] = useState<ThemeMode>(() => {
@ -35,11 +37,11 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
// Save theme to localStorage whenever it changes // Save theme to localStorage whenever it changes
useEffect(() => { useEffect(() => {
localStorage.setItem('stirling-theme', themeMode); localStorage.setItem('stirling-theme', themeMode);
// Apply rainbow class to body if in rainbow mode // Apply rainbow class to body if in rainbow mode
if (themeMode === 'rainbow') { if (themeMode === 'rainbow') {
document.body.classList.add('rainbow-mode-active'); document.body.classList.add('rainbow-mode-active');
// Show easter egg notification // Show easter egg notification
showRainbowNotification(); showRainbowNotification();
} else { } else {
@ -77,7 +79,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
pointer-events: none; pointer-events: none;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
`; `;
document.body.appendChild(notification); document.body.appendChild(notification);
// Auto-remove notification after 3 seconds // Auto-remove notification after 3 seconds
@ -121,7 +123,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
pointer-events: none; pointer-events: none;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
`; `;
document.body.appendChild(notification); document.body.appendChild(notification);
// Auto-remove notification after 2 seconds // Auto-remove notification after 2 seconds
@ -144,7 +146,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
} }
const currentTime = Date.now(); const currentTime = Date.now();
// Simple exit from rainbow mode with single click (after cooldown period) // Simple exit from rainbow mode with single click (after cooldown period)
if (themeMode === 'rainbow') { if (themeMode === 'rainbow') {
setThemeMode('light'); setThemeMode('light');
@ -152,7 +154,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
showExitNotification(); showExitNotification();
return; return;
} }
// Reset counter if too much time has passed (2.5 seconds) // Reset counter if too much time has passed (2.5 seconds)
if (currentTime - lastToggleTime.current > 2500) { if (currentTime - lastToggleTime.current > 2500) {
toggleCount.current = 1; toggleCount.current = 1;
@ -162,18 +164,18 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
lastToggleTime.current = currentTime; lastToggleTime.current = currentTime;
// Easter egg: Activate rainbow mode after 10 rapid toggles // Easter egg: Activate rainbow mode after 10 rapid toggles
if (toggleCount.current >= 10) { if (allowRainbowMode && toggleCount.current >= 10) {
setThemeMode('rainbow'); setThemeMode('rainbow');
console.log('🌈 RAINBOW MODE ACTIVATED! 🌈 You found the secret easter egg!'); console.log('🌈 RAINBOW MODE ACTIVATED! 🌈 You found the secret easter egg!');
console.log('🌈 Button will be disabled for 3 seconds, then click once to exit!'); console.log('🌈 Button will be disabled for 3 seconds, then click once to exit!');
// Disable toggle for 3 seconds // Disable toggle for 3 seconds
setIsToggleDisabled(true); setIsToggleDisabled(true);
setTimeout(() => { setTimeout(() => {
setIsToggleDisabled(false); setIsToggleDisabled(false);
console.log('🌈 Theme toggle re-enabled! Click once to exit rainbow mode.'); console.log('🌈 Theme toggle re-enabled! Click once to exit rainbow mode.');
}, 3000); }, 3000);
// Reset counter // Reset counter
toggleCount.current = 0; toggleCount.current = 0;
return; return;
@ -203,4 +205,4 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
activateRainbow, activateRainbow,
deactivateRainbow, deactivateRainbow,
}; };
} }