@helpwave/hightide 0.1.35 → 0.1.36

package/dist/localization/useTranslation.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/localization/LanguageProvider.tsx","../../src/hooks/useLocalStorage.ts","../../src/localization/util.ts","../../src/localization/useTranslation.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport type { Language } from './util'\nimport { LanguageUtil } from './util'\n\nexport type LanguageContextValue = {\n  language: Language,\n  setLanguage: Dispatch<SetStateAction<Language>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({\n  language: LanguageUtil.DEFAULT_LANGUAGE,\n  setLanguage: (v) => v\n})\n\ntype LanguageWithSystem = Language | 'system'\n\ntype LanguageProviderProps = {\n  language?: LanguageWithSystem,\n}\n\nexport const LanguageProvider = ({ children, language }: PropsWithChildren<LanguageProviderProps>) => {\n  const {\n    value: storedLanguage,\n    setValue: setStoredLanguage,\n    deleteValue: deleteStoredLanguage\n  } = useLocalStorage<LanguageWithSystem>('language', 'system')\n  const [languagePreference, setLanguagePreference] = useState<LanguageWithSystem>('system')\n\n  const resolvedLanguage = useMemo(() => {\n    if (language && language !== 'system') {\n      return language\n    }\n    if (storedLanguage && storedLanguage !== 'system') {\n      return storedLanguage\n    }\n    if (languagePreference !== 'system') {\n      return languagePreference\n    }\n    return LanguageUtil.DEFAULT_LANGUAGE\n  }, [language, languagePreference, storedLanguage])\n\n  useEffect(() => {\n    if (language === 'system') {\n      deleteStoredLanguage()\n    } else {\n      setStoredLanguage(language)\n    }\n  }, [language]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(language =>\n          LanguageToTestAgainst.find(\n            (test) => language === test || language.split('-')[0] === test\n          ))\n        .filter((entry): entry is Language => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLanguagePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LanguageContext.Provider value={{\n      language: resolvedLanguage,\n      setLanguage: (newLanguage) => {\n        if (language) {\n          console.warn('LanguageProvider: Attempting to change the ' +\n            \"language while setting a fixed language won't have any effect. \" +\n            'Change the language provided to the LanguageProvider instead.')\n        }\n        setStoredLanguage(newLanguage)\n      }\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LanguageContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LanguageContext. Try adding a LanguageProvider around your app.')\n  }\n  return context\n}\n\nexport const useLocale = (overWriteLanguage?: Language) => {\n  const { language } = useLanguage()\n  const mapping: Record<Language, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || backupValue\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","/**\n * The supported languages\n */\nconst languages = ['en', 'de'] as const\n\n/**\n * The supported languages\n */\nexport type Language = typeof languages[number]\n\n/**\n * The supported languages' names in their respective language\n */\nconst languagesLocalNames: Record<Language, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\n/**\n * The default language\n */\nconst DEFAULT_LANGUAGE: Language = 'en'\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LanguageUtil = {\n  languages,\n  DEFAULT_LANGUAGE,\n  languagesLocalNames,\n}","import { useLanguage } from './LanguageProvider'\nimport type { Language } from './util'\n\n/**\n * A type describing the pluralization of a word\n */\nexport type TranslationPlural = {\n  zero?: string,\n  one?: string,\n  two?: string,\n  few?: string,\n  many?: string,\n  other: string,\n}\n\n/**\n * The type describing all values of a translation\n */\nexport type TranslationType = Record<string, string | TranslationPlural>\n\n/**\n * The type of translations\n */\nexport type Translation<T extends TranslationType> = Record<Language, T>\n\ntype OverwriteTranslationType<T extends TranslationType> = {\n  language?: Language,\n  translation?: Translation<Partial<T>>,\n}\n\n/**\n * Adds the `language` prop to the component props.\n *\n * @param Translation the type of the translation object\n *\n * @param Props the type of the component props, defaults to `Record<string, never>`,\n *              if you don't expect any other props other than `language` and get an\n *              error when using your component (because it uses `forwardRef` etc.)\n *              you can try out `Record<string, unknown>`, this might resolve your\n *              problem as `SomeType & never` is still `never` but `SomeType & unknown`\n *              is `SomeType` which means that adding back props (like `ref` etc.)\n *              works properly\n */\nexport type PropsForTranslation<\n  Translation extends TranslationType,\n  Props = unknown\n> = Props & {\n  overwriteTranslation?: OverwriteTranslationType<Translation>,\n}\n\ntype StringKeys<T> = Extract<keyof T, string>;\n\ntype TranslationFunctionOptions = {\n  replacements?: Record<string, string>,\n  count?: number,\n}\ntype TranslationFunction<T extends TranslationType> = (key: StringKeys<T>, options?: TranslationFunctionOptions) => string\n\nexport const TranslationPluralCount = {\n  zero: 0,\n  one: 1,\n  two: 2,\n  few: 3,\n  many: 11,\n  other: -1,\n}\n\n\nexport const useTranslation = <T extends TranslationType>(\n  translations: Translation<Partial<TranslationType>>[],\n  overwriteTranslation: OverwriteTranslationType<T> = {}\n): TranslationFunction<T> => {\n  const { language: languageProp, translation: overwrite } = overwriteTranslation\n  const { language: inferredLanguage } = useLanguage()\n  const usedLanguage = languageProp ?? inferredLanguage\n  const usedTranslations = [...translations]\n  if (overwrite) {\n    usedTranslations.push(overwrite)\n  }\n\n  return (key: StringKeys<T>, options?: TranslationFunctionOptions): string => {\n    const { count, replacements } = { ...{ count: 0, replacements: {} }, ...options }\n\n    try {\n      for (let i = translations.length - 1; i >= 0; i--) {\n        const translation = translations[i]\n        const localizedTranslation = translation[usedLanguage]\n        if (!localizedTranslation) {\n          continue\n        }\n        const value = localizedTranslation[key]\n        if(!value) {\n          continue\n        }\n\n        let forProcessing: string\n        if (typeof value !== 'string') {\n          if (count === TranslationPluralCount.zero && value?.zero) {\n            forProcessing = value.zero\n          } else if (count === TranslationPluralCount.one && value?.one) {\n            forProcessing = value.one\n          } else if (count === TranslationPluralCount.two && value?.two) {\n            forProcessing = value.two\n          } else if (TranslationPluralCount.few <= count && count < TranslationPluralCount.many && value?.few) {\n            forProcessing = value.few\n          } else if (count > TranslationPluralCount.many && value?.many) {\n            forProcessing = value.many\n          } else {\n            forProcessing = value.other\n          }\n        } else {\n          forProcessing = value\n        }\n        forProcessing = forProcessing.replace(/\\{\\{(\\w+)}}/g, (_, placeholder) => {\n          return replacements[placeholder] ?? `{{key:${placeholder}}}` // fallback if key is missing\n        })\n        return forProcessing\n      }\n    } catch (e) {\n      console.error(e)\n    }\n    return `{{${usedLanguage}:${key}}}`\n  }\n}"],"mappings":";AACA,SAAS,eAAe,YAAY,WAAW,SAAS,YAAAA,iBAAgB;;;ACExE,SAAS,aAAa,gBAAgB;;;ACAtC,IAAM,YAAY,CAAC,MAAM,IAAI;AAU7B,IAAM,sBAAgD;AAAA,EACpD,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,mBAA6B;AAK5B,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF;;;AF8CI;AAjEG,IAAM,kBAAkB,cAAoC;AAAA,EACjE,UAAU,aAAa;AAAA,EACvB,aAAa,CAAC,MAAM;AACtB,CAAC;AA8EM,IAAM,cAAc,MAAM;AAC/B,QAAM,UAAU,WAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,iGAAiG;AAAA,EACnH;AACA,SAAO;AACT;;;AGxCO,IAAM,yBAAyB;AAAA,EACpC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AACT;AAGO,IAAM,iBAAiB,CAC5B,cACA,uBAAoD,CAAC,MAC1B;AAC3B,QAAM,EAAE,UAAU,cAAc,aAAa,UAAU,IAAI;AAC3D,QAAM,EAAE,UAAU,iBAAiB,IAAI,YAAY;AACnD,QAAM,eAAe,gBAAgB;AACrC,QAAM,mBAAmB,CAAC,GAAG,YAAY;AACzC,MAAI,WAAW;AACb,qBAAiB,KAAK,SAAS;AAAA,EACjC;AAEA,SAAO,CAAC,KAAoB,YAAiD;AAC3E,UAAM,EAAE,OAAO,aAAa,IAAI,EAAE,GAAG,EAAE,OAAO,GAAG,cAAc,CAAC,EAAE,GAAG,GAAG,QAAQ;AAEhF,QAAI;AACF,eAAS,IAAI,aAAa,SAAS,GAAG,KAAK,GAAG,KAAK;AACjD,cAAM,cAAc,aAAa,CAAC;AAClC,cAAM,uBAAuB,YAAY,YAAY;AACrD,YAAI,CAAC,sBAAsB;AACzB;AAAA,QACF;AACA,cAAM,QAAQ,qBAAqB,GAAG;AACtC,YAAG,CAAC,OAAO;AACT;AAAA,QACF;AAEA,YAAI;AACJ,YAAI,OAAO,UAAU,UAAU;AAC7B,cAAI,UAAU,uBAAuB,QAAQ,OAAO,MAAM;AACxD,4BAAgB,MAAM;AAAA,UACxB,WAAW,UAAU,uBAAuB,OAAO,OAAO,KAAK;AAC7D,4BAAgB,MAAM;AAAA,UACxB,WAAW,UAAU,uBAAuB,OAAO,OAAO,KAAK;AAC7D,4BAAgB,MAAM;AAAA,UACxB,WAAW,uBAAuB,OAAO,SAAS,QAAQ,uBAAuB,QAAQ,OAAO,KAAK;AACnG,4BAAgB,MAAM;AAAA,UACxB,WAAW,QAAQ,uBAAuB,QAAQ,OAAO,MAAM;AAC7D,4BAAgB,MAAM;AAAA,UACxB,OAAO;AACL,4BAAgB,MAAM;AAAA,UACxB;AAAA,QACF,OAAO;AACL,0BAAgB;AAAA,QAClB;AACA,wBAAgB,cAAc,QAAQ,gBAAgB,CAAC,GAAG,gBAAgB;AACxE,iBAAO,aAAa,WAAW,KAAK,SAAS,WAAW;AAAA,QAC1D,CAAC;AACD,eAAO;AAAA,MACT;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,CAAC;AAAA,IACjB;AACA,WAAO,KAAK,YAAY,IAAI,GAAG;AAAA,EACjC;AACF;","names":["useState"]}
+{"version":3,"sources":["../../src/localization/LanguageProvider.tsx","../../src/hooks/useLocalStorage.ts","../../src/localization/util.ts","../../src/localization/useTranslation.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport type { Language } from './util'\nimport { LanguageUtil } from './util'\n\nexport type LanguageContextValue = {\n  language: Language,\n  setLanguage: Dispatch<SetStateAction<Language>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({\n  language: LanguageUtil.DEFAULT_LANGUAGE,\n  setLanguage: (v) => v\n})\n\ntype LanguageWithSystem = Language | 'system'\n\ntype LanguageProviderProps = {\n  language?: LanguageWithSystem,\n}\n\nexport const LanguageProvider = ({ children, language }: PropsWithChildren<LanguageProviderProps>) => {\n  const {\n    value: storedLanguage,\n    setValue: setStoredLanguage,\n    deleteValue: deleteStoredLanguage\n  } = useLocalStorage<LanguageWithSystem>('language', 'system')\n  const [languagePreference, setLanguagePreference] = useState<LanguageWithSystem>('system')\n\n  const resolvedLanguage = useMemo(() => {\n    if (language && language !== 'system') {\n      return language\n    }\n    if (storedLanguage && storedLanguage !== 'system') {\n      return storedLanguage\n    }\n    if (languagePreference !== 'system') {\n      return languagePreference\n    }\n    return LanguageUtil.DEFAULT_LANGUAGE\n  }, [language, languagePreference, storedLanguage])\n\n  useEffect(() => {\n    if(!language) return\n    if (language === 'system') {\n      deleteStoredLanguage()\n    } else {\n      setStoredLanguage(language)\n    }\n  }, [language]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(language =>\n          LanguageToTestAgainst.find(\n            (test) => language === test || language.split('-')[0] === test\n          ))\n        .filter((entry): entry is Language => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLanguagePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LanguageContext.Provider value={{\n      language: resolvedLanguage,\n      setLanguage: (newLanguage) => {\n        if (language) {\n          console.warn('LanguageProvider: Attempting to change the ' +\n            \"language while setting a fixed language won't have any effect. \" +\n            'Change the language provided to the LanguageProvider instead.')\n        }\n        setStoredLanguage(newLanguage)\n      }\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LanguageContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LanguageContext. Try adding a LanguageProvider around your app.')\n  }\n  return context\n}\n\nexport const useLocale = (overWriteLanguage?: Language) => {\n  const { language } = useLanguage()\n  const mapping: Record<Language, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","/**\n * The supported languages\n */\nconst languages = ['en', 'de'] as const\n\n/**\n * The supported languages\n */\nexport type Language = typeof languages[number]\n\n/**\n * The supported languages' names in their respective language\n */\nconst languagesLocalNames: Record<Language, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\n/**\n * The default language\n */\nconst DEFAULT_LANGUAGE: Language = 'en'\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LanguageUtil = {\n  languages,\n  DEFAULT_LANGUAGE,\n  languagesLocalNames,\n}","import { useLanguage } from './LanguageProvider'\nimport type { Language } from './util'\n\n/**\n * A type describing the pluralization of a word\n */\nexport type TranslationPlural = {\n  zero?: string,\n  one?: string,\n  two?: string,\n  few?: string,\n  many?: string,\n  other: string,\n}\n\n/**\n * The type describing all values of a translation\n */\nexport type TranslationType = Record<string, string | TranslationPlural>\n\n/**\n * The type of translations\n */\nexport type Translation<T extends TranslationType> = Record<Language, T>\n\ntype OverwriteTranslationType<T extends TranslationType> = {\n  language?: Language,\n  translation?: Translation<Partial<T>>,\n}\n\n/**\n * Adds the `language` prop to the component props.\n *\n * @param Translation the type of the translation object\n *\n * @param Props the type of the component props, defaults to `Record<string, never>`,\n *              if you don't expect any other props other than `language` and get an\n *              error when using your component (because it uses `forwardRef` etc.)\n *              you can try out `Record<string, unknown>`, this might resolve your\n *              problem as `SomeType & never` is still `never` but `SomeType & unknown`\n *              is `SomeType` which means that adding back props (like `ref` etc.)\n *              works properly\n */\nexport type PropsForTranslation<\n  Translation extends TranslationType,\n  Props = unknown\n> = Props & {\n  overwriteTranslation?: OverwriteTranslationType<Translation>,\n}\n\ntype StringKeys<T> = Extract<keyof T, string>;\n\ntype TranslationFunctionOptions = {\n  replacements?: Record<string, string>,\n  count?: number,\n}\ntype TranslationFunction<T extends TranslationType> = (key: StringKeys<T>, options?: TranslationFunctionOptions) => string\n\nexport const TranslationPluralCount = {\n  zero: 0,\n  one: 1,\n  two: 2,\n  few: 3,\n  many: 11,\n  other: -1,\n}\n\n\nexport const useTranslation = <T extends TranslationType>(\n  translations: Translation<Partial<TranslationType>>[],\n  overwriteTranslation: OverwriteTranslationType<T> = {}\n): TranslationFunction<T> => {\n  const { language: languageProp, translation: overwrite } = overwriteTranslation\n  const { language: inferredLanguage } = useLanguage()\n  const usedLanguage = languageProp ?? inferredLanguage\n  const usedTranslations = [...translations]\n  if (overwrite) {\n    usedTranslations.push(overwrite)\n  }\n\n  return (key: StringKeys<T>, options?: TranslationFunctionOptions): string => {\n    const { count, replacements } = { ...{ count: 0, replacements: {} }, ...options }\n\n    try {\n      for (let i = translations.length - 1; i >= 0; i--) {\n        const translation = translations[i]\n        const localizedTranslation = translation[usedLanguage]\n        if (!localizedTranslation) {\n          continue\n        }\n        const value = localizedTranslation[key]\n        if(!value) {\n          continue\n        }\n\n        let forProcessing: string\n        if (typeof value !== 'string') {\n          if (count === TranslationPluralCount.zero && value?.zero) {\n            forProcessing = value.zero\n          } else if (count === TranslationPluralCount.one && value?.one) {\n            forProcessing = value.one\n          } else if (count === TranslationPluralCount.two && value?.two) {\n            forProcessing = value.two\n          } else if (TranslationPluralCount.few <= count && count < TranslationPluralCount.many && value?.few) {\n            forProcessing = value.few\n          } else if (count > TranslationPluralCount.many && value?.many) {\n            forProcessing = value.many\n          } else {\n            forProcessing = value.other\n          }\n        } else {\n          forProcessing = value\n        }\n        forProcessing = forProcessing.replace(/\\{\\{(\\w+)}}/g, (_, placeholder) => {\n          return replacements[placeholder] ?? `{{key:${placeholder}}}` // fallback if key is missing\n        })\n        return forProcessing\n      }\n    } catch (e) {\n      console.error(e)\n    }\n    return `{{${usedLanguage}:${key}}}`\n  }\n}"],"mappings":";AACA,SAAS,eAAe,YAAY,WAAW,SAAS,YAAAA,iBAAgB;;;ACExE,SAAS,aAAa,gBAAgB;;;ACAtC,IAAM,YAAY,CAAC,MAAM,IAAI;AAU7B,IAAM,sBAAgD;AAAA,EACpD,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,mBAA6B;AAK5B,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF;;;AF+CI;AAlEG,IAAM,kBAAkB,cAAoC;AAAA,EACjE,UAAU,aAAa;AAAA,EACvB,aAAa,CAAC,MAAM;AACtB,CAAC;AA+EM,IAAM,cAAc,MAAM;AAC/B,QAAM,UAAU,WAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,iGAAiG;AAAA,EACnH;AACA,SAAO;AACT;;;AGzCO,IAAM,yBAAyB;AAAA,EACpC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AACT;AAGO,IAAM,iBAAiB,CAC5B,cACA,uBAAoD,CAAC,MAC1B;AAC3B,QAAM,EAAE,UAAU,cAAc,aAAa,UAAU,IAAI;AAC3D,QAAM,EAAE,UAAU,iBAAiB,IAAI,YAAY;AACnD,QAAM,eAAe,gBAAgB;AACrC,QAAM,mBAAmB,CAAC,GAAG,YAAY;AACzC,MAAI,WAAW;AACb,qBAAiB,KAAK,SAAS;AAAA,EACjC;AAEA,SAAO,CAAC,KAAoB,YAAiD;AAC3E,UAAM,EAAE,OAAO,aAAa,IAAI,EAAE,GAAG,EAAE,OAAO,GAAG,cAAc,CAAC,EAAE,GAAG,GAAG,QAAQ;AAEhF,QAAI;AACF,eAAS,IAAI,aAAa,SAAS,GAAG,KAAK,GAAG,KAAK;AACjD,cAAM,cAAc,aAAa,CAAC;AAClC,cAAM,uBAAuB,YAAY,YAAY;AACrD,YAAI,CAAC,sBAAsB;AACzB;AAAA,QACF;AACA,cAAM,QAAQ,qBAAqB,GAAG;AACtC,YAAG,CAAC,OAAO;AACT;AAAA,QACF;AAEA,YAAI;AACJ,YAAI,OAAO,UAAU,UAAU;AAC7B,cAAI,UAAU,uBAAuB,QAAQ,OAAO,MAAM;AACxD,4BAAgB,MAAM;AAAA,UACxB,WAAW,UAAU,uBAAuB,OAAO,OAAO,KAAK;AAC7D,4BAAgB,MAAM;AAAA,UACxB,WAAW,UAAU,uBAAuB,OAAO,OAAO,KAAK;AAC7D,4BAAgB,MAAM;AAAA,UACxB,WAAW,uBAAuB,OAAO,SAAS,QAAQ,uBAAuB,QAAQ,OAAO,KAAK;AACnG,4BAAgB,MAAM;AAAA,UACxB,WAAW,QAAQ,uBAAuB,QAAQ,OAAO,MAAM;AAC7D,4BAAgB,MAAM;AAAA,UACxB,OAAO;AACL,4BAAgB,MAAM;AAAA,UACxB;AAAA,QACF,OAAO;AACL,0BAAgB;AAAA,QAClB;AACA,wBAAgB,cAAc,QAAQ,gBAAgB,CAAC,GAAG,gBAAgB;AACxE,iBAAO,aAAa,WAAW,KAAK,SAAS,WAAW;AAAA,QAC1D,CAAC;AACD,eAAO;AAAA,MACT;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,CAAC;AAAA,IACjB;AACA,WAAO,KAAK,YAAY,IAAI,GAAG;AAAA,EACjC;AACF;","names":["useState"]}

package/dist/style/globals.css

@@ -2541,7 +2541,7 @@
   }
   .motion-safe\:animate-fade-out {
     @media (prefers-reduced-motion: no-preference) {
-      animation: fade-out 0.2s ease-in-out;
+      animation: fade-out 0.2s ease-in-out forwards;
     }
   }
   .motion-safe\:animate-pop-in {

package/dist/style/uncompiled/utitlity/animation.css

@@ -15,7 +15,7 @@
 }
 
 @utility animate-fade-out {
-  animation: fade-out 0.2s ease-in-out;
+  animation: fade-out 0.2s ease-in-out forwards;
 }
 
 @utility animate-fade {

package/dist/theming/index.js

@@ -73,8 +73,15 @@ var useLocalStorage = (key, backupValue) => {
       return backupValue;
     }
     const storageService = new LocalStorageService();
-    const value = storageService.get(key);
-    return value || backupValue;
+    try {
+      const value = storageService.get(key);
+      return value || backupValue;
+    } catch (_) {
+      console.warn("useLocalStorage: Error while reading the stored value. Make sure your typing is correct.");
+      storageService.delete(key);
+      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`);
+      return backupValue;
+    }
   }, [backupValue, key]);
   const [storedValue, setStoredValue] = (0, import_react.useState)(get);
   const setValue = (0, import_react.useCallback)((action) => {
@@ -139,6 +146,7 @@ var ThemeProvider = ({ children, theme }) => {
     return "light";
   }, [storedTheme, theme, themePreference]);
   (0, import_react2.useEffect)(() => {
+    if (!theme) return;
     if (theme === "system") {
       deleteStoredTheme();
     } else {

package/dist/theming/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theming/index.ts","../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["export * from './useTheme'\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme) {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || backupValue\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["import_react"]}
+{"version":3,"sources":["../../src/theming/index.ts","../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["export * from './useTheme'\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if(!theme) return\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme) {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["import_react"]}

package/dist/theming/index.mjs

@@ -45,8 +45,15 @@ var useLocalStorage = (key, backupValue) => {
       return backupValue;
     }
     const storageService = new LocalStorageService();
-    const value = storageService.get(key);
-    return value || backupValue;
+    try {
+      const value = storageService.get(key);
+      return value || backupValue;
+    } catch (_) {
+      console.warn("useLocalStorage: Error while reading the stored value. Make sure your typing is correct.");
+      storageService.delete(key);
+      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`);
+      return backupValue;
+    }
   }, [backupValue, key]);
   const [storedValue, setStoredValue] = useState(get);
   const setValue = useCallback((action) => {
@@ -111,6 +118,7 @@ var ThemeProvider = ({ children, theme }) => {
     return "light";
   }, [storedTheme, theme, themePreference]);
   useEffect(() => {
+    if (!theme) return;
     if (theme === "system") {
       deleteStoredTheme();
     } else {

package/dist/theming/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme) {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || backupValue\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["useCallback","useState","useState","useCallback"]}
+{"version":3,"sources":["../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if(!theme) return\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme) {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["useCallback","useState","useState","useCallback"]}

package/dist/theming/useTheme.js

@@ -71,8 +71,15 @@ var useLocalStorage = (key, backupValue) => {
       return backupValue;
     }
     const storageService = new LocalStorageService();
-    const value = storageService.get(key);
-    return value || backupValue;
+    try {
+      const value = storageService.get(key);
+      return value || backupValue;
+    } catch (_) {
+      console.warn("useLocalStorage: Error while reading the stored value. Make sure your typing is correct.");
+      storageService.delete(key);
+      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`);
+      return backupValue;
+    }
   }, [backupValue, key]);
   const [storedValue, setStoredValue] = (0, import_react.useState)(get);
   const setValue = (0, import_react.useCallback)((action) => {
@@ -137,6 +144,7 @@ var ThemeProvider = ({ children, theme }) => {
     return "light";
   }, [storedTheme, theme, themePreference]);
   (0, import_react2.useEffect)(() => {
+    if (!theme) return;
     if (theme === "system") {
       deleteStoredTheme();
     } else {

package/dist/theming/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme) {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || backupValue\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAqF;;;ACErF,mBAAsC;;;ACHtC,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EACpB;AAAA,EAEO,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;;;AC7BO,SAAS,gBAAmB,QAA2B,MAAY;AACxE,SAAO,OAAO,WAAW,aAAc,OAA0B,IAAI,IAAI;AAC3E;;;AFiBO,IAAM,kBAAkB,CAAI,KAAa,gBAA6C;AAC3F,QAAM,UAAM,0BAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,UAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,aAAa,GAAG,CAAC;AAErB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAY,GAAG;AAErD,QAAM,eAAwB,0BAAY,YAAU;AAClD,UAAM,WAAW,gBAAgB,QAAQ,WAAW;AACpD,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,QAAQ;AAEhC,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,QAAM,cAAc,MAAM;AACxB,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,OAAO,GAAG;AACzB,mBAAe,WAAW;AAAA,EAC5B;AAEA,SAAO,EAAE,OAAO,aAAa,UAAU,YAAY;AACrD;;;ADiEI;AA5GJ,IAAM,SAAS,CAAC,SAAS,QAAQ,QAAQ;AASzC,IAAM,8BAAiE;AAAA,EACrE,IAAI;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,IAAM,YAAY;AAAA,EACvB;AAAA,EACA,aAAa;AACf;AAQO,IAAM,mBAAe,6BAAuC,IAAI;AAShE,IAAM,gBAAgB,CAAC,EAAE,UAAU,MAAM,MAA6C;AAC3F,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,EACf,IAAI,gBAA2B,SAAS,QAAQ;AAChD,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,wBAAoB,QAAQ;AAE1E,QAAM,oBAAgB,uBAAQ,MAAqB;AACjD,QAAI,SAAS,UAAU,UAAU;AAC/B,aAAO;AAAA,IACT;AACA,QAAI,eAAe,gBAAgB,UAAU;AAC3C,aAAO;AAAA,IACT;AACA,QAAI,oBAAoB,UAAU;AAChC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,OAAO,eAAe,CAAC;AAExC,+BAAU,MAAM;AACd,QAAI,UAAU,UAAU;AACtB,wBAAkB;AAAA,IACpB,OAAO;AACL,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,+BAAU,MAAM;AACd,aAAS,gBAAgB,aAAa,cAAc,aAAa;AAAA,EACnE,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,oBAAgB,2BAAY,MAAM;AACtC,UAAM,cAAc,OAAO,WAAW,8BAA8B,EAAE;AACtE,UAAM,eAAe,OAAO,WAAW,+BAA+B,EAAE;AACxE,uBAAmB,cAAc,SAAU,eAAe,UAAU,QAAS;AAAA,EAC/E,GAAG,CAAC,CAAC;AAEL,+BAAU,MAAM;AACd,kBAAc;AAAA,EAChB,GAAG,CAAC,aAAa,CAAC;AAElB,+BAAU,MAAM;AACd,UAAM,YAAY,OAAO,WAAW,8BAA8B;AAClE,UAAM,aAAa,OAAO,WAAW,+BAA+B;AACpE,UAAM,cAAc,OAAO,WAAW,uCAAuC;AAC7E,cAAU,iBAAiB,UAAU,aAAa;AAClD,eAAW,iBAAiB,UAAU,aAAa;AACnD,gBAAY,iBAAiB,UAAU,aAAa;AACpD,WAAO,MAAM;AACX,gBAAU,oBAAoB,UAAU,aAAa;AACrD,iBAAW,oBAAoB,UAAU,aAAa;AACtD,kBAAY,oBAAoB,UAAU,aAAa;AAAA,IACzD;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP;AAAA,QACA,UAAU,CAAC,aAAa;AACtB,cAAI,OAAO;AACT,oBAAQ,KAAK,0JAE8C;AAAA,UAC7D;AACA,yBAAe,QAAQ;AAAA,QACzB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,IAAM,WAAW,MAAM;AAC5B,QAAM,cAAU,0BAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,wFAAwF;AAAA,EAC1G;AACA,SAAO;AACT;","names":["import_react"]}
+{"version":3,"sources":["../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if(!theme) return\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme) {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["import_react"]}

package/dist/theming/useTheme.mjs

@@ -45,8 +45,15 @@ var useLocalStorage = (key, backupValue) => {
       return backupValue;
     }
     const storageService = new LocalStorageService();
-    const value = storageService.get(key);
-    return value || backupValue;
+    try {
+      const value = storageService.get(key);
+      return value || backupValue;
+    } catch (_) {
+      console.warn("useLocalStorage: Error while reading the stored value. Make sure your typing is correct.");
+      storageService.delete(key);
+      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`);
+      return backupValue;
+    }
   }, [backupValue, key]);
   const [storedValue, setStoredValue] = useState(get);
   const setValue = useCallback((action) => {
@@ -111,6 +118,7 @@ var ThemeProvider = ({ children, theme }) => {
     return "light";
   }, [storedTheme, theme, themePreference]);
   useEffect(() => {
+    if (!theme) return;
     if (theme === "system") {
       deleteStoredTheme();
     } else {

package/dist/theming/useTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme) {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || backupValue\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":";AACA,SAAS,eAAe,eAAAA,cAAa,YAAY,WAAW,SAAS,YAAAC,iBAAgB;;;ACErF,SAAS,aAAa,gBAAgB;;;ACHtC,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EACpB;AAAA,EAEO,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;;;AC7BO,SAAS,gBAAmB,QAA2B,MAAY;AACxE,SAAO,OAAO,WAAW,aAAc,OAA0B,IAAI,IAAI;AAC3E;;;AFiBO,IAAM,kBAAkB,CAAI,KAAa,gBAA6C;AAC3F,QAAM,MAAM,YAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,UAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,aAAa,GAAG,CAAC;AAErB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAY,GAAG;AAErD,QAAM,WAAwB,YAAY,YAAU;AAClD,UAAM,WAAW,gBAAgB,QAAQ,WAAW;AACpD,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,QAAQ;AAEhC,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,QAAM,cAAc,MAAM;AACxB,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,OAAO,GAAG;AACzB,mBAAe,WAAW;AAAA,EAC5B;AAEA,SAAO,EAAE,OAAO,aAAa,UAAU,YAAY;AACrD;;;ADiEI;AA5GJ,IAAM,SAAS,CAAC,SAAS,QAAQ,QAAQ;AASzC,IAAM,8BAAiE;AAAA,EACrE,IAAI;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,IAAM,YAAY;AAAA,EACvB;AAAA,EACA,aAAa;AACf;AAQO,IAAM,eAAe,cAAuC,IAAI;AAShE,IAAM,gBAAgB,CAAC,EAAE,UAAU,MAAM,MAA6C;AAC3F,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,EACf,IAAI,gBAA2B,SAAS,QAAQ;AAChD,QAAM,CAAC,iBAAiB,kBAAkB,IAAIC,UAAoB,QAAQ;AAE1E,QAAM,gBAAgB,QAAQ,MAAqB;AACjD,QAAI,SAAS,UAAU,UAAU;AAC/B,aAAO;AAAA,IACT;AACA,QAAI,eAAe,gBAAgB,UAAU;AAC3C,aAAO;AAAA,IACT;AACA,QAAI,oBAAoB,UAAU;AAChC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,OAAO,eAAe,CAAC;AAExC,YAAU,MAAM;AACd,QAAI,UAAU,UAAU;AACtB,wBAAkB;AAAA,IACpB,OAAO;AACL,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,aAAS,gBAAgB,aAAa,cAAc,aAAa;AAAA,EACnE,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgBC,aAAY,MAAM;AACtC,UAAM,cAAc,OAAO,WAAW,8BAA8B,EAAE;AACtE,UAAM,eAAe,OAAO,WAAW,+BAA+B,EAAE;AACxE,uBAAmB,cAAc,SAAU,eAAe,UAAU,QAAS;AAAA,EAC/E,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,kBAAc;AAAA,EAChB,GAAG,CAAC,aAAa,CAAC;AAElB,YAAU,MAAM;AACd,UAAM,YAAY,OAAO,WAAW,8BAA8B;AAClE,UAAM,aAAa,OAAO,WAAW,+BAA+B;AACpE,UAAM,cAAc,OAAO,WAAW,uCAAuC;AAC7E,cAAU,iBAAiB,UAAU,aAAa;AAClD,eAAW,iBAAiB,UAAU,aAAa;AACnD,gBAAY,iBAAiB,UAAU,aAAa;AACpD,WAAO,MAAM;AACX,gBAAU,oBAAoB,UAAU,aAAa;AACrD,iBAAW,oBAAoB,UAAU,aAAa;AACtD,kBAAY,oBAAoB,UAAU,aAAa;AAAA,IACzD;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP;AAAA,QACA,UAAU,CAAC,aAAa;AACtB,cAAI,OAAO;AACT,oBAAQ,KAAK,0JAE8C;AAAA,UAC7D;AACA,yBAAe,QAAQ;AAAA,QACzB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,IAAM,WAAW,MAAM;AAC5B,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,wFAAwF;AAAA,EAC1G;AACA,SAAO;AACT;","names":["useCallback","useState","useState","useCallback"]}
+{"version":3,"sources":["../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport type { Translation, TranslationPlural } from '../localization/useTranslation'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport type ThemeTypeTranslation = Record<ThemeType, string> & {\n  theme: TranslationPlural,\n}\n\nconst defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light',\n    system: 'System',\n    theme: {\n      one: 'Theme',\n      other: 'Themes'\n    }\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell',\n    system: 'System',\n    theme: {\n      one: 'Farbschema',\n      other: 'Farbschemas'\n    }\n  }\n}\n\nexport const ThemeUtil = {\n  themes,\n  translation: defaultThemeTypeTranslation,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if(!theme) return\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme) {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {\n  }\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["useCallback","useState","useState","useCallback"]}

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/helpwave/hightide.git"
   },
   "license": "MPL-2.0",
-  "version": "0.1.35",
+  "version": "0.1.36",
   "files": [
     "dist"
   ],