From 5100593ce2067e46e2a0ff7608911bb39a70236c Mon Sep 17 00:00:00 2001
From: Josh Wooding <12938082+joshwooding@users.noreply.github.com>
Date: Fri, 19 Nov 2021 22:07:48 +0000
Subject: [PATCH] Fix package duplication issues by aliasing all storybook
 packages (#160)

Closes https://github.com/eirslett/storybook-builder-vite/issues/50
Closes https://github.com/eirslett/storybook-builder-vite/issues/157

This is the same fix as https://github.com/storybookjs/storybook/pull/11092
---
 .../storybook-builder-vite/vite-server.js     | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/packages/storybook-builder-vite/vite-server.js b/packages/storybook-builder-vite/vite-server.js
index db1d7ea9..713c849b 100644
--- a/packages/storybook-builder-vite/vite-server.js
+++ b/packages/storybook-builder-vite/vite-server.js
@@ -4,6 +4,30 @@ const { optimizeDeps } = require('./optimizeDeps');
 const { createServer } = require('vite');
 const { pluginConfig } = require('./vite-config');
 
+const storybookPaths = [
+    'addons',
+    'api',
+    'channels',
+    'channel-postmessage',
+    'components',
+    'core-events',
+    'router',
+    'theming',
+    'semver',
+    'client-api',
+    'client-logger',
+    'preview-web',
+    'store',
+].reduce(
+    (acc, sbPackage) => ({
+        ...acc,
+        [`@storybook/${sbPackage}`]: path.dirname(
+            require.resolve(`@storybook/${sbPackage}/package.json`)
+        ),
+    }),
+    {}
+);
+
 module.exports.createViteServer = async function createViteServer(
     options,
     devServer
@@ -31,6 +55,7 @@ module.exports.createViteServer = async function createViteServer(
         resolve: {
             alias: {
                 vue: 'vue/dist/vue.esm-bundler.js',
+                ...storybookPaths
             },
         },
         plugins: pluginConfig(options, 'development'),