CHROME STORY

CHECK THE GITHUB REPO FOR THE FULL README ( made it with so much effort and love <3 )
Finished the readme and project is ready to ship!!!

fixed some minor typos and bugs related to toast and started writing the readme

completed the export as PDF functionality using jsPDF it was a bit tricky in starting cause I had to use the files instead of the cdn link cause of the CORS related issue but finnally got it working! yayayayay

Added the export to PDF/HTML functionality so now we can get a pdf style webpage! I am planning to work on to make it a pure pdf next

Added the export functionality!! right now added only the json format! the image url are hidden in the attachement cause they are base img hence very long but everything is stored :thumbsup: ---> next work on a pdf export

Added the toast to everywhere! added some funky comments cause why not :loll:
the attachments show a few comments and the number of toasts

Added the new toasts to display the msgs instead of the old alert function and console logs!! --> next step is to add toast to almost everything and add some styling

Added the delete card button and implemented its function! had some issue with shadow bugs but fixed it on the way :yay:

Added a manage button to handle hiding and showing the chapter list also added a style with the disabled functionality to the start and stop button

[PLEASE VIEW VIDEO FOR THE WORKING DEMO OF CHAPTER EDITOR]
So I continued working on the editor for the chapters to edit the title and delete the chapter! next step is to add a new button

Continued fixing the - The 'activeTab' permission is not in effect because this extension has not been in invoked. error! finally managed to get rid of it with stackoverflow
https://stackoverflow.com/questions/68200365/uncaught-in-promise-error-the-activetab-permission-is-not-in-effect-becaus

added new UI for the list of each chapter with buttons next step is to make these working! I used js to show all

Finally fixed the debounce issue with loading and loaded!! now everything works well!!

FINALLLYYY the auto capture mode is WORKING!!! it is such a pain in ass to deal with chrome extensions and background and shit :pf: now next task to solve the double image issue cause of loading and loaded site

continued working with the Capture mode! the background worker only sends msg and popup receive msg but the issue comes when popup is not opened which results in a new error so now i'll shift the capturing logic to background worker

Got the auto capture mode started working a bit! it's really glitchy right now cause of background worker scripts so I might create a new background.js to handle the update functions

Added the Chapters logic!! now we can save screenshots in different chapters! can create new chapters and it saves all data in the local storage

• fixed the url text issue to show only host name
• added better styling to img to show full img
• increased the overall popup size cause it was small lol

So continued working on adding more details and added a counter! added the time of visit also the issue that I am currently having is with the url text cause for google searches its too big so I might try something to get only the host name from it :D

the popup didn't gave me chance to work on draggable and extendable type of things so I switched to open a new window with responsive ness! but it is breaking the capture() function so I need to try something else now

fixed some minor bugs caused while taking screenshot and increased the size of the whole window!! --> next need to add more info and stuff

added save functionality to save the cards in the local storage! mongo db for this is a bit overkill so using this only

finally after so many errors and googling I got it working and capturing site data and photo :yay: next task is to save this data

Improved the UI! added some hover effect, curvers, shadow and found the console lol ( this was first time finding console)

added the onclick events on the start and stop button! also made the start button functinoal and able to add images and title!! need to work a bit more on styling

created a base frontend and design --> i'll try to keep a dark theme only! maybe add a light theme but that's for weak people I <3 dark :D

Finnally got tailwind a bit working need to fix a bit more but found this amazing banger guide to fix this
https://harrisonbroadbent.com/blog/tailwind-in-chrome-extension/

Started with the project! learned more about extensions and manifest.json and started working on it!! but the issue is right now tailwind is not working :sad: