From 2b75f1025d0eae5485f6c7719ed0a3d78441df86 Mon Sep 17 00:00:00 2001
From: Ruggero Cino <ruggero.cino@gmail.com>
Date: Wed, 13 Mar 2024 18:11:32 +0100
Subject: [PATCH] fix: Use peer-deps plugin to avoid bundling dependencies and
 their eventual subfolders

---
 CHANGELOG.md     | 5 +++++
 package.json     | 1 +
 rollup.config.js | 6 ++++--
 yarn.lock        | 5 +++++
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 93a83e001..b0f853571 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 -   Update `Tag` component primary variant styling
 -   Update Eslint rules to align usage of boolean properties
 
+### Fixed
+
+-   Library build process to avoid bundling dependencies and peer-dependencies when using subfolders import (e.g.
+    `wagmi/chains`)
+
 ## [1.0.20] - 2024-03-13
 
 ### Fixed
diff --git a/package.json b/package.json
index 01e36d4f1..3249b243d 100644
--- a/package.json
+++ b/package.json
@@ -122,6 +122,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup": "^4.12.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^5.12.0",
     "storybook": "^7.6.17",
diff --git a/rollup.config.js b/rollup.config.js
index 662d2b808..e628bdf23 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,6 +1,7 @@
 const commonjs = require('@rollup/plugin-commonjs');
 const images = require('@rollup/plugin-image');
 const { nodeResolve } = require('@rollup/plugin-node-resolve');
+const peerDepsExternal = require('rollup-plugin-peer-deps-external');
 const terser = require('@rollup/plugin-terser');
 const typescript = require('@rollup/plugin-typescript');
 const { visualizer } = require('rollup-plugin-visualizer');
@@ -10,7 +11,6 @@ const postcss = require('rollup-plugin-postcss');
 const tsConfig = require('./tsconfig.json');
 const { outDir } = tsConfig.compilerOptions;
 
-const package = require('./package.json');
 const analyze = process.env.ANALYZE === 'true';
 
 module.exports = [
@@ -36,8 +36,10 @@ module.exports = [
                 plugins: [analyze ? visualizer({ filename: 'stats.cjs.html', open: true }) : undefined],
             },
         ],
-        external: [...Object.keys(package.dependencies), ...Object.keys(package.peerDependencies)],
         plugins: [
+            // Mark all dependencies / peer-dependencies as external to not include them on the library build
+            peerDepsExternal({ includeDependencies: true }),
+
             // Locate and resolve node modules
             nodeResolve(),
 
diff --git a/yarn.lock b/yarn.lock
index 253371f5b..d9ea68f0e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12494,6 +12494,11 @@ rimraf@~2.6.2:
   dependencies:
     glob "^7.1.3"
 
+rollup-plugin-peer-deps-external@^2.2.4:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-peer-deps-external/-/rollup-plugin-peer-deps-external-2.2.4.tgz#8a420bbfd6dccc30aeb68c9bf57011f2f109570d"
+  integrity sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==
+
 rollup-plugin-postcss@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/rollup-plugin-postcss/-/rollup-plugin-postcss-4.0.2.tgz#15e9462f39475059b368ce0e49c800fa4b1f7050"