• Option to encrypt/decrypt imported/exported data
• Encrypt 2FA secret

Change language to The Klingon Language. Look at drop-down of available languages. Since all languages are referred to as being from Earth, they are all the same name Te ra'. The language itself is being used as the key, which throws duplicate key warnings.

Warning: Encountered two children with the same key, Te ra'. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.

Change the key to be based on the language code instead (ie fr for Farsi)

General

• Localize all languages
• Split off to own route and settings menu action
• Separate into own npm package

Secret

• Add button to copy secret to clipboard

QR Code

• QR Code takes on @mui theme colors
• QR Code is too big to see on larger displays. Fix this...
  • QR Code hidden when iPhone rotated. Display QR Code / OTP Token input side-by-side
• display logo on qr code
• customize site name sent via qr code
• customize user name sent via qr code
• review memory caching packages for qr code image
• auto-cancel if taking too long to setup (5 min?)

Token

• split otp entry as six text boxes and focus as each one is entered
• clear token when it fails verification
• clear token when timer runs out
• prevent more than six digits
• reset otp token after 6th digit entered
• Add button to paste otp from clipboard
  • Detect if clipboard has token when browser activated again (task switching from authenticator)
  • detect pasting otp token

Timer

• show countdown timer for next otp code
• Timer getting squeezed when progress bar is small
• Move logic to redux saga

Performance

• Split into separate 2FA slice so actions do not include "otp" in names
• chunk so secret generation and qr code not loaded unless needed

Integration

• Autocomplete for password managers
  • 1Password not filling out generated code (works over https, not http on localhost)
• Support/use WebOTP API https://wicg.github.io/web-otp/

Deploy to my website using github actions when master branch is updated.

Currently hosted at https://regaldragondanceparty.com/schmuck-miser/

• Deploy master branch at /github/schmuck-miser/
• Deploy develop branch /github/schmuck-miser-dev/

See: https://www.linkedin.com/pulse/how-use-github-actions-build-ftp-deploy-your-site-elias-g%C3%BCnther/?trk=public_profile_article_view

locales/ChunkedBackend can be separated to use on other projects... doit.

• Setup webpack / babel to process typescript
• Convert all deployed files to typescript
• Resolve all compile errors (down to 90)
• Infer React PropTypes from interfaces in develop / run-time
• Setup IDE to support linting typescript files
  • Atom IDE Invalid URL: eslintrc.cjs
  • Review plugin:jsx-a11y/recommended
  • Review plugin:prettier/recommended
  • Review plugin:import/recommended
• Add typescript file to @lewismoten/emoji project
• Restore text alignment in SelectLanguage dropdown list.