Minify further

Author: mayank1513

lib/src/client/switcher/switcher.tsx

@@ -1,6 +1,6 @@
 import { ThemeSwitcherProps } from "../theme-switcher";
 import { DARK, DEFAULT_ID, LIGHT } from "../../constants";
-import { useThemeStore } from "../../store";
+import { UNDEFINED, useThemeStore } from "../../store";
 import type { ResolveFunc, UpdateDOMFunc, UpdateForcedPropsFunc } from "../theme-switcher/no-fouc";
 
 let media: MediaQueryList;
@@ -43,7 +43,7 @@ export const Switcher = ({
 
   const [state, setState] = useThemeStore(targetSelector);
 
-  if (typeof m != "undefined" && !updateForcedProps) {
+  if (typeof m != UNDEFINED && !updateForcedProps) {
     [media, updateDOM, resolveTheme, updateForcedProps] = [m, u, r, f];
 
     media.addEventListener("change", () =>

lib/src/client/theme-switcher/theme-switcher.tsx

@@ -1,6 +1,6 @@
 import { ColorSchemeType } from "../../types";
 import { noFOUCScript, type ScriptArgs } from "./no-fouc";
-import { initialState } from "../../store";
+import { initialState, UNDEFINED } from "../../store";
 import { DEFAULT_ID } from "../../constants";
 import { Switcher } from "../switcher";
 
@@ -53,7 +53,7 @@ const Script = ({
     forcedColorScheme,
   ] as ScriptArgs;
   // handle client side exceptions when script is not run. <- for client side apps like vite or CRA
-  typeof window !== "undefined" && noFOUCScript(...args);
+  typeof window != UNDEFINED && noFOUCScript(...args);
   return (
     <script
       // skipcq: JS-0440

lib/src/hooks/use-theme.ts

@@ -1,5 +1,4 @@
-import { useEffect } from "react";
-import { useThemeStore } from "../store";
+import { UNDEFINED, useThemeStore } from "../store";
 import { ResolveFunc } from "../client/theme-switcher/no-fouc";
 import { ColorSchemeType, ResolvedColorSchemeType } from "../types";
 import { DARK, LIGHT, SYSTEM } from "../constants";
@@ -37,9 +36,7 @@ export interface UseThemeYield {
 
 export const useTheme = (targetSelector?: string): UseThemeYield => {
   const [state, setState] = useThemeStore(targetSelector);
-  useEffect(() => {
-    resolveTheme = window.r;
-  }, []);
+  if (!resolveTheme && typeof window != UNDEFINED) resolveTheme = window.r;
 
   /** helper */
   const setter =

lib/src/store.ts

@@ -30,11 +30,13 @@ export const initialState: ThemeStoreType = {
   s: LIGHT,
 };
 
+export const UNDEFINED = "undefined";
+
 /** @internal store */
 export const useThemeStore = (targetSelector?: string) => {
   const key = targetSelector ?? "#" + DEFAULT_ID;
   return useRGS<ThemeStoreType>(key, () => {
-    const str = typeof m !== "undefined" && localStorage.getItem(key);
+    const str = typeof m !== UNDEFINED && localStorage.getItem(key);
     return str ? { ...JSON.parse(str), s: m.matches ? DARK : LIGHT } : initialState;
   });
 };