OPHJOD-294: Add input field component #102

	name: Build and Publish Storybook to GitHub Pages

	on:
	workflow_dispatch:
	push:
	branches:
	- main
	pull_request:
	branches:
	- main

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

	jobs:
	build:
	name: Build
	runs-on: ubuntu-latest
	steps:
	- uses: actions/checkout@v4
	with:
	fetch-depth: 0 # Shallow clones should be disabled for a better relevancy of analysis

	- uses: actions/setup-node@v4
	with:
	node-version: lts/iron
	cache: npm

	- name: Install dependencies
	run: npm ci

	- name: Run ESLint
	run: npx eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0

	- name: Run Prettier
	run: npx prettier . --check

	- name: Run Vitest unit tests
	run: npx vitest --coverage.enabled true

	- name: Upload Vitest report
	uses: actions/upload-artifact@v4
	if: always()
	with:
	name: coverage
	path: coverage/
	retention-days: 30

	- name: Run build
	run: npm run storybook:build

	- name: Upload artifact
	uses: actions/upload-pages-artifact@v3
	with:
	path: storybook-static/

	- name: SonarCloud Scan
	uses: SonarSource/sonarcloud-github-action@v2
	env:
	GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # Needed to get PR information, if any
	SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}

	deploy:
	name: Deploy
	if: github.ref == 'refs/heads/main' \|\| github.event_name == 'workflow_dispatch'
	environment: development
	runs-on: ubuntu-latest
	needs:
	- build
	steps:
	- name: Deploy to GitHub Pages
	uses: actions/deploy-pages@v4
	with:
	token: ${{ github.token }}

Provide feedback