refactor: code

Author: alexander-akait

README.md

@@ -492,9 +492,13 @@ const compiler = webpack({
   plugins: [
     {
       apply(compiler) {
-        const devMiddleware = middleware.plugin(compiler, {
-          /* webpack-dev-middleware options */
-        });
+        const devMiddleware = middleware(
+          compiler,
+          {
+            /* webpack-dev-middleware options */
+          },
+          true,
+        );
       },
     },
   ],
@@ -515,12 +519,12 @@ compiler.watch((err, stats) => {
 
 The following wrappers enable plugin mode for framework integrations:
 
-- `middleware.koaPluginWrapper(compiler, options)`
-- `middleware.hapiPluginWrapper()`
-- `middleware.honoPluginWrapper(compiler, options)`
+- `middleware(compiler, options, true)` (connect/express like middleware)
+- `middleware.koaWrapper(compiler, options, true)`
+- `middleware.hapiWrapper(true)`
+- `middleware.honoWrapper(compiler, options, true)`
 
-They are equivalent to `koaWrapper`/`hapiWrapper`/`honoWrapper`, but use plugin
-mode logging behavior.
+They are equivalent to `koaWrapper`/`hapiWrapper`/`honoWrapper`, but use plugin mode logging behavior.
 
 ### `forwardError`
 
@@ -768,7 +772,7 @@ const app = new Koa();
 
 app.use(middleware.koaWrapper(compiler, devMiddlewareOptions));
 // Alternative usage (when you want to use as a plugin, i.e. all stats will be printed by other code):
-// app.use(middleware.koaPluginWrapper(compiler, devMiddlewareOptions));
+// app.use(middleware.koaWrapper(compiler, devMiddlewareOptions, true));
 
 app.listen(3000);
 ```
@@ -797,7 +801,7 @@ await server.register({
 
 // Alternative usage (when you want to use as a plugin, i.e. all stats will be printed by other code):
 // await server.register({
-//   plugin: devMiddleware.hapiPluginWrapper(),
+//   plugin: devMiddleware.hapiWrapper(true),
 //   options: {
 //     // The `compiler` option is required
 //     compiler,
@@ -854,7 +858,7 @@ const app = new Hono();
 app.use(devMiddleware.honoWrapper(compiler, devMiddlewareOptions));
 
 // Alternative usage (when you want to use as a plugin, i.e. all stats will be printed by other code):
-// const honoDevMiddleware = devMiddleware.honoPluginWrapper(compiler, devMiddlewareOptions)
+// const honoDevMiddleware = devMiddleware.honoWrapper(compiler, devMiddlewareOptions, true)
 
 serve(app);
 ```

src/index.js

@@ -90,7 +90,6 @@ const noop = () => {};
  * @property {Watching | MultiWatching | undefined} watching watching
  * @property {Logger} logger logger
  * @property {OutputFileSystem} outputFileSystem output file system
- * @property {boolean} isPlugin whether wdm is used as webpack plugin
  */
 
 /**
@@ -226,10 +225,9 @@ function wdm(compiler, options = {}, isPlugin = false) {
     options,
     compiler,
     logger: compiler.getInfrastructureLogger("webpack-dev-middleware"),
-    isPlugin: false,
   };
 
-  setupHooks(context);
+  setupHooks(context, isPlugin);
 
   if (options.writeToDisk) {
     setupWriteToDisk(context);
@@ -342,11 +340,6 @@ function hapiWrapper(usePlugin = false) {
 
       const devMiddleware = wdm(compiler, rest, usePlugin);
 
-      if (usePlugin) {
-        // Use logger when used as webpack plugin
-        devMiddleware.context.isPlugin = true;
-      }
-
       // @ts-expect-error
       if (!server.decorations.server.includes("webpackDevMiddleware")) {
         // @ts-expect-error
@@ -410,10 +403,6 @@ wdm.hapiWrapper = hapiWrapper;
 function koaWrapper(compiler, options, usePlugin) {
   const devMiddleware = wdm(compiler, options, usePlugin);
 
-  if (usePlugin) {
-    devMiddleware.context.isPlugin = true;
-  }
-
   /**
    * @param {{ req: RequestInternal, res: ResponseInternal & import("./utils/compatibleAPI").ExpectedServerResponse, status: number, body: string | Buffer | import("fs").ReadStream | { message: string }, state: object }} ctx context
    * @param {EXPECTED_FUNCTION} next next

src/utils/setupHooks.js

@@ -14,8 +14,9 @@
  * @template {IncomingMessage} Request
  * @template {ServerResponse} Response
  * @param {import("../index.js").WithOptional<import("../index.js").Context<Request, Response>, "watching" | "outputFileSystem">} context context
+ * @param {boolean=} isPlugin true when it is a plugin usage, otherwise false
  */
-function setupHooks(context) {
+function setupHooks(context, isPlugin) {
   /**
    * @returns {void}
    */
@@ -66,7 +67,7 @@ function setupHooks(context) {
       }
 
       // For plugin support we should print nothing, because webpack/webpack-cli/webpack-dev-server will print them on using `stats.toString()`
-      if (!context.isPlugin) {
+      if (!isPlugin) {
         logger.log("Compilation finished");
 
         const isMultiCompilerMode = Boolean(