Detect ember-component-css dependency automatically

Author: Turbo87

lib/index.js

@@ -1,3 +1,4 @@
+const fs = require('fs');
 const pkgDir = require('pkg-dir');
 const globby = require('globby');
 const debug = require('debug')('tagless-ember-components-codemod');
@@ -16,15 +17,18 @@ async function runForPath(path, options = {}) {
 
   let log = options.log || console.log;
 
-  // TODO check for ember-component-css dependency
-
   log(` 🔍  Searching for component files...`);
   let paths = await globby('app/components/**/*.js', { cwd: path });
   debug('componentPaths = %O', paths);
 
+  let pkgContent = fs.readFileSync(`${path}/package.json`);
+  let pkg = JSON.parse(pkgContent);
+  let hasComponentCSS =
+    pkg.dependencies['ember-component-css'] || pkg.devDependencies['ember-component-css'];
+
   for (let path of paths) {
     try {
-      let tagName = transformPath(path);
+      let tagName = transformPath(path, { hasComponentCSS });
       if (tagName) {
         log(chalk.green(`${chalk.dim(path)}: <${tagName}>...</${tagName}>`));
       } else {

lib/transform.js

@@ -48,7 +48,7 @@ const EVENT_HANDLER_METHODS = [
 
 const PLACEHOLDER = '@@@PLACEHOLDER@@@';
 
-function transformPath(componentPath) {
+function transformPath(componentPath, options) {
   let debug = (fmt, ...args) => _debug(`${componentPath}: ${fmt}`, ...args);
 
   let templatePath = guessTemplatePath(componentPath);
@@ -60,7 +60,7 @@ function transformPath(componentPath) {
   let source = fs.readFileSync(componentPath, 'utf8');
   let template = fs.readFileSync(templatePath, 'utf8');
 
-  let result = transform(source, template, { debug });
+  let result = transform(source, template, Object.assign({}, { debug }, options));
 
   if (result.tagName) {
     fs.writeFileSync(componentPath, result.source, 'utf8');