Implement event handler method skipping

Author: Turbo87

lib/index.js

@@ -5,6 +5,44 @@ const globby = require('globby');
 const j = require('jscodeshift').withParser('ts');
 const debug = require('debug')('tagless-ember-components-codemod');
 
+const EVENT_HANDLER_METHODS = [
+  // Touch events
+  'touchStart',
+  'touchMove',
+  'touchEnd',
+  'touchCancel',
+
+  // Keyboard events
+  'keyDown',
+  'keyUp',
+  'keyPress',
+
+  // Mouse events
+  'mouseDown',
+  'mouseUp',
+  'contextMenu',
+  'click',
+  'doubleClick',
+  'focusIn',
+  'focusOut',
+
+  // Form events
+  'submit',
+  'change',
+  'focusIn',
+  'focusOut',
+  'input',
+
+  // Drag and drop events
+  'dragStart',
+  'drag',
+  'dragEnter',
+  'dragLeave',
+  'dragOver',
+  'dragEnd',
+  'drop',
+];
+
 async function run() {
   let path = await pkgDir();
   await runForPath(path);
@@ -107,7 +145,23 @@ async function runForPath(path, options = {}) {
       continue;
     }
 
-    // TODO skip components that use `click()` etc. (warn)
+    // skip components that use `click()` etc.
+    for (let methodName of EVENT_HANDLER_METHODS) {
+      let handlerMethod = properties.filter(
+        ({ value: node }) =>
+          node.type === 'ObjectMethod' &&
+          node.key.type === 'Identifier' &&
+          node.key.name === methodName
+      )[0];
+      if (handlerMethod) {
+        console.log(
+          chalk.yellow(
+            `${dimPath}: Using \`${methodName}()\` is not supported in tagless components`
+          )
+        );
+        continue;
+      }
+    }
 
     // TODO analyze `tagName`, `attributeBindings`, `classNames`, ...
     // TODO skip on error (warn incl. please report)