docs: add npx2yarn component (#14512)

* initial

* initial

* update tests

* remove unused import

* allow passing with no tests

* vale fixes

www/packages/docs-utils/package.json

@@ -25,7 +25,8 @@
   "scripts": {
     "build": "yarn clean && tsc",
     "clean": "rimraf dist",
-    "watch": "tsc --watch"
+    "watch": "tsc --watch",
+    "test": "vitest --passWithNoTests"
   },
   "dependencies": {
     "@mdx-js/mdx": "^3.1.0",
@@ -44,7 +45,9 @@
     "rimraf": "^5.0.5",
     "tsconfig": "*",
     "types": "*",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^2.1.8"
   },
   "engines": {
     "node": ">=18.17.0"

www/packages/docs-utils/tsconfig.json

@@ -16,5 +16,8 @@
     "skipLibCheck": true,
     "resolveJsonModule": true
   },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": [
+    "**/__tests__"
+  ]
 }

www/packages/docs-utils/tsconfig.tests.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./tsconfig.json",
+  "include": [
+    "src/**/*",
+    "__tests__/**/*",
+    "__mocks__/**/*"
+  ],
+  "exclude": []
+}

www/packages/docs-utils/vitest.config.mts

@@ -0,0 +1,18 @@
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+import tsconfigPaths from 'vite-tsconfig-paths'
+import { resolve } from 'path'
+
+export default defineConfig({
+  plugins: [
+    tsconfigPaths({
+      configNames: ["tsconfig.tests.json"]
+    }), 
+    react()
+  ],
+  test: {
+    environment: 'jsdom',
+    setupFiles: [resolve(__dirname, '../../vitest.setup.ts')],
+  },
+})
+