vite-plugin-storybook-nextjs 3.0.0 → 3.0.1

package/dist/index.cjs

@@ -25,6 +25,7 @@ var constants_js = require('next/dist/shared/lib/constants.js');
 var MagicString = require('magic-string');
 var querystring = require('querystring');
 var imageSize = require('image-size');
+var posix = require('path/posix');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -2703,15 +2704,38 @@ var vitePluginNextDynamic = () => ({
     return null;
   }
 });
-
-// src/utils.ts
+var require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
 var VITEST_PLUGIN_NAME = "vite-plugin-storybook-nextjs";
 var isVitestEnv = process.env.VITEST === "true";
 function getExecutionEnvironment(config) {
   return isVitestEnv && config.test?.browser?.enabled !== true ? "node" : "browser";
 }
-var require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
-var getEntryPoint = (subPath, env) => require3.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
+var getNextjsVersion = () => require3(scopedResolve("next/package.json")).version;
+var scopedResolve = (id) => {
+  let scopedModulePath;
+  try {
+    scopedModulePath = require3.resolve(id, { paths: [posix.resolve()] });
+  } catch (e) {
+    scopedModulePath = require3.resolve(id);
+  }
+  const idWithNativePathSep = id.replace(/\//g, posix.sep);
+  if (scopedModulePath.endsWith(idWithNativePathSep)) {
+    return scopedModulePath;
+  }
+  const moduleFolderStrPosition = scopedModulePath.lastIndexOf(idWithNativePathSep);
+  const beginningOfMainScriptPath = moduleFolderStrPosition + id.length;
+  return scopedModulePath.substring(0, beginningOfMainScriptPath);
+};
+var getNextjsMajorVersion = () => {
+  try {
+    const version = getNextjsVersion();
+    return Number.parseInt(version.split(".")[0], 10);
+  } catch (error) {
+    return 16;
+  }
+};
+var require4 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
+var getEntryPoint = (subPath, env) => require4.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
 var getAlias = (env) => ({
   "sb-original/default-loader": getEntryPoint("image-default-loader", env),
   "sb-original/image-context": getEntryPoint("image-context", env)
@@ -2723,7 +2747,7 @@ var excludeImporterPattern = /\.(css|scss|sass)$/;
 var virtualImage = "virtual:next-image";
 var virtualNextImage = "virtual:next/image";
 var virtualNextLegacyImage = "virtual:next/legacy/image";
-var require4 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
+var require5 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
 function vitePluginNextImage(nextConfigResolver) {
   let isBrowser = !isVitestEnv;
   return {
@@ -2761,12 +2785,12 @@ function vitePluginNextImage(nextConfigResolver) {
       const aliasEnv = isBrowser ? "browser" : "node";
       if (virtualNextImage === id) {
         return (await fs3__default.default.promises.readFile(
-          require4.resolve(`${VITEST_PLUGIN_NAME}/${aliasEnv}/mocks/image`)
+          require5.resolve(`${VITEST_PLUGIN_NAME}/${aliasEnv}/mocks/image`)
         )).toString("utf-8");
       }
       if (virtualNextLegacyImage === id) {
         return (await fs3__default.default.promises.readFile(
-          require4.resolve(
+          require5.resolve(
             `${VITEST_PLUGIN_NAME}/${aliasEnv}/mocks/legacy-image`
           )
         )).toString("utf-8");
@@ -2805,25 +2829,6 @@ function vitePluginNextImage(nextConfigResolver) {
 
 // src/plugins/next-mocks/compatibility/compatibility-map.ts
 var import_semver = __toESM(require_semver2());
-var require5 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
-var getNextjsVersion = () => require5(scopedResolve("next/package.json")).version;
-var scopedResolve = (id) => {
-  let scopedModulePath;
-  try {
-    scopedModulePath = require5.resolve(id, { paths: [path2.resolve()] });
-  } catch (e) {
-    scopedModulePath = require5.resolve(id);
-  }
-  const idWithNativePathSep = id.replace(/\//g, path2.sep);
-  if (scopedModulePath.endsWith(idWithNativePathSep)) {
-    return scopedModulePath;
-  }
-  const moduleFolderStrPosition = scopedModulePath.lastIndexOf(idWithNativePathSep);
-  const beginningOfMainScriptPath = moduleFolderStrPosition + id.length;
-  return scopedModulePath.substring(0, beginningOfMainScriptPath);
-};
-
-// src/plugins/next-mocks/compatibility/compatibility-map.ts
 var require6 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));
 var getEntryPoint2 = (subPath, env) => require6.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
 var mapping = (env) => ({
@@ -2922,6 +2927,7 @@ function VitePlugin({
       enforce: "pre",
       async config(config, env) {
         const phase = env.mode === "development" ? constants_js.PHASE_DEVELOPMENT_SERVER : env.mode === "test" ? constants_js.PHASE_TEST : constants_js.PHASE_PRODUCTION_BUILD;
+        const isNext16orNewer = getNextjsMajorVersion() >= 16;
         nextConfigResolver.resolve(await loadConfig(phase, resolvedDir));
         const executionEnvironment = getExecutionEnvironment(config);
         return {
@@ -2984,7 +2990,6 @@ function VitePlugin({
               "next/dist/client/components/redirect-boundary",
               "next/dist/client/head-manager",
               "next/dist/client/components/is-next-router-error",
-              "next/config",
               "next/dist/shared/lib/segment",
               "styled-jsx",
               "styled-jsx/style",
@@ -2998,7 +3003,7 @@ function VitePlugin({
               // Refer to this pnpm issue for more details:
               // https://github.com/vitejs/vite/issues/16293
               "next > styled-jsx/style"
-            ]
+            ].concat(!isNext16orNewer ? ["next/config"] : [])
           },
           test: {
             alias: {

package/dist/index.js

@@ -1,4 +1,4 @@
-import path2, { resolve, join, sep } from 'path';
+import path2, { resolve, join } from 'path';
 import { createRequire } from 'module';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import fs3 from 'fs';
@@ -23,6 +23,7 @@ import { PHASE_DEVELOPMENT_SERVER, PHASE_TEST, PHASE_PRODUCTION_BUILD } from 'ne
 import MagicString from 'magic-string';
 import { decode } from 'querystring';
 import { imageSize } from 'image-size';
+import { resolve as resolve$1, sep } from 'path/posix';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2669,15 +2670,38 @@ var vitePluginNextDynamic = () => ({
     return null;
   }
 });
-
-// src/utils.ts
+var require3 = createRequire(import.meta.url);
 var VITEST_PLUGIN_NAME = "vite-plugin-storybook-nextjs";
 var isVitestEnv = process.env.VITEST === "true";
 function getExecutionEnvironment(config) {
   return isVitestEnv && config.test?.browser?.enabled !== true ? "node" : "browser";
 }
-var require3 = createRequire(import.meta.url);
-var getEntryPoint = (subPath, env) => require3.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
+var getNextjsVersion = () => require3(scopedResolve("next/package.json")).version;
+var scopedResolve = (id) => {
+  let scopedModulePath;
+  try {
+    scopedModulePath = require3.resolve(id, { paths: [resolve$1()] });
+  } catch (e) {
+    scopedModulePath = require3.resolve(id);
+  }
+  const idWithNativePathSep = id.replace(/\//g, sep);
+  if (scopedModulePath.endsWith(idWithNativePathSep)) {
+    return scopedModulePath;
+  }
+  const moduleFolderStrPosition = scopedModulePath.lastIndexOf(idWithNativePathSep);
+  const beginningOfMainScriptPath = moduleFolderStrPosition + id.length;
+  return scopedModulePath.substring(0, beginningOfMainScriptPath);
+};
+var getNextjsMajorVersion = () => {
+  try {
+    const version = getNextjsVersion();
+    return Number.parseInt(version.split(".")[0], 10);
+  } catch (error) {
+    return 16;
+  }
+};
+var require4 = createRequire(import.meta.url);
+var getEntryPoint = (subPath, env) => require4.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
 var getAlias = (env) => ({
   "sb-original/default-loader": getEntryPoint("image-default-loader", env),
   "sb-original/image-context": getEntryPoint("image-context", env)
@@ -2689,7 +2713,7 @@ var excludeImporterPattern = /\.(css|scss|sass)$/;
 var virtualImage = "virtual:next-image";
 var virtualNextImage = "virtual:next/image";
 var virtualNextLegacyImage = "virtual:next/legacy/image";
-var require4 = createRequire(import.meta.url);
+var require5 = createRequire(import.meta.url);
 function vitePluginNextImage(nextConfigResolver) {
   let isBrowser = !isVitestEnv;
   return {
@@ -2727,12 +2751,12 @@ function vitePluginNextImage(nextConfigResolver) {
       const aliasEnv = isBrowser ? "browser" : "node";
       if (virtualNextImage === id) {
         return (await fs3.promises.readFile(
-          require4.resolve(`${VITEST_PLUGIN_NAME}/${aliasEnv}/mocks/image`)
+          require5.resolve(`${VITEST_PLUGIN_NAME}/${aliasEnv}/mocks/image`)
         )).toString("utf-8");
       }
       if (virtualNextLegacyImage === id) {
         return (await fs3.promises.readFile(
-          require4.resolve(
+          require5.resolve(
             `${VITEST_PLUGIN_NAME}/${aliasEnv}/mocks/legacy-image`
           )
         )).toString("utf-8");
@@ -2771,25 +2795,6 @@ function vitePluginNextImage(nextConfigResolver) {
 
 // src/plugins/next-mocks/compatibility/compatibility-map.ts
 var import_semver = __toESM(require_semver2());
-var require5 = createRequire(import.meta.url);
-var getNextjsVersion = () => require5(scopedResolve("next/package.json")).version;
-var scopedResolve = (id) => {
-  let scopedModulePath;
-  try {
-    scopedModulePath = require5.resolve(id, { paths: [resolve()] });
-  } catch (e) {
-    scopedModulePath = require5.resolve(id);
-  }
-  const idWithNativePathSep = id.replace(/\//g, sep);
-  if (scopedModulePath.endsWith(idWithNativePathSep)) {
-    return scopedModulePath;
-  }
-  const moduleFolderStrPosition = scopedModulePath.lastIndexOf(idWithNativePathSep);
-  const beginningOfMainScriptPath = moduleFolderStrPosition + id.length;
-  return scopedModulePath.substring(0, beginningOfMainScriptPath);
-};
-
-// src/plugins/next-mocks/compatibility/compatibility-map.ts
 var require6 = createRequire(import.meta.url);
 var getEntryPoint2 = (subPath, env) => require6.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
 var mapping = (env) => ({
@@ -2888,6 +2893,7 @@ function VitePlugin({
       enforce: "pre",
       async config(config, env) {
         const phase = env.mode === "development" ? PHASE_DEVELOPMENT_SERVER : env.mode === "test" ? PHASE_TEST : PHASE_PRODUCTION_BUILD;
+        const isNext16orNewer = getNextjsMajorVersion() >= 16;
         nextConfigResolver.resolve(await loadConfig(phase, resolvedDir));
         const executionEnvironment = getExecutionEnvironment(config);
         return {
@@ -2950,7 +2956,6 @@ function VitePlugin({
               "next/dist/client/components/redirect-boundary",
               "next/dist/client/head-manager",
               "next/dist/client/components/is-next-router-error",
-              "next/config",
               "next/dist/shared/lib/segment",
               "styled-jsx",
               "styled-jsx/style",
@@ -2964,7 +2969,7 @@ function VitePlugin({
               // Refer to this pnpm issue for more details:
               // https://github.com/vitejs/vite/issues/16293
               "next > styled-jsx/style"
-            ]
+            ].concat(!isNext16orNewer ? ["next/config"] : [])
           },
           test: {
             alias: {

package/dist/mocks/storybook.global.cjs

@@ -2,7 +2,7 @@
 
 var module$1 = require('module');
 var moduleAlias = require('module-alias');
-var path = require('path');
+var posix = require('path/posix');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -1919,31 +1919,18 @@ var require_semver2 = __commonJS({
     };
   }
 });
-
-// src/utils.ts
+var require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('storybook.global.cjs', document.baseURI).href)));
 var VITEST_PLUGIN_NAME = "vite-plugin-storybook-nextjs";
 process.env.VITEST === "true";
-
-// src/plugins/next-image/alias/index.tsx
-var require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('storybook.global.cjs', document.baseURI).href)));
-var getEntryPoint = (subPath, env) => require2.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
-var getAlias = (env) => ({
-  "sb-original/default-loader": getEntryPoint("image-default-loader", env),
-  "sb-original/image-context": getEntryPoint("image-context", env)
-});
-
-// src/plugins/next-mocks/compatibility/compatibility-map.ts
-var import_semver = __toESM(require_semver2());
-var require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('storybook.global.cjs', document.baseURI).href)));
-var getNextjsVersion = () => require3(scopedResolve("next/package.json")).version;
+var getNextjsVersion = () => require2(scopedResolve("next/package.json")).version;
 var scopedResolve = (id) => {
   let scopedModulePath;
   try {
-    scopedModulePath = require3.resolve(id, { paths: [path.resolve()] });
+    scopedModulePath = require2.resolve(id, { paths: [posix.resolve()] });
   } catch (e) {
-    scopedModulePath = require3.resolve(id);
+    scopedModulePath = require2.resolve(id);
   }
-  const idWithNativePathSep = id.replace(/\//g, path.sep);
+  const idWithNativePathSep = id.replace(/\//g, posix.sep);
   if (scopedModulePath.endsWith(idWithNativePathSep)) {
     return scopedModulePath;
   }
@@ -1952,7 +1939,16 @@ var scopedResolve = (id) => {
   return scopedModulePath.substring(0, beginningOfMainScriptPath);
 };
 
+// src/plugins/next-image/alias/index.tsx
+var require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('storybook.global.cjs', document.baseURI).href)));
+var getEntryPoint = (subPath, env) => require3.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
+var getAlias = (env) => ({
+  "sb-original/default-loader": getEntryPoint("image-default-loader", env),
+  "sb-original/image-context": getEntryPoint("image-context", env)
+});
+
 // src/plugins/next-mocks/compatibility/compatibility-map.ts
+var import_semver = __toESM(require_semver2());
 var require4 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('storybook.global.cjs', document.baseURI).href)));
 var getEntryPoint2 = (subPath, env) => require4.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
 var mapping = (env) => ({

package/dist/mocks/storybook.global.js

@@ -1,6 +1,6 @@
 import { createRequire } from 'module';
 import moduleAlias from 'module-alias';
-import { resolve, sep } from 'path';
+import { resolve, sep } from 'path/posix';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -1912,29 +1912,16 @@ var require_semver2 = __commonJS({
     };
   }
 });
-
-// src/utils.ts
+var require2 = createRequire(import.meta.url);
 var VITEST_PLUGIN_NAME = "vite-plugin-storybook-nextjs";
 process.env.VITEST === "true";
-
-// src/plugins/next-image/alias/index.tsx
-var require2 = createRequire(import.meta.url);
-var getEntryPoint = (subPath, env) => require2.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
-var getAlias = (env) => ({
-  "sb-original/default-loader": getEntryPoint("image-default-loader", env),
-  "sb-original/image-context": getEntryPoint("image-context", env)
-});
-
-// src/plugins/next-mocks/compatibility/compatibility-map.ts
-var import_semver = __toESM(require_semver2());
-var require3 = createRequire(import.meta.url);
-var getNextjsVersion = () => require3(scopedResolve("next/package.json")).version;
+var getNextjsVersion = () => require2(scopedResolve("next/package.json")).version;
 var scopedResolve = (id) => {
   let scopedModulePath;
   try {
-    scopedModulePath = require3.resolve(id, { paths: [resolve()] });
+    scopedModulePath = require2.resolve(id, { paths: [resolve()] });
   } catch (e) {
-    scopedModulePath = require3.resolve(id);
+    scopedModulePath = require2.resolve(id);
   }
   const idWithNativePathSep = id.replace(/\//g, sep);
   if (scopedModulePath.endsWith(idWithNativePathSep)) {
@@ -1945,7 +1932,16 @@ var scopedResolve = (id) => {
   return scopedModulePath.substring(0, beginningOfMainScriptPath);
 };
 
+// src/plugins/next-image/alias/index.tsx
+var require3 = createRequire(import.meta.url);
+var getEntryPoint = (subPath, env) => require3.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
+var getAlias = (env) => ({
+  "sb-original/default-loader": getEntryPoint("image-default-loader", env),
+  "sb-original/image-context": getEntryPoint("image-context", env)
+});
+
 // src/plugins/next-mocks/compatibility/compatibility-map.ts
+var import_semver = __toESM(require_semver2());
 var require4 = createRequire(import.meta.url);
 var getEntryPoint2 = (subPath, env) => require4.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
 var mapping = (env) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-storybook-nextjs",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "",
   "keywords": [
     "vite-plugin",