vite-plugin-storybook-nextjs 0.0.12 → 0.0.13--canary.8.c64d6ac.0

package/dist/index.d.cts

@@ -0,0 +1,12 @@
+import { Plugin } from 'vite';
+
+type VitePluginOptions = {
+    /**
+     * Provide the path to your Next.js project directory
+     * @default process.cwd()
+     */
+    dir?: string;
+};
+declare function VitePlugin({ dir }?: VitePluginOptions): Plugin[];
+
+export { VitePlugin as default };

package/dist/index.js

@@ -2,7 +2,7 @@ import path, { resolve, join } from 'node:path';
 import { createRequire } from 'node:module';
 import { getDefineEnv } from 'next/dist/build/webpack/plugins/define-env-plugin.js';
 import fs3 from 'node:fs';
-import nextEnv from '@next/env';
+import { loadEnvConfig } from '@next/env';
 import Log from 'next/dist/build/output/log.js';
 import { transform, loadBindings, lockfilePatchPromise } from 'next/dist/build/swc/index.js';
 import { PHASE_DEVELOPMENT_SERVER, PHASE_TEST, PHASE_PRODUCTION_BUILD } from 'next/dist/shared/lib/constants.js';
@@ -21,16 +21,9 @@ import { getParserOptions } from 'next/dist/build/swc/options.js';
 import loadConfig from 'next/dist/server/config.js';
 import { cpus } from 'node:os';
 import { decode } from 'node:querystring';
-import { fileURLToPath, URL as URL$1 } from 'node:url';
 import imageSizeOf from 'image-size';
 
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var { loadEnvConfig } = nextEnv;
+// src/index.ts
 var nextDistPath = /(next[\\/]dist[\\/]shared[\\/]lib)|(next[\\/]dist[\\/]client)|(next[\\/]dist[\\/]pages)/;
 async function loadEnvironmentConfig(dir, dev) {
   return loadEnvConfig(dir, dev, Log);
@@ -655,7 +648,7 @@ function vitePluginNextSwc(rootDir, nextConfigResolver) {
     async config(config, env) {
       const nextConfig = await nextConfigResolver.promise;
       nextDirectories = findPagesDir(resolvedDir);
-      loadedJSConfig = await loadJsConfig.default(resolvedDir, nextConfig);
+      loadedJSConfig = await loadJsConfig(resolvedDir, nextConfig);
       isDev = env.mode !== "production";
       await loadClosestPackageJson(resolvedDir);
       isEsmProject = true;
@@ -666,11 +659,6 @@ function vitePluginNextSwc(rootDir, nextConfigResolver) {
         isServerEnvironment = true;
       }
       return {
-        resolve: {
-          alias: {
-            "@opentelemetry/api": "next/dist/compiled/@opentelemetry/api"
-          }
-        },
         // esbuild: {
         //   // We will use Next.js custom SWC transpiler instead of Vite's build-in esbuild
         //   exclude: [/node_modules/, /.m?(t|j)sx?/],
@@ -720,16 +708,21 @@ if (typeof Promise.withResolvers === "undefined") {
     return { promise, resolve: resolve4, reject };
   };
 }
+
+// src/utils.ts
+var VITEST_PLUGIN_NAME = "vite-plugin-storybook-nextjs";
+var isVitestEnv = process.env.VITEST === "true";
+
+// src/plugins/next-image/plugin.ts
 var includePattern2 = /\.(png|jpg|jpeg|gif|webp|avif|ico|bmp|svg)$/;
 var excludeImporterPattern = /\.(css|scss|sass)$/;
 var virtualImage = "virtual:next-image";
 var virtualNextImage = "virtual:next/image";
 var virtualNextLegacyImage = "virtual:next/legacy/image";
-var virtualNextImageDefaultLoader = "virtual:next/image-default-loader";
-var virtualNextImageContext = "virtual:next/image-context";
 var sharp;
+var require3 = createRequire(import.meta.url);
 try {
-  sharp = __require("sharp");
+  sharp = require3("sharp");
   if (sharp && sharp.concurrency() > 1) {
     const divisor = process.env.NODE_ENV === "development" ? 4 : 2;
     sharp.concurrency(Math.floor(Math.max(cpus().length / divisor, 1)));
@@ -739,12 +732,25 @@ try {
     "You have to install sharp in order to use image optimization features in Next.js. AVIF support is also disabled."
   );
 }
+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)
+});
 function vitePluginNextImage(nextConfigResolver) {
+  let isBrowser = !isVitestEnv;
   return {
     name: "vite-plugin-storybook-nextjs-image",
     enforce: "pre",
     async config(config, env) {
-      return config;
+      if (config.test?.browser?.enabled === true) {
+        isBrowser = true;
+      }
+      return {
+        resolve: {
+          alias: getAlias(isBrowser ? "browser" : "node")
+        }
+      };
     },
     async resolveId(id, importer) {
       const [source, queryA] = id.split("?");
@@ -762,52 +768,19 @@ function vitePluginNextImage(nextConfigResolver) {
       if (id === "next/legacy/image" && importer !== virtualNextLegacyImage) {
         return virtualNextLegacyImage;
       }
-      if (id === "sb-original/image-context") {
-        return virtualNextImageContext;
-      }
-      if (id === "sb-original/default-loader") {
-        return virtualNextImageDefaultLoader;
-      }
       return null;
     },
     async load(id) {
+      const aliasEnv = isBrowser ? "browser" : "node";
       if (virtualNextImage === id) {
         return (await fs3.promises.readFile(
-          fileURLToPath(
-            new URL$1(
-              "./plugins/next-image/alias/next-image.js",
-              import.meta.url
-            )
-          )
+          require3.resolve(`${VITEST_PLUGIN_NAME}/${aliasEnv}/mocks/image`)
         )).toString("utf-8");
       }
       if (virtualNextLegacyImage === id) {
         return (await fs3.promises.readFile(
-          fileURLToPath(
-            new URL$1(
-              "./plugins/next-image/alias/next-legacy-image.js",
-              import.meta.url
-            )
-          )
-        )).toString("utf-8");
-      }
-      if (virtualNextImageDefaultLoader === id) {
-        return (await fs3.promises.readFile(
-          fileURLToPath(
-            new URL$1(
-              "./plugins/next-image/alias/image-default-loader.js",
-              import.meta.url
-            )
-          )
-        )).toString("utf-8");
-      }
-      if (virtualNextImageContext === id) {
-        return (await fs3.promises.readFile(
-          fileURLToPath(
-            new URL$1(
-              "./plugins/next-image/alias/image-context.js",
-              import.meta.url
-            )
+          require3.resolve(
+            `${VITEST_PLUGIN_NAME}/${aliasEnv}/mocks/legacy-image`
           )
         )).toString("utf-8");
       }
@@ -854,46 +827,46 @@ function vitePluginNextImage(nextConfigResolver) {
     }
   };
 }
-var dirname = path.dirname(new URL(import.meta.url).pathname);
-var joinDir = (...subPath) => path.join(dirname, "plugins", "next-mocks", "alias", ...subPath);
+var require4 = createRequire(import.meta.url);
+var getEntryPoint2 = (subPath, env) => require4.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
+var getAlias2 = (env) => ({
+  "next/headers": getEntryPoint2("headers", env),
+  "@storybook/nextjs/headers.mock": getEntryPoint2("headers", env),
+  "next/navigation": getEntryPoint2("navigation", env),
+  "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
+  "next/router": getEntryPoint2("router", env),
+  "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
+  "next/cache": getEntryPoint2("cache", env),
+  "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
+  "server-only": getEntryPoint2("server-only", env),
+  "@opentelemetry/api": require4.resolve(
+    "next/dist/compiled/@opentelemetry/api/index.js"
+  )
+});
 var vitePluginNextMocks = () => ({
   name: "vite-plugin-next-mocks",
-  config: () => ({
-    resolve: {
-      alias: {
-        "next/headers": joinDir("headers", "index.js"),
-        "@storybook/nextjs/headers.mock": joinDir("headers", "index.js"),
-        "next/navigation": joinDir("navigation", "index.js"),
-        "@storybook/nextjs/navigation.mock": joinDir(
-          "navigation",
-          "index.js"
-        ),
-        "next/router": joinDir("router", "index.js"),
-        "@storybook/nextjs/router.mock": joinDir("router", "index.js"),
-        "next/cache": joinDir("cache", "index.js"),
-        "@storybook/nextjs/cache.mock": joinDir("cache", "index.js"),
-        "server-only": joinDir("rsc", "server-only.js")
+  config: (env) => {
+    const aliasEnv = isVitestEnv && env.test?.browser?.enabled !== true ? "node" : "browser";
+    return {
+      resolve: {
+        alias: getAlias2(aliasEnv)
       }
-    }
-  })
+    };
+  }
 });
 
 // src/index.ts
-var require3 = createRequire(import.meta.url);
+var require5 = createRequire(import.meta.url);
 function VitePlugin({ dir = process.cwd() } = {}) {
   const resolvedDir = resolve(dir);
   const nextConfigResolver = Promise.withResolvers();
-  const isVitestEnv = process.env.VITEST === "true";
   return [
     {
       name: "vite-plugin-storybook-nextjs",
       enforce: "pre",
       async config(config, env) {
         const phase = env.mode === "development" ? PHASE_DEVELOPMENT_SERVER : env.mode === "test" ? PHASE_TEST : PHASE_PRODUCTION_BUILD;
-        nextConfigResolver.resolve(
-          // @ts-ignore TODO figure out why TypeScript is complaining about this
-          await loadConfig.default(phase, resolvedDir)
-        );
+        nextConfigResolver.resolve(await loadConfig(phase, resolvedDir));
         return {
           ...!isVitestEnv && {
             resolve: {
@@ -905,23 +878,23 @@ function VitePlugin({ dir = process.cwd() } = {}) {
           },
           test: {
             alias: {
-              "react/jsx-dev-runtime": require3.resolve(
+              "react/jsx-dev-runtime": require5.resolve(
                 "next/dist/compiled/react/jsx-dev-runtime.js"
               ),
-              "react/jsx-runtime": require3.resolve(
+              "react/jsx-runtime": require5.resolve(
                 "next/dist/compiled/react/jsx-runtime.js"
               ),
-              react: require3.resolve("next/dist/compiled/react"),
-              "react-dom/test-utils": require3.resolve(
+              react: require5.resolve("next/dist/compiled/react"),
+              "react-dom/test-utils": require5.resolve(
                 "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js"
               ),
-              "react-dom/cjs/react-dom.development.js": require3.resolve(
+              "react-dom/cjs/react-dom.development.js": require5.resolve(
                 "next/dist/compiled/react-dom/cjs/react-dom.development.js"
               ),
-              "react-dom/client": require3.resolve(
+              "react-dom/client": require5.resolve(
                 "next/dist/compiled/react-dom/client.js"
               ),
-              "react-dom": require3.resolve("next/dist/compiled/react-dom")
+              "react-dom": require5.resolve("next/dist/compiled/react-dom")
             }
           }
         };
@@ -929,7 +902,7 @@ function VitePlugin({ dir = process.cwd() } = {}) {
       configResolved(config) {
         if (!config.test?.browser?.enabled) {
           config.test.setupFiles = [
-            require3.resolve("./mocks/storybook.global.js"),
+            require5.resolve("./mocks/storybook.global.js"),
             ...config.test?.setupFiles ?? []
           ];
         }

package/dist/mocks/storybook.global.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var module$1 = require('module');
+var moduleAlias = require('module-alias');
+require('fs');
+var os = require('os');
+require('path');
+require('querystring');
+require('image-size');
+require('ts-dedent');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var moduleAlias__default = /*#__PURE__*/_interopDefault(moduleAlias);
+
+// src/mocks/storybook.global.ts
+
+// src/utils.ts
+var VITEST_PLUGIN_NAME = "vite-plugin-storybook-nextjs";
+process.env.VITEST === "true";
+
+// src/plugins/next-image/plugin.ts
+var sharp;
+var require2 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+try {
+  sharp = require2("sharp");
+  if (sharp && sharp.concurrency() > 1) {
+    const divisor = process.env.NODE_ENV === "development" ? 4 : 2;
+    sharp.concurrency(Math.floor(Math.max(os.cpus().length / divisor, 1)));
+  }
+} catch (e) {
+  console.warn(
+    "You have to install sharp in order to use image optimization features in Next.js. AVIF support is also disabled."
+  );
+}
+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)
+});
+var require3 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+var getEntryPoint2 = (subPath, env) => require3.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
+var getAlias2 = (env) => ({
+  "next/headers": getEntryPoint2("headers", env),
+  "@storybook/nextjs/headers.mock": getEntryPoint2("headers", env),
+  "next/navigation": getEntryPoint2("navigation", env),
+  "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
+  "next/router": getEntryPoint2("router", env),
+  "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
+  "next/cache": getEntryPoint2("cache", env),
+  "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
+  "server-only": getEntryPoint2("server-only", env),
+  "@opentelemetry/api": require3.resolve(
+    "next/dist/compiled/@opentelemetry/api/index.js"
+  )
+});
+
+// src/mocks/storybook.global.ts
+var require4 = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.src || new URL('out.js', document.baseURI).href)));
+moduleAlias__default.default.addAliases({
+  react: "next/dist/compiled/react",
+  "react-dom/test-utils": require4.resolve(
+    "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js"
+  ),
+  "react-dom": "next/dist/compiled/react-dom",
+  ...getAlias2("node"),
+  ...getAlias("node")
+});

package/dist/mocks/storybook.global.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/mocks/storybook.global.js

@@ -1,12 +1,59 @@
 import { createRequire } from 'node:module';
 import moduleAlias from 'module-alias';
+import { cpus } from 'node:os';
+import 'image-size';
+import 'ts-dedent';
 
 // src/mocks/storybook.global.ts
+
+// src/utils.ts
+var VITEST_PLUGIN_NAME = "vite-plugin-storybook-nextjs";
+process.env.VITEST === "true";
+
+// src/plugins/next-image/plugin.ts
+var sharp;
 var require2 = createRequire(import.meta.url);
+try {
+  sharp = require2("sharp");
+  if (sharp && sharp.concurrency() > 1) {
+    const divisor = process.env.NODE_ENV === "development" ? 4 : 2;
+    sharp.concurrency(Math.floor(Math.max(cpus().length / divisor, 1)));
+  }
+} catch (e) {
+  console.warn(
+    "You have to install sharp in order to use image optimization features in Next.js. AVIF support is also disabled."
+  );
+}
+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)
+});
+var require3 = createRequire(import.meta.url);
+var getEntryPoint2 = (subPath, env) => require3.resolve(`${VITEST_PLUGIN_NAME}/${env}/mocks/${subPath}`);
+var getAlias2 = (env) => ({
+  "next/headers": getEntryPoint2("headers", env),
+  "@storybook/nextjs/headers.mock": getEntryPoint2("headers", env),
+  "next/navigation": getEntryPoint2("navigation", env),
+  "@storybook/nextjs/navigation.mock": getEntryPoint2("navigation", env),
+  "next/router": getEntryPoint2("router", env),
+  "@storybook/nextjs/router.mock": getEntryPoint2("router", env),
+  "next/cache": getEntryPoint2("cache", env),
+  "@storybook/nextjs/cache.mock": getEntryPoint2("cache", env),
+  "server-only": getEntryPoint2("server-only", env),
+  "@opentelemetry/api": require3.resolve(
+    "next/dist/compiled/@opentelemetry/api/index.js"
+  )
+});
+
+// src/mocks/storybook.global.ts
+var require4 = createRequire(import.meta.url);
 moduleAlias.addAliases({
   react: "next/dist/compiled/react",
-  "react-dom/test-utils": require2.resolve(
+  "react-dom/test-utils": require4.resolve(
     "next/dist/compiled/react-dom/cjs/react-dom-test-utils.production.js"
   ),
-  "react-dom": "next/dist/compiled/react-dom"
+  "react-dom": "next/dist/compiled/react-dom",
+  ...getAlias2("node"),
+  ...getAlias("node")
 });

package/dist/plugins/next-image/alias/image-context.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var react = require('next/dist/compiled/react');
+
+// src/plugins/next-image/alias/image-context.tsx
+var ImageContext = react.createContext({});
+
+exports.ImageContext = ImageContext;

package/dist/plugins/next-image/alias/image-context.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'next/dist/compiled/react';
+import { ImageProps, StaticImageData } from 'next/image';
+import { ImageProps as ImageProps$1 } from 'next/legacy/image';
+
+interface StaticRequire {
+    default: StaticImageData;
+}
+declare type StaticImport = StaticRequire | StaticImageData;
+declare const ImageContext: React.Context<Partial<Omit<ImageProps, "src"> & {
+    src: string | StaticImport;
+}> & Omit<ImageProps$1, "src">>;
+
+export { ImageContext };

package/dist/plugins/next-image/alias/image-default-loader.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+// src/plugins/next-image/alias/image-default-loader.tsx
+var defaultLoader = ({
+  src,
+  width,
+  quality = 75
+}) => {
+  const missingValues = [];
+  if (!src) {
+    missingValues.push("src");
+  }
+  if (!width) {
+    missingValues.push("width");
+  }
+  if (missingValues.length > 0) {
+    throw new Error(
+      `Next Image Optimization requires ${missingValues.join(
+        ", "
+      )} to be provided. Make sure you pass them as props to the \`next/image\` component. Received: ${JSON.stringify(
+        {
+          src,
+          width,
+          quality
+        }
+      )}`
+    );
+  }
+  const url = new URL(src, window.location.href);
+  if (!url.searchParams.has("w") && !url.searchParams.has("q")) {
+    url.searchParams.set("w", width.toString());
+    url.searchParams.set("q", quality.toString());
+  }
+  if (!src.startsWith("http://") && !src.startsWith("https://")) {
+    return url.toString().slice(url.origin.length);
+  }
+  return url.toString();
+};
+
+exports.defaultLoader = defaultLoader;

package/dist/plugins/next-image/alias/image-default-loader.d.cts

@@ -0,0 +1,5 @@
+import * as _NextImage from 'next/image';
+
+declare const defaultLoader: ({ src, width, quality, }: _NextImage.ImageLoaderProps) => string;
+
+export { defaultLoader };

package/dist/plugins/next-image/alias/next-image.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var NextImageNamespace = require('next/image');
+var defaultLoader = require('sb-original/default-loader');
+var imageContext = require('sb-original/image-context');
+var React = require('next/dist/compiled/react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var NextImageNamespace__namespace = /*#__PURE__*/_interopNamespace(NextImageNamespace);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/plugins/next-image/alias/next-image.tsx
+var OriginalNextImage = NextImageNamespace__namespace.default;
+var { getImageProps: originalGetImageProps } = NextImageNamespace__namespace;
+var MockedNextImage = React__default.default.forwardRef(({ loader, ...props }, ref) => {
+  const imageParameters = React__default.default.useContext(imageContext.ImageContext);
+  return /* @__PURE__ */ React__default.default.createElement(
+    OriginalNextImage,
+    {
+      ref,
+      ...imageParameters,
+      ...props,
+      loader: loader ?? defaultLoader.defaultLoader
+    }
+  );
+});
+MockedNextImage.displayName = "NextImage";
+var getImageProps = (props) => originalGetImageProps?.({ loader: defaultLoader.defaultLoader, ...props });
+var next_image_default = MockedNextImage;
+
+exports.default = next_image_default;
+exports.getImageProps = getImageProps;

package/dist/plugins/next-image/alias/next-image.d.cts

@@ -0,0 +1,30 @@
+import * as next_dist_shared_lib_get_img_props from 'next/dist/shared/lib/get-img-props';
+import * as _NextImage from 'next/image';
+import React__default from 'next/dist/compiled/react';
+
+declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "height" | "width" | "loading" | "ref" | "alt" | "src" | "srcSet"> & {
+    src: string | next_dist_shared_lib_get_img_props.StaticImport;
+    alt: string;
+    width?: number | `${number}` | undefined;
+    height?: number | `${number}` | undefined;
+    fill?: boolean | undefined;
+    loader?: _NextImage.ImageLoader | undefined;
+    quality?: number | `${number}` | undefined;
+    priority?: boolean | undefined;
+    loading?: "lazy" | "eager" | undefined;
+    placeholder?: next_dist_shared_lib_get_img_props.PlaceholderValue | undefined;
+    blurDataURL?: string | undefined;
+    unoptimized?: boolean | undefined;
+    overrideSrc?: string | undefined;
+    onLoadingComplete?: next_dist_shared_lib_get_img_props.OnLoadingComplete | undefined;
+    layout?: string | undefined;
+    objectFit?: string | undefined;
+    objectPosition?: string | undefined;
+    lazyBoundary?: string | undefined;
+    lazyRoot?: string | undefined;
+} & React__default.RefAttributes<HTMLImageElement>>;
+declare const getImageProps: (props: _NextImage.ImageProps) => {
+    props: next_dist_shared_lib_get_img_props.ImgProps;
+};
+
+export { MockedNextImage as default, getImageProps };

package/dist/plugins/next-image/alias/next-image.d.ts

@@ -2,7 +2,7 @@ import * as next_dist_shared_lib_get_img_props from 'next/dist/shared/lib/get-im
 import * as _NextImage from 'next/image';
 import React__default from 'next/dist/compiled/react';
 
-declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "srcSet" | "ref" | "width" | "height" | "loading" | "alt"> & {
+declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "height" | "width" | "loading" | "ref" | "alt" | "src" | "srcSet"> & {
     src: string | next_dist_shared_lib_get_img_props.StaticImport;
     alt: string;
     width?: number | `${number}` | undefined;

package/dist/plugins/next-image/alias/next-legacy-image.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var OriginalNextLegacyImage = require('next/legacy/image');
+var defaultLoader = require('sb-original/default-loader');
+var imageContext = require('sb-original/image-context');
+var React = require('next/dist/compiled/react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var OriginalNextLegacyImage__default = /*#__PURE__*/_interopDefault(OriginalNextLegacyImage);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/plugins/next-image/alias/next-legacy-image.tsx
+function NextLegacyImage({ loader, ...props }) {
+  const imageParameters = React__default.default.useContext(imageContext.ImageContext);
+  return /* @__PURE__ */ React__default.default.createElement(
+    OriginalNextLegacyImage__default.default,
+    {
+      ...imageParameters,
+      ...props,
+      loader: loader ?? defaultLoader.defaultLoader
+    }
+  );
+}
+var next_legacy_image_default = NextLegacyImage;
+
+module.exports = next_legacy_image_default;

package/dist/plugins/next-image/alias/next-legacy-image.d.cts

@@ -0,0 +1,6 @@
+import React__default from 'next/dist/compiled/react';
+import * as _NextLegacyImage from 'next/legacy/image';
+
+declare function NextLegacyImage({ loader, ...props }: _NextLegacyImage.ImageProps): React__default.JSX.Element;
+
+export { NextLegacyImage as default };

package/dist/plugins/next-mocks/alias/cache/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var test = require('@storybook/test');
+var unstableCache_js = require('next/dist/server/web/spec-extension/unstable-cache.js');
+var unstableNoStore_js = require('next/dist/server/web/spec-extension/unstable-no-store.js');
+
+// src/plugins/next-mocks/alias/cache/index.ts
+var revalidatePath = test.fn().mockName("next/cache::revalidatePath");
+var revalidateTag = test.fn().mockName("next/cache::revalidateTag");
+var cacheExports = {
+  unstable_cache: unstableCache_js.unstable_cache,
+  revalidateTag,
+  revalidatePath,
+  unstable_noStore: unstableNoStore_js.unstable_noStore
+};
+var cache_default = cacheExports;
+
+Object.defineProperty(exports, "unstable_cache", {
+  enumerable: true,
+  get: function () { return unstableCache_js.unstable_cache; }
+});
+Object.defineProperty(exports, "unstable_noStore", {
+  enumerable: true,
+  get: function () { return unstableNoStore_js.unstable_noStore; }
+});
+exports.default = cache_default;
+exports.revalidatePath = revalidatePath;
+exports.revalidateTag = revalidateTag;