colbrush 1.6.0 → 1.7.0

package/dist/chunk-EFIJAMPH.js

@@ -0,0 +1,104 @@
+// src/react/ThemeProvider.tsx
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var THEME_KEYS = [
+  "default",
+  "protanopia",
+  "deuteranopia",
+  "tritanopia"
+];
+var THEME_LABEL = {
+  English: {
+    default: "default",
+    protanopia: "protanopia",
+    deuteranopia: "deuteranopia",
+    tritanopia: "tritanopia"
+  },
+  Korean: {
+    default: "\uAE30\uBCF8",
+    protanopia: "\uC801\uC0C9\uB9F9",
+    deuteranopia: "\uB179\uC0C9\uB9F9",
+    tritanopia: "\uCCAD\uC0C9\uB9F9"
+  }
+};
+var getThemeOptions = (lang) => THEME_KEYS.map((key) => ({ key, label: THEME_LABEL[lang][key] }));
+var KEY = "theme";
+var LANG_KEY = "theme_lang";
+var ThemeContext = createContext({
+  theme: "default",
+  language: "English",
+  updateTheme: () => {
+  },
+  updateLanguage: () => {
+  },
+  simulationFilter: "none",
+  setSimulationFilter: () => {
+  }
+});
+var useTheme = () => useContext(ThemeContext);
+function normalizeToKey(value) {
+  if (!value) return "default";
+  if (THEME_KEYS.includes(value))
+    return value;
+  const reverse = {};
+  ["English", "Korean"].forEach((lang) => {
+    Object.entries(THEME_LABEL[lang]).forEach(
+      ([k, label]) => {
+        reverse[label] = k;
+      }
+    );
+  });
+  return reverse[value] ?? "default";
+}
+function ThemeProvider({ children }) {
+  const [theme, setTheme] = useState("default");
+  const [simulationFilter, setSimulationFilter] = useState("none");
+  const [language, setLanguage] = useState("English");
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const storedTheme = normalizeToKey(localStorage.getItem(KEY));
+    const storedLang = localStorage.getItem(LANG_KEY) || "English";
+    setTheme(storedTheme);
+    setLanguage(storedLang);
+    document.documentElement.setAttribute("data-theme", storedTheme);
+  }, []);
+  const updateTheme = (k) => {
+    setTheme(k);
+    if (typeof window !== "undefined") {
+      localStorage.setItem(KEY, k);
+      document.documentElement.setAttribute("data-theme", k);
+    }
+  };
+  const updateLanguage = (t) => {
+    setLanguage(t);
+    if (typeof window !== "undefined") {
+      localStorage.setItem(LANG_KEY, t);
+    }
+  };
+  const value = useMemo(
+    () => ({
+      theme,
+      language,
+      updateTheme,
+      updateLanguage,
+      simulationFilter,
+      setSimulationFilter
+    }),
+    [theme, language, simulationFilter]
+  );
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+}
+var THEMES = THEME_LABEL;
+
+export {
+  getThemeOptions,
+  useTheme,
+  ThemeProvider,
+  THEMES
+};

package/dist/client.cjs

@@ -60,6 +60,9 @@ var ThemeContext = (0, import_react.createContext)({
   updateTheme: () => {
   },
   updateLanguage: () => {
+  },
+  simulationFilter: "none",
+  setSimulationFilter: () => {
   }
 });
 var useTheme = () => (0, import_react.useContext)(ThemeContext);
@@ -79,6 +82,7 @@ function normalizeToKey(value) {
 }
 function ThemeProvider({ children }) {
   const [theme, setTheme] = (0, import_react.useState)("default");
+  const [simulationFilter, setSimulationFilter] = (0, import_react.useState)("none");
   const [language, setLanguage] = (0, import_react.useState)("English");
   (0, import_react.useEffect)(() => {
     if (typeof window === "undefined") return;
@@ -102,8 +106,15 @@ function ThemeProvider({ children }) {
     }
   };
   const value = (0, import_react.useMemo)(
-    () => ({ theme, language, updateTheme, updateLanguage }),
-    [theme, language]
+    () => ({
+      theme,
+      language,
+      updateTheme,
+      updateLanguage,
+      simulationFilter,
+      setSimulationFilter
+    }),
+    [theme, language, simulationFilter]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value, children });
 }

package/dist/client.d.cts

@@ -3,12 +3,16 @@ import { ReactNode } from 'react';
 
 type TLanguage = 'English' | 'Korean';
 declare const THEME_KEYS: readonly ["default", "protanopia", "deuteranopia", "tritanopia"];
+declare const SIMULATION_KEYS: readonly ["none", "deuteranopia", "protanopia", "tritanopia"];
 type ThemeKey = (typeof THEME_KEYS)[number];
+type SimulationKey = (typeof SIMULATION_KEYS)[number];
 type ThemeContextType = {
     theme: ThemeKey;
     language: TLanguage;
     updateTheme: (k: ThemeKey) => void;
     updateLanguage: (t: TLanguage) => void;
+    simulationFilter: SimulationKey;
+    setSimulationFilter: (value: SimulationKey) => void;
 };
 declare const useTheme: () => ThemeContextType;
 type ThemeProviderProps = {
@@ -16,7 +20,7 @@ type ThemeProviderProps = {
 };
 declare function ThemeProvider({ children }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 type ThemeType = ThemeKey;
-declare const THEMES: Record<TLanguage, Record<"default" | "protanopia" | "deuteranopia" | "tritanopia", string>>;
+declare const THEMES: Record<TLanguage, Record<"deuteranopia" | "protanopia" | "tritanopia" | "default", string>>;
 
 type Props = {
     options?: {

package/dist/client.d.ts

@@ -3,12 +3,16 @@ import { ReactNode } from 'react';
 
 type TLanguage = 'English' | 'Korean';
 declare const THEME_KEYS: readonly ["default", "protanopia", "deuteranopia", "tritanopia"];
+declare const SIMULATION_KEYS: readonly ["none", "deuteranopia", "protanopia", "tritanopia"];
 type ThemeKey = (typeof THEME_KEYS)[number];
+type SimulationKey = (typeof SIMULATION_KEYS)[number];
 type ThemeContextType = {
     theme: ThemeKey;
     language: TLanguage;
     updateTheme: (k: ThemeKey) => void;
     updateLanguage: (t: TLanguage) => void;
+    simulationFilter: SimulationKey;
+    setSimulationFilter: (value: SimulationKey) => void;
 };
 declare const useTheme: () => ThemeContextType;
 type ThemeProviderProps = {
@@ -16,7 +20,7 @@ type ThemeProviderProps = {
 };
 declare function ThemeProvider({ children }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 type ThemeType = ThemeKey;
-declare const THEMES: Record<TLanguage, Record<"default" | "protanopia" | "deuteranopia" | "tritanopia", string>>;
+declare const THEMES: Record<TLanguage, Record<"deuteranopia" | "protanopia" | "tritanopia" | "default", string>>;
 
 type Props = {
     options?: {