refactor(lib): naming and formatting

Author: JH

lib/jest.config.ts

@@ -3,9 +3,9 @@ import type { Config } from "jest";
 const commonConfig: Config = {
   roots: ["<rootDir>/src"],
   transform: {
-    "^.+\\.tsx?$": "ts-jest"
+    "^.+\\.tsx?$": "ts-jest",
   },
-  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"]
+  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
 };
 
 const config: Config = {
@@ -14,15 +14,15 @@ const config: Config = {
       ...commonConfig,
       displayName: "server",
       testRegex: "/__tests__/server/.*\\.[jt]sx?$",
-      testEnvironment: "node"
+      testEnvironment: "node",
     },
     {
       ...commonConfig,
       displayName: "client",
       testRegex: "/__tests__/client/.*\\.[jt]sx?$",
-      testEnvironment: "jsdom"
-    }
-  ]
+      testEnvironment: "jsdom",
+    },
+  ],
 };
 
 export default config;

lib/src/__tests__/server/server.test.tsx

@@ -74,11 +74,11 @@ test("serveFragment with pipeStream option", async () => {
           },
           flush: (callback) => {
             callback(null, "<div>hi there</div>");
-          }
+          },
         });
         input.pipe(transformer);
         return transformer;
-      }
+      },
     })
   );
 

lib/src/server.tsx

@@ -1,20 +1,21 @@
 import type { Request, Response } from "express";
-import { createHmac, randomBytes } from "node:crypto";
-import type { Transform } from "node:stream";
-import { Readable } from "node:stream";
+import crypto from "crypto";
+import type { Transform } from "stream";
+import { Readable } from "stream";
 import type { ComponentType } from "react";
 import React from "react";
 import type { PipeableStream } from "react-dom/server";
 import { renderToPipeableStream } from "react-dom/server";
 
 export const path = process.env.REACT_ESI_PATH || "/_fragment";
-const secret = process.env.REACT_ESI_SECRET || randomBytes(64).toString("hex");
+const secret =
+  process.env.REACT_ESI_SECRET || crypto.randomBytes(64).toString("hex");
 
 /**
  * Signs the ESI URL with a secret key using the HMAC-SHA256 algorithm.
  */
 function sign(url: URL) {
-  const hmac = createHmac("sha256", secret);
+  const hmac = crypto.createHmac("sha256", secret);
   hmac.update(url.pathname + url.search);
   return hmac.digest("hex");
 }
@@ -53,11 +54,11 @@ interface IServeFragmentOptions {
   pipeStream?: (stream: PipeableStream) => InstanceType<typeof Transform>;
 }
 
-type resolver<
+type Resolver<
   TProps =
     | Record<string, unknown>
     | Promise<unknown>
-    | Promise<Record<string, unknown>>
+    | Promise<Record<string, unknown>>,
 > = (
   fragmentID: string,
   props: object,
@@ -72,7 +73,7 @@ type resolver<
 export async function serveFragment<TProps>(
   req: Request,
   res: Response,
-  resolve: resolver<TProps>,
+  resolve: Resolver<TProps>,
   options: IServeFragmentOptions = {}
 ) {
   const url = new URL(req.url, "http://example.com");
@@ -100,7 +101,7 @@ export async function serveFragment<TProps>(
       ? await Component.getInitialProps({
           props: baseChildProps,
           req,
-          res
+          res,
         })
       : baseChildProps;