aws-performance-insights-chrome-extension-svelte

Aws Performance Insights Chrome Extension Svelte

What is it ?

It does two simple things in AWS performance insights

  • turn off auto-refresh by default
  • allows you to set custom start/end time

Install deps

npm install

Run on local

npm run dev

Build

npm run build

Install from Chrome Store

https://chrome.google.com/webstore/detail/performance-insights-addo/pjddnibodmbiephkmmmlhjgmedmcidcl?hl=en-GB&authuser=0

Install from releases

Releases

Follow guide here https://webkul.com/blog/how-to-install-the-unpacked-extension-in-chrome/

TODOs

  • chrome extension PoC - able to load extension from public folder in Chrome
  • detect and replace url with modified start/end timestamps
  • user can select timezone or be detected
  • user can see last Timezone from saved storage
  • user can choose to turn off auto-refresh upon loaded performance insights page
  • icons (extension icons, favicon)
  • polish UI with tailwind
  • enable tailwind jit
  • user can select from recent start/end timestamps
  • datetime picker widget
  • button for copy result URL
  • svelte animate
  • cicd with github actions
  • publish to Chrome store
  • publish to Firefox store
  • publish to netlify/surge
  • blog post to share
  • unit tests

Top categories

Loading Svelte Themes