forked from darkreader/darkreader
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.ts
More file actions
78 lines (68 loc) · 2.41 KB
/
Copy pathindex.ts
File metadata and controls
78 lines (68 loc) · 2.41 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
import './chrome';
import {setFetchMethod as setFetch} from './fetch';
import {DEFAULT_THEME} from '../defaults';
import type {Theme, DynamicThemeFix} from '../definitions';
import {ThemeEngine} from '../generators/theme-engines';
import {createOrUpdateDynamicThemeInternal, removeDynamicTheme} from '../inject/dynamic-theme';
import {collectCSS} from '../inject/dynamic-theme/css-collection';
import {isMatchMediaChangeEventListenerSupported} from '../utils/platform';
let isDarkReaderEnabled = false;
const isIFrame = (() => {
try {
return window.self !== window.top;
} catch (err) {
console.warn(err);
return true;
}
})();
export function enable(themeOptions: Partial<Theme> | null = {}, fixes: DynamicThemeFix | null = null): void {
const theme = {...DEFAULT_THEME, ...themeOptions};
if (theme.engine !== ThemeEngine.dynamicTheme) {
throw new Error('Theme engine is not supported.');
}
// TODO: replace with createOrUpdateDynamicTheme() and make fixes signature
// DynamicThemeFix | DynamicThemeFix[]
createOrUpdateDynamicThemeInternal(theme, fixes, isIFrame);
isDarkReaderEnabled = true;
}
export function isEnabled(): boolean {
return isDarkReaderEnabled;
}
export function disable(): void {
removeDynamicTheme();
isDarkReaderEnabled = false;
}
const darkScheme = matchMedia('(prefers-color-scheme: dark)');
let store = {
themeOptions: null as Partial<Theme> | null,
fixes: null as DynamicThemeFix | null,
};
function handleColorScheme(): void {
if (darkScheme.matches) {
enable(store.themeOptions, store.fixes);
} else {
disable();
}
}
export function auto(themeOptions: Partial<Theme> | false = {}, fixes: DynamicThemeFix | null = null): void {
if (themeOptions) {
store = {themeOptions, fixes};
handleColorScheme();
if (isMatchMediaChangeEventListenerSupported) {
darkScheme.addEventListener('change', handleColorScheme);
} else {
darkScheme.addListener(handleColorScheme);
}
} else {
if (isMatchMediaChangeEventListenerSupported) {
darkScheme.removeEventListener('change', handleColorScheme);
} else {
darkScheme.removeListener(handleColorScheme);
}
disable();
}
}
export async function exportGeneratedCSS(): Promise<string> {
return await collectCSS();
}
export const setFetchMethod = setFetch;