Improve exports in package.json

Author: cfraz89

.gitignore

@@ -3,4 +3,5 @@ node_modules
 .history
 plugin.js
 plugin.js.map
+esm
 standalone

package.json

@@ -3,17 +3,28 @@
     "version": "2.3.1",
     "description": "Svelte plugin for prettier",
     "main": "plugin.js",
-    "browser": {
-        "./plugin.js": "./standalone/index.js",
-        "./plugin.mjs": "./standalone/index.mjs"
+    "module": "esm/plugin.mjs",
+    "exports": {
+        ".": {
+            "browser": {
+                "import": "./esm/standalone/index.mjs",
+                "default": "./standalone/index.js"
+            },
+            "import": "./esm/plugin.mjs",
+            "default": "./plugin.js"
+        },
+        "./standalone": {
+            "import": "./esm/standalone/index.mjs",
+            "default": "./standalone/index.js"
+        }
     },
     "files": [
         "plugin.js",
         "plugin.js.map",
-        "standalone/index.js",
-        "standalone/index.js.map",
-        "standalone/index.mjs",
-        "standalone/index.mjs.map"
+        "esm/**/*.mjs",
+        "esm/**/*.mjs.map",
+        "standalone/**/*.js",
+        "standalone/**/*.js.map"
     ],
     "scripts": {
         "build": "rollup -c && rollup -c rollup.standalone.cjs.config.js && rollup -c rollup.standalone.esm.config.js",

rollup.config.js

@@ -6,9 +6,16 @@ export default {
     input: 'src/index.ts',
     plugins: [resolve(), commonjs(), typescript()],
     external: ['prettier', 'svelte'],
-    output: {
-        file: 'plugin.js',
-        format: 'cjs',
-        sourcemap: true,
-    },
+    output: [
+        {
+            file: 'plugin.js',
+            format: 'cjs',
+            sourcemap: true,
+        },
+        {
+            file: 'esm/plugin.mjs',
+            format: 'esm',
+            sourcemap: true,
+        },
+    ],
 };

rollup.standalone.cjs.config.js

@@ -3,7 +3,6 @@ import commonjs from '@rollup/plugin-commonjs';
 import typescript from 'rollup-plugin-typescript';
 import inject from '@rollup/plugin-inject';
 import alias from '@rollup/plugin-alias';
-import path from 'path';
 
 export default {
     input: 'src/index.ts',

rollup.standalone.esm.config.js

@@ -24,7 +24,7 @@ export default {
     ],
     external: ['prettier/esm/standalone', 'svelte'],
     output: {
-        file: 'standalone/index.mjs',
+        file: 'esm/standalone/index.mjs',
         format: 'esm',
         sourcemap: true,
     },