@docusaurus/theme-classic 2.0.0-beta.fc64c12e4 → 2.0.0

package/lib/theme/hooks/useTheme.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _ExecutionEnvironment = _interopRequireDefault(require("@docusaurus/ExecutionEnvironment"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const ThemeStorage = (0, _themeCommon.createStorageSlot)('theme');
-const themes = {
-  light: 'light',
-  dark: 'dark'
-};
-
-// Ensure to always return a valid theme even if input is invalid
-const coerceToTheme = theme => {
-  return theme === themes.dark ? themes.dark : themes.light;
-};
-
-const getInitialTheme = defaultMode => {
-  if (!_ExecutionEnvironment.default.canUseDOM) {
-    return coerceToTheme(defaultMode);
-  }
-
-  return coerceToTheme(document.documentElement.getAttribute('data-theme'));
-};
-
-const storeTheme = newTheme => {
-  (0, _themeCommon.createStorageSlot)('theme').set(coerceToTheme(newTheme));
-};
-
-const useTheme = () => {
-  const {
-    colorMode: {
-      defaultMode,
-      disableSwitch,
-      respectPrefersColorScheme
-    }
-  } = (0, _themeCommon.useThemeConfig)();
-  const [theme, setTheme] = (0, _react.useState)(getInitialTheme(defaultMode));
-  const setLightTheme = (0, _react.useCallback)(() => {
-    setTheme(themes.light);
-    storeTheme(themes.light);
-  }, []);
-  const setDarkTheme = (0, _react.useCallback)(() => {
-    setTheme(themes.dark);
-    storeTheme(themes.dark);
-  }, []);
-  (0, _react.useEffect)(() => {
-    document.documentElement.setAttribute('data-theme', coerceToTheme(theme));
-  }, [theme]);
-  (0, _react.useEffect)(() => {
-    if (disableSwitch) {
-      return;
-    }
-
-    try {
-      const storedTheme = ThemeStorage.get();
-
-      if (storedTheme !== null) {
-        setTheme(coerceToTheme(storedTheme));
-      }
-    } catch (err) {
-      console.error(err);
-    }
-  }, [setTheme]);
-  (0, _react.useEffect)(() => {
-    if (disableSwitch && !respectPrefersColorScheme) {
-      return;
-    }
-
-    window.matchMedia('(prefers-color-scheme: dark)').addListener(({
-      matches
-    }) => {
-      setTheme(matches ? themes.dark : themes.light);
-    });
-  }, []);
-  return {
-    isDarkTheme: theme === themes.dark,
-    setLightTheme,
-    setDarkTheme
-  };
-};
-
-var _default = useTheme;
-exports.default = _default;

package/lib/theme/hooks/useThemeContext.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _ThemeContext = _interopRequireDefault(require("@theme/ThemeContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function useThemeContext() {
-  const context = (0, _react.useContext)(_ThemeContext.default);
-
-  if (context == null) {
-    throw new Error('"useThemeContext" is used outside of "Layout" component. Please see https://docusaurus.io/docs/api/themes/configuration#usethemecontext.');
-  }
-
-  return context;
-}
-
-var _default = useThemeContext;
-exports.default = _default;

package/lib/theme/hooks/useUserPreferencesContext.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _UserPreferencesContext = _interopRequireDefault(require("@theme/UserPreferencesContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function useUserPreferencesContext() {
-  const context = (0, _react.useContext)(_UserPreferencesContext.default);
-
-  if (context == null) {
-    throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');
-  }
-
-  return context;
-}
-
-var _default = useUserPreferencesContext;
-exports.default = _default;

package/lib/theme/hooks/useWindowSize.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _ExecutionEnvironment = _interopRequireDefault(require("@docusaurus/ExecutionEnvironment"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const windowSizes = {
-  desktop: 'desktop',
-  mobile: 'mobile',
-  // This "ssr" value is very important to handle hydration FOUC / layout shifts
-  // You have to handle server-rendering explicitly on the call-site
-  // On the server, you may need to render BOTH the mobile/desktop elements (and hide one of them with mediaquery)
-  // We don't return "undefined" on purpose, to make it more explicit
-  ssr: 'ssr'
-};
-const DesktopThresholdWidth = 996;
-
-function getWindowSize() {
-  if (!_ExecutionEnvironment.default.canUseDOM) {
-    return windowSizes.ssr;
-  }
-
-  return window.innerWidth > DesktopThresholdWidth ? windowSizes.desktop : windowSizes.mobile;
-} // Simulate the SSR window size in dev, so that potential hydration FOUC/layout shift problems can be seen in dev too!
-
-
-const DevSimulateSSR = process.env.NODE_ENV === 'development' && true; // This hook returns an enum value on purpose!
-// We don't want it to return the actual width value, for resize perf reasons
-// We only want to re-render once a breakpoint is crossed
-
-function useWindowSize() {
-  const [windowSize, setWindowSize] = (0, _react.useState)(() => {
-    if (DevSimulateSSR) {
-      return 'ssr';
-    }
-
-    return getWindowSize();
-  });
-  (0, _react.useEffect)(() => {
-    if (!_ExecutionEnvironment.default.canUseDOM) {
-      return undefined;
-    }
-
-    function updateWindowSize() {
-      setWindowSize(getWindowSize());
-    } // @ts-expect-error: annoying TS setTimeout typing...
-
-
-    const timeout = DevSimulateSSR ? setTimeout(updateWindowSize, 1000) : undefined;
-    window.addEventListener('resize', updateWindowSize);
-    return () => {
-      window.removeEventListener('resize', updateWindowSize);
-      clearTimeout(timeout);
-    };
-  }, []);
-  return windowSize;
-}
-
-var _default = useWindowSize;
-exports.default = _default;