@putout/plugin-esm 9.1.0 → 9.2.0

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@putout/plugin-esm",
-  "version": "9.1.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",