karna98 / save-tabs Goto Github PK

Add Guide links in the Extension navbar for helping the user to understand "How to use ?".

1. Simple Static Website
2. Links to Extension on the different chrome/addon store published.
3. Guides.

• Fix Screenshot broken links
• Optimize images

Before releasing the first version of the extension, UI needs to be revamped.

• Material UI.
• Stand out CTA buttons.
• Add Navbar(#3) and Footer(#4)
• Toggle button instead of checkbox for enable/disable logs option. (#17 )
• Improve logs message UI to make it more easier to interpret.

1. Adding a toggle button to Logs Section.
2. Based on the toggle button state display logs.
3. Store toggle button state in local storage variable to keep it in sync across multiple windows of the browser.

Displays

1. Extension version number (Shifted to navbar)
2. Developed by.

It would be nice to have tests for this repo

Currently, the logs message are populated by setting innerHTML of <div> which leads to security issues or fairly serious performance degradation.

Solution: To replace innerHTML with DOM node creation method.

Reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML#security_considerations

Some support for the Tree Style Tab Firefox plugin would be nice. I would expect grouped Chrome tabs to be easily mappable to one layer of a tree structure, and the other way around, at least the top level roots from tree style tabs can be exported as tab groups to Chrome.

The current version number of the extension should be displayed.

The current position for displaying the version number is set next to the "Save Tabs" title in the navbar.

Format: (as of now)
ver. X.X.X

Convert the current checkbox to the toggle button.

This PR will only address the conversion to the toggle button.

The Colour scheme will be addressed later when dealing with different sections (Export, Import, Logs) UI.

Current Approach

Any error or success log is parsed into a string and stored in local storage.
In the Logs Section of extension, the string stored in local storage is fetched and displayed as it is.

New Approach

To store metadata of success or error log rather than the final parsed string.

I have tabs grouped into different sections, would love to have that feature supported

Nav Bar Contents:

1. Report an Issue or Suggestions
2. Link to Save-Tabs Github Repository._

Yesterday the Chrome Web Store link was working fine. Unfortunately this morning, I tried the link on the desktop & it returns a 404 error. This issue seems to only apply to the chrome link, and the firefox is unaffected.

As a user I am not very experienced with javascript and would like this extension to be either released on the chrome store or I would like a bash script that automates the instructions in the readme

Possible Solutions
a) Release to chrome store ( https://developer.chrome.com/docs/webstore/publish/ )
b) Bash script to run the steps in readme

Possible Solution

Set sections height similar to chrome.

Screenshot