Transform/Manipulate index html before sending it about serve-static

[dtslvr]

I'm in the same boat, @dtslvr . Were you able to get it running?

No, but I'm going with a solution @geongeorge has suggested using an express middleware. Something like this:

// main.ts

app.use(StaticMiddleware);

and

// static.middleware.ts

export const StaticMiddleware = async (
  request: Request,
  response: Response,
  next: NextFunction
) => {
  if (...) {
    response.send(transformedIndexHtml);
  } else {
    next();
  } 
}

[didaquis]

I'm on the same position.

@Kuirak do you found a solution?

[Kuirak]

I'm on the same position.

@Kuirak do you found a solution?

@didaquis We are currently using the patch above via patch-package and do some simple string replace in the resulting html

[dtslvr]

I have successfully set up your patch @Kuirak with serve-static 4.0.0 and configured ServeStaticModule like this:

ServeStaticModule.forRoot({
  rootPath: join(__dirname, '..', 'client', 'en'),
  serveRoot: '/en',
  transformIndexHtml: (indexHtml: string) => {
    console.log(indexHtml);
    return indexHtml;
  }
})

ExpressLoader is registered, but renderFn (and transformIndexHtml) is never called. Any idea why?

[alan-rotenberg]

I'm in the same boat, @dtslvr . Were you able to get it running?

[alan-rotenberg]

I tinkered with it a bit - it doesn't work because renderFn isn't called after you call espress.static()

This isn't what you'd check into the repo, but this got me past the issue --

diff --git a/node_modules/@nestjs/serve-static/dist/interfaces/serve-static-options.interface.d.ts b/node_modules/@nestjs/serve-static/dist/interfaces/serve-static-options.interface.d.ts
index a996aff..e1dd974 100644
--- a/node_modules/@nestjs/serve-static/dist/interfaces/serve-static-options.interface.d.ts
+++ b/node_modules/@nestjs/serve-static/dist/interfaces/serve-static-options.interface.d.ts
@@ -5,6 +5,7 @@ export interface ServeStaticModuleOptions {
     renderPath?: string | RegExp;
     serveRoot?: string;
     exclude?: string[];
+    transformIndexHtml?: (indexHtml: string) => string;
     serveStaticOptions?: {
         cacheControl?: boolean;
         dotfiles?: string;
diff --git a/node_modules/@nestjs/serve-static/dist/loaders/express.loader.js b/node_modules/@nestjs/serve-static/dist/loaders/express.loader.js
index 75c9f9b..2411238 100644
--- a/node_modules/@nestjs/serve-static/dist/loaders/express.loader.js
+++ b/node_modules/@nestjs/serve-static/dist/loaders/express.loader.js
@@ -43,6 +43,23 @@ let ExpressLoader = class ExpressLoader extends abstract_loader_1.AbstractLoader
                 app.get(renderPath, renderFn);
             }
             else {
+                app.use((req, res, next) => {
+                    if('/' == req.originalUrl && options.transformIndexHtml != null) {
+                        fs.readFile(indexFilePath, 'utf8', (err, data) => {
+                        if (err) {
+                            next(err);
+                            return;
+                        }
+                        const transformed = options.transformIndexHtml(data);
+                        res.set('Content-Type', 'text/html');
+                        res.send(transformed);
+                        })
+                    }
+                    else{
+                        next();
+                    };
+                });
+
                 app.use(express.static(clientPath, options.serveStaticOptions));
                 app.get(options.renderPath, renderFn);
             }