feature: @putout/plugin-esm: group-imports-by-source: css first

Author: coderaiser

packages/plugin-esm/lib/group-imports-by-source/fixture/css.js

@@ -0,0 +1,3 @@
+import '#css/view.css';
+import rendy from 'rendy';
+import currify from 'currify';

packages/plugin-esm/lib/group-imports-by-source/index.js

@@ -25,10 +25,11 @@ export const fix = ({grouped}) => {
 
 export const traverse = ({push}) => ({
     Program(path) {
-        const external = [];
-        const internal = [];
+        const css = [];
         const builtin = [];
+        const external = [];
         const hashed = [];
+        const internal = [];
         const all = path.get('body').filter(isImportDeclaration);
 
         if (!all.length)
@@ -37,6 +38,11 @@ export const traverse = ({push}) => ({
         for (const current of all) {
             const {value} = current.node.source;
 
+            if (value.endsWith('.css')) {
+                css.push(current);
+                continue;
+            }
+            
             if (value.startsWith('.')) {
                 internal.push(current);
                 continue;
@@ -56,6 +62,7 @@ export const traverse = ({push}) => ({
         }
 
         const grouped = [
+            ...css,
             ...builtin,
             ...external,
             ...hashed,

packages/plugin-esm/lib/group-imports-by-source/index.spec.js

@@ -36,6 +36,11 @@ test('putout: group-imports-by-source: transform: comment', (t) => {
     t.end();
 });
 
+test('putout: group-imports-by-source: no report: css', (t) => {
+    t.noReport('css');
+    t.end();
+});
+
 test('putout: group-imports-by-source: transform: convert-esm-to-commonjs', (t) => {
     t.transform('convert-esm-to-commonjs', {
         convertEsmToCommonJS,