Support ES7 class properties

Author: tmcw

lib/input/dependency.js

@@ -25,7 +25,8 @@ function dependencyStream(indexes, options, callback) {
       return !!options.external || moduleFilters.internalOnly(id);
     },
     transform: [babelify.configure({
-      sourceMap: false
+      sourceMap: false,
+      stage: 0
     })],
     postFilter: moduleFilters.externals(indexes, options)
   });

lib/parsers/javascript.js

@@ -23,11 +23,14 @@ var parseOpts = {
   allowImportExportEverywhere: true,
   allowReturnOutsideFunction: true,
   allowHashBang: true,
-  ecmaVersion: 6,
+  ecmaVersion: 7,
   strictMode: true,
   sourceType: 'module',
   locations: true,
-  features: {},
+  ranges: true,
+  features: {
+    'es7.classProperties': true
+  },
   plugins: {
     jsx: true,
     flow: true

test/fixture/es6-import.output.custom.md

@@ -65,3 +65,9 @@ Returns **Number** numberone
 
 
 
+
+# staticProp
+
+This is a property of the sink.
+
+

test/fixture/es6-import.output.json

@@ -19,11 +19,11 @@
           "column": 0
         },
         "end": {
-          "line": 33,
+          "line": 38,
           "column": 1
         }
       },
-      "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
+      "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * This is a property of the sink.\n   */\n  staticProp = 42;\n\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
     },
     "errors": [],
     "name": "Sink",
@@ -56,26 +56,26 @@
           ],
           "loc": {
             "start": {
-              "line": 25,
+              "line": 30,
               "column": 2
             },
             "end": {
-              "line": 28,
+              "line": 33,
               "column": 5
             }
           },
           "context": {
             "loc": {
               "start": {
-                "line": 29,
+                "line": 34,
                 "column": 2
               },
               "end": {
-                "line": 32,
+                "line": 37,
                 "column": 3
               }
             },
-            "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
+            "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * This is a property of the sink.\n   */\n  staticProp = 42;\n\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
           },
           "errors": [],
           "params": [
@@ -118,26 +118,26 @@
           "tags": [],
           "loc": {
             "start": {
-              "line": 11,
+              "line": 16,
               "column": 2
             },
             "end": {
-              "line": 13,
+              "line": 18,
               "column": 5
             }
           },
           "context": {
             "loc": {
               "start": {
-                "line": 14,
+                "line": 19,
                 "column": 2
               },
               "end": {
-                "line": 16,
+                "line": 21,
                 "column": 3
               }
             },
-            "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
+            "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * This is a property of the sink.\n   */\n  staticProp = 42;\n\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
           },
           "errors": [],
           "name": "empty",
@@ -160,26 +160,26 @@
           "tags": [],
           "loc": {
             "start": {
-              "line": 18,
+              "line": 23,
               "column": 2
             },
             "end": {
-              "line": 20,
+              "line": 25,
               "column": 5
             }
           },
           "context": {
             "loc": {
               "start": {
-                "line": 21,
+                "line": 26,
                 "column": 2
               },
               "end": {
-                "line": 23,
+                "line": 28,
                 "column": 3
               }
             },
-            "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
+            "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * This is a property of the sink.\n   */\n  staticProp = 42;\n\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
           },
           "errors": [],
           "name": "hello",
@@ -235,7 +235,7 @@
           "column": 31
         }
       },
-      "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
+      "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * This is a property of the sink.\n   */\n  staticProp = 42;\n\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
     },
     "errors": [],
     "returns": [
@@ -335,5 +335,41 @@
     "path": [
       "multiplyTwice"
     ]
+  },
+  {
+    "description": "This is a property of the sink.",
+    "tags": [],
+    "loc": {
+      "start": {
+        "line": 11,
+        "column": 2
+      },
+      "end": {
+        "line": 13,
+        "column": 5
+      }
+    },
+    "context": {
+      "loc": {
+        "start": {
+          "line": 14,
+          "column": 2
+        },
+        "end": {
+          "line": 14,
+          "column": 18
+        }
+      },
+      "code": "/**\n * This function returns the number one.\n * @returns {Number} numberone\n */\nvar multiply = (a, b) => a * b;\n\n/**\n * This is a sink\n */\nclass Sink {\n  /**\n   * This is a property of the sink.\n   */\n  staticProp = 42;\n\n  /**\n   * Is it empty\n   */\n  empty() {\n    return 1;\n  }\n\n  /**\n   * This method says hello\n   */\n  static hello() {\n    return 'hello';\n  }\n\n  /**\n   * @param {number} height the height of the thing\n   * @param {number} width the width of the thing\n   */\n  constructor(height, width) {\n    this.height = height;\n    this.width = width;\n  }\n}\n\nexport default multiply;\n"
+    },
+    "errors": [],
+    "name": "staticProp",
+    "members": {
+      "instance": [],
+      "static": []
+    },
+    "path": [
+      "staticProp"
+    ]
   }
 ]

test/fixture/es6-import.output.md

@@ -65,3 +65,9 @@ Returns **Number** numberone
 
 
 
+
+# staticProp
+
+This is a property of the sink.
+
+

test/fixture/es6-import.output.md.json

@@ -812,6 +812,67 @@
           ]
         }
       ]
+    },
+    {
+      "type": "root",
+      "children": [
+        {
+          "depth": 1,
+          "type": "heading",
+          "children": [
+            {
+              "type": "text",
+              "value": "staticProp"
+            }
+          ]
+        },
+        {
+          "type": "root",
+          "children": [
+            {
+              "type": "paragraph",
+              "children": [
+                {
+                  "type": "text",
+                  "value": "This is a property of the sink.",
+                  "position": {
+                    "start": {
+                      "line": 1,
+                      "column": 1
+                    },
+                    "end": {
+                      "line": 1,
+                      "column": 32
+                    },
+                    "indent": []
+                  }
+                }
+              ],
+              "position": {
+                "start": {
+                  "line": 1,
+                  "column": 1
+                },
+                "end": {
+                  "line": 1,
+                  "column": 32
+                },
+                "indent": []
+              }
+            }
+          ],
+          "position": {
+            "start": {
+              "line": 1,
+              "column": 1
+            },
+            "end": {
+              "line": 1,
+              "column": 32
+            }
+          }
+        }
+      ]
     }
   ]
 }

test/fixture/es6.input.js

@@ -8,6 +8,11 @@ var multiply = (a, b) => a * b;
  * This is a sink
  */
 class Sink {
+  /**
+   * This is a property of the sink.
+   */
+  staticProp = 42;
+
   /**
    * Is it empty
    */

test/fixture/es6.output.custom.md

@@ -49,3 +49,9 @@ Returns **Number** numberone
 
 
 
+
+# staticProp
+
+This is a property of the sink.
+
+