Sort and group imports (#381)

Author: calebeby

.changeset/ten-pets-pay.md

@@ -0,0 +1,14 @@
+---
+'@cloudfour/eslint-plugin': major
+---
+
+Sort imports
+
+**Newly Enabled Rules**
+
+- [`@cloudfour/import/order`](https://github.com/import-js/eslint-plugin-import/blob/v2.25.4/docs/rules/order.md)
+- [`sort-imports`](https://eslint.org/docs/rules/sort-imports)
+
+These rules sort imports into separate categories, with empty lines between the categories, and with the imports within a category sorted alphabetically. The variable bindings within an import statement are also sorted alphabetically.
+
+These rules are auto-fixable, however in some cases manual sorting may be needed. Occasionally, the auto-fix will detach comments from the import statements they refer to.

build.js

@@ -1,7 +1,8 @@
-const prettier = require('prettier');
 const { writeFileSync } = require('fs');
 const { join, sep } = require('path');
 
+const prettier = require('prettier');
+
 const { configs, environments } = require('./src/config');
 
 const resolveStart = '__REQUIRE_RESOLVE__';

fixtures/babel/packages/babel-helper-create-class-features-plugin/src/decorators.js

@@ -1,6 +1,6 @@
 import { types as t, template } from '@babel/core';
-import ReplaceSupers from '@babel/helper-replace-supers';
 import nameFunction from '@babel/helper-function-name';
+import ReplaceSupers from '@babel/helper-replace-supers';
 
 export function hasOwnDecorators(node) {
   return Boolean(node.decorators && node.decorators.length > 0);

fixtures/babel/packages/babel-helper-create-class-features-plugin/src/fields.js

@@ -1,10 +1,10 @@
 /* eslint-disable max-params */
-import { template, traverse, types as t } from '@babel/core';
+import { types as t, template, traverse } from '@babel/core';
+import memberExpressionToFunctions from '@babel/helper-member-expression-to-functions';
+import optimiseCall from '@babel/helper-optimise-call-expression';
 import ReplaceSupers, {
   environmentVisitor,
 } from '@babel/helper-replace-supers';
-import memberExpressionToFunctions from '@babel/helper-member-expression-to-functions';
-import optimiseCall from '@babel/helper-optimise-call-expression';
 
 import * as ts from './typescript';
 

fixtures/babel/packages/babel-plugin-transform-for-of/src/index.js

@@ -1,5 +1,5 @@
+import { types as t, template } from '@babel/core';
 import { declare } from '@babel/helper-plugin-utils';
-import { template, types as t } from '@babel/core';
 
 import transformWithoutHelper from './no-helper-implementation';
 

fixtures/babel/packages/babel-plugin-transform-modules-amd/src/index.js

@@ -1,15 +1,15 @@
-import { declare } from '@babel/helper-plugin-utils';
+import { types as t, template } from '@babel/core';
 import {
-  isModule,
-  rewriteModuleStatementsAndPrepareHeader,
-  hasExports,
-  isSideEffectImport,
   buildNamespaceInitStatements,
   ensureStatementsHoisted,
-  wrapInterop,
   getModuleName,
+  hasExports,
+  isModule,
+  isSideEffectImport,
+  rewriteModuleStatementsAndPrepareHeader,
+  wrapInterop,
 } from '@babel/helper-module-transforms';
-import { template, types as t } from '@babel/core';
+import { declare } from '@babel/helper-plugin-utils';
 import { getImportSource } from 'babel-plugin-dynamic-import-node/utils';
 
 const buildWrapper = template(`

fixtures/babel/packages/babel-plugin-transform-modules-commonjs/src/index.js

@@ -1,16 +1,15 @@
-import { declare } from '@babel/helper-plugin-utils';
+import { types as t, template } from '@babel/core';
 import {
-  isModule,
-  rewriteModuleStatementsAndPrepareHeader,
-  isSideEffectImport,
   buildNamespaceInitStatements,
   ensureStatementsHoisted,
-  wrapInterop,
   getModuleName,
+  isModule,
+  isSideEffectImport,
+  rewriteModuleStatementsAndPrepareHeader,
+  wrapInterop,
 } from '@babel/helper-module-transforms';
+import { declare } from '@babel/helper-plugin-utils';
 import simplifyAccess from '@babel/helper-simple-access';
-import { template, types as t } from '@babel/core';
-
 import { createDynamicImportTransform } from 'babel-plugin-dynamic-import-node/utils';
 
 export default declare((api, options) => {

fixtures/babel/packages/babel-plugin-transform-parameters/src/params.js

@@ -1,4 +1,4 @@
-import { template, types as t } from '@babel/core';
+import { types as t, template } from '@babel/core';
 
 const buildDefaultParam = template(`
   let VARIABLE_NAME =

fixtures/babel/packages/babel-plugin-transform-runtime/scripts/build-dist.js

@@ -1,15 +1,15 @@
 'use strict';
 
 const path = require('path');
-const outputFile = require('output-file-sync');
-const helpers = require('@babel/helpers');
+
 const babel = require('@babel/core');
+const helpers = require('@babel/helpers');
+const runtimeVersion = require('@babel/runtime/package.json').version;
 const template = require('@babel/template');
 const t = require('@babel/types');
+const outputFile = require('output-file-sync');
 
 const transformRuntime = require('..');
-
-const runtimeVersion = require('@babel/runtime/package.json').version;
 const corejs2Definitions =
   require('../lib/runtime-corejs2-definitions').default();
 const corejs3Definitions =

fixtures/cloudfour.com-patterns/gulpfile.js/tasks/svg-to-twig.js

@@ -1,11 +1,12 @@
+const { readFileSync } = require('fs');
+const path = require('path');
+
 const { src, dest } = require('gulp');
-const svgmin = require('gulp-svgmin');
 const rename = require('gulp-rename');
-const { obj } = require('through2');
-const ltx = require('ltx');
+const svgmin = require('gulp-svgmin');
 const yaml = require('js-yaml');
-const path = require('path');
-const { readFileSync } = require('fs');
+const ltx = require('ltx');
+const { obj } = require('through2');
 
 // Load SVGO preferences from config file to keep things DRY
 const svgoPath = path.join(__dirname, '../../.svgo.yml');