Merge remote-tracking branch 'origin/a11y' into a11y

# Conflicts:
#	packages/devtools-a11y/vite.config.ts

Author: LadyBluenotes

examples/react/a11y-devtools/package.json

@@ -9,8 +9,8 @@
     "test:types": "tsc"
   },
   "dependencies": {
-    "@tanstack/devtools-a11y": "workspace:*",
-    "@tanstack/react-devtools": "workspace:*",
+    "@tanstack/devtools-a11y": "^0.0.1",
+    "@tanstack/react-devtools": "^0.9.3",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },

examples/react/basic/package.json

@@ -17,7 +17,6 @@
     "@tanstack/react-query-devtools": "^5.90.1",
     "@tanstack/react-router": "^1.132.0",
     "@tanstack/react-router-devtools": "^1.132.0",
-    "@tanstack/devtools-a11y": "workspace:*",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "zod": "^4.3.5"

examples/react/basic/src/setup.tsx

@@ -1,6 +1,5 @@
 import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools'
 import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
-import { createA11yDevtoolsReactPlugin } from '@tanstack/devtools-a11y/react'
 
 import {
   Link,
@@ -80,7 +79,7 @@ export default function DevtoolsExample() {
             name: 'Package.json',
             render: () => <PackageJsonPanel />,
           },
-          createA11yDevtoolsReactPlugin({ runOnMount: false })[0](),
+
           /* {
       name: "The actual app",
       render: <iframe style={{ width: '100%', height: '100%' }} src="http://localhost:3005" />,

examples/react/bundling-repro/.wrangler/deploy/config.json

@@ -1 +1 @@
-{ "configPath": "..\\..\\dist\\server\\wrangler.json", "auxiliaryWorkers": [] }
+{ "configPath": "../../dist/server/wrangler.json", "auxiliaryWorkers": [] }

knip.json

@@ -3,11 +3,24 @@
   "ignoreDependencies": ["@faker-js/faker"],
   "ignoreWorkspaces": ["examples/**"],
   "workspaces": {
+    "packages/devtools-a11y": {
+      "entry": [
+        "vite.config.react.ts",
+        "vite.config.solid.ts",
+        "src/core/production.ts",
+        "src/react/index.ts",
+        "src/react/production.ts",
+        "src/solid/index.ts",
+        "src/solid/production.ts"
+      ]
+    },
+
     "packages/devtools-utils": {
       "ignoreDependencies": ["react", "solid-js", "@types/react"],
       "entry": ["**/vite.config.solid.ts", "**/src/solid/**"],
       "project": ["**/vite.config.solid.ts", "**/src/solid/**"]
     },
+
     "packages/solid-devtools": {
       "ignore": ["**/core.tsx"]
     }

packages/devtools-a11y/eslint.config.js

@@ -0,0 +1,10 @@
+// @ts-check
+
+import rootConfig from '../../eslint.config.js'
+
+export default [
+  ...rootConfig,
+  {
+    rules: {},
+  },
+]

packages/devtools-a11y/package.json

@@ -23,38 +23,41 @@
     "audit"
   ],
   "type": "module",
-  "types": "dist/esm/index.d.ts",
-  "main": "dist/cjs/index.cjs",
-  "module": "dist/esm/index.js",
   "exports": {
-    ".": {
+    "./core": {
       "import": {
-        "types": "./dist/esm/index.d.ts",
-        "default": "./dist/esm/index.js"
-      },
-      "require": {
-        "types": "./dist/cjs/index.d.cts",
-        "default": "./dist/cjs/index.cjs"
+        "types": "./dist/core/esm/index.d.ts",
+        "default": "./dist/core/esm/index.js"
+      }
+    },
+    "./core/production": {
+      "import": {
+        "types": "./dist/core/esm/production.d.ts",
+        "default": "./dist/core/esm/production.js"
       }
     },
     "./react": {
       "import": {
-        "types": "./dist/esm/react/index.d.ts",
-        "default": "./dist/esm/react/index.js"
-      },
-      "require": {
-        "types": "./dist/cjs/react/index.d.cts",
-        "default": "./dist/cjs/react/index.cjs"
+        "types": "./dist/react/esm/index.d.ts",
+        "default": "./dist/react/esm/react/index.js"
+      }
+    },
+    "./react/production": {
+      "import": {
+        "types": "./dist/react/esm/production.d.ts",
+        "default": "./dist/react/esm/react/production.js"
       }
     },
     "./solid": {
       "import": {
-        "types": "./dist/esm/solid/index.d.ts",
-        "default": "./dist/esm/solid/index.js"
-      },
-      "require": {
-        "types": "./dist/cjs/solid/index.d.cts",
-        "default": "./dist/cjs/solid/index.cjs"
+        "types": "./dist/solid/esm/index.d.ts",
+        "default": "./dist/solid/esm/solid/index.js"
+      }
+    },
+    "./solid/production": {
+      "import": {
+        "types": "./dist/solid/esm/production.d.ts",
+        "default": "./dist/solid/esm/solid/production.js"
       }
     },
     "./package.json": "./package.json"
@@ -75,10 +78,9 @@
     "test:lib:dev": "pnpm test:lib --watch",
     "test:types": "tsc",
     "test:build": "publint --strict",
-    "build": "vite build"
+    "build": "vite build && vite build --config vite.config.react.ts && vite build --config vite.config.solid.ts"
   },
   "dependencies": {
-    "@tanstack/devtools-event-client": "workspace:*",
     "@tanstack/devtools-ui": "workspace:*",
     "@tanstack/devtools-utils": "workspace:^",
     "axe-core": "^4.10.0",

packages/devtools-a11y/src/core/components/index.tsx

@@ -1,3 +1,5 @@
+/** @jsxImportSource solid-js */
+
 import { AllyProvider } from '../contexts/allyContext'
 import { Shell } from './Shell'
 

packages/devtools-a11y/src/core/contexts/allyContext.tsx

@@ -1,3 +1,5 @@
+/** @jsxImportSource solid-js */
+
 import {
   createContext,
   createEffect,
@@ -6,7 +8,7 @@ import {
   useContext,
 } from 'solid-js'
 import { createStore } from 'solid-js/store'
-import { runAudit } from '../utils/ally-audit.utils'
+import { filterIssuesAboveThreshold, runAudit } from '../utils/ally-audit.utils'
 import { mergeConfig, saveConfig } from '../utils/config.utils'
 import { clearHighlights, highlightAllIssues } from '../utils/ui.utils'
 
@@ -43,6 +45,8 @@ function useAllyValue() {
     if (allyResult.state !== 'done' || !allyResult.audit?.issues) return []
     let results = allyResult.audit.issues
 
+    results = filterIssuesAboveThreshold(results, config.threshold)
+
     // removes excluded rules
     if (config.disabledRules.length > 0) {
       results = results.filter(

packages/devtools-a11y/src/core/core.tsx

@@ -1,3 +1,5 @@
+/** @jsxImportSource solid-js */
+
 import { lazy } from 'solid-js'
 import { constructCoreClass } from '@tanstack/devtools-utils/solid'