richmondcroft / dyslens Goto Github PK

Description

User should be able to turn off all the settings using single button on the home screen. The button should only be visible when any one of the settings are turned on.

Screenshots

Collapsed state

Non collapsed

Steps to reproduced

1. Open the figma website
2. Enable the overlay
3. Move the overlay
4. The moving does not stop after the mouse up

Expected behaviour

The moving of the overlay should stop on mouse up

Context

This is the main menu for the user to interact with

Figma link

https://www.figma.com/file/kFLCb3QvJ9DHEq1N42Zmk4/Dyslens?node-id=0%3A1

Mock design

Context:
This is the menu that has default link color that needs to be removed

• Remove the coupling with font change logic
• Trigger event with selected color

Description

Currently the font and the text color changes do not persist over web page change.

Steps to replicate

1. Open a website
2. Apply font change
3. Go to another website in the same tab
4. The styles disappear

Expected behaviour

The styles should persist

https://developer.chrome.com/docs/extensions/mv3/architecture-overview/

Description:

Currently overlay settings are not enabled by default once extension is installed.

Steps to Replicate:

1. Open chrome extension go to overlay settings.
2. Settings are disabled by default, enable the button.
3. Select any color, the overlay with that color should appear in the website but it is not displayed.
4. Now refresh the current page, your overlay with chosen color will appear now.

Expected Behaviour:

The overlay settings should be enabled once extension is installed and by default the overlay should be visible to the user.

• Add style on hover for the group item
• Display enable toggle on the right side
• Comment out unused items
• Adjust style paddings

Context

Plasmo is much better way to manage the extension and it provides out of the box support for typescript
https://github.com/PlasmoHQ/plasmo

Add following documentation

• Development
  • Running Locally
  • CI/CD
• Releasing
• About

Steps to reproduce

1. Open the extension panel and enable the overlay
2. Disable the overlay
3. Enable the overlay
4. The overlay does not appear back

Expected Behaviour

The overlay should be displayed every time the option is enabled

https://support.google.com/chrome_webstore/answer/1050673?visit_id=638005166030009678-4260594911&p=cws_badges&rd=1#cws_badges&zippy=%2Cunderstand-chrome-web-store-badges

https://developer.chrome.com/docs/webstore/best_practices/

Actions

• Think about the feature
• Design architecture of the implementation
• Create tickets

Notes

• The feature is possible using dom api https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis

Reproduce Scenario

1. Install the plugin
2. Set text settings
3. Nothing happens
4. The page has to be refreshed in order to apply the settings

Settings

• Enable Button

  • The button should be boolean button similar to other tabs which allows user to enable/disable the TTS

• pitch

  • A float representing the pitch value. It can range between 0 (lowest) and 2 (highest), with 1 being the default pitch for the current platform or voice.

• rate

  • A float representing the rate value. It can range between 0.1 (lowest) and 10 (highest), with 1 being the default pitch

• voice

  • This should be set to one of the SpeechSynthesisVoice objects returned by SpeechSynthesis.getVoices().

• volume

  • A float that represents the volume value, between 0 (lowest) and 1 (highest.)

The objective of this ticket is to create a new radio button which looks like the iPhones toggle switch

Enabled

Disabled

Currently after installation the default settings are not not available, add default settings to all so that selection is not required