@putout/plugin-esm 7.0.0 → 7.1.0

package/README.md

@@ -36,6 +36,7 @@ npm i putout @putout/plugin-esm -D
 
 - ✅ [apply-namespace-import-file](#resolve-imported-file);
 - ✅ [apply-privately-imported-file](#apply-privately-imported-file);
+- ✅ [apply-js-imported-file](#apply-js-imported-file);
 - ✅ [resolve-imported-file](#resolve-imported-file);
 - ✅ [shorten-imported-file](#shorten-imported-file);
 
@@ -57,6 +58,7 @@ npm i putout @putout/plugin-esm -D
             "ignore": []
         }],
         "esm/sort-imports-by-specifiers": "on",
+        "esm/apply-js-imported-file": "off",
         "esm/resolve-imported-file": "off",
         "esm/shorten-imported-file": "off",
         "esm/apply-namespace-of-file": "off",
@@ -534,6 +536,36 @@ import {parseProcessorNames} from '../processors/parse-processor-names.js';
 import {parseProcessorNames} from './parse-processor-names.js';
 ```
 
+### apply-js-imported-file
+
+Check out in 🐊**Putout Editor**:
+
+- ✅ [`get-imports`](https://putout.cloudcmd.io/#/gist/ee10100fed86e4db926885dd54298668/7538bca7a9ae006d976f41261c0ed4c0e1902ace);
+- ✅ [`change-imports`](https://putout.cloudcmd.io/#/gist/23a6dc6741b772c03fbed95feda2b451/1fbecac6fc40282bcda0593aa666a8c213ef85b7);
+
+Let's consider file structure:
+
+```
+/
+|-- lib/
+|  `-- index.js
+|  `-- a.js
+```
+
+In this case `index.js` can be fixed:
+
+#### ❌ Example of incorrect code
+
+```js
+import a from './a.mjs';
+```
+
+#### ✅ Example of correct code
+
+```js
+import a from './a.js';
+```
+
 ## License
 
 MIT

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

@@ -0,0 +1,148 @@
+import {dirname} from 'node:path';
+import {tryCatch} from 'try-catch';
+import {
+    parse,
+    print,
+    transform,
+    operator,
+} from 'putout';
+import * as getImports from '../shorten-imported-file/get-imports/index.js';
+import * as changeImports from '../resolve-imported-file/change-imports/index.js';
+
+const {
+    getFilename,
+    getFileType,
+    getParentDirectory,
+    readFileContent,
+    writeFileContent,
+    readDirectory,
+} = operator;
+
+const {parse: parseJson} = JSON;
+
+const getMessage = (a) => a.message;
+const applyJS = (a) => a.replace(/\.[cm]js$/, '.js');
+
+export const report = (file, {from, to}) => `Apply 'js' imported source: '${from}' -> '${to}'`;
+export const fix = (file, {content, ast, from, to}) => {
+    transform(ast, content, {
+        rules: {
+            'change-imports': ['on', {
+                from,
+                to,
+            }],
+        },
+        plugins: [
+            ['change-imports', changeImports],
+        ],
+    });
+    
+    const newContent = print(ast);
+    
+    writeFileContent(file, newContent);
+};
+
+export const scan = (rootPath, {push, trackFile}) => {
+    const mask = [
+        '*.js',
+        '*.mjs',
+    ];
+    
+    const getPackageType = createGetPackageType();
+    
+    for (const file of trackFile(rootPath, mask)) {
+        const content = readFileContent(file);
+        
+        if (!content.includes('import'))
+            continue;
+        
+        const ast = parse(content);
+        
+        const places = transform(ast, content, {
+            plugins: [
+                ['get-imports', getImports],
+            ],
+        });
+        
+        const imports = places.map(getMessage);
+        const type = getPackageType(file);
+        
+        if (!type)
+            continue;
+        
+        for (const from of imports) {
+            const to = applyJS(from);
+            
+            if (type === 'module' && from.endsWith('.mjs')) {
+                push(file, {
+                    from,
+                    to,
+                    content,
+                    ast,
+                });
+                continue;
+            }
+            
+            if (type === 'commonjs' && from.endsWith('.cjs')) {
+                push(file, {
+                    from,
+                    to,
+                    content,
+                    ast,
+                });
+                continue;
+            }
+        }
+    }
+};
+
+const createGetPackageType = (importsCache = new Map()) => (file) => {
+    const filename = getFilename(file);
+    const dir = dirname(filename);
+    
+    if (importsCache.has(dir))
+        return importsCache.get(dir);
+    
+    const [, packagePath] = findPackage(file);
+    
+    if (!packagePath) {
+        importsCache.set(dir, 'commonjs');
+        return 'commonjs';
+    }
+    
+    const packageContent = readFileContent(packagePath);
+    const [error, packageJson] = tryCatch(parseJson, packageContent);
+    
+    if (error) {
+        importsCache.set(dir, '');
+        return '';
+    }
+    
+    const {type = 'commonjs'} = packageJson;
+    
+    importsCache.set(dir, type);
+    
+    return type;
+};
+
+function findPackage(file) {
+    const parentDirectory = getParentDirectory(file);
+    const directoryName = getFilename(parentDirectory);
+    
+    for (const currentFile of readDirectory(parentDirectory)) {
+        const type = getFileType(currentFile);
+        
+        if (type === 'directory')
+            continue;
+        
+        const currentName = getFilename(currentFile);
+        
+        if (currentName.endsWith('package.json'))
+            return [directoryName, currentFile];
+    }
+    
+    if (directoryName === '/')
+        return [];
+    
+    return findPackage(parentDirectory);
+}

package/lib/index.js

@@ -1,4 +1,5 @@
 import * as applyExportFrom from './apply-export-from/index.js';
+import * as applyJsImportedFile from './apply-js-imported-file/index.js';
 import * as mergeExportDeclarations from './merge-export-declarations/index.js';
 import * as removeUselessExportSpecifiers from './remove-useless-export-specifiers/index.js';
 import * as mergeDeclarationWithExport from './merge-declaration-with-export/index.js';
@@ -35,4 +36,5 @@ export const rules = {
     'shorten-imported-file': ['off', shortenImportedFile],
     'apply-namespace-import-to-file': ['off', applyNamespaceImportToFile],
     'apply-privately-imported-file': ['off', applyPrivatelyImportedFile],
+    'apply-js-imported-file': ['off', applyJsImportedFile],
 };

package/lib/shorten-imported-file/get-imports/index.js

@@ -12,5 +12,5 @@ export const filter = (path) => {
     if (!value.startsWith('.'))
         return false;
     
-    return /\.m?js/.test(value);
+    return /\.[mc]?js/.test(value);
 };

package/package.json

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