chore: remove dead dependencies and update some

Author: snowystinger

.gitignore

@@ -1,7 +1,6 @@
 .DS_Store
 .cache
 .idea
-.nyc_output
 .package-lock.json
 .parcel-cache
 build-storybook.log

.nycrc

@@ -77,32 +77,6 @@ Or run the documentation and browse to [http://localhost:1234/](http://localhost
 yarn start:docs
 ```
 
-### Component/Hook scaffolding
-If you are looking to contribute a brand new component or Hook in a package that does not exist yet, please run the following command.
-```bash
-yarn plop
-```
-This will start a series of cli prompts to determine what template files and folders should be generated to help quick start your contribution.
-The prompts are as follows:
-
-1. What type of project are you setting up?
-    - Select "React Spectrum v3"
-
-2. Scope name(s)
-    - Select the package scopes that make sense for your contribution (e.g. react-spectrum if you are contributing a component, react-aria for an aria Hook, etc)
-
-3. Package name, all lowercase (e.g. textfield)
-
-4. Component name, please use appropriate uppercase (e.g. TextField)
-    - If you are contributing a non-component Hook, just enter the name of your Hook.
-
-5. Component css module name, blank if N/A. If unsure, check @adobe/spectrum-css-temp/components for a module containing the desired css (e.g. textfield)
-    - If you cannot find the component CSS module name in @adobe/spectrum-css-temp/components, feel free to reach out to a team member via GitHub Issues or Discussions.
-
-Upon answering all the prompts, the appropriate package(s) should be generated and ready for modification.
-
-**Note:** With regards to the generated docs files, please feel free to remove them if you won't be contributing docs. If you are contributing docs for a new component or Hook, please submit them in a separate pull request so that we can decide when to deploy them to our docs site.
-
 ### Tests
 We use [jest](https://jestjs.io/) for unit tests and [react-testing-library](https://testing-library.com/docs/react-testing-library/intro) for rendering and writing assertions. Please make sure you include tests with your pull requests. Our CI will run the tests on PRs as well as the linter and type checker. You can see on each PR whether you have passed all our checks. We split the tests into 2 groups.
 
@@ -154,7 +128,7 @@ yarn start:docs
 Then, open [http://localhost:1234](http://localhost:1234) in your browser.
 
 ### Verdaccio
-We use [Verdaccio](https://verdaccio.org/) to set up a private registry for our packages to test our components in our example apps. 
+We use [Verdaccio](https://verdaccio.org/) to set up a private registry for our packages to test our components in our example apps.
 
 To run verdaccio, first ensure that your `git status` is clean. If your computer has an Intel chip, add the line `shopt -s globstar extglob` in the `verdaccio.sh` file after line 21. Save and commit these changes under a clear message like "Do not push". If you have an Apple silicon chip, you may skip this step.
 

CONTRIBUTING.md

@@ -23,11 +23,6 @@
         ]
       ]
     },
-    "cover": {
-      "plugins": [
-        "istanbul"
-      ]
-    },
     "production": {
       "plugins": [
         [

babel-esm.config.json

@@ -22,11 +22,6 @@
         ]
       ]
     },
-    "cover": {
-      "plugins": [
-        "istanbul"
-      ]
-    },
     "production": {
       "plugins": [
         [

babel.config.json

@@ -44,7 +44,6 @@
     "build:icons": "babel-node --presets @babel/env ./scripts/buildIcons.js",
     "clean:icons": "babel-node --presets @babel/env ./scripts/cleanIcons.js",
     "postinstall": "patch-package && yarn build:icons",
-    "plop": "plop --plopfile scripts/plopfile.js",
     "chromatic": "NODE_ENV=production CHROMATIC=1 chromatic --project-token $CHROMATIC_PROJECT_TOKEN --build-script-name 'build:chromatic'",
     "chromatic:forced-colors": "NODE_ENV=production CHROMATIC=1 chromatic --project-token $CHROMATIC_FC_PROJECT_TOKEN --build-script-name 'build:chromatic-fc'",
     "merge:css": "babel-node --presets @babel/env ./scripts/merge-spectrum-css.js",
@@ -140,11 +139,9 @@
     "autoprefixer": "^9.6.0",
     "axe-core": "^4.6.3",
     "axe-playwright": "^1.1.11",
-    "babel-plugin-istanbul": "^6.0.0",
     "babel-plugin-macros": "^3.0.1",
     "babel-plugin-react-remove-properties": "^0.3.0",
     "babel-plugin-transform-glob-import": "^1.0.1",
-    "babelify": "^10.0.0",
     "chalk": "^4.1.2",
     "chromatic": "^13.1.3",
     "clsx": "^2.0.0",
@@ -166,8 +163,7 @@
     "fast-check": "^2.19.0",
     "fast-glob": "^3.1.0",
     "fs-extra": "^11.0.0",
-    "glob": "^8.0.3",
-    "glob-promise": "^6.0.5",
+    "glob": "^11.0.3",
     "globals": "^15.11.0",
     "identity-obj-proxy": "^3.0.0",
     "ignore-styles": "^5.0.1",
@@ -182,30 +178,25 @@
     "md5": "^2.2.1",
     "motion": "^12.23.6",
     "npm-cli-login": "^1.0.0",
-    "nyc": "^10.2.0",
-    "p-queue": "^6.2.1",
     "parcel": "^2.16.0",
     "parcel-optimizer-strict-mode": "workspace:^",
     "patch-package": "^6.2.0",
     "playwright": "^1.45.3",
-    "plop": "^2.4.0",
     "postcss": "^8.4.24",
     "postcss-custom-properties": "^13.2.0",
     "postcss-import": "^15.1.0",
     "prettier": "^3.6.2",
     "prop-types": "^15.6.0",
     "raf": "^3.4.0",
     "react": "^19.1.0",
-    "react-axe": "^3.0.2",
     "react-dom": "^19.1.0",
     "react-frame-component": "^5.0.0",
     "react-test-renderer": "^19.1.0",
     "recast": "^0.23",
     "recursive-readdir": "^2.2.2",
     "regenerator-runtime": "0.13.3",
-    "rimraf": "^2.6.3",
+    "rimraf": "^6.0.1",
     "sharp": "^0.33.5",
-    "sinon": "^7.3.1",
     "storybook": "^8.6.14",
     "storybook-dark-mode": "^4.0.2",
     "storybook-react-parcel": "workspace:^",
@@ -218,8 +209,7 @@
     "verdaccio": "^6.0.0",
     "walk-object": "^4.0.0",
     "wsrun": "^5.0.0",
-    "xml": "^1.0.1",
-    "yargs": "^17.2.1"
+    "xml": "^1.0.1"
   },
   "resolutions": {
     "@babel/cli": "7.24.1",
@@ -230,7 +220,7 @@
     "@babel/traverse": "7.24.1",
     "@babel/types": "7.24.0",
     "@mdx-js/react": "2.0.0-rc.2",
-    "postcss": "8.4.24",
+    "postcss": "8.4.31",
     "postcss-custom-properties": "13.2.0",
     "postcss-import": "15.1.0",
     "react-refresh": "0.9.0",

package.json

@@ -347,15 +347,15 @@ To configure Remix to load React Spectrum styles, CSS Side-Effect Imports is req
 However, to make it work with SSR, a small amount of configuration is required. Add the following to your `vite.config.js` or `vite.config.ts` file. This will ensure that React Spectrum’s CSS can be built properly.
 
 ```tsx
-import glob from 'glob';
+import {globSync} from 'glob';
 
 export default defineConfig({
   ssr: {
     noExternal: [
       '@adobe/react-spectrum',
       '@react-spectrum/*',
       '@spectrum-icons/*',
-    ].flatMap((spec) => glob.sync(`${spec}`, { cwd: 'node_modules/' })),
+    ].flatMap((spec) => globSync(`${spec}`, { cwd: 'node_modules/' })),
   }
 });
 ```

packages/dev/docs/pages/react-spectrum/ssr.mdx

@@ -25,7 +25,7 @@
     "@react-spectrum/parcel-namer-s2": "^0.3.1",
     "@react-spectrum/parcel-transformer-s2-icon": "^0.3.1",
     "@swc/helpers": "^0.5.0",
-    "glob": "^8.0.3"
+    "glob": "^11.0.3"
   },
   "peerDependencies": {
     "@react-spectrum/s2": ">=0.8.0",

packages/dev/s2-icon-builder/package.json

@@ -16,14 +16,24 @@ const packageJSON = require('../package.json');
 const path = require('path');
 const glob = require('fast-glob');
 const spawn = require('cross-spawn');
-let yargs = require('yargs');
+const {parseArgs} = require('util');
 
 
-let argv = yargs
-  .option('verbose', {alias: 'v', type: 'boolean'})
-  .option('output', {alias: 'o', type: 'string'})
-  .option('githash', {type: 'string'})
-  .argv;
+const args = parseArgs({
+  options: {
+    verbose: {
+      short: 'v',
+      type: 'boolean'
+    },
+    output: {
+      short: 'o',
+      type: 'string'
+    },
+    githash: {
+      type: 'string'
+    }
+  }
+});
 
 build().catch(err => {
   console.error(err.stack);
@@ -38,15 +48,15 @@ build().catch(err => {
 async function build() {
   let backupDir = tempy.directory();
   let archiveDir;
-  if (argv.githash) {
+  if (args.values.githash) {
     archiveDir = tempy.directory();
-    console.log('checking out archive of', argv.githash, 'into', archiveDir);
-    await run('sh', ['-c', `git archive ${argv.githash} | tar -x -C ${archiveDir}`], {stdio: 'inherit'});
+    console.log('checking out archive of', args.values.githash, 'into', archiveDir);
+    await run('sh', ['-c', `git archive ${args.values.githash} | tar -x -C ${archiveDir}`], {stdio: 'inherit'});
 
     await run('sh', ['-c', `git archive HEAD | tar -x -C ${backupDir}`], {stdio: 'inherit'});
   }
   let srcDir = archiveDir ?? path.join(__dirname, '..');
-  let distDir = path.join(__dirname, '..', 'dist', argv.output ?? 'branch-api');
+  let distDir = path.join(__dirname, '..', 'dist', args.values.output ?? 'branch-api');
   // if we already have a directory with a built dist, remove it so we can write cleanly into it at the end
   fs.removeSync(distDir);
   // Create a temp directory to build the site in

scripts/buildBranchAPI.js

@@ -16,13 +16,21 @@ const packageJSON = require('../package.json');
 const path = require('path');
 const glob = require('fast-glob');
 const spawn = require('cross-spawn');
-let yargs = require('yargs');
+const {parseArgs} = require('util');
 
 
-let argv = yargs
-  .option('verbose', {alias: 'v', type: 'boolean'})
-  .option('output', {alias: 'o', type: 'string'})
-  .argv;
+const args = parseArgs({
+  options: {
+    verbose: {
+      short: 'v',
+      type: 'boolean'
+    },
+    output: {
+      short: 'o',
+      type: 'string'
+    }
+  }
+});
 
 build().catch(err => {
   console.error(err.stack);
@@ -35,7 +43,7 @@ build().catch(err => {
  * This is run against a downloaded copy of the last published version of each package into a temporary directory and build there
  */
 async function build() {
-  let distDir = argv.output ?? path.join(__dirname, '..', 'dist', argv.output ?? 'base-api');
+  let distDir = args.values.output ?? path.join(__dirname, '..', 'dist', args.values.output ?? 'base-api');
   // if we already have a directory with a built dist, remove it so we can write cleanly into it at the end
   fs.removeSync(distDir);
   // Create a temp directory to build the site in
@@ -153,6 +161,7 @@ async function build() {
   fs.writeFileSync(path.join(dir, 'package.json'), JSON.stringify(pkg, false, 2));
   fs.copySync(path.join(__dirname, '..', '.yarn'), path.join(dir, '.yarn'));
   fs.copySync(path.join(__dirname, '..', '.yarnrc.yml'), path.join(dir, '.yarnrc.yml'));
+  fs.copySync(path.join(__dirname, '..', 'yarn.lock'), path.join(dir, 'yarn.lock'));
   fs.copySync(path.join(__dirname, '..', 'packages', '@adobe', 'spectrum-css-builder-temp'), path.join(dir, 'packages', '@adobe', 'spectrum-css-builder-temp'));
 
   // Install dependencies from npm
@@ -229,7 +238,7 @@ function run(cmd, args, opts) {
   return new Promise((resolve, reject) => {
     let child = spawn(cmd, args, opts);
     let result = '';
-    child.stdout?.on('data', function(data) {
+    child.stdout?.on('data', function (data) {
       result += data.toString();
     });
     child.on('error', reject);