feature: @putout/plugin-esm: apply-name-to-imported-file: dynamic

Author: coderaiser

packages/plugin-esm/lib/apply-name-to-imported-file/apply-named-import/fixture/dynamic.js

@@ -0,0 +1 @@
+const a = await import('./a.js');

packages/plugin-esm/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}"`,
     };

packages/plugin-esm/lib/apply-name-to-imported-file/apply-named-import/index.spec.js

@@ -38,3 +38,11 @@ test('putout: plugin-esm: apply-name-to-imported-file: apply-named-import: repor
     });
     t.end();
 });
+
+test('putout: plugin-esm: apply-name-to-imported-file: apply-named-import: report with options: dynamic', (t) => {
+    t.reportWithOptions('dynamic', `'const a = await import("./a.js")' -> 'const {a} = await import("./a.js")'`, {
+        name: 'a',
+        source: './a.js',
+    });
+    t.end();
+});

packages/plugin-esm/lib/apply-name-to-imported-file/fixture/dynamic-fix.js

@@ -0,0 +1,11 @@
+__putout_processor_filesystem([
+    "/",
+    "/lib/",
+    ["/lib/index.js", "Y29uc3Qge2RvdGRvdH0gPSBhd2FpdCBpbXBvcnQoJy4vYi9pbmRleC5qcycpOwo="],
+    ["/lib/a.js", "CiAgICAgICAgaW1wb3J0IGRvdGRvdCBmcm9tICcuL2MuanMnOwogICAg"],
+    "/lib/b/",
+    [
+        "/lib/b/index.js",
+        "export const dotdot = 7\n"
+    ]
+]);

packages/plugin-esm/lib/apply-name-to-imported-file/fixture/dynamic.js

@@ -0,0 +1,12 @@
+__putout_processor_filesystem([
+    '/',
+    '/lib/',
+    ['/lib/index.js', `
+        const dotdot  = await import('./b/index.js');
+    `],
+    ['/lib/a.js', `
+        import dotdot from './c.js';
+    `],
+    '/lib/b/',
+    ['/lib/b/index.js', 'export const dotdot = 7\\n'],
+]);

packages/plugin-esm/lib/apply-name-to-imported-file/get-imports/fixture/dynamic-destructure.js

@@ -0,0 +1 @@
+const {read} = await import('./vfs/read/index.js');

packages/plugin-esm/lib/apply-name-to-imported-file/get-imports/fixture/dynamic.js

@@ -0,0 +1 @@
+const read = await import('./vfs/read/index.js');

packages/plugin-esm/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;
 

packages/plugin-esm/lib/apply-name-to-imported-file/get-imports/index.spec.js

@@ -21,3 +21,13 @@ test('esm: get-imports: report: export', (t) => {
     t.report('export', 'read <- ./vfs/read/index.js <- export');
     t.end();
 });
+
+test('esm: get-imports: report: dynamic', (t) => {
+    t.report('dynamic', 'read <- ./vfs/read/index.js <- dynamic');
+    t.end();
+});
+
+test('esm: get-imports: no report: dynamic-destructure', (t) => {
+    t.noReport('dynamic-destructure');
+    t.end();
+});

packages/plugin-esm/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}) => {