Merge pull request #5 from smooth-code/support-state

feat(h2x-core): add state support

Author: gregberge

.travis.yml

@@ -5,7 +5,7 @@ node_js:
   - 8
 
 before_install:
-  - curl -o- -L https://yarnpkg.com/install.sh | bash -s -- --version 0.28.4
+  - curl -o- -L https://yarnpkg.com/install.sh | bash -s -- --version 1.3.2
   - export PATH="$HOME/.yarn/bin:$PATH"
 
 script:

.yarnrc

@@ -15,22 +15,23 @@
   "devDependencies": {
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
-    "babel-eslint": "^7.2.3",
+    "babel-eslint": "^8.0.3",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-preset-env": "^1.6.0",
     "chalk": "^2.1.0",
-    "codecov": "^2.3.0",
-    "eslint": "^4.4.1",
-    "eslint-config-airbnb-base": "^11.3.1",
-    "eslint-config-prettier": "^2.3.0",
+    "codecov": "^3.0.0",
+    "eslint": "^4.12.1",
+    "eslint-config-airbnb-base": "^12.1.0",
+    "eslint-config-prettier": "^2.9.0",
     "eslint-plugin-import": "^2.7.0",
     "glob": "^7.1.2",
-    "jest": "^20.0.4",
-    "lerna": "^2.1.0",
-    "lerna-tools": "^0.0.2",
+    "jest": "^21.2.1",
+    "lerna": "^2.5.1",
+    "lerna-tools": "^0.0.3",
     "micromatch": "^3.0.4",
     "mkdirp": "^0.5.1",
+    "prettier": "^1.9.1",
     "string-length": "^2.0.0"
   },
   "workspaces": [

package.json

@@ -3,7 +3,6 @@ import parse from 'h2x-parse'
 import generate from 'h2x-generate'
 import traverse from 'h2x-traverse'
 
-
 const reduceVisitors = (visitors, opts) => {
   Object.keys(visitors).forEach(key => {
     const visitor = visitors[key]
@@ -31,9 +30,9 @@ const mergePlugins = plugins =>
 
 export { traverse, generate }
 
-export function transform(code, { plugins = [] } = {}) {
+export function transform(code, { plugins = [], state = {} } = {}) {
   const ast = parse(code)
   const { visitor, generator } = mergePlugins(plugins)
-  traverse(ast, visitor)
+  traverse(ast, visitor, state)
   return generate(ast, generator)
 }

packages/h2x-core/src/index.js

@@ -31,4 +31,37 @@ describe('transform', () => {
     const result = transform(code, { plugins: [simpleJsx] })
     expect(result).toBe(`<div />\n`)
   })
+
+  it('should support state', () => {
+    class JSXNode {
+      static [NODE_TYPE] = 'JSXElement'
+
+      constructor(name) {
+        this.name = name
+      }
+    }
+
+    const simpleJsx = () => ({
+      visitor: {
+        HTMLElement: {
+          enter(path, state) {
+            state.tags.push(path.node.tagName)
+            path.replace(new JSXNode('div'))
+          },
+        },
+      },
+      generator: {
+        JSXElement: {
+          enter(path, generator) {
+            generator.writeLine(`<${path.node.name} />`)
+          },
+        },
+      },
+    })
+    const state = { tags: [] }
+    const code = `<div></div>`
+    const result = transform(code, { plugins: [simpleJsx], state })
+    expect(result).toBe(`<div />\n`)
+    expect(state.tags).toEqual(['DIV'])
+  })
 })

packages/h2x-core/src/index.test.js

@@ -5,7 +5,7 @@
  * @returns {boolean}
  */
 export function isNumeric(value) {
-  return !isNaN(value - parseFloat(value))
+  return !Number.isNaN(value - parseFloat(value))
 }
 
 /**

packages/h2x-plugin-jsx/src/util.js

@@ -40,7 +40,7 @@ class NodePath {
   }
 
   call(key) {
-    const opts = this.opts
+    const { opts } = this
 
     if (this.node) {
       if (this._call(opts[key])) return true
@@ -90,7 +90,7 @@ class NodePath {
     for (const fn of fns) {
       if (!fn) continue
 
-      const node = this.node
+      const { node } = this
       if (!node) return true
 
       const ret = fn(this, this.state)