@putout/plugin-esm 9.9.0 → 9.10.0

package/README.md

@@ -20,6 +20,7 @@ npm i putout @putout/plugin-esm -D
 
 - ✅ [apply-default-import](#apply-default-import);
 - ✅ [apply-export-from](#apply-export-from);
+- ✅ [apply-import-import](#apply-import-attributes);
 - ✅ [convert-assert-to-with](#convert-assert-to-with);
 - ✅ [declare-imports-first](#declare-imports-first);
 - ✅ [group-imports-by-source](#group-imports-by-source);
@@ -48,6 +49,7 @@ npm i putout @putout/plugin-esm -D
     "rules": {
         "esm/apply-default-import": "on",
         "esm/apply-export-from": "on",
+        "esm/apply-import-attirbutes": "on",
         "esm/declare-imports-first": "on",
         "esm/group-imports-by-source": "on",
         "esm/merge-duplicate-imports": "on",
@@ -122,6 +124,42 @@ export * as ns from 'x';
 export {createAsyncLoader} from './load/async-loader.js';
 ```
 
+### apply-import-attributes
+
+> The **import attributes** feature instructs the runtime about how a module should be loaded, including the behavior of module resolution, fetching, parsing, and evaluation.
+>
+> (c) [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import/with)
+
+Check out 🐊[**Putout Editor**](https://putout.cloudcmd.io/#/gist/d8d428c2555bacd69d530f84a41ab98e/15d41cf9153b3d2513c2bdf37d36c5276c6f6f95).
+
+#### ❌ Example of incorrect code
+
+```js
+import a from '../package.json';
+
+export __export from './package.json';
+
+await import('./package.json');
+```
+
+#### ✅ Example of correct code
+
+```js
+import a from '../package.json' with {
+    type: 'json',
+};
+
+export __export from './package.json' with {
+type: 'json',
+};
+
+await import('./package.json', {
+    with: {
+        type: 'json',
+    },
+});
+```
+
 ### merge-declaration-with-export
 
 Checkout in 🐊[**Putout Editor**](https://putout.cloudcmd.io/#/gist/3fad517d76942d0a1f51d7f58a2799af/7a052ab18a31fa382228d6513c412be37091cfb8).

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

@@ -0,0 +1,42 @@
+import {types} from 'putout';
+
+const {isStringLiteral} = types;
+const TYPES = {
+    ImportDeclaration: 'import',
+    ExportNamedDeclaration: 'export',
+    ImportExpression: 'import',
+};
+
+export const report = (path) => {
+    const type = TYPES[path.type];
+    return `Use \`${type} with {type: 'json'}\``;
+};
+
+export const match = () => ({
+    'import __imports from "__a"': ({__a}) => {
+        return __a.value.endsWith('.json');
+    },
+    'export __exports from "__a"': ({__a}) => {
+        return __a.value.endsWith('.json');
+    },
+    'import(__a)': ({__a}) => {
+        if (!isStringLiteral(__a))
+            return false;
+        
+        return __a.value.endsWith('.json');
+    },
+});
+
+export const replace = () => ({
+    'import __imports from "__a"': `import __imports from "__a" with {
+        type: 'json',
+    }`,
+    'export __exports from "__a"': `export __exports from "__a" with {
+        type: 'json',
+    }`,
+    'import(__a)': `import(__a, {
+        with: {
+            type: 'json',
+        }
+    })`,
+});

package/lib/index.js

@@ -1,3 +1,4 @@
+import * as applyImportAttributes from './apply-import-attributes/index.js';
 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';
@@ -39,4 +40,5 @@ export const rules = {
     'apply-privately-imported-file': ['off', applyPrivatelyImportedFile],
     'apply-js-imported-file': ['off', applyJsImportedFile],
     'apply-default-import': applyDefaultImport,
+    'apply-import-attributes': applyImportAttributes,
 };

package/package.json

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