redux-devtools-slider-monitor

packages/redux-devtools-slider-monitor/.eslintignore

@@ -1,2 +1,2 @@
-dist
 examples
+lib

packages/redux-devtools-slider-monitor/babel.config.esm.json

@@ -0,0 +1,8 @@
+{
+  "presets": [
+    ["@babel/preset-env", { "targets": "defaults", "modules": false }],
+    "@babel/preset-react",
+    "@babel/preset-typescript"
+  ],
+  "plugins": ["@babel/plugin-transform-runtime"]
+}

packages/redux-devtools-slider-monitor/package.json

@@ -9,19 +9,23 @@
   "license": "MIT",
   "author": "Cale Newman <newman.cale@gmail.com> (http://github.com/calesce)",
   "files": [
-    "dist",
+    "lib",
     "src"
   ],
-  "main": "dist/redux-devtools-slider-monitor.cjs.js",
-  "module": "dist/redux-devtools-slider-monitor.esm.js",
-  "types": "dist/index.d.ts",
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/types/index.d.ts",
+  "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "rollup -c",
-    "clean": "rimraf dist",
+    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
+    "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
+    "build:types": "tsc --emitDeclarationOnly",
+    "clean": "rimraf lib",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
     "prepack": "yarn run clean && yarn run build",
@@ -36,6 +40,7 @@
     "redux-devtools-themes": "^1.0.0"
   },
   "devDependencies": {
+    "@babel/cli": "^7.16.8",
     "@babel/core": "^7.16.12",
     "@babel/eslint-parser": "^7.16.5",
     "@babel/plugin-transform-runtime": "^7.16.10",

packages/redux-devtools-slider-monitor/rollup.config.js

@@ -1,36 +0,0 @@
-import typescript from 'rollup-plugin-typescript2';
-import babel from '@rollup/plugin-babel';
-
-const config = [
-  {
-    input: 'src/index.ts',
-    output: [
-      {
-        file: 'dist/redux-devtools-slider-monitor.cjs.js',
-        format: 'cjs',
-      },
-      {
-        file: 'dist/redux-devtools-slider-monitor.esm.js',
-        format: 'esm',
-      },
-    ],
-    plugins: [
-      typescript(),
-      babel({
-        babelHelpers: 'runtime',
-        extensions: ['.ts', '.tsx'],
-        plugins: ['@babel/plugin-transform-runtime'],
-      }),
-    ],
-    external: [
-      /@babel\/runtime/,
-      'react',
-      'prop-types',
-      'redux-devtools-themes',
-      '@redux-devtools/core',
-      '@redux-devtools/ui',
-    ],
-  },
-];
-
-export default config;

packages/redux-devtools-slider-monitor/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../../tsconfig.react.base.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "outDir": "lib/types"
   },
   "include": ["src"]
 }

yarn.lock

@@ -5154,6 +5154,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@redux-devtools/slider-monitor@workspace:packages/redux-devtools-slider-monitor"
   dependencies:
+    "@babel/cli": ^7.16.8
     "@babel/core": ^7.16.12
     "@babel/eslint-parser": ^7.16.5
     "@babel/plugin-transform-runtime": ^7.16.10