@xyo-network/react-shared 2.23.7

package/src/modules/settings/contexts/Storage.ts

@@ -0,0 +1,25 @@
+import { appSettingDefault } from './appSettingDefault'
+import { AppSettingSlug } from './Slug'
+import { AppSettingsStorageBase } from './StorageBase'
+
+export class AppSettingsStorage extends AppSettingsStorageBase {
+  constructor(prefix = 'XyoAppSettings', defaults?: Record<string, unknown>) {
+    super(prefix, { ...appSettingDefault(), ...defaults })
+  }
+
+  get darkMode() {
+    return this.getBoolean(AppSettingSlug.DarkMode)
+  }
+
+  set darkMode(value: boolean) {
+    this.setBoolean(AppSettingSlug.DarkMode, value)
+  }
+
+  get developerMode() {
+    return this.getBoolean(AppSettingSlug.Developer)
+  }
+
+  set developerMode(value: boolean) {
+    this.setBoolean(AppSettingSlug.Developer, value)
+  }
+}

package/src/modules/settings/contexts/StorageBase.ts

@@ -0,0 +1,86 @@
+import { assertEx } from '@xylabs/sdk-js'
+
+import { assertDefinedEx } from '../../../lib'
+
+export class AppSettingsStorageBase {
+  private prefix: string
+  private defaults: Record<string, unknown>
+  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {
+    this.prefix = prefix
+    this.defaults = defaults ?? {}
+  }
+
+  public getBoolean(name: string): boolean {
+    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
+    if (!storedValue) {
+      assertEx(typeof this.defaults[name] === 'boolean', 'Default value is not boolean')
+      const defaultValue = this.defaults[name] as boolean
+      assertEx(defaultValue !== undefined, `Missing Default for ${name}`)
+      return defaultValue
+    }
+    return storedValue !== 'false'
+  }
+
+  public setBoolean(name: string, value: boolean) {
+    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))
+  }
+
+  public setNumber(name: string, value: number) {
+    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))
+  }
+
+  public getNumber(name: string): number {
+    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
+    if (!storedValue) {
+      assertEx(typeof this.defaults[name] === 'boolean', 'Default value is not boolean')
+      const defaultValue = this.defaults[name] as number
+      assertEx(defaultValue !== undefined, `Missing Default for ${name}`)
+      return defaultValue
+    }
+    return parseFloat(storedValue)
+  }
+
+  public getString(name: string) {
+    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
+    if (!storedValue) {
+      assertDefinedEx(typeof this.defaults[name] === 'string', 'Default value is not string')
+      const defaultValue = this.defaults[name] as string
+      assertEx(defaultValue !== undefined, `Missing Default for ${name}`)
+      return defaultValue
+    }
+    return storedValue
+  }
+
+  public setString(name: string, value: string) {
+    localStorage.setItem(`${this.prefix}|${name}`, value)
+  }
+
+  public getStringArray(name: string) {
+    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)?.split(',')
+    if (!storedValue) {
+      assertDefinedEx(Array.isArray(this.defaults[name]), 'Default value is not array')
+      const defaultValue = this.defaults[name] as string[]
+      assertEx(defaultValue !== undefined, `Missing Default for ${name}`)
+      return defaultValue
+    }
+    return storedValue
+  }
+
+  public setStringArray(name: string, value: string[]) {
+    localStorage.setItem(`${this.prefix}|${name}`, value.join(','))
+  }
+
+  public getObject<T>(name: string): T {
+    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)
+    const parsedStoredValue = storedValue ? JSON.parse(storedValue) : null
+    if (!parsedStoredValue) {
+      assertEx(typeof this.defaults[name] === 'object', 'Default value is not object')
+      return assertEx(this.defaults[name] as T, `Missing Default for ${name}`)
+    }
+    return parsedStoredValue as T
+  }
+
+  public setObject<T>(name: string, value: T) {
+    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))
+  }
+}

package/src/modules/settings/contexts/appSettingDefault.ts

@@ -0,0 +1,8 @@
+import { AppSettingSlug } from './Slug'
+
+export const appSettingDefault = (): Record<string, unknown> => {
+  return {
+    [AppSettingSlug.DarkMode]: false,
+    [AppSettingSlug.Developer]: false,
+  }
+}

package/src/modules/settings/contexts/index.ts

@@ -0,0 +1,6 @@
+export * from './Context'
+export * from './Provider'
+export * from './Slug'
+export * from './Storage'
+export * from './StorageBase'
+export * from './useAppSettings'

package/src/modules/settings/contexts/useAppSettings.ts

@@ -0,0 +1,7 @@
+import { useContext } from 'react'
+
+import { AppSettingsContext } from './Context'
+
+export const useAppSettings = () => {
+  return useContext(AppSettingsContext)
+}

package/src/modules/settings/index.ts

@@ -0,0 +1,2 @@
+export * from './components'
+export * from './contexts'

package/src/types/images.d.ts

@@ -0,0 +1,5 @@
+declare module '*.png'
+declare module '*.jpg'
+declare module '*.svg'
+declare module '*.gif'
+declare module '*.webp'