d3-state-visualizer

extension/babel.config.json

@@ -1,6 +1,6 @@
 {
   "presets": [
-    "@babel/preset-env",
+    ["@babel/preset-env", { "targets": "defaults" }],
     "@babel/preset-react",
     "@babel/preset-typescript"
   ]

packages/d3-state-visualizer/.eslintignore

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

packages/d3-state-visualizer/babel.config.esm.json

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

packages/d3-state-visualizer/package.json

@@ -17,19 +17,25 @@
   "author": "romseguy",
   "files": [
     "dist",
+    "lib",
     "src"
   ],
-  "main": "dist/d3-state-visualizer.cjs.js",
+  "main": "lib/cjs/index.js",
-  "module": "dist/d3-state-visualizer.esm.js",
+  "module": "lib/esm/index.js",
-  "types": "dist/index.d.ts",
+  "types": "lib/types/index.d.ts",
   "unpkg": "dist/d3-state-visualizer.umd.js",
+  "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "rollup -c",
+    "build": "yarn build:cjs && yarn build:esm && yarn build:types && yarn build:umd",
-    "clean": "rimraf dist",
+    "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
+    "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
+    "build:types": "tsc --emitDeclarationOnly",
+    "build:umd": "rollup -c",
+    "clean": "rimraf lib",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
     "prepack": "yarn run clean && yarn run build",
@@ -45,6 +51,7 @@
     "ramda": "^0.28.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/d3-state-visualizer/rollup.config.js

@@ -9,11 +9,13 @@ const config = [
     input: 'src/index.ts',
     output: {
       name: 'd3-state-visualizer',
-      file: 'dist/d3-state-visualizer.umd.js',
+      file: 'lib/umd/d3-state-visualizer.js',
       format: 'umd',
     },
     plugins: [
-      typescript(),
+      typescript({
+        tsconfigOverride: { compilerOptions: { declaration: false } },
+      }),
       resolve(),
       commonjs(),
       babel({
@@ -27,11 +29,13 @@ const config = [
     input: 'src/index.ts',
     output: {
       name: 'd3-state-visualizer',
-      file: 'dist/d3-state-visualizer.umd.min.js',
+      file: 'lib/umd/d3-state-visualizer.min.js',
       format: 'umd',
     },
     plugins: [
-      typescript(),
+      typescript({
+        tsconfigOverride: { compilerOptions: { declaration: false } },
+      }),
       resolve(),
       commonjs(),
       babel({
@@ -42,29 +46,6 @@ const config = [
       terser(),
     ],
   },
-  {
-    input: 'src/index.ts',
-    output: [
-      { file: 'dist/d3-state-visualizer.cjs.js', format: 'cjs' },
-      { file: 'dist/d3-state-visualizer.esm.js', format: 'esm' },
-    ],
-    plugins: [
-      typescript(),
-      babel({
-        babelHelpers: 'runtime',
-        extensions: ['.ts'],
-        plugins: ['@babel/plugin-transform-runtime'],
-      }),
-    ],
-    external: [
-      /@babel\/runtime/,
-      'd3',
-      'ramda',
-      'map2tree',
-      'deepmerge',
-      'd3tooltip',
-    ],
-  },
 ];
 
 export default config;

packages/d3-state-visualizer/tsconfig.json

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

yarn.lock

@@ -12548,6 +12548,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "d3-state-visualizer@workspace:packages/d3-state-visualizer"
   dependencies:
+    "@babel/cli": ^7.16.8
     "@babel/core": ^7.16.12
     "@babel/eslint-parser": ^7.16.5
     "@babel/plugin-transform-runtime": ^7.16.10