From 89a7cd69eaea9f0f562884ed07f68cd3f93fad87 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Sun, 23 Jan 2022 15:32:00 -0500
Subject: [PATCH] d3-state-visualizer

---
 extension/{.babelrc => babel.config.json}     |  2 +-
 packages/d3-state-visualizer/.eslintignore    |  2 +-
 .../d3-state-visualizer/babel.config.esm.json |  7 ++++
 .../{.babelrc => babel.config.json}           |  0
 packages/d3-state-visualizer/package.json     | 17 ++++++---
 packages/d3-state-visualizer/rollup.config.js | 35 +++++--------------
 packages/d3-state-visualizer/tsconfig.json    |  2 +-
 yarn.lock                                     |  1 +
 8 files changed, 31 insertions(+), 35 deletions(-)
 rename extension/{.babelrc => babel.config.json} (60%)
 create mode 100644 packages/d3-state-visualizer/babel.config.esm.json
 rename packages/d3-state-visualizer/{.babelrc => babel.config.json} (100%)

diff --git a/extension/.babelrc b/extension/babel.config.json
similarity index 60%
rename from extension/.babelrc
rename to extension/babel.config.json
index 202d425a..47246cb3 100644
--- a/extension/.babelrc
+++ b/extension/babel.config.json
@@ -1,6 +1,6 @@
 {
   "presets": [
-    "@babel/preset-env",
+    ["@babel/preset-env", { "targets": "defaults" }],
     "@babel/preset-react",
     "@babel/preset-typescript"
   ]
diff --git a/packages/d3-state-visualizer/.eslintignore b/packages/d3-state-visualizer/.eslintignore
index 4bf718e4..be897dba 100644
--- a/packages/d3-state-visualizer/.eslintignore
+++ b/packages/d3-state-visualizer/.eslintignore
@@ -1,2 +1,2 @@
 examples
-dist
+lib
diff --git a/packages/d3-state-visualizer/babel.config.esm.json b/packages/d3-state-visualizer/babel.config.esm.json
new file mode 100644
index 00000000..1c02687e
--- /dev/null
+++ b/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"]
+}
diff --git a/packages/d3-state-visualizer/.babelrc b/packages/d3-state-visualizer/babel.config.json
similarity index 100%
rename from packages/d3-state-visualizer/.babelrc
rename to packages/d3-state-visualizer/babel.config.json
diff --git a/packages/d3-state-visualizer/package.json b/packages/d3-state-visualizer/package.json
index ead56ed5..1523df41 100644
--- a/packages/d3-state-visualizer/package.json
+++ b/packages/d3-state-visualizer/package.json
@@ -17,19 +17,25 @@
   "author": "romseguy",
   "files": [
     "dist",
+    "lib",
     "src"
   ],
-  "main": "dist/d3-state-visualizer.cjs.js",
-  "module": "dist/d3-state-visualizer.esm.js",
-  "types": "dist/index.d.ts",
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "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",
-    "clean": "rimraf dist",
+    "build": "yarn build:cjs && yarn build:esm && yarn build:types && yarn build:umd",
+    "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",
diff --git a/packages/d3-state-visualizer/rollup.config.js b/packages/d3-state-visualizer/rollup.config.js
index f2f518bb..70ce4df1 100644
--- a/packages/d3-state-visualizer/rollup.config.js
+++ b/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;
diff --git a/packages/d3-state-visualizer/tsconfig.json b/packages/d3-state-visualizer/tsconfig.json
index 84575cb5..19e4e718 100644
--- a/packages/d3-state-visualizer/tsconfig.json
+++ b/packages/d3-state-visualizer/tsconfig.json
@@ -1,7 +1,7 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "outDir": "lib/types"
   },
   "include": ["src"]
 }
diff --git a/yarn.lock b/yarn.lock
index 731a28fa..a9cf79f4 100644
--- a/yarn.lock
+++ b/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