Vite: Re-export essentials sub-addon preview annotations for pnpm

code/addons/essentials/package.json

@@ -27,6 +27,36 @@
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
+    "./preview/actions": {
+      "require": "./dist/preview/actions.js",
+      "import": "./dist/preview/actions.mjs",
+      "types": "./dist/actions.d.ts"
+    },
+    "./preview/backgrounds": {
+      "require": "./dist/preview/backgrounds.js",
+      "import": "./dist/preview/backgrounds.mjs",
+      "types": "./dist/backgrounds.d.ts"
+    },
+    "./preview/docs": {
+      "require": "./dist/preview/docs.js",
+      "import": "./dist/preview/docs.mjs",
+      "types": "./dist/docs.d.ts"
+    },
+    "./preview/highlight": {
+      "require": "./dist/preview/highlight.js",
+      "import": "./dist/preview/highlight.mjs",
+      "types": "./dist/highlight.d.ts"
+    },
+    "./preview/measure": {
+      "require": "./dist/preview/measure.js",
+      "import": "./dist/preview/measure.mjs",
+      "types": "./dist/measure.d.ts"
+    },
+    "./preview/outline": {
+      "require": "./dist/preview/outline.js",
+      "import": "./dist/preview/outline.mjs",
+      "types": "./dist/outline.d.ts"
+    },
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
@@ -108,7 +138,13 @@
   },
   "bundler": {
     "entries": [
-      "./src/index.ts"
+      "./src/index.ts",
+      "./src/preview/actions.ts",
+      "./src/preview/backgrounds.ts",
+      "./src/preview/docs.ts",
+      "./src/preview/highlight.ts",
+      "./src/preview/measure.ts",
+      "./src/preview/outline.ts"
     ],
     "platform": "node"
   },

code/addons/essentials/src/preview/actions.ts

@@ -0,0 +1,4 @@
+/* eslint-disable import/export */
+// This lint rule fails because it doesn't use export maps correctly
+
+export * from '@storybook/addon-actions/preview';

code/addons/essentials/src/preview/backgrounds.ts

@@ -0,0 +1,4 @@
+/* eslint-disable import/export */
+// This lint rule fails because it doesn't use export maps correctly
+
+export * from '@storybook/addon-backgrounds/preview';

code/addons/essentials/src/preview/docs.ts

@@ -0,0 +1,3 @@
+// This lint rule fails because it doesn't use export maps correctly
+
+export * from '@storybook/addon-docs/preview';

code/addons/essentials/src/preview/highlight.ts

@@ -0,0 +1,4 @@
+/* eslint-disable import/export */
+// This lint rule fails because it doesn't use export maps correctly
+
+export * from '@storybook/addon-highlight/preview';

code/addons/essentials/src/preview/measure.ts

@@ -0,0 +1,4 @@
+/* eslint-disable import/export */
+// This lint rule fails because it doesn't use export maps correctly
+
+export * from '@storybook/addon-measure/preview';

code/addons/essentials/src/preview/outline.ts

@@ -0,0 +1,4 @@
+/* eslint-disable import/export */
+// This lint rule fails because it doesn't use export maps correctly
+
+export * from '@storybook/addon-outline/preview';

code/lib/builder-vite/src/codegen-modern-iframe-script.ts

@@ -15,7 +15,19 @@ export async function generateModernIframeScriptCode(options: ExtendedOptions) {
   );
   const relativePreviewAnnotations = [...resolvedPreviewAnnotations, previewOrConfigFile]
     .filter(Boolean)
-    .map((configEntry) => transformAbsPath(configEntry as string));
+    .map((configEntry) => {
+      // Convert absolute path into a "bare" import (See https://github.com/vitejs/vite/issues/5494)
+      const relative = transformAbsPath(configEntry as string);
+      // If this is a sub-addon of essentials, rewrite the import to point to essentials re-export
+      const match =
+        /@storybook\/addon-(actions|backgrounds|docs|highlight|measure|outline)\/preview/.exec(
+          relative
+        );
+      if (match) {
+        return `@storybook/addon-essentials/preview/${match[1]}`;
+      }
+      return relative;
+    });
 
   // eslint-disable-next-line @typescript-eslint/no-shadow
   const generateHMRHandler = (frameworkName: string): string => {