vite-plugin-storybook-nextjs 3.1.3--canary.78.ed88a44.0 → 3.1.3--canary.76.697aca7.0

package/dist/index.cjs

@@ -22,6 +22,7 @@ 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 querystring = require('querystring');
 var path = require('path');
 var imageSize = require('image-size');
 
@@ -4727,19 +4728,9 @@ var warnOnce = (message) => {
 };
 var includePattern2 = /\.(png|jpg|jpeg|gif|webp|avif|ico|bmp|svg)$/;
 var excludeImporterPattern = /\.(css|scss|sass)$/;
-var virtualImagePrefix = "\0virtual:next-image:";
+var virtualImage = "virtual:next-image";
 var virtualNextImage = "virtual:next/image";
 var virtualNextLegacyImage = "virtual:next/legacy/image";
-function encodeBase64Url(str) {
-  const base64 = Buffer.from(str).toString("base64");
-  return base64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
-}
-function decodeBase64Url(str) {
-  const padding = (4 - str.length % 4) % 4;
-  const withPadding = str + "=".repeat(padding);
-  const base64 = withPadding.replace(/-/g, "+").replace(/_/g, "/");
-  return Buffer.from(base64, "base64").toString();
-}
 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, options = {}) {
   let isBrowser = !isVitestEnv;
@@ -4787,14 +4778,14 @@ function vitePluginNextImage(nextConfigResolver, options = {}) {
           For more info and recommended configuration, see: https://github.com/storybookjs/vite-plugin-storybook-nextjs/blob/main/README.md#faq-includingexcluding-images`
         );
       }
-      if (includePattern2.test(source) && !excludeImporterPattern.test(importer ?? "") && !importer?.startsWith(virtualImagePrefix)) {
+      if (includePattern2.test(source) && !excludeImporterPattern.test(importer ?? "") && !importer?.startsWith(virtualImage)) {
         const isAbsolute3 = posix.isAbsolute(id);
         const imagePath = importer ? isAbsolute3 ? source : posix.join(posix.dirname(importer), source) : source;
         const pathForFilter = imagePath.replace(postfixRE, "");
         if (!filter(pathForFilter)) {
           return null;
         }
-        return `${virtualImagePrefix}${encodeBase64Url(imagePath)}`;
+        return `${virtualImage}?${querystring.encode({ imagePath })}`;
       }
       if (id === "next/image" && importer !== virtualNextImage) {
         return virtualNextImage;
@@ -4818,8 +4809,9 @@ function vitePluginNextImage(nextConfigResolver, options = {}) {
           )
         )).toString("utf-8");
       }
-      if (id.startsWith(virtualImagePrefix)) {
-        const imagePath = decodeBase64Url(id.slice(virtualImagePrefix.length));
+      const [source, query] = id.split("?");
+      if (virtualImage === source) {
+        const imagePath = querystring.decode(query).imagePath;
         const nextConfig = await nextConfigResolver.promise;
         try {
           if (nextConfig.images?.disableStaticImages) {

package/dist/index.js

@@ -20,6 +20,7 @@ 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 { decode, encode } from 'querystring';
 import { win32 as win32$1, posix as posix$1, isAbsolute as isAbsolute$1, resolve as resolve$1 } from 'path';
 import { imageSize } from 'image-size';
 
@@ -4694,19 +4695,9 @@ var warnOnce = (message) => {
 };
 var includePattern2 = /\.(png|jpg|jpeg|gif|webp|avif|ico|bmp|svg)$/;
 var excludeImporterPattern = /\.(css|scss|sass)$/;
-var virtualImagePrefix = "\0virtual:next-image:";
+var virtualImage = "virtual:next-image";
 var virtualNextImage = "virtual:next/image";
 var virtualNextLegacyImage = "virtual:next/legacy/image";
-function encodeBase64Url(str) {
-  const base64 = Buffer.from(str).toString("base64");
-  return base64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
-}
-function decodeBase64Url(str) {
-  const padding = (4 - str.length % 4) % 4;
-  const withPadding = str + "=".repeat(padding);
-  const base64 = withPadding.replace(/-/g, "+").replace(/_/g, "/");
-  return Buffer.from(base64, "base64").toString();
-}
 var require5 = createRequire(import.meta.url);
 function vitePluginNextImage(nextConfigResolver, options = {}) {
   let isBrowser = !isVitestEnv;
@@ -4754,14 +4745,14 @@ function vitePluginNextImage(nextConfigResolver, options = {}) {
           For more info and recommended configuration, see: https://github.com/storybookjs/vite-plugin-storybook-nextjs/blob/main/README.md#faq-includingexcluding-images`
         );
       }
-      if (includePattern2.test(source) && !excludeImporterPattern.test(importer ?? "") && !importer?.startsWith(virtualImagePrefix)) {
+      if (includePattern2.test(source) && !excludeImporterPattern.test(importer ?? "") && !importer?.startsWith(virtualImage)) {
         const isAbsolute3 = posix.isAbsolute(id);
         const imagePath = importer ? isAbsolute3 ? source : posix.join(posix.dirname(importer), source) : source;
         const pathForFilter = imagePath.replace(postfixRE, "");
         if (!filter(pathForFilter)) {
           return null;
         }
-        return `${virtualImagePrefix}${encodeBase64Url(imagePath)}`;
+        return `${virtualImage}?${encode({ imagePath })}`;
       }
       if (id === "next/image" && importer !== virtualNextImage) {
         return virtualNextImage;
@@ -4785,8 +4776,9 @@ function vitePluginNextImage(nextConfigResolver, options = {}) {
           )
         )).toString("utf-8");
       }
-      if (id.startsWith(virtualImagePrefix)) {
-        const imagePath = decodeBase64Url(id.slice(virtualImagePrefix.length));
+      const [source, query] = id.split("?");
+      if (virtualImage === source) {
+        const imagePath = decode(query).imagePath;
         const nextConfig = await nextConfigResolver.promise;
         try {
           if (nextConfig.images?.disableStaticImages) {

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

@@ -17,20 +17,32 @@ var unstable_noStore = test.fn().mockName(
   "next/cache::unstable_noStore"
 );
 var refresh = test.fn().mockName("next/cache::refresh");
+var cacheLife = test.fn().mockName("next/cache::cacheLife");
+var cacheTag = test.fn().mockName("next/cache::cacheTag");
+var unstable_cacheLife = test.fn().mockName("next/cache::unstable_cacheLife").mockImplementation((...args) => cacheLife(...args));
+var unstable_cacheTag = test.fn().mockName("next/cache::unstable_cacheTag").mockImplementation((...args) => cacheTag(...args));
 var cacheExports = {
   unstable_cache,
   revalidateTag,
   revalidatePath,
   updateTag,
   refresh,
-  unstable_noStore
+  unstable_noStore,
+  cacheLife,
+  cacheTag,
+  unstable_cacheLife,
+  unstable_cacheTag
 };
 var cache_default = cacheExports;
 
+exports.cacheLife = cacheLife;
+exports.cacheTag = cacheTag;
 exports.default = cache_default;
 exports.refresh = refresh;
 exports.revalidatePath = revalidatePath;
 exports.revalidateTag = revalidateTag;
 exports.unstable_cache = unstable_cache;
+exports.unstable_cacheLife = unstable_cacheLife;
+exports.unstable_cacheTag = unstable_cacheTag;
 exports.unstable_noStore = unstable_noStore;
 exports.updateTag = updateTag;

package/dist/plugins/next-mocks/alias/cache/index.d.cts

@@ -7,6 +7,10 @@ declare const updateTag: Mock<Procedure>;
 declare const unstable_cache: Mock<Procedure>;
 declare const unstable_noStore: Mock<Procedure>;
 declare const refresh: Mock<Procedure>;
+declare const cacheLife: Mock<Procedure>;
+declare const cacheTag: Mock<Procedure>;
+declare const unstable_cacheLife: Mock<Procedure>;
+declare const unstable_cacheTag: Mock<Procedure>;
 declare const cacheExports: {
     unstable_cache: Mock<Procedure>;
     revalidateTag: Mock<Procedure>;
@@ -14,6 +18,10 @@ declare const cacheExports: {
     updateTag: Mock<Procedure>;
     refresh: Mock<Procedure>;
     unstable_noStore: Mock<Procedure>;
+    cacheLife: Mock<Procedure>;
+    cacheTag: Mock<Procedure>;
+    unstable_cacheLife: Mock<Procedure>;
+    unstable_cacheTag: Mock<Procedure>;
 };
 
-export { cacheExports as default, refresh, revalidatePath, revalidateTag, unstable_cache, unstable_noStore, updateTag };
+export { cacheLife, cacheTag, cacheExports as default, refresh, revalidatePath, revalidateTag, unstable_cache, unstable_cacheLife, unstable_cacheTag, unstable_noStore, updateTag };

package/dist/plugins/next-mocks/alias/cache/index.d.ts

@@ -7,6 +7,10 @@ declare const updateTag: Mock<Procedure>;
 declare const unstable_cache: Mock<Procedure>;
 declare const unstable_noStore: Mock<Procedure>;
 declare const refresh: Mock<Procedure>;
+declare const cacheLife: Mock<Procedure>;
+declare const cacheTag: Mock<Procedure>;
+declare const unstable_cacheLife: Mock<Procedure>;
+declare const unstable_cacheTag: Mock<Procedure>;
 declare const cacheExports: {
     unstable_cache: Mock<Procedure>;
     revalidateTag: Mock<Procedure>;
@@ -14,6 +18,10 @@ declare const cacheExports: {
     updateTag: Mock<Procedure>;
     refresh: Mock<Procedure>;
     unstable_noStore: Mock<Procedure>;
+    cacheLife: Mock<Procedure>;
+    cacheTag: Mock<Procedure>;
+    unstable_cacheLife: Mock<Procedure>;
+    unstable_cacheTag: Mock<Procedure>;
 };
 
-export { cacheExports as default, refresh, revalidatePath, revalidateTag, unstable_cache, unstable_noStore, updateTag };
+export { cacheLife, cacheTag, cacheExports as default, refresh, revalidatePath, revalidateTag, unstable_cache, unstable_cacheLife, unstable_cacheTag, unstable_noStore, updateTag };

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

@@ -13,14 +13,22 @@ var unstable_noStore = fn().mockName(
   "next/cache::unstable_noStore"
 );
 var refresh = fn().mockName("next/cache::refresh");
+var cacheLife = fn().mockName("next/cache::cacheLife");
+var cacheTag = fn().mockName("next/cache::cacheTag");
+var unstable_cacheLife = fn().mockName("next/cache::unstable_cacheLife").mockImplementation((...args) => cacheLife(...args));
+var unstable_cacheTag = fn().mockName("next/cache::unstable_cacheTag").mockImplementation((...args) => cacheTag(...args));
 var cacheExports = {
   unstable_cache,
   revalidateTag,
   revalidatePath,
   updateTag,
   refresh,
-  unstable_noStore
+  unstable_noStore,
+  cacheLife,
+  cacheTag,
+  unstable_cacheLife,
+  unstable_cacheTag
 };
 var cache_default = cacheExports;
 
-export { cache_default as default, refresh, revalidatePath, revalidateTag, unstable_cache, unstable_noStore, updateTag };
+export { cacheLife, cacheTag, cache_default as default, refresh, revalidatePath, revalidateTag, unstable_cache, unstable_cacheLife, unstable_cacheTag, unstable_noStore, updateTag };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-storybook-nextjs",
-  "version": "3.1.3--canary.78.ed88a44.0",
+  "version": "3.1.3--canary.76.697aca7.0",
   "description": "",
   "keywords": [
     "vite-plugin",