vite-plugin-storybook-nextjs 2.0.0--canary.33.7b6eedb.0 → 2.0.0--canary.33.4ab8644.0

package/dist/index.cjs

@@ -23,9 +23,8 @@ var options_js = require('next/dist/build/swc/options.js');
 var nextServerConfig = require('next/dist/server/config.js');
 var constants_js = require('next/dist/shared/lib/constants.js');
 var MagicString = require('magic-string');
-var os = require('os');
 var querystring = require('querystring');
-var imageSizeOf = require('image-size');
+var imageSize = require('image-size');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -57,7 +56,6 @@ var loaderUtils__default = /*#__PURE__*/_interopDefault(loaderUtils);
 var nextLoadJsConfig__default = /*#__PURE__*/_interopDefault(nextLoadJsConfig);
 var nextServerConfig__default = /*#__PURE__*/_interopDefault(nextServerConfig);
 var MagicString__default = /*#__PURE__*/_interopDefault(MagicString);
-var imageSizeOf__default = /*#__PURE__*/_interopDefault(imageSizeOf);
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2691,19 +2689,7 @@ var excludeImporterPattern = /\.(css|scss|sass)$/;
 var virtualImage = "virtual:next-image";
 var virtualNextImage = "virtual:next/image";
 var virtualNextLegacyImage = "virtual:next/legacy/image";
-var sharp;
 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)));
-try {
-  sharp = require4("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."
-  );
-}
 function vitePluginNextImage(nextConfigResolver) {
   let isBrowser = !isVitestEnv;
   return {
@@ -2755,7 +2741,6 @@ function vitePluginNextImage(nextConfigResolver) {
       if (virtualImage === source) {
         const imagePath = querystring.decode(query).imagePath;
         const nextConfig = await nextConfigResolver.promise;
-        const extension = path2__default.default.extname(imagePath);
         try {
           if (nextConfig.images?.disableStaticImages) {
             return tsDedent.dedent`
@@ -2764,18 +2749,7 @@ function vitePluginNextImage(nextConfigResolver) {
 					`;
           }
           const imageData = await fs3__default.default.promises.readFile(imagePath);
-          let width;
-          let height;
-          if (extension === ".avif" && sharp) {
-            const transformer = sharp(Buffer.from(imageData));
-            const result = await transformer.metadata();
-            width = result.width;
-            height = result.height;
-          } else {
-            const result = imageSizeOf__default.default(imageData);
-            width = result.width;
-            height = result.height;
-          }
+          const { width, height } = imageSize.imageSize(imageData);
           return tsDedent.dedent`
 						import src from "${imagePath}?ignore";
 						export default {
@@ -2897,6 +2871,13 @@ var loadConfig = (
 function VitePlugin({ dir = process.cwd() } = {}) {
   const resolvedDir = path2.resolve(dir);
   const nextConfigResolver = Promise.withResolvers();
+  let styledJsxIsInstalled;
+  try {
+    require8.resolve("styled-jsx");
+    styledJsxIsInstalled = true;
+  } catch (e) {
+    styledJsxIsInstalled = false;
+  }
   return [
     {
       name: "vite-plugin-storybook-nextjs",
@@ -2913,6 +2894,24 @@ function VitePlugin({ dir = process.cwd() } = {}) {
                   find: /^react$/,
                   replacement: require8.resolve("next/dist/compiled/react")
                 },
+                {
+                  find: /^react\/jsx-runtime$/,
+                  replacement: require8.resolve(
+                    "next/dist/compiled/react/jsx-runtime"
+                  )
+                },
+                {
+                  find: /^react\/jsx-dev-runtime$/,
+                  replacement: require8.resolve(
+                    "next/dist/compiled/react/jsx-dev-runtime"
+                  )
+                },
+                {
+                  find: /^react\/compiler-runtime$/,
+                  replacement: require8.resolve(
+                    "next/dist/compiled/react/compiler-runtime"
+                  )
+                },
                 {
                   find: /^react-dom$/,
                   replacement: require8.resolve("next/dist/compiled/react-dom")
@@ -2952,7 +2951,7 @@ function VitePlugin({ dir = process.cwd() } = {}) {
               "next/image",
               "next/legacy/image",
               "react/jsx-dev-runtime",
-              "styled-jsx/style"
+              ...styledJsxIsInstalled ? ["styled-jsx/style"] : []
             ]
           },
           test: {

package/dist/index.js

@@ -21,9 +21,8 @@ import { getParserOptions } from 'next/dist/build/swc/options.js';
 import nextServerConfig from 'next/dist/server/config.js';
 import { PHASE_DEVELOPMENT_SERVER, PHASE_TEST, PHASE_PRODUCTION_BUILD } from 'next/dist/shared/lib/constants.js';
 import MagicString from 'magic-string';
-import { cpus } from 'node:os';
 import { decode } from 'node:querystring';
-import imageSizeOf from 'image-size';
+import { imageSize } from 'image-size';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2657,19 +2656,7 @@ var excludeImporterPattern = /\.(css|scss|sass)$/;
 var virtualImage = "virtual:next-image";
 var virtualNextImage = "virtual:next/image";
 var virtualNextLegacyImage = "virtual:next/legacy/image";
-var sharp;
 var require4 = createRequire(import.meta.url);
-try {
-  sharp = require4("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."
-  );
-}
 function vitePluginNextImage(nextConfigResolver) {
   let isBrowser = !isVitestEnv;
   return {
@@ -2721,7 +2708,6 @@ function vitePluginNextImage(nextConfigResolver) {
       if (virtualImage === source) {
         const imagePath = decode(query).imagePath;
         const nextConfig = await nextConfigResolver.promise;
-        const extension = path2.extname(imagePath);
         try {
           if (nextConfig.images?.disableStaticImages) {
             return dedent`
@@ -2730,18 +2716,7 @@ function vitePluginNextImage(nextConfigResolver) {
 					`;
           }
           const imageData = await fs3.promises.readFile(imagePath);
-          let width;
-          let height;
-          if (extension === ".avif" && sharp) {
-            const transformer = sharp(Buffer.from(imageData));
-            const result = await transformer.metadata();
-            width = result.width;
-            height = result.height;
-          } else {
-            const result = imageSizeOf(imageData);
-            width = result.width;
-            height = result.height;
-          }
+          const { width, height } = imageSize(imageData);
           return dedent`
 						import src from "${imagePath}?ignore";
 						export default {
@@ -2863,6 +2838,13 @@ var loadConfig = (
 function VitePlugin({ dir = process.cwd() } = {}) {
   const resolvedDir = resolve(dir);
   const nextConfigResolver = Promise.withResolvers();
+  let styledJsxIsInstalled;
+  try {
+    require8.resolve("styled-jsx");
+    styledJsxIsInstalled = true;
+  } catch (e) {
+    styledJsxIsInstalled = false;
+  }
   return [
     {
       name: "vite-plugin-storybook-nextjs",
@@ -2879,6 +2861,24 @@ function VitePlugin({ dir = process.cwd() } = {}) {
                   find: /^react$/,
                   replacement: require8.resolve("next/dist/compiled/react")
                 },
+                {
+                  find: /^react\/jsx-runtime$/,
+                  replacement: require8.resolve(
+                    "next/dist/compiled/react/jsx-runtime"
+                  )
+                },
+                {
+                  find: /^react\/jsx-dev-runtime$/,
+                  replacement: require8.resolve(
+                    "next/dist/compiled/react/jsx-dev-runtime"
+                  )
+                },
+                {
+                  find: /^react\/compiler-runtime$/,
+                  replacement: require8.resolve(
+                    "next/dist/compiled/react/compiler-runtime"
+                  )
+                },
                 {
                   find: /^react-dom$/,
                   replacement: require8.resolve("next/dist/compiled/react-dom")
@@ -2918,7 +2918,7 @@ function VitePlugin({ dir = process.cwd() } = {}) {
               "next/image",
               "next/legacy/image",
               "react/jsx-dev-runtime",
-              "styled-jsx/style"
+              ...styledJsxIsInstalled ? ["styled-jsx/style"] : []
             ]
           },
           test: {

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

@@ -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" | "alt" | "width" | "height" | "loading"> & {
+declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "width" | "srcSet" | "ref" | "alt" | "height" | "loading"> & {
     src: string | next_dist_shared_lib_get_img_props.StaticImport;
     alt: string;
     width?: number | `${number}`;

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" | "alt" | "width" | "height" | "loading"> & {
+declare const MockedNextImage: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "src" | "width" | "srcSet" | "ref" | "alt" | "height" | "loading"> & {
     src: string | next_dist_shared_lib_get_img_props.StaticImport;
     alt: string;
     width?: number | `${number}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-storybook-nextjs",
-  "version": "2.0.0--canary.33.7b6eedb.0",
+  "version": "2.0.0--canary.33.4ab8644.0",
   "description": "",
   "keywords": [
     "vite-plugin",
@@ -76,7 +76,6 @@
     "react": "19.0.0-rc-66855b96-20241106",
     "rollup": "^4.18.0",
     "semver": "^7.6.3",
-    "sharp": "^0.33.4",
     "storybook": "0.0.0-pr-30742-sha-cd7cb3d8",
     "tsup": "^8.1.0",
     "typescript": "^5.0.0",
@@ -86,14 +85,11 @@
   "packageManager": "pnpm@9.4.0",
   "dependencies": {
     "@next/env": "^15.0.3",
-    "image-size": "^1.1.1",
+    "image-size": "^2.0.0",
     "magic-string": "^0.30.11",
     "module-alias": "^2.2.3",
     "ts-dedent": "^2.2.0"
   },
-  "optionalDependencies": {
-    "sharp": "^0.33.4"
-  },
   "publishConfig": {
     "access": "public"
   },