Skip to content

Add rank history storage and chart visualization#21

Open
Eshghialireza wants to merge 28 commits into
VahidNaderi:masterfrom
Eshghialireza:feature/rank-history-storage
Open

Add rank history storage and chart visualization#21
Eshghialireza wants to merge 28 commits into
VahidNaderi:masterfrom
Eshghialireza:feature/rank-history-storage

Conversation

@Eshghialireza

@Eshghialireza Eshghialireza commented May 14, 2025

Copy link
Copy Markdown

Summary

This PR introduces two major features:

  1. Rank history Storage - Whenever a user searches a keyword, the results are now stored locally.
  2. Chart View Page - A new UI page that displays rank history over using a line chart.

Details

  • Modified rank storage to track multiple keywords per hostname, each with its own rank history.
  • Added a chart view UI to visualize rank history. It can be accessed via a button in the popup, which becomes visible once at least one site has been added.

Why

This allows users to not only view the current rank, but also track how it changes over time.

@Eshghialireza
implement ranking storage logic
4104c13
@Eshghialireza
chart.js added
7166489
@Eshghialireza
Add button for chart tab (no action yet)
2532e28
@Eshghialireza
Add html tab for showing chart
e4e2871
@Eshghialireza
chart tab styles
a412d98
@Eshghialireza
Implement chart display logic
feacb55
@Eshghialireza
Configure Webpack for chart.html + chart.scsc & chart.ts
50ab328
@Eshghialireza
Remove related rank history when deleting a site
82a80f4
@Eshghialireza
Show alert when no rank data exists
b889049
@Eshghialireza
[update] show chart button moved to bottom-right for better style
adda4c8
@Eshghialireza
Restore previous version of getRank function. kept other recent changes
93e21a3
@Eshghialireza
Create http-helper.ts with httpGetAsync method
110f0b8
@Eshghialireza
Add getFullResaultItems method to serp-helper to fetch top 100 google…
8052610 
… results
@Eshghialireza
Add findRanks method to rank-storage-service to extract rank for storage
690f19f
@Eshghialireza
Add logic to content script to send update ranks for storage on page …
0d52be7 
…refresh
@Eshghialireza
Date foramat changed in sapmleData
5ccf2fb
@Eshghialireza
Removed chart display button and integrated separately for each site
c68877b
@Eshghialireza
Designed a separate chart button for each site on the right side
0636f97
@Eshghialireza
Implemented logic for showing the chart button only when a rank exists
69521bf
@Eshghialireza
Adjusted chart button font size and removed unnecessary .rank-contain…
d1fde80 
…er gap
@Eshghialireza
Deleted debug logs
512b3a7
VahidNaderi
VahidNaderi requested changes Jun 4, 2025
View reviewed changes

@VahidNaderi VahidNaderi left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for your contribution, it's a great work.
Please resolve the comments and make a new pull request.

Comment thread src/popup/popup.ts Outdated
Comment thread src/shared/services/rank-storage-service.ts Outdated
Comment thread src/shared/services/rank-storage-service.ts
Comment thread src/popup/popup.ts Outdated
Comment thread src/charts/chart.ts
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@VahidNaderi VahidNaderi VahidNaderi requested changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@Eshghialireza @VahidNaderi