Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 58 additions & 0 deletions .github/workflows/deploy-demo.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
name: Deploy Demo

on:
push:
branches:
- main
workflow_dispatch:

concurrency:
group: pages
cancel-in-progress: true

permissions:
contents: read
pages: write
id-token: write

jobs:
build:
name: Build Demo
runs-on: ubuntu-latest

steps:
- name: Checkout
uses: actions/checkout@v4

- name: Setup Node.js
uses: actions/setup-node@v6
with:
node-version: 24
cache: npm

- name: Install dependencies
run: npm ci

- name: Build package
run: npm run build:scan

- name: Build demo
run: npm run build:demo -- --configuration production --base-href /angular-render-scan/

- name: Upload Pages artifact
uses: actions/upload-pages-artifact@v3
with:
path: dist/demo/browser

deploy:
name: Deploy to GitHub Pages
needs: build
runs-on: ubuntu-latest
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}

steps:
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v4
2 changes: 1 addition & 1 deletion .github/workflows/pr-validation.yml
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ jobs:
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: 20
node-version: 24
cache: "npm"

- name: Install dependencies
Expand Down
8 changes: 8 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ Angular Render Scan is a visual debugging overlay for Angular change detection.

![Angular Render Scan in Action](docs/assets/angular-render-scan-demo.gif)

[Live Demo](https://edisonaugusthy.github.io/angular-render-scan/)

## Features

- **Automatic Angular Telemetry:** Out-of-the-box zero-setup component auto-instrumentation using Angular dev-mode profiler hooks.
Expand Down Expand Up @@ -377,6 +379,12 @@ Use that option carefully. The scanner adds runtime instrumentation, DOM reads,

## Demo

Open the hosted demo:

```txt
https://edisonaugusthy.github.io/angular-render-scan/
```

Run the local demo:

```sh
Expand Down
Loading
Loading