Fix web-component recognition! 🔨

Closes #78.

index.js

@@ -7,7 +7,7 @@ const ElementBundler = require('./lib/bundler');
 const ElementWriter = require('./lib/writer');
 // internals
 const Config = require('./lib/config');
-const scrapeDeps = require('./lib/scraper');
+const { scrapeDeps } = require('./lib/scraper');
 const extractDeps = require('./lib/extractor');
 
 module.exports = {

lib/scraper.js

@@ -4,16 +4,25 @@ const fs = require('fs');
 const fileExists = fs.existsSync;
 const path = require('path');
 
-module.exports = (deps, dir, pkgFilename) =>
+exports.isWebComponent = (pkg) => {
+  let { keywords, main } = pkg;
+  let hasAnyKeyword = keywords && (keywords.includes('web-component') || 
+                                   keywords.includes('web-components'));
+  let hasEntryPoint = main && main.includes(`${pkg.name}.html`);
+  // TODO has package `webcomponents.org published` badge
+
+  return [ hasAnyKeyword, hasEntryPoint ].some(t => t);
+};
+
+exports.scrapeDeps = (deps, dir, pkgFilename) =>
   Object.keys(deps).reduce((stack, name) => {
     let elementPath = path.join(dir, name, `${name}.html`);
-    let allPath     = path.join(dir, name, 'all-imports.html');
     let pkg = require(path.join(dir, name, pkgFilename));
 
-    if (pkg.keywords && pkg.keywords.includes('web-components')
-                     && fileExists(elementPath)) {
+    // verify whether webcomponent and entrypoint existance
+    if (exports.isWebComponent(pkg) && fileExists(elementPath)) {
+      let allPath = path.join(dir, name, 'all-imports.html');
       elementPath = fileExists(allPath) ? allPath : elementPath;
-
       stack.push({ name, elementPath });
     }