feat: provide modern exports

Signed-off-by: Jakub Freisler <[email protected]>

Author: FRSgit

README.md

@@ -70,18 +70,18 @@ Next, you need to import the library:
 - first, in your support file (located by default in `cypress/support/index.js`):
 ```ts
 // typescript / ES6
-import '@frsource/cypress-plugin-visual-regression-diff/dist/support';
+import '@frsource/cypress-plugin-visual-regression-diff';
 
 // javascript
-require('@frsource/cypress-plugin-visual-regression-diff/dist/support');
+require('@frsource/cypress-plugin-visual-regression-diff');
 ```
 
 - secondly:
   - (for Cypress 10.0+) in `cypress.config.js` (or `cypress.config.ts`):
 ```ts
 // typescript / ES6
 import { defineConfig } from 'cypress';
-import { initPlugin } from '@frsource/cypress-plugin-visual-regression-diff/dist/plugins';
+import { initPlugin } from '@frsource/cypress-plugin-visual-regression-diff/plugins';
 
 export default defineConfig({
   // setupNodeEvents can be defined in either
@@ -96,7 +96,7 @@ export default defineConfig({
   - (for Cypress <10.0) in your plugins file (located by default in `cypress/plugins/index.js`):
 ```ts
 // typescript / ES6
-import { initPlugin } from '@frsource/cypress-plugin-visual-regression-diff/dist/plugins';
+import { initPlugin } from '@frsource/cypress-plugin-visual-regression-diff/plugins';
 
 export default function (on: Cypress.PluginEvents, config: Cypress.PluginConfigOptions) {
   initPlugin(on, config);
@@ -105,7 +105,7 @@ export default function (on: Cypress.PluginEvents, config: Cypress.PluginConfigO
 };
 
 // javascript
-const { initPlugin } = require('@frsource/cypress-plugin-visual-regression-diff/dist/plugins');
+const { initPlugin } = require('@frsource/cypress-plugin-visual-regression-diff/plugins');
 
 module.exports = function (on, config) {
   initPlugin(on, config);

package.json

@@ -7,9 +7,34 @@
   "sideEffects": [
     "./dist/**"
   ],
+  "main": "dist/support.js",
+  "types": "dist/support.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/support.d.ts",
+      "import": "./dist/support.mjs",
+      "default": "./dist/support.js"
+    },
+    "./support": {
+      "types": "./dist/support.d.ts",
+      "import": "./dist/support.mjs",
+      "default": "./dist/support.js"
+    },
+    "./plugins": {
+      "types": "./dist/plugins.d.ts",
+      "import": "./dist/plugins.mjs",
+      "default": "./dist/plugins.js"
+    },
+    "./constants": {
+      "types": "./dist/constants.d.ts",
+      "import": "./dist/constants.mjs",
+      "default": "./dist/constants.js"
+    },
+    "./*": "./*.js"
+  },
   "license": "MIT",
   "scripts": {
-    "build": "del-cli dist && microbundle src/{constants,plugins,support}.ts --target node -f cjs,es",
+    "build": "del-cli dist && microbundle src/{constants,plugins,support}.ts --target node -f cjs,modern",
     "lint": "eslint '**/*.ts' --ignore-pattern '**/*.d.ts'",
     "lint:fix": "yarn lint --fix",
     "lint:ci": "yarn lint --max-warnings 0",