build(docs/dev-deps): use JS-native fetch to get supporters data instead of external needle (#5643)

* build(docs/dev-deps): use JS-native `fetch` to get supporters data instead of external `needle`

Signed-off-by: hainenber <dotronghai96@gmail.com>

* chore: fix Prettier lint issue

Signed-off-by: hainenber <dotronghai96@gmail.com>

---------

Signed-off-by: hainenber <dotronghai96@gmail.com>

Author: hainenber

docs-next/package-lock.json

@@ -17,7 +17,6 @@
     "astro": "^5.16.6",
     "astro-og-canvas": "^0.7.2",
     "debug": "^4.4.3",
-    "needle": "^3.3.1",
     "sharp": "^0.34.5",
     "starlight-package-managers": "^0.11.1",
     "typescript": "^5.9.3",

docs-next/package.json

@@ -18,7 +18,6 @@
 const { writeFile, mkdir, rm } = require("node:fs").promises;
 const { resolve } = require("node:path");
 const debug = require("debug")("mocha:docs:data:supporters");
-const needle = require("needle");
 const blocklist = new Set(require("./blocklist.json"));
 
 /**
@@ -105,14 +104,15 @@ const fetchImage = process.env.MOCHA_DOCS_SKIP_IMAGE_DOWNLOAD
   : async (supporter) => {
       try {
         const { avatar: url } = supporter;
-        const { body: imageBuf, headers } = await needle("get", url, {
-          open_timeout: 30000,
+        const response = await fetch(url, {
+          signal: AbortSignal.timeout(30000),
         });
-        if (headers["content-type"].startsWith("text/html")) {
+        if (response.headers.get("content-type")?.startsWith("text/html")) {
           throw new TypeError(
             "received html and expected a png; outage likely",
           );
         }
+        const imageBuf = Buffer.from(await response.arrayBuffer());
         debug("fetched %s", url);
         const filePath = resolve(SUPPORTER_IMAGE_PATH, supporter.id + ".png");
         await writeFile(filePath, imageBuf);
@@ -139,13 +139,16 @@ const getAllOrders = async (slug = "mochajs") => {
 
   // Handling pagination if necessary (2 pages for ~1400 results in May 2019)
   while (true) {
-    const result = await needle(
-      "post",
-      API_ENDPOINT,
-      { query: SUPPORTER_QUERY, variables },
-      { json: true },
-    );
-    const orders = result.body.data.account.orders.nodes;
+    const response = await fetch(API_ENDPOINT, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        query: SUPPORTER_QUERY,
+        variables: variables,
+      }),
+    });
+    const result = await response.json();
+    const orders = result.data.account.orders.nodes;
     allOrders = [...allOrders, ...orders];
     variables.offset += GRAPHQL_PAGE_SIZE;
     if (orders.length < GRAPHQL_PAGE_SIZE) {

docs/_data/supporters.js

@@ -146,7 +146,6 @@
     "karma-mocha-reporter": "^2.2.5",
     "karma-sauce-launcher": "^4.3.6",
     "knip": "^5.61.3",
-    "needle": "^2.5.0",
     "npm-run-all2": "^6.2.0",
     "nyc": "^17.1.0",
     "prettier": "3.6.2",