chore(monorepo): remove fs-extra from website, admin scripts and root (AI-assisted)

__tests__/validate-package-json.test.ts

@@ -6,8 +6,8 @@
  */
 
 import {describe, expect, it} from 'vitest';
-import fs from 'fs-extra';
 import {glob} from '@docusaurus/glob';
+import {readJSON} from '@docusaurus/fs';
 
 type PackageJsonFile = {
   file: string;
@@ -30,9 +30,10 @@ async function getPackagesJsonFiles(): Promise<PackageJsonFile[]> {
   const files = await glob('packages/*/package.json');
   return Promise.all(
     files.map((file) =>
-      fs
-        .readJSON(file)
-        .then((content: PackageJsonFile['content']) => ({file, content})),
+      readJSON(file).then((content) => ({
+        file,
+        content: content as PackageJsonFile['content'],
+      })),
     ),
   );
 }

__tests__/validate-tsconfig.test.ts

@@ -6,9 +6,9 @@
  */
 
 import {describe, it} from 'vitest';
-import fs from 'fs-extra';
 import {glob} from '@docusaurus/glob';
 import {Joi} from '@docusaurus/utils-validation';
+import {readJSON} from '@docusaurus/fs';
 
 type TsconfigFile = {
   file: string;
@@ -24,9 +24,10 @@ async function getTsconfigFiles(): Promise<TsconfigFile[]> {
   const files = await glob('packages/*/tsconfig.*');
   return Promise.all(
     files.map((file) =>
-      fs
-        .readJSON(file)
-        .then((content: TsconfigFile['content']) => ({file, content})),
+      readJSON(file).then((content) => ({
+        file,
+        content: content as TsconfigFile['content'],
+      })),
     ),
   );
 }

admin/scripts/generateExamples.js

@@ -7,8 +7,9 @@
 
 // @ts-check
 
-import fs from 'fs-extra';
+import fs from 'node:fs/promises';
 import {execa} from 'execa';
+import {readJSON} from '@docusaurus/fs';
 
 /**
  * Generate one example per init template
@@ -49,7 +50,7 @@ async function generateTemplateExample(template) {
 
     const templatePackageJson =
       await /** @type {Promise<import("../../packages/create-docusaurus/templates/classic/package.json") & { scripts: { [name: string]: string }; description: string }>} */ (
-        fs.readJSON(`examples/${template}/package.json`)
+        readJSON(`examples/${template}/package.json`)
       );
 
     // Attach the dev script which would be used in code sandbox by default

admin/scripts/resizeImage.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import fs from 'fs-extra';
+import fs from 'node:fs/promises';
 import path from 'node:path';
 import {fileURLToPath} from 'node:url';
 import {program} from 'commander';

eslint.rules.ts

@@ -159,7 +159,7 @@
         // @   'ExportDefaultDeclaration > Identifier, ExportNamedDeclaration[source=null] > ExportSpecifier',
         //   message: 'Export in one statement'
         // },
-        ...['node:path', 'fs-extra', 'webpack', 'lodash'].map((m) => ({
+        ...['node:path', 'webpack', 'lodash'].map((m) => ({
           selector: `ImportDeclaration[importKind=value]:has(Literal[value="${m}"]) > ImportSpecifier[importKind=value]`,
           message:
             'Default-import this, both for readability and interoperability with ESM',
@@ -199,7 +199,7 @@
 
       'import/enforce-node-protocol-usage': [ERROR, 'always'],
       'import/extensions': OFF,
       // This rule doesn't yet support resolving .js imports when the actual file
       // is .ts. Plus it's not all that useful when our code is fully TS-covered.
       'import/no-unresolved': [
         OFF,
@@ -237,7 +237,6 @@
             {pattern: 'react', group: 'builtin', position: 'before'},
             {pattern: 'react-dom', group: 'builtin', position: 'before'},
             {pattern: 'react-dom/**', group: 'builtin', position: 'before'},
-            {pattern: 'fs-extra', group: 'builtin'},
             {pattern: 'lodash', group: 'external', position: 'before'},
             {pattern: 'clsx', group: 'external', position: 'before'},
             // 'Bit weird to not use the `import/internal-regex` option, but this

package.json

@@ -82,11 +82,11 @@
     "@docusaurus/plugin-content-blog": "workspace:*",
     "@docusaurus/plugin-content-docs": "workspace:*",
     "@docusaurus/plugin-content-pages": "workspace:*",
+    "@docusaurus/fs": "workspace:*",
     "@eslint/js": "^10.0.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
-    "@types/fs-extra": "^11.0.4",
     "@types/lodash": "^4.17.25",
     "@types/node": "^26.6.1",
     "@types/prompts": "^2.4.9",
@@ -108,7 +108,6 @@
     "eslint-plugin-react-you-might-not-need-an-effect": "^1.0.2",
     "eslint-plugin-regexp": "^3.3.0",
     "execa": "^10.0.1",
-    "fs-extra": "^11.4.0",
     "globals": "^17.12.0",
     "husky": "^9.1.7",
     "image-size": "^2.0.4",

website/_dogfooding/testSwizzleThemeClassic.mjs

@@ -6,7 +6,7 @@
  */
 
 import path from 'node:path';
-import fs from 'fs-extra';
+import fs from 'node:fs/promises';
 import {fileURLToPath} from 'node:url';
 import {logger} from '@docusaurus/logger';
 
@@ -51,7 +51,7 @@ console.log('Args', {
 });
 console.log('\n');
 
-await fs.remove(toPath);
+await fs.rm(toPath, {recursive: true, force: true});
 
 function filterComponentNames(componentNames) {
   // TODO temp workaround: non-comps should be forbidden to wrap

website/package.json

@@ -40,6 +40,7 @@
     "@crowdin/crowdin-api-client": "^1.57.0",
     "@docsearch/react": "^4.7.0",
     "@docusaurus/core": "workspace:*",
+    "@docusaurus/fs": "workspace:*",
     "@docusaurus/glob": "workspace:*",
     "@docusaurus/logger": "workspace:*",
     "@docusaurus/plugin-client-redirects": "workspace:*",
@@ -62,7 +63,6 @@
     "@docusaurus/utils-validation": "workspace:*",
     "clsx": "^2.1.1",
     "color": "^4.2.3",
-    "fs-extra": "^11.4.0",
     "netlify-plugin-cache": "^1.0.3",
     "prism-react-renderer": "^2.4.1",
     "raw-loader": "^4.0.2",

website/src/data/__tests__/user.test.ts

@@ -6,7 +6,7 @@
  */
 
 import {describe, expect, it} from 'vitest';
-import fs from 'fs-extra';
+import fs from 'node:fs';
 import path from 'node:path';
 import _ from 'lodash';
 import {imageSizeFromFile} from 'image-size/fromFile';

website/src/plugins/changelog/index.ts

@@ -6,7 +6,7 @@
  */
 
 import path from 'node:path';
-import fs from 'fs-extra';
+import fs from 'node:fs/promises';
 import pluginContentBlog from '@docusaurus/plugin-content-blog';
 import {aliasedSitePath, docuHash, normalizeUrl} from '@docusaurus/utils';
 import {safeGlob} from '@docusaurus/glob';

website/src/plugins/changelog/utils.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import fs from 'fs-extra';
 import path from 'node:path';
+import {outputFile} from '@docusaurus/fs';
 
 /**
  * Multiple versions may be published on the same day, causing the order to be
@@ -118,14 +118,14 @@ export async function createBlogFiles(
 ): Promise<void> {
   await Promise.all(
     changelogEntries.map((changelogEntry) =>
-      fs.outputFile(
+      outputFile(
         path.join(generateDir, `${changelogEntry.title}.md`),
         changelogEntry.content,
       ),
     ),
   );
 
-  await fs.outputFile(
+  await outputFile(
     path.join(generateDir, 'authors.json'),
     JSON.stringify(createAuthorsMap(changelogEntries), null, 2),
   );

website/testCSSOrder.mjs

@@ -7,7 +7,7 @@
 
 import path from 'node:path';
 import {fileURLToPath} from 'node:url';
-import fs from 'fs-extra';
+import fs from 'node:fs/promises';
 
 /*
 This verifies CSS ordering on the Docusaurus site itself,