Add array of accepted synonym packages for sheetify (#165)

* Add array of accepted synonym packages for sheetify
* Update travis config
   Array.prototype.includes is not defined in older nodes

Author: bcomnes

.travis.yml

@@ -1,10 +1,7 @@
 node_js:
-- "4"
-- "5"
-- "6"
-- "8"
+- "lts/*"
 - "node"
-sudo: false
+distro: xenial
 language: node_js
 script: "npm run test:cov"
 after_script: "cat ./coverage/lcov.info | codecov"

lib/supported-synonyms.js

@@ -0,0 +1,6 @@
+'use strict'
+
+module.exports = [
+  'sheetify',
+  'hui/css'
+]

package.json

@@ -55,6 +55,7 @@
     "dependency-check": "^2.5.1",
     "domify": "^1.4.0",
     "from2-string": "^1.1.0",
+    "hui": "^1.2.2",
     "jsdom": "^9.4.2",
     "nyc": "^11.9.0",
     "rimraf": "^2.5.1",

test/fixtures/transform-package/source-synonym.js

@@ -0,0 +1,16 @@
+const sf = require('hui/css')
+
+const prefix = sf`
+  :host .hello, :host .world {
+    transform: translate(0, 0);
+  }
+`
+
+var foo = {}
+foo.bar = sf`
+  :host .hello, :host .world {
+    transform: translate(0, 0);
+  }
+`
+
+console.log(prefix)

test/transform-package.js

@@ -38,3 +38,35 @@ test('transform-package', function (t) {
     }
   })
 })
+
+test('transform-package with a synonym for sheetify', function (t) {
+  t.test('should transform CSS from package.json with options from a file with a synonym for sheetify ', function (t) {
+    t.plan(1)
+
+    const expath = path.join(__dirname, 'fixtures/transform-package/expected.css')
+    const expected = fs.readFileSync(expath, 'utf8').trim()
+
+    const ws = concat(function (buf) {
+      const res = String(buf).trim()
+      t.equal(res, expected, 'CSS was transformed')
+    })
+
+    const bpath = path.join(__dirname, 'fixtures/transform-package/source-synonym.js')
+
+    browserify(bpath)
+      .transform(sheetify)
+      .transform(function (file) {
+        return through(function (buf, enc, next) {
+          const str = buf.toString('utf8')
+          this.push(str.replace(/sheetify\/insert/g, 'insert-css'))
+          next()
+        })
+      })
+      .plugin('css-extract', { out: outFn })
+      .bundle()
+
+    function outFn () {
+      return ws
+    }
+  })
+})

transform.js

@@ -10,6 +10,7 @@ const path = require('path')
 const fs = require('fs')
 
 const sheetify = require('./index')
+const SUPPORTED_SYNONYMS = require('./lib/supported-synonyms')
 
 module.exports = transform
 
@@ -73,7 +74,8 @@ function transform (filename, options) {
     var mname = null
     var ast
 
-    if (src.indexOf('sheetify') === -1) {
+    // Skip transforming any files that do not contain synonyms for sheetify
+    if (!SUPPORTED_SYNONYMS.some(name => src.includes(name))) {
       self.push(src)
       self.push(null)
       return
@@ -110,7 +112,7 @@ function transform (filename, options) {
       if (node.type === 'CallExpression' &&
       node.callee && node.callee.name === 'require' &&
       node.arguments.length === 1 &&
-      node.arguments[0].value === 'sheetify') {
+      SUPPORTED_SYNONYMS.includes(node.arguments[0].value)) {
         node.update('0')
         mname = node.parent.id.name
       }