jalla 1.0.0-40 → 1.0.0-41

package/lib/document.js

@@ -1,11 +1,8 @@
 var minifier = require('posthtml-minifier')
 var posthtmlify = require('posthtmlify')
 var documentify = require('documentify')
-var { Readable } = require('stream')
 var hyperstream = require('hstream')
 var caniuse = require('caniuse-api')
-var purgecss = require('purgecss')
-var through = require('through2')
 var resolve = require('resolve')
 var jsesc = require('jsesc')
 var path = require('path')
@@ -83,12 +80,10 @@ function document (body, state, app, cb) {
       }
 
       d.transform(prependToHead, `
-        <link rel="preload" as="style" href="${styles.url}" onload="this.rel='stylesheet'">
+        <link rel="stylesheet" href="${styles.url}">
         <script src="https://polyfill.io/v3/polyfill.min.js${features ? `?features=${features}` : ''}"></script>
         <script src="${script.url}" defer></script>
       `)
-
-      d.transform(prependCriticalCSS(styles.read.bind(styles)))
     }
 
     if (state.meta) {
@@ -152,69 +147,3 @@ function stringify (data) {
 function prependToHead (str) {
   return hyperstream({ head: { _prependHtml: str } })
 }
-
-// create documentify transform inlining critical CSS
-// str -> Stream
-function prependCriticalCSS (getStyles) {
-  var html = ''
-
-  return function () {
-    return through(collect, compose)
-  }
-
-  // collect html but push nothing
-  // (str, str, fn) -> void
-  function collect (chunk, enc, cb) {
-    html += chunk
-    cb(null)
-  }
-
-  // compose middleman stream for inlining the CSS
-  // fn -> void
-  function compose (cb) {
-    var res = ''
-    var self = this
-
-    getStyles().then(function (css) {
-      css = css.toString().replace(/\/\*#\s*sourceMappingURL=.+?\s*\*\//g, '')
-      return new purgecss.PurgeCSS().purge({
-        content: [{ raw: html, extension: 'html' }],
-        css: [{ raw: css }]
-      }).then(function (result) {
-        return result.reduce((acc, { css }) => acc + css, '')
-      })
-    }).then(function (css) {
-      var prepend = hyperstream({
-        head: {
-          _prependHtml: `<style>${css}</style>`
-        }
-      })
-      var stream = new Readable()
-      stream._read = Function.prototype
-
-      // pipe the collected html through hyperstream forwarding to self
-      stream.pipe(prepend).pipe(through(write, end))
-      stream.push(html)
-      stream.push(null)
-    }).catch(function () {
-      // fail silently and skip inline styles
-      self.push(html)
-      return cb()
-    })
-
-    // collect the resulting html with inlined CSS
-    // (str, str, fn) -> void
-    function write (chunk, enc, cb) {
-      res += chunk
-      cb(null, chunk)
-    }
-
-    // resolve self with the complete HTML (with inlined CSS)
-    // fn -> void
-    function end (done) {
-      self.push(res)
-      done()
-      cb()
-    }
-  }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jalla",
-  "version": "1.0.0-40",
+  "version": "1.0.0-41",
   "description": "A web compiler and server in one",
   "main": "index.js",
   "bin": "bin.js",
@@ -83,7 +83,6 @@
     "posthtml-minifier": "^0.1.0",
     "posthtmlify": "^0.2.0",
     "pretty-bytes": "^5.2.0",
-    "purgecss": "^4.1.3",
     "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.5",
     "resolve": "^1.15.1",