@xyo-network/react-app-settings 2.81.9 → 2.82.0

package/dist/neutral/contexts/AppSettings/Storage.d.ts

@@ -1,5 +1,5 @@
-import { WebAppNavigationType } from '../../WebAppNavigationType.js';
-import { AppSettingsStorageBase } from './StorageBase.js';
+import { WebAppNavigationType } from '../../WebAppNavigationType.ts';
+import { AppSettingsStorageBase } from './StorageBase.ts';
 export declare class AppSettingsStorage extends AppSettingsStorageBase {
     constructor(prefix?: string, defaults?: Record<string, unknown>);
     get darkMode(): boolean;

package/dist/neutral/contexts/AppSettings/index.d.cts

@@ -1,7 +1,7 @@
-export * from './Context.js';
-export * from './Provider.js';
-export * from './Slug.js';
-export * from './Storage.js';
-export * from './StorageBase.js';
-export * from './useAppSettings.js';
+export * from './Context.ts';
+export * from './Provider.tsx';
+export * from './Slug.ts';
+export * from './Storage.ts';
+export * from './StorageBase.ts';
+export * from './useAppSettings.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/contexts/AppSettings/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}

package/dist/neutral/contexts/AppSettings/index.d.mts

@@ -1,7 +1,7 @@
-export * from './Context.js';
-export * from './Provider.js';
-export * from './Slug.js';
-export * from './Storage.js';
-export * from './StorageBase.js';
-export * from './useAppSettings.js';
+export * from './Context.ts';
+export * from './Provider.tsx';
+export * from './Slug.ts';
+export * from './Storage.ts';
+export * from './StorageBase.ts';
+export * from './useAppSettings.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/contexts/AppSettings/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}

package/dist/neutral/contexts/AppSettings/index.d.ts

@@ -1,7 +1,7 @@
-export * from './Context.js';
-export * from './Provider.js';
-export * from './Slug.js';
-export * from './Storage.js';
-export * from './StorageBase.js';
-export * from './useAppSettings.js';
+export * from './Context.ts';
+export * from './Provider.tsx';
+export * from './Slug.ts';
+export * from './Storage.ts';
+export * from './StorageBase.ts';
+export * from './useAppSettings.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/contexts/AppSettings/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/AppSettings/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}

package/dist/neutral/contexts/AppSettings/useAppSettings.d.cts

@@ -1,2 +1,2 @@
-export declare const useAppSettings: () => import("./Context.js").AppSettingsContextProps;
+export declare const useAppSettings: () => import("./Context.ts").AppSettingsContextProps;
 //# sourceMappingURL=useAppSettings.d.ts.map

package/dist/neutral/contexts/AppSettings/useAppSettings.d.mts

@@ -1,2 +1,2 @@
-export declare const useAppSettings: () => import("./Context.js").AppSettingsContextProps;
+export declare const useAppSettings: () => import("./Context.ts").AppSettingsContextProps;
 //# sourceMappingURL=useAppSettings.d.ts.map

package/dist/neutral/contexts/AppSettings/useAppSettings.d.ts

@@ -1,2 +1,2 @@
-export declare const useAppSettings: () => import("./Context.js").AppSettingsContextProps;
+export declare const useAppSettings: () => import("./Context.ts").AppSettingsContextProps;
 //# sourceMappingURL=useAppSettings.d.ts.map

package/dist/neutral/contexts/index.d.cts

@@ -1,2 +1,2 @@
-export * from './AppSettings/index.js';
+export * from './AppSettings/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/contexts/index.d.mts

@@ -1,2 +1,2 @@
-export * from './AppSettings/index.js';
+export * from './AppSettings/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/contexts/index.d.ts

@@ -1,2 +1,2 @@
-export * from './AppSettings/index.js';
+export * from './AppSettings/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.cjs

@@ -1,8 +1,11 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -34,43 +45,47 @@ module.exports = __toCommonJS(src_exports);
 // src/components/DarkModeIconButton.tsx
 var import_icons_material = require("@mui/icons-material");
 var import_material = require("@mui/material");
+var import_react4 = __toESM(require("react"), 1);
 
 // src/contexts/AppSettings/Context.ts
 var import_react = require("react");
 
 // src/contexts/AppSettings/Slug.ts
-var AppSettingSlug = /* @__PURE__ */ ((AppSettingSlug2) => {
+var AppSettingSlug;
+(function(AppSettingSlug2) {
   AppSettingSlug2["DarkMode"] = "darkmode";
   AppSettingSlug2["Developer"] = "developer";
   AppSettingSlug2["NavigationType"] = "navigationType";
   AppSettingSlug2["NavigationCollapsed"] = "navigationCollapsed";
   AppSettingSlug2["SeedPhrase"] = "seedPhrase";
   AppSettingSlug2["MaxAccounts"] = "maxAccounts";
-  return AppSettingSlug2;
-})(AppSettingSlug || {});
+})(AppSettingSlug || (AppSettingSlug = {}));
 
 // src/contexts/AppSettings/appSettingDefault.ts
-var appSettingDefault = () => {
+var appSettingDefault = /* @__PURE__ */ __name(() => {
   return {
-    ["darkmode" /* DarkMode */]: false,
-    ["developer" /* Developer */]: false,
-    ["navigationType" /* NavigationType */]: "menu",
-    ["navigationCollapsed" /* NavigationCollapsed */]: false,
-    ["seedPhrase" /* SeedPhrase */]: "",
-    ["maxAccounts" /* MaxAccounts */]: 1
+    [AppSettingSlug.DarkMode]: false,
+    [AppSettingSlug.Developer]: false,
+    [AppSettingSlug.NavigationType]: "menu",
+    [AppSettingSlug.NavigationCollapsed]: false,
+    [AppSettingSlug.SeedPhrase]: "",
+    [AppSettingSlug.MaxAccounts]: 1
   };
-};
+}, "appSettingDefault");
 
 // src/contexts/AppSettings/Context.ts
 var AppSettingsContext = (0, import_react.createContext)(appSettingDefault());
 
 // src/contexts/AppSettings/Provider.tsx
-var import_react2 = require("react");
+var import_react2 = __toESM(require("react"), 1);
 
 // src/contexts/AppSettings/StorageBase.ts
 var import_assert = require("@xylabs/assert");
 var import_react_shared = require("@xyo-network/react-shared");
 var AppSettingsStorageBase = class {
+  static {
+    __name(this, "AppSettingsStorageBase");
+  }
   defaults;
   prefix;
   constructor(prefix = "AppSettings", defaults) {
@@ -145,128 +160,130 @@ var AppSettingsStorageBase = class {
 
 // src/contexts/AppSettings/Storage.ts
 var AppSettingsStorage = class extends AppSettingsStorageBase {
+  static {
+    __name(this, "AppSettingsStorage");
+  }
   constructor(prefix = "AppSettings", defaults) {
-    super(prefix, { ...appSettingDefault(), ...defaults });
+    super(prefix, {
+      ...appSettingDefault(),
+      ...defaults
+    });
   }
   get darkMode() {
-    return this.getBoolean("darkmode" /* DarkMode */);
+    return this.getBoolean(AppSettingSlug.DarkMode);
   }
   set darkMode(value) {
-    this.setBoolean("darkmode" /* DarkMode */, value);
+    this.setBoolean(AppSettingSlug.DarkMode, value);
   }
   get developerMode() {
-    return this.getBoolean("developer" /* Developer */);
+    return this.getBoolean(AppSettingSlug.Developer);
   }
   set developerMode(value) {
-    this.setBoolean("developer" /* Developer */, value);
+    this.setBoolean(AppSettingSlug.Developer, value);
   }
   get maxAccounts() {
-    return this.getNumber("maxAccounts" /* MaxAccounts */);
+    return this.getNumber(AppSettingSlug.MaxAccounts);
   }
   set maxAccounts(value) {
-    this.setNumber("maxAccounts" /* MaxAccounts */, value);
+    this.setNumber(AppSettingSlug.MaxAccounts, value);
   }
   get navigationCollapsed() {
-    return this.getBoolean("navigationCollapsed" /* NavigationCollapsed */);
+    return this.getBoolean(AppSettingSlug.NavigationCollapsed);
   }
   set navigationCollapsed(value) {
-    this.setBoolean("navigationCollapsed" /* NavigationCollapsed */, value);
+    this.setBoolean(AppSettingSlug.NavigationCollapsed, value);
   }
   get navigationType() {
-    return this.getString("navigationType" /* NavigationType */);
+    return this.getString(AppSettingSlug.NavigationType);
   }
   set navigationType(value) {
-    this.setString("navigationType" /* NavigationType */, value);
+    this.setString(AppSettingSlug.NavigationType, value);
   }
   get seedPhrase() {
-    return this.getString("seedPhrase" /* SeedPhrase */);
+    return this.getString(AppSettingSlug.SeedPhrase);
   }
   set seedPhrase(value) {
-    this.setString("seedPhrase" /* SeedPhrase */, value);
+    this.setString(AppSettingSlug.SeedPhrase, value);
   }
 };
 
 // src/contexts/AppSettings/Provider.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var AppSettingsProvider = ({
-  storage = new AppSettingsStorage(),
-  value,
-  children,
-  ...props
-}) => {
-  const [developerMode, setDeveloperMode] = (0, import_react2.useState)(storage.developerMode);
-  const [darkMode, setDarkMode] = (0, import_react2.useState)(storage.darkMode);
-  const [navigationType, setNavigationType] = (0, import_react2.useState)(storage.navigationType);
-  const [navigationCollapsed, setNavigationCollapsed] = (0, import_react2.useState)(storage.navigationCollapsed);
-  const [seedPhrase, setSeedPhrase] = (0, import_react2.useState)(storage.seedPhrase);
-  const [maxAccounts, setMaxAccounts] = (0, import_react2.useState)(storage.maxAccounts);
-  const enableDeveloperMode = (value2) => {
-    storage.developerMode = value2;
-    setDeveloperMode(storage.developerMode);
-  };
-  const enableDarkMode = (value2) => {
-    storage.darkMode = value2;
-    setDarkMode(storage.darkMode);
-  };
-  const changeNavigationType = (value2) => {
-    storage.navigationType = value2;
+var AppSettingsProvider = /* @__PURE__ */ __name(({ storage, value, children, ...props }) => {
+  const storageMemo = (0, import_react2.useMemo)(() => storage ?? new AppSettingsStorage(), [
+    storage
+  ]);
+  const [developerMode, setDeveloperMode] = (0, import_react2.useState)(storageMemo.developerMode);
+  const [darkMode, setDarkMode] = (0, import_react2.useState)(storageMemo.darkMode);
+  const [navigationType, setNavigationType] = (0, import_react2.useState)(storageMemo.navigationType);
+  const [navigationCollapsed, setNavigationCollapsed] = (0, import_react2.useState)(storageMemo.navigationCollapsed);
+  const [seedPhrase, setSeedPhrase] = (0, import_react2.useState)(storageMemo.seedPhrase);
+  const [maxAccounts, setMaxAccounts] = (0, import_react2.useState)(storageMemo.maxAccounts);
+  const enableDeveloperMode = /* @__PURE__ */ __name((value2) => {
+    storageMemo.developerMode = value2;
+    setDeveloperMode(storageMemo.developerMode);
+  }, "enableDeveloperMode");
+  const enableDarkMode = /* @__PURE__ */ __name((value2) => {
+    storageMemo.darkMode = value2;
+    setDarkMode(storageMemo.darkMode);
+  }, "enableDarkMode");
+  const changeNavigationType = /* @__PURE__ */ __name((value2) => {
+    storageMemo.navigationType = value2;
     setNavigationType(value2);
-  };
-  const changeNavigationCollapsed = (value2) => {
-    storage.navigationCollapsed = value2;
+  }, "changeNavigationType");
+  const changeNavigationCollapsed = /* @__PURE__ */ __name((value2) => {
+    storageMemo.navigationCollapsed = value2;
     setNavigationCollapsed(value2);
-  };
-  const changeSeedPhrase = (value2) => {
-    storage.seedPhrase = value2;
+  }, "changeNavigationCollapsed");
+  const changeSeedPhrase = /* @__PURE__ */ __name((value2) => {
+    storageMemo.seedPhrase = value2;
     setSeedPhrase(value2);
-  };
-  const changeMaxAccounts = (value2) => {
-    storage.maxAccounts = value2;
+  }, "changeSeedPhrase");
+  const changeMaxAccounts = /* @__PURE__ */ __name((value2) => {
+    storageMemo.maxAccounts = value2;
     setMaxAccounts(value2);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    AppSettingsContext.Provider,
-    {
-      value: {
-        changeMaxAccounts,
-        changeNavigationCollapsed,
-        changeNavigationType,
-        changeSeedPhrase,
-        darkMode,
-        developerMode,
-        enableDarkMode,
-        enableDeveloperMode,
-        maxAccounts,
-        navigationCollapsed,
-        navigationType,
-        seedPhrase,
-        ...value
-      },
-      ...props,
-      children
-    }
-  );
-};
+  }, "changeMaxAccounts");
+  return /* @__PURE__ */ import_react2.default.createElement(AppSettingsContext.Provider, {
+    // eslint-disable-next-line @eslint-react/no-unstable-context-value
+    value: {
+      changeMaxAccounts,
+      changeNavigationCollapsed,
+      changeNavigationType,
+      changeSeedPhrase,
+      darkMode,
+      developerMode,
+      enableDarkMode,
+      enableDeveloperMode,
+      maxAccounts,
+      navigationCollapsed,
+      navigationType,
+      seedPhrase,
+      ...value
+    },
+    ...props
+  }, children);
+}, "AppSettingsProvider");
 
 // src/contexts/AppSettings/useAppSettings.ts
 var import_react3 = require("react");
-var useAppSettings = () => {
+var useAppSettings = /* @__PURE__ */ __name(() => {
   return (0, import_react3.useContext)(AppSettingsContext);
-};
+}, "useAppSettings");
 
 // src/components/DarkModeIconButton.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var DarkModeIconButton = (props) => {
+var DarkModeIconButton = /* @__PURE__ */ __name((props) => {
   const { darkMode, enableDarkMode } = useAppSettings();
-  const handleDarkModeChange = () => {
+  const handleDarkModeChange = /* @__PURE__ */ __name(() => {
     enableDarkMode?.(!darkMode);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.IconButton, { onClick: handleDarkModeChange, ...props, children: darkMode ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.DarkModeRounded, {}) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.LightModeRounded, {}) });
-};
+  }, "handleDarkModeChange");
+  return /* @__PURE__ */ import_react4.default.createElement(import_material.IconButton, {
+    onClick: handleDarkModeChange,
+    ...props
+  }, darkMode ? /* @__PURE__ */ import_react4.default.createElement(import_icons_material.DarkModeRounded, null) : /* @__PURE__ */ import_react4.default.createElement(import_icons_material.LightModeRounded, null));
+}, "DarkModeIconButton");
 
 // src/components/Developer.tsx
-var Developer = ({ children = null }) => {
+var Developer = /* @__PURE__ */ __name(({ children = null }) => {
   const { developerMode } = useAppSettings();
   return developerMode ? children : null;
-};
+}, "Developer");
 //# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/DarkModeIconButton.tsx","../../src/contexts/AppSettings/Context.ts","../../src/contexts/AppSettings/Slug.ts","../../src/contexts/AppSettings/appSettingDefault.ts","../../src/contexts/AppSettings/Provider.tsx","../../src/contexts/AppSettings/StorageBase.ts","../../src/contexts/AppSettings/Storage.ts","../../src/contexts/AppSettings/useAppSettings.ts","../../src/components/Developer.tsx"],"sourcesContent":["export * from './components/index.js'\nexport * from './contexts/index.js'\nexport * from './WebAppNavigationType.js'\n","import { DarkModeRounded as DarkModeRoundedIcon, LightModeRounded as LightModeRoundedIcon } from '@mui/icons-material'\nimport { IconButton, IconButtonProps } from '@mui/material'\n\nimport { useAppSettings } from '../contexts/index.js'\n\nexport const DarkModeIconButton: React.FC<IconButtonProps> = (props) => {\n  const { darkMode, enableDarkMode } = useAppSettings()\n\n  const handleDarkModeChange = () => {\n    enableDarkMode?.(!darkMode)\n  }\n\n  return (\n    <IconButton onClick={handleDarkModeChange} {...props}>\n      {darkMode ?\n        <DarkModeRoundedIcon />\n      : <LightModeRoundedIcon />}\n    </IconButton>\n  )\n}\n","import { createContext } from 'react'\n\nimport { WebAppNavigationType } from '../../WebAppNavigationType.js'\nimport { appSettingDefault } from './appSettingDefault.js'\n\nexport interface AppSettingsContextProps {\n  changeMaxAccounts?: (value: number) => void\n  changeNavigationCollapsed?: (value: boolean) => void\n  changeNavigationType?: (value: WebAppNavigationType) => void\n  changeSeedPhrase?: (value: string) => void\n  darkMode?: boolean\n  developerMode?: boolean\n  enableDarkMode?: (value: boolean) => void\n  enableDeveloperMode?: (value: boolean) => void\n  maxAccounts?: number\n  navigationCollapsed?: boolean\n  navigationType?: WebAppNavigationType\n  seedPhrase?: string\n}\n\nexport const AppSettingsContext = createContext<AppSettingsContextProps>(appSettingDefault())\n","export enum AppSettingSlug {\n  DarkMode = 'darkmode',\n  Developer = 'developer',\n  NavigationType = 'navigationType',\n  NavigationCollapsed = 'navigationCollapsed',\n  SeedPhrase = 'seedPhrase',\n  MaxAccounts = 'maxAccounts',\n}\n","import { AppSettingSlug } from './Slug.js'\n\nexport const appSettingDefault = (): Record<string, unknown> => {\n  return {\n    [AppSettingSlug.DarkMode]: false,\n    [AppSettingSlug.Developer]: false,\n    [AppSettingSlug.NavigationType]: 'menu',\n    [AppSettingSlug.NavigationCollapsed]: false,\n    [AppSettingSlug.SeedPhrase]: '',\n    [AppSettingSlug.MaxAccounts]: 1,\n  }\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { ProviderProps, useState } from 'react'\n\nimport { WebAppNavigationType } from '../../WebAppNavigationType.js'\nimport { AppSettingsContext, AppSettingsContextProps } from './Context.js'\nimport { AppSettingsStorage } from './Storage.js'\n\nexport interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {\n  storage?: AppSettingsStorage\n}\n\nexport const AppSettingsProvider: React.FC<WithChildren<AppSettingsProviderProps>> = ({\n  storage = new AppSettingsStorage(),\n  value,\n  children,\n  ...props\n}) => {\n  const [developerMode, setDeveloperMode] = useState(storage.developerMode)\n  const [darkMode, setDarkMode] = useState(storage.darkMode)\n  const [navigationType, setNavigationType] = useState(storage.navigationType)\n  const [navigationCollapsed, setNavigationCollapsed] = useState(storage.navigationCollapsed)\n  const [seedPhrase, setSeedPhrase] = useState(storage.seedPhrase)\n  const [maxAccounts, setMaxAccounts] = useState(storage.maxAccounts)\n\n  const enableDeveloperMode = (value: boolean) => {\n    storage.developerMode = value\n    setDeveloperMode(storage.developerMode)\n  }\n\n  const enableDarkMode = (value: boolean) => {\n    storage.darkMode = value\n    setDarkMode(storage.darkMode)\n  }\n\n  const changeNavigationType = (value: WebAppNavigationType) => {\n    storage.navigationType = value\n    setNavigationType(value)\n  }\n\n  const changeNavigationCollapsed = (value: boolean) => {\n    storage.navigationCollapsed = value\n    setNavigationCollapsed(value)\n  }\n\n  const changeSeedPhrase = (value: string) => {\n    storage.seedPhrase = value\n    setSeedPhrase(value)\n  }\n\n  const changeMaxAccounts = (value: number) => {\n    storage.maxAccounts = value\n    setMaxAccounts(value)\n  }\n\n  return (\n    <AppSettingsContext.Provider\n      value={{\n        changeMaxAccounts,\n        changeNavigationCollapsed,\n        changeNavigationType,\n        changeSeedPhrase,\n        darkMode,\n        developerMode,\n        enableDarkMode,\n        enableDeveloperMode,\n        maxAccounts,\n        navigationCollapsed,\n        navigationType,\n        seedPhrase,\n\n        ...value,\n      }}\n      {...props}\n    >\n      {children}\n    </AppSettingsContext.Provider>\n  )\n}\n","import { assertEx } from '@xylabs/assert'\nimport { assertDefinedEx } from '@xyo-network/react-shared'\n\nexport class AppSettingsStorageBase {\n  private defaults: Record<string, unknown>\n  private prefix: string\n  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {\n    this.prefix = prefix\n    this.defaults = defaults ?? {}\n  }\n\n  getBoolean(name: string): boolean {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertEx(typeof this.defaults[name] === 'boolean', () => 'Default value is not boolean')\n      const defaultValue = this.defaults[name] as boolean\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue !== 'false'\n  }\n\n  getNumber(name: string): number {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertEx(typeof this.defaults[name] === 'number', () => 'Default value is not a number')\n      const defaultValue = this.defaults[name] as number\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return Number.parseFloat(storedValue)\n  }\n\n  getObject<T>(name: string): T {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    const parsedStoredValue = storedValue ? JSON.parse(storedValue) : null\n    if (!parsedStoredValue) {\n      assertEx(typeof this.defaults[name] === 'object', () => 'Default value is not object')\n      return assertEx(this.defaults[name] as T, () => `Missing Default for ${name}`)\n    }\n    return parsedStoredValue as T\n  }\n\n  getString(name: string) {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertDefinedEx(typeof this.defaults[name] === 'string', 'Default value is not string')\n      const defaultValue = this.defaults[name] as string\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue\n  }\n\n  getStringArray(name: string) {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)?.split(',')\n    if (!storedValue) {\n      assertDefinedEx(Array.isArray(this.defaults[name]), 'Default value is not array')\n      const defaultValue = this.defaults[name] as string[]\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue\n  }\n\n  setBoolean(name: string, value: boolean) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setNumber(name: string, value: number) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setObject<T>(name: string, value: T) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setString(name: string, value: string) {\n    localStorage.setItem(`${this.prefix}|${name}`, value)\n  }\n\n  setStringArray(name: string, value: string[]) {\n    localStorage.setItem(`${this.prefix}|${name}`, value.join(','))\n  }\n}\n","import { WebAppNavigationType } from '../../WebAppNavigationType.js'\nimport { appSettingDefault } from './appSettingDefault.js'\nimport { AppSettingSlug } from './Slug.js'\nimport { AppSettingsStorageBase } from './StorageBase.js'\n\nexport class AppSettingsStorage extends AppSettingsStorageBase {\n  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {\n    super(prefix, { ...appSettingDefault(), ...defaults })\n  }\n\n  get darkMode() {\n    return this.getBoolean(AppSettingSlug.DarkMode)\n  }\n\n  set darkMode(value: boolean) {\n    this.setBoolean(AppSettingSlug.DarkMode, value)\n  }\n\n  get developerMode() {\n    return this.getBoolean(AppSettingSlug.Developer)\n  }\n\n  set developerMode(value: boolean) {\n    this.setBoolean(AppSettingSlug.Developer, value)\n  }\n\n  get maxAccounts() {\n    return this.getNumber(AppSettingSlug.MaxAccounts)\n  }\n\n  set maxAccounts(value: number) {\n    this.setNumber(AppSettingSlug.MaxAccounts, value)\n  }\n\n  get navigationCollapsed() {\n    return this.getBoolean(AppSettingSlug.NavigationCollapsed)\n  }\n\n  set navigationCollapsed(value: boolean) {\n    this.setBoolean(AppSettingSlug.NavigationCollapsed, value)\n  }\n\n  get navigationType() {\n    return this.getString(AppSettingSlug.NavigationType) as WebAppNavigationType\n  }\n\n  set navigationType(value: WebAppNavigationType) {\n    this.setString(AppSettingSlug.NavigationType, value)\n  }\n\n  get seedPhrase() {\n    return this.getString(AppSettingSlug.SeedPhrase)\n  }\n\n  set seedPhrase(value: string) {\n    this.setString(AppSettingSlug.SeedPhrase, value)\n  }\n}\n","import { useContext } from 'react'\n\nimport { AppSettingsContext } from './Context.js'\n\nexport const useAppSettings = () => {\n  return useContext(AppSettingsContext)\n}\n","import { ReactElement } from 'react'\n\nimport { useAppSettings } from '../contexts/index.js'\n\nexport const Developer: React.FC<{ children: ReactElement }> = ({ children = null }) => {\n  const { developerMode } = useAppSettings()\n\n  return developerMode ? children : null\n}\n"],"mappings":"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","names":["AppSettingSlug","import_react","value","import_react","import_jsx_runtime","DarkModeRoundedIcon","LightModeRoundedIcon"]}
+{"version":3,"sources":["../../src/index.ts","../../src/components/DarkModeIconButton.tsx","../../src/contexts/AppSettings/Context.ts","../../src/contexts/AppSettings/Slug.ts","../../src/contexts/AppSettings/appSettingDefault.ts","../../src/contexts/AppSettings/Provider.tsx","../../src/contexts/AppSettings/StorageBase.ts","../../src/contexts/AppSettings/Storage.ts","../../src/contexts/AppSettings/useAppSettings.ts","../../src/components/Developer.tsx"],"sourcesContent":["export * from './components/index.ts'\nexport * from './contexts/index.ts'\nexport * from './WebAppNavigationType.ts'\n","import { DarkModeRounded as DarkModeRoundedIcon, LightModeRounded as LightModeRoundedIcon } from '@mui/icons-material'\nimport { IconButton, IconButtonProps } from '@mui/material'\nimport React from 'react'\n\nimport { useAppSettings } from '../contexts/index.ts'\n\nexport const DarkModeIconButton: React.FC<IconButtonProps> = (props) => {\n  const { darkMode, enableDarkMode } = useAppSettings()\n\n  const handleDarkModeChange = () => {\n    enableDarkMode?.(!darkMode)\n  }\n\n  return (\n    <IconButton onClick={handleDarkModeChange} {...props}>\n      {darkMode\n        ? <DarkModeRoundedIcon />\n        : <LightModeRoundedIcon />}\n    </IconButton>\n  )\n}\n","import { createContext } from 'react'\n\nimport { WebAppNavigationType } from '../../WebAppNavigationType.ts'\nimport { appSettingDefault } from './appSettingDefault.ts'\n\nexport interface AppSettingsContextProps {\n  changeMaxAccounts?: (value: number) => void\n  changeNavigationCollapsed?: (value: boolean) => void\n  changeNavigationType?: (value: WebAppNavigationType) => void\n  changeSeedPhrase?: (value: string) => void\n  darkMode?: boolean\n  developerMode?: boolean\n  enableDarkMode?: (value: boolean) => void\n  enableDeveloperMode?: (value: boolean) => void\n  maxAccounts?: number\n  navigationCollapsed?: boolean\n  navigationType?: WebAppNavigationType\n  seedPhrase?: string\n}\n\nexport const AppSettingsContext = createContext<AppSettingsContextProps>(appSettingDefault())\n","export enum AppSettingSlug {\n  DarkMode = 'darkmode',\n  Developer = 'developer',\n  NavigationType = 'navigationType',\n  NavigationCollapsed = 'navigationCollapsed',\n  SeedPhrase = 'seedPhrase',\n  MaxAccounts = 'maxAccounts',\n}\n","import { AppSettingSlug } from './Slug.ts'\n\nexport const appSettingDefault = (): Record<string, unknown> => {\n  return {\n    [AppSettingSlug.DarkMode]: false,\n    [AppSettingSlug.Developer]: false,\n    [AppSettingSlug.NavigationType]: 'menu',\n    [AppSettingSlug.NavigationCollapsed]: false,\n    [AppSettingSlug.SeedPhrase]: '',\n    [AppSettingSlug.MaxAccounts]: 1,\n  }\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport React, { ProviderProps, useMemo, useState } from 'react'\n\nimport { WebAppNavigationType } from '../../WebAppNavigationType.ts'\nimport { AppSettingsContext, AppSettingsContextProps } from './Context.ts'\nimport { AppSettingsStorage } from './Storage.ts'\n\nexport interface AppSettingsProviderProps<T extends AppSettingsContextProps = AppSettingsContextProps> extends ProviderProps<T> {\n  storage?: AppSettingsStorage\n}\n\nexport const AppSettingsProvider: React.FC<WithChildren<AppSettingsProviderProps>> = ({\n  storage,\n  value,\n  children,\n  ...props\n}) => {\n  const storageMemo = useMemo(() => storage ?? new AppSettingsStorage(), [storage])\n  const [developerMode, setDeveloperMode] = useState(storageMemo.developerMode)\n  const [darkMode, setDarkMode] = useState(storageMemo.darkMode)\n  const [navigationType, setNavigationType] = useState(storageMemo.navigationType)\n  const [navigationCollapsed, setNavigationCollapsed] = useState(storageMemo.navigationCollapsed)\n  const [seedPhrase, setSeedPhrase] = useState(storageMemo.seedPhrase)\n  const [maxAccounts, setMaxAccounts] = useState(storageMemo.maxAccounts)\n\n  const enableDeveloperMode = (value: boolean) => {\n    storageMemo.developerMode = value\n    setDeveloperMode(storageMemo.developerMode)\n  }\n\n  const enableDarkMode = (value: boolean) => {\n    storageMemo.darkMode = value\n    setDarkMode(storageMemo.darkMode)\n  }\n\n  const changeNavigationType = (value: WebAppNavigationType) => {\n    storageMemo.navigationType = value\n    setNavigationType(value)\n  }\n\n  const changeNavigationCollapsed = (value: boolean) => {\n    storageMemo.navigationCollapsed = value\n    setNavigationCollapsed(value)\n  }\n\n  const changeSeedPhrase = (value: string) => {\n    storageMemo.seedPhrase = value\n    setSeedPhrase(value)\n  }\n\n  const changeMaxAccounts = (value: number) => {\n    storageMemo.maxAccounts = value\n    setMaxAccounts(value)\n  }\n\n  return (\n    <AppSettingsContext.Provider\n      // eslint-disable-next-line @eslint-react/no-unstable-context-value\n      value={{\n        changeMaxAccounts,\n        changeNavigationCollapsed,\n        changeNavigationType,\n        changeSeedPhrase,\n        darkMode,\n        developerMode,\n        enableDarkMode,\n        enableDeveloperMode,\n        maxAccounts,\n        navigationCollapsed,\n        navigationType,\n        seedPhrase,\n\n        ...value,\n      }}\n      {...props}\n    >\n      {children}\n    </AppSettingsContext.Provider>\n  )\n}\n","import { assertEx } from '@xylabs/assert'\nimport { assertDefinedEx } from '@xyo-network/react-shared'\n\nexport class AppSettingsStorageBase {\n  private defaults: Record<string, unknown>\n  private prefix: string\n  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {\n    this.prefix = prefix\n    this.defaults = defaults ?? {}\n  }\n\n  getBoolean(name: string): boolean {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertEx(typeof this.defaults[name] === 'boolean', () => 'Default value is not boolean')\n      const defaultValue = this.defaults[name] as boolean\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue !== 'false'\n  }\n\n  getNumber(name: string): number {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertEx(typeof this.defaults[name] === 'number', () => 'Default value is not a number')\n      const defaultValue = this.defaults[name] as number\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return Number.parseFloat(storedValue)\n  }\n\n  getObject<T>(name: string): T {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    const parsedStoredValue = storedValue ? JSON.parse(storedValue) : null\n    if (!parsedStoredValue) {\n      assertEx(typeof this.defaults[name] === 'object', () => 'Default value is not object')\n      return assertEx(this.defaults[name] as T, () => `Missing Default for ${name}`)\n    }\n    return parsedStoredValue as T\n  }\n\n  getString(name: string) {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)\n    if (!storedValue) {\n      assertDefinedEx(typeof this.defaults[name] === 'string', 'Default value is not string')\n      const defaultValue = this.defaults[name] as string\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue\n  }\n\n  getStringArray(name: string) {\n    const storedValue = localStorage.getItem(`${this.prefix}|${name}`)?.split(',')\n    if (!storedValue) {\n      assertDefinedEx(Array.isArray(this.defaults[name]), 'Default value is not array')\n      const defaultValue = this.defaults[name] as string[]\n      assertEx(defaultValue !== undefined, () => `Missing Default for ${name}`)\n      return defaultValue\n    }\n    return storedValue\n  }\n\n  setBoolean(name: string, value: boolean) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setNumber(name: string, value: number) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setObject<T>(name: string, value: T) {\n    localStorage.setItem(`${this.prefix}|${name}`, JSON.stringify(value))\n  }\n\n  setString(name: string, value: string) {\n    localStorage.setItem(`${this.prefix}|${name}`, value)\n  }\n\n  setStringArray(name: string, value: string[]) {\n    localStorage.setItem(`${this.prefix}|${name}`, value.join(','))\n  }\n}\n","import { WebAppNavigationType } from '../../WebAppNavigationType.ts'\nimport { appSettingDefault } from './appSettingDefault.ts'\nimport { AppSettingSlug } from './Slug.ts'\nimport { AppSettingsStorageBase } from './StorageBase.ts'\n\nexport class AppSettingsStorage extends AppSettingsStorageBase {\n  constructor(prefix = 'AppSettings', defaults?: Record<string, unknown>) {\n    super(prefix, { ...appSettingDefault(), ...defaults })\n  }\n\n  get darkMode() {\n    return this.getBoolean(AppSettingSlug.DarkMode)\n  }\n\n  set darkMode(value: boolean) {\n    this.setBoolean(AppSettingSlug.DarkMode, value)\n  }\n\n  get developerMode() {\n    return this.getBoolean(AppSettingSlug.Developer)\n  }\n\n  set developerMode(value: boolean) {\n    this.setBoolean(AppSettingSlug.Developer, value)\n  }\n\n  get maxAccounts() {\n    return this.getNumber(AppSettingSlug.MaxAccounts)\n  }\n\n  set maxAccounts(value: number) {\n    this.setNumber(AppSettingSlug.MaxAccounts, value)\n  }\n\n  get navigationCollapsed() {\n    return this.getBoolean(AppSettingSlug.NavigationCollapsed)\n  }\n\n  set navigationCollapsed(value: boolean) {\n    this.setBoolean(AppSettingSlug.NavigationCollapsed, value)\n  }\n\n  get navigationType() {\n    return this.getString(AppSettingSlug.NavigationType) as WebAppNavigationType\n  }\n\n  set navigationType(value: WebAppNavigationType) {\n    this.setString(AppSettingSlug.NavigationType, value)\n  }\n\n  get seedPhrase() {\n    return this.getString(AppSettingSlug.SeedPhrase)\n  }\n\n  set seedPhrase(value: string) {\n    this.setString(AppSettingSlug.SeedPhrase, value)\n  }\n}\n","import { useContext } from 'react'\n\nimport { AppSettingsContext } from './Context.ts'\n\nexport const useAppSettings = () => {\n  return useContext(AppSettingsContext)\n}\n","import { ReactElement } from 'react'\n\nimport { useAppSettings } from '../contexts/index.ts'\n\nexport const Developer: React.FC<{ children: ReactElement }> = ({ children = null }) => {\n  const { developerMode } = useAppSettings()\n\n  return developerMode ? children : null\n}\n"],"mappings":"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","names":["import_react","AppSettingSlug","appSettingDefault","AppSettingSlug","DarkMode","Developer","NavigationType","NavigationCollapsed","SeedPhrase","MaxAccounts","AppSettingsContext","createContext","appSettingDefault","import_react","AppSettingsStorageBase","defaults","prefix","constructor","getBoolean","name","storedValue","localStorage","getItem","assertEx","defaultValue","undefined","getNumber","Number","parseFloat","getObject","parsedStoredValue","JSON","parse","getString","assertDefinedEx","getStringArray","split","Array","isArray","setBoolean","value","setItem","stringify","setNumber","setObject","setString","setStringArray","join","AppSettingsStorage","AppSettingsStorageBase","constructor","prefix","defaults","appSettingDefault","darkMode","getBoolean","AppSettingSlug","DarkMode","value","setBoolean","developerMode","Developer","maxAccounts","getNumber","MaxAccounts","setNumber","navigationCollapsed","NavigationCollapsed","navigationType","getString","NavigationType","setString","seedPhrase","SeedPhrase","AppSettingsProvider","storage","value","children","props","storageMemo","useMemo","AppSettingsStorage","developerMode","setDeveloperMode","useState","darkMode","setDarkMode","navigationType","setNavigationType","navigationCollapsed","setNavigationCollapsed","seedPhrase","setSeedPhrase","maxAccounts","setMaxAccounts","enableDeveloperMode","enableDarkMode","changeNavigationType","changeNavigationCollapsed","changeSeedPhrase","changeMaxAccounts","React","AppSettingsContext","Provider","import_react","useAppSettings","useContext","AppSettingsContext","DarkModeIconButton","props","darkMode","enableDarkMode","useAppSettings","handleDarkModeChange","React","IconButton","onClick","DarkModeRoundedIcon","LightModeRoundedIcon","Developer","children","developerMode","useAppSettings"]}

package/dist/neutral/index.d.cts

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './contexts/index.js';
-export * from './WebAppNavigationType.js';
+export * from './components/index.ts';
+export * from './contexts/index.ts';
+export * from './WebAppNavigationType.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.mts

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './contexts/index.js';
-export * from './WebAppNavigationType.js';
+export * from './components/index.ts';
+export * from './contexts/index.ts';
+export * from './WebAppNavigationType.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.ts

@@ -1,4 +1,4 @@
-export * from './components/index.js';
-export * from './contexts/index.js';
-export * from './WebAppNavigationType.js';
+export * from './components/index.ts';
+export * from './contexts/index.ts';
+export * from './WebAppNavigationType.ts';
 //# sourceMappingURL=index.d.ts.map