Use rollup for redux-devtools-ui

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

@@ -16,7 +16,7 @@
   "license": "MIT",
   "author": "romseguy",
   "files": [
-    "lib",
+    "dist",
     "src"
   ],
   "main": "dist/redux-devtools-chart-monitor.cjs.js",

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

@@ -18,7 +18,7 @@
   "license": "MIT",
   "author": "Dan Abramov <dan.abramov@me.com> (http://github.com/gaearon)",
   "files": [
-    "lib",
+    "dist",
     "src"
   ],
   "main": "dist/redux-devtools-dock-monitor.cjs.js",

packages/redux-devtools-inspector-monitor-test-tab/package.json

@@ -19,7 +19,7 @@
   "license": "MIT",
   "author": "Mihail Diordiev <zalmoxisus@gmail.com> (https://github.com/zalmoxisus)",
   "files": [
-    "lib",
+    "dist",
     "src"
   ],
   "main": "dist/redux-devtools-inspector-monitor-test-tab.cjs.js",

packages/redux-devtools-inspector-monitor-trace-tab/package.json

@@ -9,7 +9,8 @@
     "Mihail Diordiev <zalmoxisus@gmail.com> (https://github.com/zalmoxisus)"
   ],
   "files": [
-    "lib"
+    "dist",
+    "src"
   ],
   "main": "dist/redux-devtools-inspector-monitor-trace-tab.cjs.js",
   "module": "dist/redux-devtools-inspector-monitor-trace-tab.esm.js",

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

@@ -12,7 +12,7 @@
     "Mihail Diordiev <zalmoxisus@gmail.com> (https://github.com/zalmoxisus)"
   ],
   "files": [
-    "lib",
+    "dist",
     "src"
   ],
   "main": "dist/redux-devtools-inspector-monitor.cjs.js",

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

@@ -18,7 +18,7 @@
   "license": "MIT",
   "author": "Dan Abramov <dan.abramov@me.com> (http://github.com/gaearon)",
   "files": [
-    "lib",
+    "dist",
     "src"
   ],
   "main": "dist/redux-devtools-log-monitor.cjs.js",

packages/redux-devtools-remote/package.json

@@ -18,8 +18,8 @@
   "license": "MIT",
   "author": "Mihail Diordiev <zalmoxisus@gmail.com> (https://github.com/zalmoxisus)",
   "files": [
-    "src",
+    "dist",
-    "lib"
+    "src"
   ],
   "main": "dist/redux-devtools-remote.cjs.js",
   "module": "dist/redux-devtools-remote.esm.js",

packages/redux-devtools-rtk-query-monitor/package.json

@@ -20,7 +20,7 @@
     "url": "https://github.com/FaberVitale"
   },
   "files": [
-    "lib",
+    "dist",
     "src"
   ],
   "main": "dist/redux-devtools-rtk-query-monitor.cjs.js",

packages/redux-devtools-serialize/package.json

@@ -12,6 +12,10 @@
   },
   "license": "MIT",
   "author": "Mihail Diordiev <zalmoxisus@gmail.com> (https://github.com/zalmoxisus)",
+  "files": [
+    "dist",
+    "src"
+  ],
   "main": "dist/redux-devtools-serialize.cjs.js",
   "module": "dist/redux-devtools-serialize.esm.js",
   "types": "dist/index.d.ts",

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

@@ -9,7 +9,7 @@
   "license": "MIT",
   "author": "Cale Newman <newman.cale@gmail.com> (http://github.com/calesce)",
   "files": [
-    "lib",
+    "dist",
     "src"
   ],
   "main": "dist/redux-devtools-slider-monitor.cjs.js",

packages/redux-devtools-ui/.babelrc

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

packages/redux-devtools-ui/.eslintignore

@@ -1,2 +1,2 @@
-lib
+dist
 storybook-static

packages/redux-devtools-ui/.eslintrc.js

@@ -1,10 +1,14 @@
 module.exports = {
-  extends: '../../eslintrc.ts.react.base.json',
+  extends: '../../eslintrc.js.base.json',
-  parserOptions: {
-    tsconfigRootDir: __dirname,
-    project: ['./tsconfig.json'],
-  },
   overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      extends: '../../eslintrc.ts.react.base.json',
+      parserOptions: {
+        tsconfigRootDir: __dirname,
+        project: ['./tsconfig.json'],
+      },
+    },
     {
       files: ['tests/**/*.ts', 'tests/**/*.tsx'],
       extends: '../../eslintrc.ts.react.jest.base.json',

packages/redux-devtools-ui/package.json

@@ -9,11 +9,13 @@
   "license": "MIT",
   "author": "Mihail Diordiev <zalmoxisus@gmail.com> (https://github.com/zalmoxisus)",
   "files": [
-    "lib",
+    "dist",
-    "fonts"
+    "fonts",
+    "src"
   ],
-  "main": "lib/index.js",
+  "main": "dist/redux-devtools-ui.cjs.js",
-  "types": "lib/index.d.ts",
+  "module": "dist/redux-devtools-ui.esm.js",
+  "types": "dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/reduxjs/redux-devtools.git"
@@ -22,10 +24,9 @@
     "start": "yarn run storybook",
     "storybook": "start-storybook -p 6006 -s ./fonts",
     "build-storybook": "build-storybook -s ./fonts",
-    "build": "yarn run build:types && yarn run build:js && yarn run build-storybook",
+    "build": "yarn run build:lib && yarn run build-storybook",
-    "build:types": "tsc --emitDeclarationOnly",
+    "build:lib": "rollup -c",
-    "build:js": "babel src --out-dir lib --extensions \".ts,.tsx\" --source-maps inline",
+    "clean": "rimraf dist storybook-static",
-    "clean": "rimraf lib",
     "test": "jest",
     "lint": "eslint . --ext .ts,.tsx",
     "lint:css": "stylelint \"./src/**/*.js\"",
@@ -34,6 +35,7 @@
     "prepublish": "yarn run type-check && yarn run lint && yarn run test"
   },
   "dependencies": {
+    "@babel/runtime": "^7.16.7",
     "@rjsf/core": "^3.2.1",
     "@types/base16": "^1.0.2",
     "@types/codemirror": "^5.60.5",
@@ -51,11 +53,13 @@
     "simple-element-resize-detector": "^1.3.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.16.7",
     "@babel/core": "^7.16.7",
+    "@babel/eslint-parser": "^7.16.5",
+    "@babel/plugin-transform-runtime": "^7.16.7",
     "@babel/preset-env": "^7.16.7",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
+    "@rollup/plugin-babel": "^5.3.0",
     "@storybook/addon-essentials": "^6.4.9",
     "@storybook/react": "^6.4.9",
     "@testing-library/dom": "^8.11.1",
@@ -79,6 +83,8 @@
     "react-dom": "^17.0.2",
     "react-is": "^17.0.2",
     "rimraf": "^3.0.2",
+    "rollup": "^2.63.0",
+    "rollup-plugin-typescript2": "^0.31.1",
     "styled-components": "^5.3.3",
     "stylelint": "^14.2.0",
     "stylelint-config-prettier": "^9.0.3",
@@ -86,6 +92,7 @@
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.10.0",
     "ts-jest": "^27.1.2",
+    "tslib": "^2.3.1",
     "typescript": "~4.5.4",
     "webpack": "^5.65.0"
   },

packages/redux-devtools-ui/rollup.config.js

@@ -0,0 +1,43 @@
+import typescript from 'rollup-plugin-typescript2';
+import babel from '@rollup/plugin-babel';
+
+const config = [
+  {
+    input: 'src/index.ts',
+    output: [
+      {
+        file: 'dist/redux-devtools-ui.cjs.js',
+        format: 'cjs',
+      },
+      {
+        file: 'dist/redux-devtools-ui.esm.js',
+        format: 'esm',
+      },
+    ],
+    plugins: [
+      typescript(),
+      babel({
+        babelHelpers: 'runtime',
+        extensions: ['.ts', '.tsx'],
+        plugins: ['@babel/plugin-transform-runtime'],
+      }),
+    ],
+    external: [
+      /@babel\/runtime/,
+      /\.css/,
+      'react',
+      'prop-types',
+      'styled-components',
+      'color',
+      'redux-devtools-themes',
+      'base16',
+      '@rjsf/core',
+      /codemirror/,
+      'react-select',
+      /react-icons/,
+      'simple-element-resize-detector',
+    ],
+  },
+];
+
+export default config;

yarn.lock

@@ -5233,12 +5233,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@redux-devtools/ui@workspace:packages/redux-devtools-ui"
   dependencies:
-    "@babel/cli": ^7.16.7
     "@babel/core": ^7.16.7
+    "@babel/eslint-parser": ^7.16.5
+    "@babel/plugin-transform-runtime": ^7.16.7
     "@babel/preset-env": ^7.16.7
     "@babel/preset-react": ^7.16.7
     "@babel/preset-typescript": ^7.16.7
+    "@babel/runtime": ^7.16.7
     "@rjsf/core": ^3.2.1
+    "@rollup/plugin-babel": ^5.3.0
     "@storybook/addon-essentials": ^6.4.9
     "@storybook/react": ^6.4.9
     "@testing-library/dom": ^8.11.1
@@ -5275,6 +5278,8 @@ __metadata:
     react-select: ^5.2.1
     redux-devtools-themes: ^1.0.0
     rimraf: ^3.0.2
+    rollup: ^2.63.0
+    rollup-plugin-typescript2: ^0.31.1
     simple-element-resize-detector: ^1.3.0
     styled-components: ^5.3.3
     stylelint: ^14.2.0
@@ -5283,6 +5288,7 @@ __metadata:
     stylelint-config-styled-components: ^0.1.1
     stylelint-processor-styled-components: ^1.10.0
     ts-jest: ^27.1.2
+    tslib: ^2.3.1
     typescript: ~4.5.4
     webpack: ^5.65.0
   peerDependencies: