package.json

{
  "name": "apg-patterns-examples",
  "type": "module",
  "version": "0.3.3",
  "private": false,
  "description": "Accessible UI components following WAI-ARIA APG patterns. Multi-framework implementations in React, Vue, Svelte, and Astro with documentation and tests.",
  "author": "masuP9",
  "license": "MIT",
  "homepage": "https://masup9.github.io/apg-patterns-examples/",
  "repository": {
    "type": "git",
    "url": "https://github.com/masuP9/apg-patterns-examples.git"
  },
  "bugs": {
    "url": "https://github.com/masuP9/apg-patterns-examples/issues"
  },
  "keywords": [
    "accessibility",
    "wai-aria",
    "apg",
    "aria",
    "wcag",
    "a11y",
    "react",
    "vue",
    "svelte",
    "astro",
    "ui-components",
    "design-system",
    "typescript",
    "tailwindcss"
  ],
  "scripts": {
    "dev": "astro dev",
    "build": "astro build",
    "generate:og": "node scripts/generate-og-image.mjs && npx tsx scripts/generate-pattern-og-images.ts && npx tsx scripts/generate-practice-og-images.ts && npx tsx scripts/generate-list-og-images.ts",
    "generate:llm-md": "tsx scripts/generate-llm-md.ts",
    "preview": "astro preview",
    "lint": "run-p lint:astro lint:types lint:eslint",
    "lint:astro": "astro check",
    "lint:types": "tsc --noEmit",
    "lint:eslint": "eslint .",
    "format": "run-p format:prettier format:mdx",
    "format:check": "run-p format:prettier:check format:mdx:check",
    "format:prettier": "prettier --write .",
    "format:prettier:check": "prettier --check .",
    "format:mdx": "mdx-formatter --write \"src/content/**/*.mdx\"",
    "format:mdx:check": "mdx-formatter --check \"src/content/**/*.mdx\"",
    "test": "npm run test:unit && npm run test:e2e",
    "test:unit": "vitest run && npm run test:astro",
    "test:react": "vitest run .test.tsx",
    "test:vue": "vitest run .test.vue.ts",
    "test:svelte": "vitest run .test.svelte.ts",
    "test:astro": "vitest run --config vitest.astro.config.ts",
    "test:e2e": "DEV_PORT=4321 start-server-and-test dev http-get://localhost:4321 test:e2e:parallel",
    "test:e2e:ci": "playwright test",
    "test:e2e:parallel": "DEV_PORT=4321 run-p test:e2e:react test:e2e:vue test:e2e:svelte test:e2e:astro",
    "test:e2e:react": "E2E_FRAMEWORK=react E2E_SKIP_SERVER=1 playwright test",
    "test:e2e:vue": "E2E_FRAMEWORK=vue E2E_SKIP_SERVER=1 playwright test",
    "test:e2e:svelte": "E2E_FRAMEWORK=svelte E2E_SKIP_SERVER=1 playwright test",
    "test:e2e:astro": "E2E_FRAMEWORK=astro E2E_SKIP_SERVER=1 playwright test",
    "test:e2e:all": "playwright test",
    "test:e2e:ui": "playwright test --ui",
    "test:e2e:pattern": "DEV_PORT=4321 start-server-and-test dev http-get://localhost:4321 \"playwright test e2e/${npm_config_pattern:?pattern is required}.spec.ts\"",
    "test:e2e:react:pattern": "E2E_FRAMEWORK=react E2E_SKIP_SERVER=1 playwright test e2e/${npm_config_pattern:?pattern is required}.spec.ts",
    "test:e2e:vue:pattern": "E2E_FRAMEWORK=vue E2E_SKIP_SERVER=1 playwright test e2e/${npm_config_pattern:?pattern is required}.spec.ts",
    "test:e2e:svelte:pattern": "E2E_FRAMEWORK=svelte E2E_SKIP_SERVER=1 playwright test e2e/${npm_config_pattern:?pattern is required}.spec.ts",
    "test:e2e:astro:pattern": "E2E_FRAMEWORK=astro E2E_SKIP_SERVER=1 playwright test e2e/${npm_config_pattern:?pattern is required}.spec.ts",
    "test:browser": "vitest run --config vitest.browser.config.ts",
    "test:watch": "vitest",
    "test:ui": "vitest --ui",
    "test:coverage": "vitest --coverage",
    "test:ci": "npm run test:unit",
    "validate:html": "html-validate 'dist/**/*.html'",
    "astro": "astro"
  },
  "engines": {
    "node": ">=22.12.0"
  },
  "dependencies": {
    "@astrojs/compiler-rs": "^0.1.4",
    "@astrojs/mdx": "^5.0.0",
    "@astrojs/react": "^5.0.0",
    "@astrojs/svelte": "^8.0.0",
    "@astrojs/vue": "^6.0.0",
    "@tailwindcss/vite": "^4.1.18",
    "@types/react": "^19.2.7",
    "@types/react-dom": "^19.2.3",
    "astro": "^6.0.4",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "lucide-react": "^0.577.0",
    "lucide-static": "^0.577.0",
    "lucide-svelte": "^0.577.0",
    "lucide-vue-next": "^0.577.0",
    "react": "^19.2.3",
    "react-dom": "^19.2.3",
    "shiki": "^4.0.1",
    "svelte": "^5.46.1",
    "tailwind-merge": "^3.4.0",
    "tailwindcss": "^4.1.18",
    "typescript": "^5.9.3",
    "vue": "^3.5.26"
  },
  "devDependencies": {
    "@astrojs/check": "^0.9.7",
    "@axe-core/playwright": "^4.11.0",
    "@eslint/js": "^9.39.2",
    "@fontsource/inter": "^5.2.8",
    "@playwright/test": "^1.57.0",
    "@resvg/resvg-js": "^2.6.2",
    "@sveltejs/vite-plugin-svelte": "^6.2.1",
    "@takazudo/mdx-formatter": "^0.4.2",
    "@testing-library/jest-dom": "^6.9.1",
    "@testing-library/react": "^16.3.1",
    "@testing-library/svelte": "^5.3.1",
    "@testing-library/user-event": "^14.6.1",
    "@testing-library/vue": "^8.1.0",
    "@types/jest-axe": "^3.5.9",
    "@types/jsdom": "^28.0.0",
    "@typescript-eslint/eslint-plugin": "^8.52.0",
    "@typescript-eslint/parser": "^8.52.0",
    "@vitejs/plugin-react": "^5.1.2",
    "@vitejs/plugin-vue": "^6.0.3",
    "@vitest/browser": "^4.1.0",
    "@vitest/browser-playwright": "^4.1.0",
    "@vitest/coverage-v8": "^4.1.0",
    "eslint": "^9.39.2",
    "eslint-plugin-astro": "^1.5.0",
    "eslint-plugin-jsx-a11y": "^6.10.2",
    "eslint-plugin-react": "^7.37.5",
    "eslint-plugin-react-hooks": "^7.0.1",
    "eslint-plugin-svelte": "^3.14.0",
    "eslint-plugin-vue": "^10.6.2",
    "globals": "^17.0.0",
    "html-validate": "^10.11.0",
    "jest-axe": "^10.0.0",
    "jsdom": "^28.1.0",
    "npm-run-all2": "^8.0.4",
    "playwright": "^1.57.0",
    "prettier": "^3.7.4",
    "prettier-plugin-astro": "^0.14.1",
    "prettier-plugin-svelte": "^3.4.1",
    "prettier-plugin-tailwindcss": "^0.7.2",
    "satori": "^0.25.0",
    "sharp": "^0.34.5",
    "start-server-and-test": "^2.1.3",
    "svelte-eslint-parser": "^1.4.1",
    "tsx": "^4.21.0",
    "tw-animate-css": "^1.4.0",
    "typescript-eslint": "^8.53.0",
    "vitest": "^4.1.0"
  }
}