chore: add Lighthouse CI configuration and update dependencies

Author: deleonio

.github/workflows/ci.yml

@@ -79,6 +79,25 @@ jobs:
         with:
           name: report-${{ matrix.package }}
 
+  # lighthouse:
+  #   continue-on-error: true
+  #   runs-on: ubuntu-latest
+  #   steps:
+  #     - name: Checkout
+  #       uses: actions/checkout@v6
+  #       with:
+  #         persist-credentials: false
+  #     - uses: ./.github/actions/pnpm-setup
+  #     - name: Build dependencies
+  #       run: pnpm --filter @public-ui/sample-react^... build
+  #     - name: Lighthouse CI
+  #       run: pnpm --filter @public-ui/sample-react lighthouse
+  #     - uses: actions/upload-artifact@v4
+  #       if: always()
+  #       with:
+  #         name: lighthouse-report
+  #         path: packages/samples/react/.lighthouseci/
+
   check-results:
     runs-on: ubuntu-latest
     needs: [build-and-check, e2e-tests, visual-tests]

packages/icons/package.json

@@ -5,15 +5,15 @@
 	"devDependencies": {
 		"oslllo-svg-fixer": "6.0.1",
 		"rimraf": "6.1.3",
-		"serve": "14.2.6",
+		"http-server": "14.1.1",
 		"svgtofont": "6.5.1"
 	},
 	"scripts": {
 		"svg-fixer": "node node_modules/oslllo-svg-fixer/src/cli.js --source ./svg --destination ./svg-fixed",
 		"delete-unused": "rimraf ../components/assets/kolicons/react && rimraf ../components/assets/kolicons/vue && rimraf ../components/assets/kolicons/kolicons.symbol.svg && rimraf ../components/assets/kolicons/style.less && rimraf ../components/assets/kolicons/style.module.less && rimraf ../components/assets/kolicons/style.scss && rimraf ../components/assets/kolicons/style.styl",
 		"build": "pnpm svg-fixer && svgtofont --sources ./svg-fixed --output ../components/assets/kolicons && pnpm delete-unused",
 		"prebuild": "rimraf ../components/assets/kolicons && rimraf ./svg-fixed && mkdir svg-fixed",
-		"start": "serve"
+		"start": "http-server"
 	},
 	"svgtofont": {
 		"classNamePrefix": "kolicon",

packages/samples/react/.gitignore

@@ -25,6 +25,7 @@ Thumbs.db
 # Other
 /.husky/
 /.reports/
+/.lighthouseci/
 .env
 .eslintcache
 /dist/

packages/samples/react/.knip.json

@@ -2,6 +2,6 @@
 	"$schema": "https://unpkg.com/knip@5/schema.json",
 	"entry": ["src/react.main.tsx", "unocss.config.ts", "src/**/routes.ts"],
 	"ignore": ["src/scenarios/appointment-form/**"],
-	"ignoreDependencies": ["@public-ui/components", "@public-ui/react-hook-form-adapter", "@public-ui/react-v19", "@public-ui/themes", "uno.css"],
+	"ignoreDependencies": ["@public-ui/components", "@public-ui/react-hook-form-adapter", "@public-ui/react-v19", "@public-ui/themes", "http-server", "uno.css"],
 	"project": ["**/*.ts", "**/*.tsx"]
 }

packages/samples/react/.lighthouserc.js

@@ -0,0 +1,20 @@
+module.exports = {
+	ci: {
+		collect: {
+			startServerCommand: 'npx http-server ./dist -p 8085 --silent',
+			url: ['http://localhost:8085/'],
+			numberOfRuns: 1,
+		},
+		assert: {
+			assertions: {
+				'categories:accessibility': ['error', { minScore: 0.95 }],
+				'categories:performance': ['warn', { minScore: 0.7 }],
+				'total-byte-weight': ['error', { maxNumericValue: 500000 }],
+			},
+		},
+		upload: {
+			target: 'filesystem',
+			outputDir: '.lighthouseci',
+		},
+	},
+};

packages/samples/react/package.json

@@ -11,6 +11,7 @@
 		"build": "vite build",
 		"build:deps": "pnpm --filter @public-ui/sample-react^... build",
 		"format": "prettier --check src",
+		"lighthouse": "lhci autorun",
 		"lint": "pnpm lint:stylelint && pnpm lint:tsc",
 		"lint:eslint": "eslint src",
 		"lint:stylelint": "stylelint \"src/**/*.{css,scss}\"",
@@ -52,6 +53,7 @@
 	},
 	"devDependencies": {
 		"@eslint/js": "9.39.4",
+		"@lhci/cli": "0.15.1",
 		"@playwright/test": "1.58.2",
 		"@typescript-eslint/eslint-plugin": "8.57.2",
 		"@typescript-eslint/parser": "8.57.2",
@@ -60,6 +62,7 @@
 		"eslint-plugin-jsx-a11y": "6.10.2",
 		"eslint-plugin-react": "7.37.5",
 		"eslint-plugin-react-hooks": "7.0.1",
+		"http-server": "14.1.1",
 		"knip": "5.88.1",
 		"npm-run-all2": "8.0.4",
 		"prettier": "3.8.1",