es-css-modules - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.UNUSED_EXPORT = exports.defaultParserOptions = exports.defaultParser = undefined;
+exports.UNUSED_EXPORT = exports.defaultResolveOptions = exports.defaultParserOptions = exports.defaultParser = undefined;
 
@@ -83,5 +83,20 @@ var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
 
+const isFile = (path, cb) => {
+  if ((0, _fp.endsWith)('.css.js', path)) {
+    cb(null, false);
+    return;
+  }
+
+  (0, _fs.stat)(path, (err, s) => {
+    if (err && err.code === 'ENOENT') cb(null, false);else if (err) cb(err);else cb(null, s.isFile());
+  });
+};
+
+const defaultResolveOptions = {
+  extensions: ['.css', '.js', '.json'],
+  isFile: isFile
+};
+
 var getStyleImports = (() => {
   var ref = _asyncToGenerator(function* (_ref) {
-    let moduleExportDirectory = _ref.moduleExportDirectory;
     let files = _ref.jsFiles;
@@ -91,20 +106,4 @@ let recurse = _ref.recurse;
     let parserOptions = _ref.parserOptions;
+    let resolveOptions = _ref.resolveOptions;
 
-    if (!(0, _path.isAbsolute)(moduleExportDirectory)) {
-      throw new Error('Expected moduleExportsDirectory to be an absolute path');
-    }
-
-    const isInModuleExportsDirectory = (0, _fp.flow)((0, _fp.partial)(_path.relative, [moduleExportDirectory]), (0, _fp.negate)((0, _fp.startsWith)('..')));
-
-    const isFile = function (path, cb) {
-      if (isInModuleExportsDirectory(path)) {
-        cb(null, (0, _fp.endsWith)('.css.js', path));
-        return;
-      }
-
-      (0, _fs.stat)(path, function (err, s) {
-        if (err && err.code === 'ENOENT') cb(null, false);else if (err) cb(err);else cb(null, s.isFile());
-      });
-    };
-
     var _ref2 = yield (0, _getEsImportsExports2.default)({
@@ -115,7 +114,4 @@ files: files,
       parserOptions: parserOptions,
-      exclude: (0, _path.join)(moduleExportDirectory, '/**/*'),
-      resolveOptions: {
-        extensions: ['.js', '.json'],
-        isFile: isFile
-      }
+      exclude: '/**/*.css',
+      resolveOptions: resolveOptions
     });
@@ -126,3 +122,3 @@
 
-    const styleImports = (0, _fp.flow)(_fp.toPairs, (0, _fp.filter)((0, _fp.flow)(_fp.first, isInModuleExportsDirectory)), _fp.fromPairs)(imports);
+    const styleImports = (0, _fp.flow)(_fp.toPairs, (0, _fp.filter)((0, _fp.flow)(_fp.first, (0, _fp.endsWith)('.css'))), _fp.fromPairs)(imports);
 
@@ -162,4 +158,3 @@ return styleImports;
 
-      const exportFile = `${ filename }.js`;
-      const styleImport = styleImports[exportFile];
+      const styleImport = styleImports[filename];
 
@@ -176,3 +171,3 @@ const isClass = css.indexOf(`.${ name }`) !== -1;
 
-      const currentValue = (0, _fp.get)([exportFile, name], scopedNames);
+      const currentValue = (0, _fp.get)([filename, name], scopedNames);
 
@@ -187,3 +182,3 @@ if (currentValue) return currentValue;
 
-      (0, _lodash.set)(scopedNames, [exportFile, name], value);
+      (0, _lodash.set)(scopedNames, [filename, name], value);
       (0, _lodash.set)(typesPerName, [name], type);
@@ -225,3 +220,4 @@
   let moduleExportDirectory = _ref8.moduleExportDirectory;
-  let jsFiles = _ref8.jsFiles;
+  let // removed
+  jsFiles = _ref8.jsFiles;
   var _ref8$getJsExports = _ref8.getJsExports;
@@ -241,2 +237,4 @@ let getJsExports = _ref8$getJsExports === undefined ? saveJsExports : _ref8$getJsExports;
   let parserOptions = _ref8$parserOptions === undefined ? _getEsImportsExports.defaultParserOptions : _ref8$parserOptions;
+  var _ref8$resolveOptions = _ref8.resolveOptions;
+  let resolveOptions = _ref8$resolveOptions === undefined ? defaultResolveOptions : _ref8$resolveOptions;
   let Loader = _ref8.Loader;
@@ -246,10 +244,15 @@
 
+  if (moduleExportDirectory) {
+    // FIXME: Remove in v2
+    console.log('You no longer need to specify a module export directory. The API will work the same as before'); // eslint-disable-line
+  }
+
   const lazyGetDependencies = () => {
     if (!styleImportsPromise) {
       styleImportsPromise = getStyleImports({
-        moduleExportDirectory: resolveCwd(moduleExportDirectory),
         jsFiles: resolveCwds(jsFiles),
         recurse: recurse,
         parser: parser,
-        parserOptions: parserOptions
+        parserOptions: parserOptions,
+        resolveOptions: resolveOptions
       });
@@ -280,3 +283,3 @@ }
       return new Promise((res, rej) => {
-        const jsExports = styleImports[`${ file }.js`];
+        const jsExports = styleImports[file];
 
@@ -332,3 +335,4 @@ (0, _postcss2.default)([].concat(_toConsumableArray(plugins), [cssParser.plugin, (0, _postcssRemoveClasses2.default)([UNUSED_EXPORT])])).process(css, { from: file }).then(() => {
 exports.defaultParserOptions = _getEsImportsExports.defaultParserOptions;
+exports.defaultResolveOptions = defaultResolveOptions;
 exports.UNUSED_EXPORT = UNUSED_EXPORT;
 exports.default = index;

package.json

 {
   "name": "es-css-modules",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "PostCSS plugin that combines CSS Modules and ES Imports",
@@ -27,3 +27,3 @@ "main": "index.js",
     "is-keyword-js": "^1.0.3",
-    "lodash": "^4.11.2",
+    "lodash": "^4.12.0",
     "postcss": "^5.0.21",
@@ -30,0 +30,0 @@ "postcss-remove-classes": "0.0.3",

README.md

@@ -33,3 +33,2 @@ ![ES CSS Modules](https://raw.githubusercontent.com/jacobp100/es-css-modules/master/assets/logo-full.png)
     jsFiles: 'src/App.js',
-    moduleExportDirectory: 'styles',
   }),
@@ -41,14 +40,8 @@ ])
 
-As a minimum, you must define the parameters `jsFiles` and `moduleExportDirectory`.
+As a minimum, you must define the parameter `jsFiles`. This is a path or an array of paths for the files you wish to check CSS imports. The paths can be absolute paths, or paths relative to `process.cwd()`. By default, the imports within files will be recursively checked.
 
-`jsFiles` is a path or an array of paths for the files you wish to check CSS imports. By default, the imports within files will be recursively checked.
+**By default, all your css files will generate a .css.js file with the export names**. I.e. `export const button = "x3f6u";`. This behaviour can be customised via `getJsExports`, which is a function that is called with `(cssFilename, styleExports, styleExportsObject)`, where styleExports is JavaScript file string that specifies the exports, and styleExportsObject is an object whose keys is the export name, and values the corresponding export value.
 
-`moduleExportDirectory` is the directory in which to expect CSS files. Only CSS files within this directory are marked as CSS dependencies.
+As in default CSS modules, we generate a random-ish name for each class you define. To configure how classes are generated, you can specify the `generateScopedName` parameter, which is a function called with `(className, filename, cssFileContents)`. This function is only called for classes that will actually be used, so it's perfectly safe to use something like [CSS Class Generator](https://github.com/jacobp100/css-class-generator) to generate names.
 
-Both these parameters can be absolute paths, or a path relative to `process.cwd()`.
-
-**By default, all your css files will generate a css.js file with the export names**. I.e. `export const button = "x3f6u";`. This behaviour can be customised via `getJsExports`, which is a function that is called with `(cssFilename, styleExports, styleExportsObject)`, where styleExports is JavaScript file string that specifies the exports, and styleExportsObject is an object whose keys is the export name, and values the corresponding export value.
-
-As in default CSS modules, we generate a random-ish name for each class you define. To configure how classes are generated, you can specify the `generateScopedName` parameter, which is a function called with `(className, filename)`. This function is only called for classes that will actually be used, so it's perfectly safe to use something like [CSS Class Generator](https://github.com/jacobp100/css-class-generator) to generate names.
-
 By default, we'll warn you when you don't use a class you've defined. This can be turned off via `warnOnUnusedClasses`.
@@ -60,4 +53,6 @@
 
-We use the parser used for ESLint and a default configuration that works for React. If you need to override the parser options, you can specify `parserOptions` using the [ESLint format](http://eslint.org/docs/user-guide/configuring#specifying-parser-options). You can also specify the entire parser via the `parser` property: to use babel-eslint, set the `parser` to `'babel-eslint'`.
+We use the parser used for ESLint and a default configuration that works for React. If you need to override the parser options, you can specify `parserOptions` using the [ESLint format](http://eslint.org/docs/user-guide/configuring#specifying-parser-options). You can also specify the entire parser via the `parser` property: to use babel-eslint, set the `parser` to `'babel-eslint'`. The default parser and default parser options are exported under the names `defaultParser` and `defaultParserOptions`.
 
+You can configure how modules are resolved via `resolveOptions`, which is the same as [node-resolve](https://github.com/substack/node-resolve). Above the standard options, we modify the `extensions` to include `.css` files, and modifiy the `isFile` function to reject all `.css.js` files. If you need to load `.jsx` files, just add that to the `extensions` to the default resolve options---they're under the name `defaultResolveOptions`.
+
 The complete options are as follows,
@@ -67,3 +62,2 @@
 esCssModules({
-  moduleExportDirectory,
   jsFiles,
@@ -77,2 +71,3 @@ getJsExports,
   parserOptions,
+  resolveOptions,
 })
@@ -83,3 +78,3 @@ ```
 
-Unlike regular CSS Modules, we only export class names.
+Unlike regular CSS Modules, we do not export animation names.
 
@@ -86,0 +81,0 @@ At present, a class and keyframes definition cannot have the same name until [this is fixed](https://github.com/css-modules/postcss-modules-scope/issues/82)

src/getStyleImports.js

@@ -1,11 +0,26 @@
-import {
-  flow, startsWith, endsWith, partial, negate, filter, first, toPairs, fromPairs,
-} from 'lodash/fp';
+import { flow, endsWith, filter, first, toPairs, fromPairs } from 'lodash/fp';
 import getEsImportsExports from 'get-es-imports-exports';
-import { join, isAbsolute, relative } from 'path';
 import { stat } from 'fs';
 
 
+const isFile = (path, cb) => {
+  if (endsWith('.css.js', path)) {
+    cb(null, false);
+    return;
+  }
+
+  stat(path, (err, s) => {
+    if (err && err.code === 'ENOENT') cb(null, false);
+    else if (err) cb(err);
+    else cb(null, s.isFile());
+  });
+};
+
+export const defaultResolveOptions = {
+  extensions: ['.css', '.js', '.json'],
+  isFile,
+};
+
+
 export default async ({
-  moduleExportDirectory,
   jsFiles: files,
@@ -15,25 +30,4 @@ recurse,
   parserOptions,
+  resolveOptions,
 }) => {
-  if (!isAbsolute(moduleExportDirectory)) {
-    throw new Error('Expected moduleExportsDirectory to be an absolute path');
-  }
-
-  const isInModuleExportsDirectory = flow(
-    partial(relative, [moduleExportDirectory]),
-    negate(startsWith('..'))
-  );
-
-  const isFile = (path, cb) => {
-    if (isInModuleExportsDirectory(path)) {
-      cb(null, endsWith('.css.js', path));
-      return;
-    }
-
-    stat(path, (err, s) => {
-      if (err && err.code === 'ENOENT') cb(null, false);
-      else if (err) cb(err);
-      else cb(null, s.isFile());
-    });
-  };
-
   const { imports } = await getEsImportsExports({
@@ -44,7 +38,4 @@ files,
     parserOptions,
-    exclude: join(moduleExportDirectory, '/**/*'),
-    resolveOptions: {
-      extensions: ['.js', '.json'],
-      isFile,
-    },
+    exclude: '/**/*.css',
+    resolveOptions,
   });
@@ -56,3 +47,3 @@
       first,
-      isInModuleExportsDirectory
+      endsWith('.css')
     )),
@@ -59,0 +50,0 @@ fromPairs

src/index.js

@@ -11,3 +11,3 @@ import {
 import generateHashedScopedName from './generateHashedScopedName';
-import getStyleImports from './getStyleImports';
+import getStyleImports, { defaultResolveOptions } from './getStyleImports';
 import patchGetScopedName, { UNUSED_EXPORT } from './patchGetScopedName';
@@ -19,3 +19,3 @@ import getStyleExports from './getStyleExports';
 
-export { defaultParser, defaultParserOptions, UNUSED_EXPORT };
+export { defaultParser, defaultParserOptions, defaultResolveOptions, UNUSED_EXPORT };
 
@@ -31,3 +31,3 @@
 export default postcss.plugin('postcss-modules', ({
-  moduleExportDirectory,
+  moduleExportDirectory, // removed
   jsFiles,
@@ -41,2 +41,3 @@ getJsExports = saveJsExports,
   parserOptions = defaultParserOptions,
+  resolveOptions = defaultResolveOptions,
   Loader,
@@ -46,6 +47,10 @@ } = {}) => {
 
+  if (moduleExportDirectory) {
+    // FIXME: Remove in v2
+    console.log('You no longer need to specify a module export directory. The API will work the same as before'); // eslint-disable-line
+  }
+
   const lazyGetDependencies = () => {
     if (!styleImportsPromise) {
       styleImportsPromise = getStyleImports({
-        moduleExportDirectory: resolveCwd(moduleExportDirectory),
         jsFiles: resolveCwds(jsFiles),
@@ -55,2 +60,3 @@ recurse,
         parserOptions,
+        resolveOptions,
       });
@@ -89,3 +95,3 @@ }
       .then(({ styleImports, typesPerName }) => new Promise((res, rej) => {
-        const jsExports = styleImports[`${file}.js`];
+        const jsExports = styleImports[file];
 
@@ -92,0 +98,0 @@ postcss([...plugins, cssParser.plugin, removeClasses([UNUSED_EXPORT])])

src/patchGetScopedName.js

@@ -32,4 +32,3 @@ import { overEvery, overSome, equals, negate, includes, get } from 'lodash/fp';
 
-    const exportFile = `${filename}.js`;
-    const styleImport = styleImports[exportFile];
+    const styleImport = styleImports[filename];
 
@@ -49,3 +48,3 @@ const isClass = css.indexOf(`.${name}`) !== -1;
 
-    const currentValue = get([exportFile, name], scopedNames);
+    const currentValue = get([filename, name], scopedNames);
 
@@ -64,3 +63,3 @@ if (currentValue) return currentValue;
 
-    mutateSet(scopedNames, [exportFile, name], value);
+    mutateSet(scopedNames, [filename, name], value);
     mutateSet(typesPerName, [name], type);
@@ -67,0 +66,0 @@

test/index.js

 import test from 'ava';
-import { forEach, flow, map } from 'lodash/fp';
+import { forEach, flow, map, startsWith, update, union } from 'lodash/fp';
 import { join } from 'path';
@@ -7,3 +7,3 @@ import { parse } from 'espree';
 import postcss from 'postcss';
-import modulesEs, { defaultParserOptions, UNUSED_EXPORT } from '../src';
+import modulesEs, { defaultParserOptions, defaultResolveOptions, UNUSED_EXPORT } from '../src';
 
@@ -22,2 +22,6 @@ const baseDir = join(__dirname, 'cases');
 const animationsDuplicateNames = join(baseDir, 'animations-duplicate-names');
+const multipleStyleDirectories = join(baseDir, 'multiple-style-directories');
+const noCss = join(baseDir, 'no-css');
+const noCssWithBinding = join(baseDir, 'no-css-with-binding');
+const jsxFile = join(baseDir, 'jsx-file');
 
@@ -33,5 +37,4 @@ const parseWithDefaultOptions = contents => parse(contents, defaultParserOptions);
 
-  const moduleExportDirectory = join(localImports, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
-  const typography = join(moduleExportDirectory, 'typography.css');
+  const button = join(localImports, 'styles/button.css');
+  const typography = join(localImports, 'styles/typography.css');
 
@@ -41,3 +44,2 @@ const processor = postcss([
       jsFiles: join(localImports, 'App.js'),
-      moduleExportDirectory,
       getJsExports(name, jsFile) {
@@ -69,5 +71,4 @@ styleExportsIsValid(jsFile);
 
-  const moduleExportDirectory = join(localImports, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
-  const typography = join(moduleExportDirectory, 'typography.css');
+  const button = join(localImports, 'styles/button.css');
+  const typography = join(localImports, 'styles/typography.css');
 
@@ -82,3 +83,2 @@ const processor = postcss([
       recurse: false,
-      moduleExportDirectory,
       getJsExports(name, jsFile) {
@@ -110,4 +110,3 @@ styleExportsIsValid(jsFile);
 
-  const moduleExportDirectory = join(unusedExport, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
+  const button = join(unusedExport, 'styles/button.css');
 
@@ -117,3 +116,2 @@ const processor = postcss([
       jsFiles: join(unusedExport, 'App.js'),
-      moduleExportDirectory,
       getJsExports(name, jsFile) {
@@ -139,4 +137,3 @@ styleExportsIsValid(jsFile);
 
-  const moduleExportDirectory = join(unusedExport, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
+  const button = join(unusedExport, 'styles/button.css');
 
@@ -146,3 +143,2 @@ const processor = postcss([
       jsFiles: join(unusedExport, 'App.js'),
-      moduleExportDirectory,
       removeUnusedClasses: false,
@@ -165,4 +161,3 @@ getJsExports() {},
 
-  const moduleExportDirectory = join(defaultImport, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
+  const button = join(defaultImport, 'styles/button.css');
 
@@ -172,3 +167,2 @@ const processor = postcss([
       jsFiles: join(defaultImport, 'App.js'),
-      moduleExportDirectory,
       getJsExports(name, jsFile) {
@@ -197,4 +191,3 @@ styleExportsIsValid(jsFile);
 
-  const moduleExportDirectory = join(namespaceImport, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
+  const button = join(namespaceImport, 'styles/button.css');
 
@@ -204,3 +197,2 @@ const processor = postcss([
       jsFiles: join(namespaceImport, 'App.js'),
-      moduleExportDirectory,
       getJsExports(name, jsFile) {
@@ -224,4 +216,3 @@ styleExportsIsValid(jsFile);
 
-  const moduleExportDirectory = join(namespaceImportInvalidExportKeyword, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
+  const button = join(namespaceImportInvalidExportKeyword, 'styles/button.css');
 
@@ -231,3 +222,2 @@ const processor = postcss([
       jsFiles: join(namespaceImportInvalidExportKeyword, 'App.js'),
-      moduleExportDirectory,
       getJsExports() {},
@@ -247,4 +237,3 @@ }),
 
-  const moduleExportDirectory = join(namespaceImportInvalidExportHyphen, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
+  const button = join(namespaceImportInvalidExportHyphen, 'styles/button.css');
 
@@ -254,3 +243,2 @@ const processor = postcss([
       jsFiles: join(namespaceImportInvalidExportHyphen, 'App.js'),
-      moduleExportDirectory,
       getJsExports() {},
@@ -270,4 +258,3 @@ }),
 
-  const moduleExportDirectory = join(composesImport, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
+  const button = join(composesImport, 'styles/button.css');
 
@@ -277,3 +264,2 @@ const processor = postcss([
       jsFiles: join(composesImport, 'App.js'),
-      moduleExportDirectory,
       getJsExports(name, jsFile) {
@@ -297,4 +283,3 @@ styleExportsIsValid(jsFile);
 
-  const moduleExportDirectory = join(animations, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
+  const button = join(animations, 'styles/button.css');
 
@@ -304,3 +289,2 @@ const processor = postcss([
       jsFiles: join(animations, 'App.js'),
-      moduleExportDirectory,
       getJsExports(name, jsFile) {
@@ -325,4 +309,3 @@ styleExportsIsValid(jsFile);
 
-  const moduleExportDirectory = join(animationsDuplicateNames, 'styles');
-  const button = join(moduleExportDirectory, 'button.css');
+  const button = join(animationsDuplicateNames, 'styles/button.css');
 
@@ -332,3 +315,2 @@ const processor = postcss([
       jsFiles: join(animationsDuplicateNames, 'App.js'),
-      moduleExportDirectory,
       getJsExports() {},
@@ -347,1 +329,107 @@ }),
 });
+
+test.serial('works with multiple style files', t => {
+  t.plan(6);
+
+  const button = join(multipleStyleDirectories, 'button/button.css');
+  const typography = join(multipleStyleDirectories, 'typography/typography.css');
+
+  const processor = postcss([
+    modulesEs({
+      jsFiles: join(multipleStyleDirectories, 'App.js'),
+      getJsExports(name, jsFile) {
+        styleExportsIsValid(jsFile);
+        t.pass();
+      },
+    }),
+  ]);
+
+  return Promise.all([
+    processor
+      .process(readFileSync(button, 'utf-8'), { from: button })
+      .then(({ css, messages }) => {
+        t.is(css.indexOf(UNUSED_EXPORT), -1);
+        t.is(messages.length, 0);
+      }),
+    processor
+      .process(readFileSync(typography, 'utf-8'), { from: typography })
+      .then(({ css, messages }) => {
+        t.is(css.indexOf(UNUSED_EXPORT), -1);
+        t.is(messages.length, 0);
+      }),
+  ]);
+});
+
+test.serial('it will throw when the css file is not found', t => {
+  t.plan(1);
+
+  const button = join(localImports, 'styles/button.css'); // any file will do here
+
+  const processor = postcss([
+    modulesEs({
+      jsFiles: join(noCss, 'App.js'),
+    }),
+  ]);
+
+  return processor
+    .process(readFileSync(button, 'utf-8'), { from: button })
+    .catch((e) => {
+      t.true(startsWith('Cannot find module \'./styles/button.css\'', e.message));
+    });
+});
+
+test.serial('it will ignore binding files when the css file is not found', t => {
+  t.plan(1);
+
+  const button = join(localImports, 'styles/button.css'); // any file will do here
+
+  const processor = postcss([
+    modulesEs({
+      jsFiles: join(noCssWithBinding, 'App.js'),
+    }),
+  ]);
+
+  return processor
+    .process(readFileSync(button, 'utf-8'), { from: button })
+    .catch((e) => {
+      t.true(startsWith('Cannot find module \'./styles/button.css\'', e.message));
+    });
+});
+
+test.serial('does not by default include jsx files', t => {
+  t.plan(1);
+
+  const button = join(jsxFile, 'styles/button.css');
+
+  const processor = postcss([
+    modulesEs({
+      jsFiles: join(jsxFile, 'index.js'),
+    }),
+  ]);
+
+  return processor
+    .process(readFileSync(button, 'utf-8'), { from: button })
+    .catch((e) => {
+      t.true(startsWith('Cannot find module \'./App\'', e.message));
+    });
+});
+
+test.serial('will parse jsx with custom resolve options', t => {
+  t.plan(1);
+
+  const button = join(jsxFile, 'styles/button.css');
+
+  const processor = postcss([
+    modulesEs({
+      jsFiles: join(jsxFile, 'index.js'),
+      getJsExports() {},
+      resloveOptions: update('extensions', union(['jsx']), defaultResolveOptions),
+    }),
+  ]);
+
+  return processor
+    .process(readFileSync(button, 'utf-8'), { from: button })
+    .catch(() => {
+      t.pass();
+    });
+});

No alert changes

Improved metrics

Total package byte prevSize

439555

0.93%

Number of package files

54

25.58%

Lines of code

1128

15.46%

Worsened metrics

Number of lines in readme file

78

-6.02%

Dependency changes

• Updated

  lodash@^4.12.0