adobe / franklin-dashboard Goto Github PK

As a dashboard user, I want to be able to authenticate to the dashboard to view my websites data.
For that, I need to provide:

• my email address
• the domain I want to look at, or a wildcard in case I am entitled to look at several domains
• The authorization token to access the RUM data

Need a worker to be the middle layer between the dashboard and backend to pass in authentication items and tokens needed to authenticate with BQ. Tokens can be handled there.

Some reports we can build with the data we have right now:

• Benchmarking: Exceptional Experience Score (how do you compare against other sites{
• Troubleshooting: Top missing pages (404 checkpoint URLs)
• Troubleshooting: Top top JS error sources (error checkpoint sources targets)
• Vanity: Page views over time

Pick a content repository -- Sharepoint or Google Drive

Test if offloading stuff to Partytown actually leads to average speed gains in site performance.

Add support for rum-pageviews, sk-interactions, sk-daily-users, and other queries.
Add support for a date, url picker,
Support auto conversion of dates to interval , for queries that take intervals
Beautify charts
Fix grid layout
start select, list blocks

As a dashboard user, and for each domain I am entitled to, I want to be able to:

• See and browse the list of top pages
• Know how many pages are live for the selected domain
• Configure how many pages I want to see and browse (10 - 25 - 50 - 100)
• Configure a time period for the reporting (last 30 days, last 60 days, last 90 days, since ever)
• For each domain page, see the average CWV values (LCP, FID, CLS)
• For each domain page, see the trend to previous time period if applicable: improved CWV, similar CWV, degraded CWV

• Create a new Franklin project from boilerplate
• Create a dedicated Sharepoint folder
• Setup bot

In the top domain pages view (see #3 ), I want to be able to trigger a lab check (LHS test) and get the Lighthouse Score for Performance, Best Practices, Accessibility and SEO for any listed page.

As a dashboard user, I want to be able to:

• See and browse the list of top domains I am entitled to
• Configure how many domains I want to see and browse (10 - 25 - 50 - all)
• Configure a time period for the reporting (last 30 days, last 60 days, last 90 days, since ever)
• For each domain, see the average CWV values (LCP, FID, CLS) across all pages
• For each domain, see the distribution rate of green / orange / red CWV values across all pages
• For each domain, see the trend to previous time period if applicable: improved CWV, similar CWV, degraded CWV
• For each domain, click on the domain name to switch to the Domain Pages view (see #3 )

Proposals include:

• https://nivo.rocks/components/ (Dominique)
• https://chartjs.org/ (Lars, Amol)
• https://echarts.apache.org/ (Marquise)

As a dashboard user, I want to see the martech impact on a specific domain, or on a specific top page.
I want to see:

• The impact breakdown in terms of Martech (Adobe, 3rd party) and other 3rd party scripts added to the page
• Whether the performance is impacted, or the data is impacted (i.e. scripts delayed in delayed.js) or both

Potential source of inspiration: https://github.com/patrickhulce/third-party-web