@putout/plugin-esm 9.0.0 → 9.2.0

package/README.md

@@ -19,6 +19,7 @@ npm i putout @putout/plugin-esm -D
 ## Rules
 
 - ✅ [add-index-to-import](#add-index-to-import);
+- ✅ [apply-default-import](#apply-default-import);
 - ✅ [apply-export-from](#apply-export-from);
 - ✅ [convert-assert-to-with](#convert-assert-to-with);
 - ✅ [declare-imports-first](#declare-imports-first);
@@ -47,6 +48,7 @@ npm i putout @putout/plugin-esm -D
 {
     "rules": {
         "esm/add-index-to-import": "on",
+        "esm/apply-default-import": "on",
         "esm/apply-export-from": "on",
         "esm/declare-imports-first": "on",
         "esm/group-imports-by-source": "on",
@@ -72,6 +74,26 @@ npm i putout @putout/plugin-esm -D
 
 ## Rules
 
+### apply-default-import
+
+> The static `import` declaration is used to import read-only live bindings which are exported by another module.
+>
+> (c) [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import)
+
+Check out 🐊[**Putout Editor**](https://putout.cloudcmd.io/#/gist/83dcc8478ac794cbe11df41a80a08cbe/8270019356b6f8ea21233d6eb1edccec69e708bb).
+
+#### ❌ Example of incorrect code
+
+```js
+import {default as a} from 'a';
+```
+
+#### ✅ Example of correct code
+
+```js
+import a from 'a';
+```
+
 ### apply-export-from
 
 > The `export` declaration is used to export values from a JavaScript module.

package/lib/apply-default-import/index.js

@@ -0,0 +1,5 @@
+export const report = () => `Use default import`;
+
+export const replace = () => ({
+    'import {default as __a} from "__b"': 'import __a from "__b"',
+});

package/lib/apply-name-to-imported-file/apply-named-import/index.js

@@ -1,8 +1,26 @@
-import {types} from 'putout';
+import {types, operator} from 'putout';
 
-const {isImportDefaultSpecifier} = types;
+const {getTemplateValues} = operator;
+const {
+    isImportDefaultSpecifier,
+    isVariableDeclaration,
+} = types;
+
+const DYNAMIC = 'const __identifier__a = await import(__b)';
 
 export const report = (path) => {
+    if (isVariableDeclaration(path)) {
+        const {
+            __identifier__a,
+            __b,
+        } = getTemplateValues(path, DYNAMIC);
+        
+        const {name} = __identifier__a;
+        const source = __b.value;
+        
+        return `'const ${name} = await import("${source}")' -> 'const {${name}} = await import("${source}")'`;
+    }
+    
     const source = path.node.source.value;
     const {specifiers} = path.node;
     const [first] = specifiers;
@@ -24,6 +42,7 @@ export const replace = ({options}) => {
     const {name, source} = options;
     
     return {
+        [`const ${name} = await import("${source}")`]: `const {${name}} = await import("${source}")`,
         [`import ${name} from "${source}"`]: `import {${name}} from "${source}"`,
         [`export * as ${name} from "${source}"`]: `export {${name}} from "${source}"`,
     };

package/lib/apply-name-to-imported-file/get-imports/index.js

@@ -1,10 +1,17 @@
-import {types} from 'putout';
+import {types, operator} from 'putout';
 
-const {isImportDefaultSpecifier} = types;
+const {getTemplateValues} = operator;
+const {
+    isImportDefaultSpecifier,
+    isVariableDeclaration,
+} = types;
+
+const DYNAMIC = 'const __identifier__a = await import(__b)';
 
 export const include = () => [
     'import __a from "__b"',
     'export * as __a from "__b"',
+    DYNAMIC,
 ];
 
 export const report = (path) => {
@@ -26,6 +33,19 @@ const CommentLine = (value) => ({
 });
 
 const getImport = (path) => {
+    if (isVariableDeclaration(path)) {
+        const {
+            __identifier__a,
+            __b,
+        } = getTemplateValues(path, DYNAMIC);
+        
+        return [
+            __identifier__a.name,
+            __b.value,
+            'dynamic',
+        ];
+    }
+    
     const source = path.node.source.value;
     const [first] = path.node.specifiers;
     

package/lib/apply-name-to-imported-file/index.js

@@ -17,11 +17,13 @@ const {
 
 export const report = (file, {name, source, type}) => {
     const filename = getFilename(file);
+    const reports = {
+        import: `Use \`import {${name}} from '${source}'\` in '${filename}'`,
+        dynamic: `Use \`const {${name}} = await import('${source}')\` in '${filename}'`,
+        export: `Use \`export {${name}} from '${source}'\` in '${filename}'`,
+    };
     
-    if (type === 'import')
-        return `Use \`import {${name}} from '${source}'\` in '${filename}'`;
-    
-    return `Use \`export {${name}} from '${source}'\` in '${filename}'`;
+    return reports[type];
 };
 
 export const fix = (file, {name, source, content, ast}) => {

package/lib/index.js

@@ -1,3 +1,4 @@
+import * as applyDefaultImport from './apply-default-import/index.js';
 import * as applyExportFrom from './apply-export-from/index.js';
 import * as applyJsImportedFile from './apply-js-imported-file/index.js';
 import * as applyNameToImportedFile from './apply-name-to-imported-file/index.js';
@@ -37,4 +38,5 @@ export const rules = {
     'apply-namespace-to-imported-file': ['off', applyNamespaceToImportedFile],
     'apply-privately-imported-file': ['off', applyPrivatelyImportedFile],
     'apply-js-imported-file': ['off', applyJsImportedFile],
+    'apply-default-import': applyDefaultImport,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@putout/plugin-esm",
-  "version": "9.0.0",
+  "version": "9.2.0",
   "type": "module",
   "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
   "description": "🐊Putout plugin improves ability to transform ESM code",