JSPM

@polkadot/ui-settings

0.78.2-8
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 27250
  • Score
    100M100P100Q143379F
  • License Apache-2.0

Manages app settings

Package Exports

  • @polkadot/ui-settings
  • @polkadot/ui-settings/README.md
  • @polkadot/ui-settings/Settings
  • @polkadot/ui-settings/Settings.d.ts
  • @polkadot/ui-settings/defaults
  • @polkadot/ui-settings/defaults/chains
  • @polkadot/ui-settings/defaults/chains.d.ts
  • @polkadot/ui-settings/defaults/crypto
  • @polkadot/ui-settings/defaults/crypto.d.ts
  • @polkadot/ui-settings/defaults/endpoints
  • @polkadot/ui-settings/defaults/endpoints.d.ts
  • @polkadot/ui-settings/defaults/index.d.ts
  • @polkadot/ui-settings/defaults/ledger
  • @polkadot/ui-settings/defaults/ledger.d.ts
  • @polkadot/ui-settings/defaults/ss58
  • @polkadot/ui-settings/defaults/ss58.d.ts
  • @polkadot/ui-settings/defaults/type
  • @polkadot/ui-settings/defaults/type.d.ts
  • @polkadot/ui-settings/defaults/ui
  • @polkadot/ui-settings/defaults/ui.d.ts
  • @polkadot/ui-settings/index.d.ts
  • @polkadot/ui-settings/package.json
  • @polkadot/ui-settings/packageInfo
  • @polkadot/ui-settings/packageInfo.d.ts
  • @polkadot/ui-settings/types
  • @polkadot/ui-settings/types.d.ts

Readme

@polkadot/ui-settings

Manages app settings including endpoints, themes and prefixes

Usage Examples

User preferences are set as a settings object in the browser's local storage.

import settings from '@polkadot/ui-settings';

render () {
  // get api endpoint for the selected chain
  const WS_URL = settings.apiUrl();

  // get the selected il8n language
  const language = settings.il8nLang();

  // get all available il8n languages
  const languages = settings.availableLanguages();

  // update settings
  const updatedSettings = {
    ...settings,
    i18nLang: 'Arabic'
  }
  settings.set(updatedSettings);

  // NOTE: API currently does not handle hot reconnecting properly,
  so you need to manually reload the page after updating settings.
  window.location.reload();
}

Used by

Apps that currently use the settings package