Streaming monitor v3 (#16)

* Upgraded API to v51.0

* Bump dependencies

* Updated test script

* Updated test script

* Streaming monitor v2

* Updated readme

* Fixed resize event handler

* Fixed timezone offset

* Extended tooltip to show curent time

* Full test coverage for streamingUtility

* Bumped dependencies

* Updated screenshot

* Updated video

* Bump deps and skip jest version check

* Recommended AppExchange install for autoupdate

Author: pozil

.eslintignore

@@ -3,4 +3,5 @@
 **/lwc/**/*.json
 **/lwc/**/*.svg
 **/lwc/**/*.xml
+**/staticresources/**
 .sfdx

.github/workflows/ci-pr.yml

@@ -41,7 +41,7 @@ jobs:
 
             # LWC unit tests
             - name: 'LWC unit tests'
-              run: npm run test:unit:coverage
+              run: npm run test:coverage
 
     scratch-org-tests:
         runs-on: ubuntu-latest

.github/workflows/ci.yml

@@ -42,7 +42,7 @@ jobs:
 
             # LWC unit tests
             - name: 'LWC unit tests'
-              run: npm run test:unit:coverage
+              run: npm run test:coverage
 
             # Upload LWC code coverage data
             - name: 'Upload code coverage for LWC to Codecov.io'

.gitignore

@@ -4,6 +4,7 @@
 .localdevserver
 node_modules
 jsconfig.json
+coverage
 
 # Sample objects
 **/objects/

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1 @@
+npm run qualitygate

.prettierignore

@@ -1,4 +1,6 @@
 .localdevserver
 .sfdx
 .vscode
-**/jsconfig.json
+**/jsconfig.json
+**/staticresources
+coverage

README.md

@@ -4,23 +4,35 @@
 
 This Lightning App allows to monitor streaming events: PushTopic events, generic events, standard and custom platform events, Change Data Capture events, and monitoring events.
 
-[Presentation Video](https://youtu.be/T9HT-TTCz2s)
+📺  [Presentation Video](https://youtu.be/OTsePo1zMxE)
 
 Features:
 
 -   Subscribe to all streaming events (event types are automatically discovered)
 -   Subscribe to and unsubscribe from specific streaming events with a user-friendly UI
--   Publish an event (Generic events and platform events)
+-   Publish an event (generic events and platform events)
 -   Register an event source (instructions and shortcuts)
--   Analyze past event content with flexible replay options
+-   Analyze past event content with
+    -   timeline or table view
+    -   dynamic filters
+    -   flexible replay options
 
-The app leverages the [lighnting-emp-api](https://developer.salesforce.com/docs/component-library/bundle/lightning-emp-api/documentation) Lightning Web Component for streaming event subscriptions.
+The app leverages the [lighnting-emp-api](https://developer.salesforce.com/docs/component-library/bundle/lightning-emp-api/documentation) Lightning Web Component for streaming event subscriptions and [D3.js](https://d3js.org/) to draw a dymamic event timeline.
 
-<img src="gfx/event-monitor.png" alt="Streaming monitor screenshot"/>
+![Streaming monitor - Timeline screenshot](gfx/timeline.png)
+
+<br/>
+<details><summary><b> Click here for more screenshots 🖼</b></summary>
+    <br/>
+    <p><img src="gfx/table.png" alt="Streaming monitor - Timeline screenshot"/></p>
+    <p><img src="gfx/subscribe.png" alt="Streaming monitor - Timeline screenshot"/></p>
+    <p><img src="gfx/event-details.png" alt="Streaming monitor - Timeline screenshot"/></p>
+</details>
+<br/>
 
 ## Installation
 
-Get the Streaming Monitor from the [AppExchange](https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FYEEWUA5) or install it manually with the following procedure.
+Get the Streaming Monitor from the [AppExchange](https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3A00000FYEEWUA5) (recommended for automatic updates) or install it manually with the following procedure.
 
 1. Install the app by running this script: