fix(javascript): strip html tags from source code, fixes #110

src/index.ts

@@ -16,9 +16,13 @@ if (languageParser) {
   const parser = new Parser();
   parser.setLanguage(languageParser);
 
-  const sourceCode = fs.readFileSync(filepath, { encoding: 'utf8', flag: 'r' });
-  const tree = parser.parse(sourceCode);
+  // Strip HTML from the source code to ensure we can still use the TypeScript
+  // parser instead of the JSX parser.
+  const sourceCode = fs
+    .readFileSync(filepath, { encoding: 'utf8', flag: 'r' })
+    .replace(/<\/?[^>]+(>|$)/g, '');
 
+  const tree = parser.parse(sourceCode);
   const parserService = getParserService(language, [
     tree.rootNode,
     lineNumber,

test/filetypes/javascript/jsx.vader

@@ -0,0 +1,22 @@
+# ==============================================================================
+# Functions that contain JSX.
+# ==============================================================================
+Given javascript (function that contains JSX):
+  const Test = ({ someVal }) => {
+    return <div>{true && someVal ? <small className="helper-text">{someVal}</small> : null}</div>;
+  };
+
+Do (trigger doge):
+  \<C-d>
+
+Expect javascript (generated comment with a description and a @return tag):
+  /**
+   * [TODO:description]
+   *
+   * @param {[TODO:type]} [TODO:name] - [TODO:description]
+   * @param {[TODO:type]} [TODO:name].someVal - [TODO:description]
+   * @return {[TODO:type]} [TODO:description]
+   */
+  const Test = ({ someVal }) => {
+    return <div>{true && someVal ? <small className="helper-text">{someVal}</small> : null}</div>;
+  };