lewismoten/schmuck-miser
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

2FA Settings #1

New issue
Open
opened 2021-12-12 06:31:15 +00:00 by lewismoten · 2 comments
lewismoten commented 2021-12-12 06:31:15 +00:00 (Migrated from github.com)
Copy link

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/
# General - [x] Localize all languages - [ ] Split off to own route and settings menu action - [ ] Separate into own npm package # Secret - [x] Add button to copy secret to clipboard # QR Code - [x] QR Code takes on @mui theme colors - [x] QR Code is too big to see on larger displays. Fix this... - [x] QR Code hidden when iPhone rotated. Display QR Code / OTP Token input side-by-side - [x] display logo on qr code - [x] customize site name sent via qr code - [x] customize user name sent via qr code - [x] 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 - [x] 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 - [x] show countdown timer for next otp code - [x] Timer getting squeezed when progress bar is small - [x] Move logic to redux saga # Performance - [x] Split into separate `2FA` slice so actions do not include "otp" in names - [x] chunk so secret generation and qr code not loaded unless needed # Integration - [x] Autocomplete for password managers - [x] 1Password not filling out generated code (works over https, not http on localhost) - [ ] Support/use WebOTP API https://wicg.github.io/web-otp/
lewismoten commented 2021-12-13 09:08:23 +00:00 (Migrated from github.com)
Copy link

Current progress.

Current progress. <img src="https://user-images.githubusercontent.com/1164698/145783302-38713ca2-4ef9-4d38-9d55-a9dabf48f852.png" width="300" />
lewismoten commented 2021-12-14 07:35:56 +00:00 (Migrated from github.com)
Copy link

Progress with reactive landscape view and copy button

Progress with reactive landscape view and copy button <img src="https://user-images.githubusercontent.com/1164698/145953141-a53e19f7-9847-4275-bf7f-4e1432da44a1.png" width="812">
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
master
feature/typescript
develop
2FA
v1.0.3
v1.0.2
v1.0.1
Labels
Clear labels   
bug
Something isn't working

  
documentation
Improvements or additions to documentation

  
duplicate
This issue or pull request already exists

  
enhancement
New feature or request

  
good first issue
Good for newcomers

  
help wanted
Extra attention is needed

  
invalid
This doesn't seem right

  
question
Further information is requested

  
wontfix
This will not be worked on

No labels
bug
documentation
duplicate
enhancement
good first issue
help wanted
invalid
question
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
lewismoten/schmuck-miser#1
No description provided.