Add simple dialog #353

	name: Build and Test

	on:
	push:
	branches: '*'
	tags:
	- '*'

	pull_request:
	branches: [master]

	jobs:
	test:
	runs-on: ubuntu-latest
	strategy:
	matrix:
	node: ['18', '20']
	name: Node ${{ matrix.node }}
	steps:
	- name: Checkout
	uses: actions/checkout@v4
	- name: Setup node
	uses: actions/setup-node@v4
	with:
	node-version: ${{ matrix.node }}
	- name: Install dependencies
	run: npm ci
	- name: Lint
	run: npm run lint
	- name: Check formatting with Prettier
	run: npm run format:check
	- name: Testing
	run: npm test
	sonar:
	name: Sonar Testing
	needs: [test]
	runs-on: ubuntu-latest
	steps:
	- name: Checkout
	uses: actions/checkout@v4
	- name: Setup node
	uses: actions/setup-node@v4
	with:
	node-version: 20
	- name: Install dependencies
	run: npm ci
	- name: Testing
	run: npm test
	- uses: SonarSource/sonarcloud-github-action@master
	env:
	GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
	SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
	- name: Wait sonar to process report
	uses: jakejarvis/wait-action@master
	with:
	time: '30s'
	- name: SonarQube Quality Gate check
	uses: sonarsource/sonarqube-quality-gate-action@master
	timeout-minutes: 5
	env:
	SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}
	chromatic:
	name: Publish to Chromatic
	needs: [sonar]
	runs-on: ubuntu-latest
	steps:
	- name: Checkout code
	uses: actions/checkout@v4
	with:
	fetch-depth: 0
	- name: Install dependencies
	run: npm ci
	- name: Publish to Chromatic
	uses: chromaui/action@latest
	with:
	projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

Provide feedback