Update dependencies and add browser extension structure

- Updated `@types/react` to version 19.2.14 in `package.json` and `pnpm-lock.yaml`.
- Updated `eslint` to version 10.0.3 and `vitest` to version 4.1.0.
- Added new `browser-extension` package with initial configuration, including `package.json`, `tsconfig.json`, and various scripts.
- Introduced new public files for the browser extension, including hooks and icons.
- Updated `pnpm-workspace.yaml` to remove the `devtools` package from the workspace configuration.

Author: JerryWu1234

e2e/qwik-react-e2e/package.json

@@ -3,10 +3,10 @@
   "description": "Qwik react test app",
   "devDependencies": {
     "@qwik.dev/react": "workspace:*",
-    "@types/react": "19.2.7",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "react": "19.2.3",
-    "react-dom": "19.2.3"
+    "react": "19.2.4",
+    "react-dom": "19.2.4"
   },
   "engines": {
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0"

package.json

@@ -125,7 +125,7 @@
     "@types/node": "24.10.0",
     "@types/path-browserify": "1.0.3",
     "@types/prompts": "2.4.9",
-    "@types/react": "19.2.7",
+    "@types/react": "19.2.14",
     "@types/semver": "7.7.1",
     "@types/tmp": "0.2.6",
     "@types/which-pm-runs": "1.0.2",
@@ -137,7 +137,7 @@
     "csstype": "3.2.3",
     "dotenv": "17.2.3",
     "esbuild": "0.27.2",
-    "eslint": "10.0.2",
+    "eslint": "10.0.3",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-no-only-tests": "3.3.0",
     "eslint-plugin-qwik": "workspace:*",
@@ -172,8 +172,8 @@
     "vite": "7.3.1",
     "vite-imagetools": "10.0.0",
     "vite-plugin-dts": "4.5.4",
-    "vite-tsconfig-paths": "6.0.4",
-    "vitest": "4.0.18",
+    "vite-tsconfig-paths": "6.1.1",
+    "vitest": "4.1.0",
     "watchlist": "0.3.1",
     "which-pm-runs": "1.1.0",
     "zod": "3.25.48"
@@ -189,13 +189,14 @@
   "scripts": {
     "api.update": "node --require ./scripts/runBefore.ts scripts/index.ts --tsc --api --dev",
     "build": "node --require ./scripts/runBefore.ts scripts/index.ts",
+    "build.browser-extension": "pnpm build.devtools && node --require ./scripts/runBefore.ts scripts/index.ts --browser-extension",
     "build.changelog-formatter": "tsc .changeset/changelog-github-custom.ts && mv .changeset/changelog-github-custom.js .changeset/changelog-github-custom.cjs",
     "build.clean": "node ./scripts/build-clean.ts",
     "build.cli": "node --require ./scripts/runBefore.ts scripts/index.ts --cli --dev",
     "build.cli.prod": "node --require ./scripts/runBefore.ts scripts/index.ts --cli",
     "build.core": "node --require ./scripts/runBefore.ts scripts/index.ts --tsc --qwik --optimizer --insights --qwikrouter --api --platform-binding",
     "build.core.dev": "node --require ./scripts/runBefore.ts scripts/index.ts --qwik --optimizer --insights --qwikrouter --platform-binding --dev",
-    "build.devtools": "node --require ./scripts/runBefore.ts scripts/index.ts --devtools",
+    "build.devtools": "node --require ./scripts/runBefore.ts scripts/index.ts --devtools --browser-extension",
     "build.eslint": "node --require ./scripts/runBefore.ts scripts/index.ts --eslint",
     "build.full": "node --require ./scripts/runBefore.ts scripts/index.ts --tsc --tsc-docs --qwik --optimizer --insights --supabaseauthhelpers --api --eslint --qwikrouter --qwikworker --qwikreact --cli --platform-binding --wasm",
     "build.local": "node --require ./scripts/runBefore.ts scripts/index.ts --tsc --tsc-docs --qwik --optimizer --insights --supabaseauthhelpers --api --eslint --qwikrouter --qwikworker --qwikreact --cli --platform-binding-wasm-copy",

…es/devtools/browser-extension/.gitignore packages/browser-extension/.gitignorepackages/devtools/browser-extension/.gitignore renamed to packages/browser-extension/.gitignore packages/devtools/browser-extension/.gitignore renamed to packages/browser-extension/.gitignore

@@ -14,7 +14,7 @@ declare module "wxt/browser" {
 
   export interface WxtI18n extends I18n.Static {
     /**
-     * The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even unlocalized extensions can use this message.
+     * The extension or app ID; you might use this string to construct URLs for resources inside the extension. Even non-localized extensions can use this message.
      * Note: You can't use this message in a manifest file.
      *
      * "<browser.runtime.id>"

…ols/browser-extension/.wxt/tsconfig.json …ges/browser-extension/.wxt/tsconfig.jsonpackages/devtools/browser-extension/.wxt/tsconfig.json renamed to packages/browser-extension/.wxt/tsconfig.json packages/devtools/browser-extension/.wxt/tsconfig.json renamed to packages/browser-extension/.wxt/tsconfig.json

@@ -2,7 +2,7 @@
 // Types for the #import virtual module
 declare module '#imports' {
   export { browser, Browser } from 'wxt/browser';
-  export { storage, StorageArea, WxtStorage, WxtStorageItem, StorageItemKey, StorageAreaChanges, MigrationError } from 'wxt/utils/storage';
+  export { storage, WxtStorage, WxtStorageItem, StorageArea, StorageItemKey, StorageAreaChanges, MigrationError } from 'wxt/utils/storage';
   export { getAppConfig, useAppConfig } from 'wxt/utils/app-config';
   export { ContentScriptContext, WxtWindowEventMap } from 'wxt/utils/content-script-context';
   export { createIframeUi, IframeContentScriptUi, IframeContentScriptUiOptions } from 'wxt/utils/content-script-ui/iframe';

…rowser-extension/.wxt/types/globals.d.ts …rowser-extension/.wxt/types/globals.d.tspackages/devtools/browser-extension/.wxt/types/globals.d.ts renamed to packages/browser-extension/.wxt/types/globals.d.ts packages/devtools/browser-extension/.wxt/types/globals.d.ts renamed to packages/browser-extension/.wxt/types/globals.d.ts

@@ -0,0 +1,6 @@
+// Generated by wxt
+/// <reference types="wxt/vite-builder-env" />
+import type {} from './types/paths.d.ts';
+import type {} from './types/i18n.d.ts';
+import type {} from './types/globals.d.ts';
+import type {} from './types/imports-module.d.ts';

…s/browser-extension/.wxt/types/i18n.d.ts …s/browser-extension/.wxt/types/i18n.d.tspackages/devtools/browser-extension/.wxt/types/i18n.d.ts renamed to packages/browser-extension/.wxt/types/i18n.d.ts packages/devtools/browser-extension/.wxt/types/i18n.d.ts renamed to packages/browser-extension/.wxt/types/i18n.d.ts

@@ -2,27 +2,27 @@
   "name": "@devtools/browser-extension",
   "description": "Qwik DevTools browser extension for Chrome and Firefox",
   "version": "0.1.0",
+  "dependencies": {
+    "@qwik.dev/devtools": "workspace:^",
+    "lit": "^3.3.2",
+    "wxt": "^0.20.20"
+  },
+  "devDependencies": {
+    "@types/chrome": "0.1.38",
+    "typescript": "5.9.3",
+    "vitest": "4.1.0"
+  },
   "private": true,
-  "type": "module",
   "scripts": {
-    "dev": "wxt",
-    "dev:firefox": "wxt --browser firefox",
     "build": "wxt build",
     "build:firefox": "wxt build --browser firefox",
-    "zip": "wxt zip",
-    "zip:firefox": "wxt zip --browser firefox",
+    "dev": "wxt",
+    "dev:firefox": "wxt --browser firefox",
+    "lint": "eslint src/",
     "test": "vitest run",
     "test:watch": "vitest",
-    "lint": "eslint src/"
-  },
-  "dependencies": {
-    "lit": "^3.3.2",
-    "wxt": "^0.20.20"
+    "zip": "wxt zip",
+    "zip:firefox": "wxt zip --browser firefox"
   },
-  "devDependencies": {
-    "@devtools/kit": "workspace:*",
-    "@types/chrome": "^0.1.38",
-    "typescript": "5.9.3",
-    "vitest": "^4.1.0"
-  }
+  "type": "module"
 }