fix: change css endpoint to output css

add transform stream and convert object mode to strings

Author: digitalsadhu

lib/middleware.js

@@ -7,6 +7,7 @@ const express = require('express');
 const JsWriter = require('asset-pipe-js-writer');
 const CssWriter = require('asset-pipe-css-writer');
 const emits = require('emits');
+const { Transform } = require('stream');
 
 module.exports = class Middleware extends EventEmitter {
     constructor(jsFiles = [], cssFiles = [], options = {}) {
@@ -43,7 +44,7 @@ module.exports = class Middleware extends EventEmitter {
         });
 
         this.writers.css.on('update', () => {
-            const bundler = this.writers.css.bundle();
+            const bundler = this.writers.css;
 
             bundler.on('error', e => {
                 this.emit('error', e);
@@ -96,7 +97,7 @@ module.exports = class Middleware extends EventEmitter {
 
     js() {
         return (req, res, next) => {
-            res.writeHead(200, { 'Content-Type': 'application/javascript' });
+            res.type('javascript');
             const bundler = this.writers.js.bundle();
 
             bundler.on('error', cleanup);
@@ -115,8 +116,15 @@ module.exports = class Middleware extends EventEmitter {
 
     css() {
         return (req, res, next) => {
-            res.writeHead(200, { 'Content-Type': 'text/css' });
-            const bundler = this.writers.css.bundle();
+            res.type('css');
+            const bundler = this.writers.css.pipe(
+                new Transform({
+                    objectMode: true,
+                    transform(chunk, enc, cb) {
+                        cb(null, chunk.content);
+                    },
+                })
+            );
 
             bundler.on('error', cleanup);