53 lines
2.8 KiB
Plaintext
53 lines
2.8 KiB
Plaintext
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.DEFAULT_MODE_STORAGE_KEY = exports.DEFAULT_COLOR_SCHEME_STORAGE_KEY = exports.DEFAULT_ATTRIBUTE = void 0;
|
|
exports.default = getInitColorSchemeScript;
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
const DEFAULT_MODE_STORAGE_KEY = exports.DEFAULT_MODE_STORAGE_KEY = 'mode';
|
|
const DEFAULT_COLOR_SCHEME_STORAGE_KEY = exports.DEFAULT_COLOR_SCHEME_STORAGE_KEY = 'color-scheme';
|
|
const DEFAULT_ATTRIBUTE = exports.DEFAULT_ATTRIBUTE = 'data-color-scheme';
|
|
function getInitColorSchemeScript(options) {
|
|
const {
|
|
defaultMode = 'light',
|
|
defaultLightColorScheme = 'light',
|
|
defaultDarkColorScheme = 'dark',
|
|
modeStorageKey = DEFAULT_MODE_STORAGE_KEY,
|
|
colorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
|
|
attribute = DEFAULT_ATTRIBUTE,
|
|
colorSchemeNode = 'document.documentElement'
|
|
} = options || {};
|
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("script", {
|
|
// eslint-disable-next-line react/no-danger
|
|
dangerouslySetInnerHTML: {
|
|
__html: `(function() {
|
|
try {
|
|
var mode = localStorage.getItem('${modeStorageKey}') || '${defaultMode}';
|
|
var colorScheme = '';
|
|
if (mode === 'system') {
|
|
// handle system mode
|
|
var mql = window.matchMedia('(prefers-color-scheme: dark)');
|
|
if (mql.matches) {
|
|
colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
|
|
} else {
|
|
colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
|
|
}
|
|
}
|
|
if (mode === 'light') {
|
|
colorScheme = localStorage.getItem('${colorSchemeStorageKey}-light') || '${defaultLightColorScheme}';
|
|
}
|
|
if (mode === 'dark') {
|
|
colorScheme = localStorage.getItem('${colorSchemeStorageKey}-dark') || '${defaultDarkColorScheme}';
|
|
}
|
|
if (colorScheme) {
|
|
${colorSchemeNode}.setAttribute('${attribute}', colorScheme);
|
|
}
|
|
} catch(e){}})();`
|
|
}
|
|
}, "mui-color-scheme-init");
|
|
} |