fix: update css writer to fix refresh issues

Author: digitalsadhu

lib/middleware.js

@@ -7,7 +7,6 @@ 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 = {}) {
@@ -27,7 +26,7 @@ module.exports = class Middleware extends EventEmitter {
         this.emits = emits;
         this.writers = {
             js: new JsWriter(jsFiles, this.options, true),
-            css: new CssWriter(cssFiles, this.options),
+            css: new CssWriter(cssFiles, true),
         };
 
         this.writers.js.plugin(watchify);
@@ -43,16 +42,6 @@ module.exports = class Middleware extends EventEmitter {
             bundler.pipe(devnull());
         });
 
-        this.writers.css.on('update', () => {
-            const bundler = this.writers.css;
-
-            bundler.on('error', e => {
-                this.emit('error', e);
-            });
-
-            bundler.pipe(devnull());
-        });
-
         // Proxy underlaying events
         this.writers.js.on('error', this.emits('error'));
         this.writers.js.on('update', this.emits('update'));
@@ -61,10 +50,6 @@ module.exports = class Middleware extends EventEmitter {
         this.writers.js.on('log', this.emits('log'));
 
         this.writers.css.on('error', this.emits('error'));
-        this.writers.css.on('update', this.emits('update'));
-        this.writers.css.on('bytes', this.emits('bytes'));
-        this.writers.css.on('time', this.emits('time'));
-        this.writers.css.on('log', this.emits('log'));
 
         // eslint-disable-next-line new-cap
         this.app = express.Router({
@@ -117,14 +102,7 @@ module.exports = class Middleware extends EventEmitter {
     css() {
         return (req, res, next) => {
             res.type('css');
-            const bundler = this.writers.css.pipe(
-                new Transform({
-                    objectMode: true,
-                    transform(chunk, enc, cb) {
-                        cb(null, chunk.content);
-                    },
-                })
-            );
+            const bundler = this.writers.css.bundle();
 
             bundler.on('error', cleanup);
 

package-lock.json

@@ -26,7 +26,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@asset-pipe/css-writer": "^1.0.0",
+    "@asset-pipe/css-writer": "^2.0.0",
     "@asset-pipe/js-writer": "^1.0.0",
     "dev-null": "^0.1.1",
     "emits": "^3.0.0",