@storybook/nextjs 9.2.0-alpha.3 → 10.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. package/README.md +3 -1
  2. package/dist/_browser-chunks/chunk-I5RFHXDS.js +40 -0
  3. package/dist/_browser-chunks/chunk-JOMP7DUK.js +261 -0
  4. package/dist/_browser-chunks/chunk-L5NVL7MD.js +37 -0
  5. package/dist/_browser-chunks/react-18-G7Q4PNHD.js +71 -0
  6. package/dist/_node-chunks/chunk-254AWWVV.js +95 -0
  7. package/dist/_node-chunks/chunk-4Q3WLK5D.js +167 -0
  8. package/dist/_node-chunks/chunk-DF7TGUJT.js +17 -0
  9. package/dist/_node-chunks/chunk-N47GZ6ZF.js +74 -0
  10. package/dist/_node-chunks/configureNextFont-YCA4Y2MY.js +36 -0
  11. package/dist/_node-chunks/loader-BMOR26K7.js +64 -0
  12. package/dist/_node-chunks/loader-W6JNOWKU.js +51 -0
  13. package/dist/_node-chunks/utils-TOBNY3XG.js +31 -0
  14. package/dist/_node-chunks/webpack-422IPQRP.js +38 -0
  15. package/dist/_node-chunks/webpack-7CTFG24J.js +107 -0
  16. package/dist/_node-chunks/webpack-AGJ2TY75.js +29 -0
  17. package/dist/_node-chunks/webpack-E2SJEFJM.js +27 -0
  18. package/dist/_node-chunks/webpack-GIA2WMBH.js +77 -0
  19. package/dist/_node-chunks/webpack-MCDIAAFL.js +43 -0
  20. package/dist/_node-chunks/webpack-UPXNFNSK.js +26 -0
  21. package/dist/_node-chunks/webpack-WWJ5TQDG.js +30 -0
  22. package/dist/compatibility/draft-mode.compat.js +7 -1
  23. package/dist/export-mocks/cache/index.d.ts +309 -1
  24. package/dist/export-mocks/cache/index.js +22 -1
  25. package/dist/export-mocks/headers/index.d.ts +309 -1
  26. package/dist/export-mocks/headers/index.js +77 -1
  27. package/dist/export-mocks/index.js +20 -1
  28. package/dist/export-mocks/navigation/index.js +88 -1
  29. package/dist/export-mocks/router/index.d.ts +2 -2
  30. package/dist/export-mocks/router/index.js +97 -1
  31. package/dist/font/webpack/loader/storybook-nextjs-font-loader.js +201 -14
  32. package/dist/image-context.js +8 -1
  33. package/dist/images/next-image.js +35 -1
  34. package/dist/images/next-legacy-image.js +21 -1
  35. package/dist/index.d.ts +53 -8
  36. package/dist/index.js +20237 -45
  37. package/dist/next-image-loader-stub.js +33 -1
  38. package/dist/node/index.d.ts +27 -6
  39. package/dist/node/index.js +23 -1
  40. package/dist/preset.js +830 -1
  41. package/dist/preview.d.ts +3 -18
  42. package/dist/preview.d.tsx +18 -0
  43. package/dist/preview.js +11 -1
  44. package/dist/rsc/server-only.js +7 -1
  45. package/dist/swc/next-swc-loader-patch.js +136 -1
  46. package/package.json +41 -122
  47. package/preset.js +1 -1
  48. package/template/cli/js/Configure.mdx +11 -11
  49. package/template/cli/ts/Configure.mdx +11 -11
  50. package/dist/chunk-2TZKD6A5.mjs +0 -20
  51. package/dist/chunk-ETFXNGLC.mjs +0 -3
  52. package/dist/chunk-L66KIASX.mjs +0 -3
  53. package/dist/chunk-NQ32RFK2.mjs +0 -6
  54. package/dist/compatibility/draft-mode.compat.d.ts +0 -1
  55. package/dist/compatibility/draft-mode.compat.mjs +0 -2
  56. package/dist/export-mocks/cache/index.mjs +0 -10
  57. package/dist/export-mocks/headers/index.mjs +0 -12
  58. package/dist/export-mocks/index.d.ts +0 -7
  59. package/dist/export-mocks/index.mjs +0 -11
  60. package/dist/export-mocks/navigation/index.mjs +0 -11
  61. package/dist/export-mocks/router/index.mjs +0 -10
  62. package/dist/font/webpack/loader/storybook-nextjs-font-loader.d.ts +0 -3
  63. package/dist/font/webpack/loader/storybook-nextjs-font-loader.mjs +0 -56
  64. package/dist/image-context.d.ts +0 -13
  65. package/dist/image-context.mjs +0 -6
  66. package/dist/images/decorator.d.ts +0 -6
  67. package/dist/images/decorator.js +0 -1
  68. package/dist/images/decorator.mjs +0 -2
  69. package/dist/images/next-image.d.ts +0 -28
  70. package/dist/images/next-image.mjs +0 -9
  71. package/dist/images/next-legacy-image.d.ts +0 -6
  72. package/dist/images/next-legacy-image.mjs +0 -9
  73. package/dist/index.d-ff220430.d.ts +0 -310
  74. package/dist/index.mjs +0 -58
  75. package/dist/next-image-loader-stub.d.ts +0 -10
  76. package/dist/next-image-loader-stub.mjs +0 -7
  77. package/dist/node/index.mjs +0 -5
  78. package/dist/preset.d.ts +0 -14
  79. package/dist/preview.mjs +0 -3
  80. package/dist/react-18-WSPZ3BUV.mjs +0 -7
  81. package/dist/rsc/server-only.d.ts +0 -3
  82. package/dist/rsc/server-only.mjs +0 -5
  83. package/dist/swc/next-swc-loader-patch.d.ts +0 -21
  84. package/dist/swc/next-swc-loader-patch.mjs +0 -8
  85. package/dist/types-f6ea2c09.d.ts +0 -54
@@ -1 +1,77 @@
1
- "use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default")),__toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var headers_exports={};__export(headers_exports,{cookies:()=>cookies,draftMode:()=>draftMode2,headers:()=>headers});module.exports=__toCommonJS(headers_exports);var import_draft_mode=require("next/dist/server/request/draft-mode"),headers3=__toESM(require("next/dist/server/request/headers")),import_test3=require("storybook/test");__reExport(headers_exports,require("next/dist/server/request/headers"),module.exports);var import_headers=require("next/dist/server/web/spec-extension/adapters/headers"),import_test=require("storybook/test"),HeadersAdapterMock=class extends import_headers.HeadersAdapter{constructor(){super({});this.append=(0,import_test.fn)(super.append.bind(this)).mockName("next/headers::headers().append");this.delete=(0,import_test.fn)(super.delete.bind(this)).mockName("next/headers::headers().delete");this.get=(0,import_test.fn)(super.get.bind(this)).mockName("next/headers::headers().get");this.has=(0,import_test.fn)(super.has.bind(this)).mockName("next/headers::headers().has");this.set=(0,import_test.fn)(super.set.bind(this)).mockName("next/headers::headers().set");this.forEach=(0,import_test.fn)(super.forEach.bind(this)).mockName("next/headers::headers().forEach");this.entries=(0,import_test.fn)(super.entries.bind(this)).mockName("next/headers::headers().entries");this.keys=(0,import_test.fn)(super.keys.bind(this)).mockName("next/headers::headers().keys");this.values=(0,import_test.fn)(super.values.bind(this)).mockName("next/headers::headers().values")}},headersAdapterMock,headers=()=>(headersAdapterMock||(headersAdapterMock=new HeadersAdapterMock),headersAdapterMock);headers.mockRestore=()=>{headersAdapterMock=new HeadersAdapterMock};var import_headers2=require("@storybook/nextjs/headers.mock"),import_cookies=require("next/dist/compiled/@edge-runtime/cookies"),import_test2=require("storybook/test"),RequestCookiesMock=class extends import_cookies.RequestCookies{constructor(){super(...arguments);this.get=(0,import_test2.fn)(super.get.bind(this)).mockName("next/headers::cookies().get");this.getAll=(0,import_test2.fn)(super.getAll.bind(this)).mockName("next/headers::cookies().getAll");this.has=(0,import_test2.fn)(super.has.bind(this)).mockName("next/headers::cookies().has");this.set=(0,import_test2.fn)(super.set.bind(this)).mockName("next/headers::cookies().set");this.delete=(0,import_test2.fn)(super.delete.bind(this)).mockName("next/headers::cookies().delete")}},requestCookiesMock,cookies=(0,import_test2.fn)(()=>(requestCookiesMock||(requestCookiesMock=new RequestCookiesMock((0,import_headers2.headers)())),requestCookiesMock)).mockName("next/headers::cookies()"),originalRestore=cookies.mockRestore.bind(null);cookies.mockRestore=()=>{originalRestore(),import_headers2.headers.mockRestore(),requestCookiesMock=new RequestCookiesMock((0,import_headers2.headers)())};var draftMode2=(0,import_test3.fn)(import_draft_mode.draftMode??headers3.draftMode).mockName("draftMode");0&&(module.exports={cookies,draftMode,headers,...require("next/dist/server/request/headers")});
1
+ import {
2
+ __name
3
+ } from "../../_browser-chunks/chunk-L5NVL7MD.js";
4
+
5
+ // src/export-mocks/headers/index.ts
6
+ import { draftMode as originalDraftMode } from "next/dist/server/request/draft-mode";
7
+ import * as headers3 from "next/dist/server/request/headers";
8
+ import { fn as fn3 } from "storybook/test";
9
+ export * from "next/dist/server/request/headers";
10
+
11
+ // src/export-mocks/headers/headers.ts
12
+ import { HeadersAdapter } from "next/dist/server/web/spec-extension/adapters/headers";
13
+ import { fn } from "storybook/test";
14
+ var _HeadersAdapterMock = class _HeadersAdapterMock extends HeadersAdapter {
15
+ constructor() {
16
+ super({});
17
+ this.append = fn(super.append.bind(this)).mockName("next/headers::headers().append");
18
+ this.delete = fn(super.delete.bind(this)).mockName("next/headers::headers().delete");
19
+ this.get = fn(super.get.bind(this)).mockName("next/headers::headers().get");
20
+ this.has = fn(super.has.bind(this)).mockName("next/headers::headers().has");
21
+ this.set = fn(super.set.bind(this)).mockName("next/headers::headers().set");
22
+ this.forEach = fn(super.forEach.bind(this)).mockName("next/headers::headers().forEach");
23
+ this.entries = fn(super.entries.bind(this)).mockName("next/headers::headers().entries");
24
+ this.keys = fn(super.keys.bind(this)).mockName("next/headers::headers().keys");
25
+ this.values = fn(super.values.bind(this)).mockName("next/headers::headers().values");
26
+ }
27
+ };
28
+ __name(_HeadersAdapterMock, "HeadersAdapterMock");
29
+ var HeadersAdapterMock = _HeadersAdapterMock;
30
+ var headersAdapterMock;
31
+ var headers = /* @__PURE__ */ __name(() => {
32
+ if (!headersAdapterMock) {
33
+ headersAdapterMock = new HeadersAdapterMock();
34
+ }
35
+ return headersAdapterMock;
36
+ }, "headers");
37
+ headers.mockRestore = () => {
38
+ headersAdapterMock = new HeadersAdapterMock();
39
+ };
40
+
41
+ // src/export-mocks/headers/cookies.ts
42
+ import { headers as headers2 } from "@storybook/nextjs/headers.mock";
43
+ import { RequestCookies } from "next/dist/compiled/@edge-runtime/cookies";
44
+ import { fn as fn2 } from "storybook/test";
45
+ var _RequestCookiesMock = class _RequestCookiesMock extends RequestCookies {
46
+ constructor() {
47
+ super(...arguments);
48
+ this.get = fn2(super.get.bind(this)).mockName("next/headers::cookies().get");
49
+ this.getAll = fn2(super.getAll.bind(this)).mockName("next/headers::cookies().getAll");
50
+ this.has = fn2(super.has.bind(this)).mockName("next/headers::cookies().has");
51
+ this.set = fn2(super.set.bind(this)).mockName("next/headers::cookies().set");
52
+ this.delete = fn2(super.delete.bind(this)).mockName("next/headers::cookies().delete");
53
+ }
54
+ };
55
+ __name(_RequestCookiesMock, "RequestCookiesMock");
56
+ var RequestCookiesMock = _RequestCookiesMock;
57
+ var requestCookiesMock;
58
+ var cookies = fn2(() => {
59
+ if (!requestCookiesMock) {
60
+ requestCookiesMock = new RequestCookiesMock(headers2());
61
+ }
62
+ return requestCookiesMock;
63
+ }).mockName("next/headers::cookies()");
64
+ var originalRestore = cookies.mockRestore.bind(null);
65
+ cookies.mockRestore = () => {
66
+ originalRestore();
67
+ headers2.mockRestore();
68
+ requestCookiesMock = new RequestCookiesMock(headers2());
69
+ };
70
+
71
+ // src/export-mocks/headers/index.ts
72
+ var draftMode2 = fn3(originalDraftMode ?? headers3.draftMode).mockName("draftMode");
73
+ export {
74
+ cookies,
75
+ draftMode2 as draftMode,
76
+ headers
77
+ };
@@ -1 +1,20 @@
1
- "use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var export_mocks_exports={};__export(export_mocks_exports,{getPackageAliases:()=>getPackageAliases});module.exports=__toCommonJS(export_mocks_exports);var import_node_path2=require("path");var import_semver=__toESM(require("semver"));var import_node_path=require("path"),import_common=require("storybook/internal/common"),import_constants=require("next/constants"),import_config=__toESM(require("next/dist/server/config")),import_webpack=require("webpack");var getNextjsVersion=()=>require(scopedResolve("next/package.json")).version;var scopedResolve=id=>{let scopedModulePath=require.resolve(id),idWithNativePathSep=id.replace(/\//g,import_node_path.sep);if(scopedModulePath.endsWith(idWithNativePathSep))return scopedModulePath;let beginningOfMainScriptPath=scopedModulePath.lastIndexOf(idWithNativePathSep)+id.length;return scopedModulePath.substring(0,beginningOfMainScriptPath)};var mapping={"<15.0.0":{"next/dist/server/request/headers":"next/dist/client/components/headers","next/dist/server/request/draft-mode":"@storybook/nextjs/dist/compatibility/draft-mode.compat"}},getCompatibilityAliases=()=>{let version=getNextjsVersion(),result={};return Object.keys(mapping).forEach(key=>{import_semver.default.intersects(version,key)&&Object.assign(result,mapping[key])}),result};var mapping2={"next/headers":"/dist/export-mocks/headers/index","@storybook/nextjs/headers.mock":"/dist/export-mocks/headers/index","next/navigation":"/dist/export-mocks/navigation/index","@storybook/nextjs/navigation.mock":"/dist/export-mocks/navigation/index","next/router":"/dist/export-mocks/router/index","@storybook/nextjs/router.mock":"/dist/export-mocks/router/index","next/cache":"/dist/export-mocks/cache/index","@storybook/nextjs/cache.mock":"/dist/export-mocks/cache/index",...getCompatibilityAliases()},getPackageAliases=({useESM=!1}={})=>{let extension=useESM?"mjs":"js",packageLocation=(0,import_node_path2.dirname)(require.resolve("@storybook/nextjs/package.json")),getFullPath=path=>path.startsWith("next")?path:(0,import_node_path2.join)(packageLocation,path.replace("@storybook/nextjs",""));return Object.fromEntries(Object.entries(mapping2).map(([originalPath,aliasedPath])=>[originalPath,typeof aliasedPath=="string"?getFullPath(`${aliasedPath}.${extension}`):aliasedPath]))};0&&(module.exports={getPackageAliases});
1
+ import CJS_COMPAT_NODE_URL_nafzxsaqn from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_nafzxsaqn from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_nafzxsaqn from "node:module";
4
+
5
+ var __filename = CJS_COMPAT_NODE_URL_nafzxsaqn.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_nafzxsaqn.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_nafzxsaqn.createRequire(import.meta.url);
8
+
9
+ // ------------------------------------------------------------
10
+ // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
+ // ------------------------------------------------------------
12
+ import {
13
+ getPackageAliases
14
+ } from "../_node-chunks/chunk-N47GZ6ZF.js";
15
+ import "../_node-chunks/chunk-254AWWVV.js";
16
+ import "../_node-chunks/chunk-4Q3WLK5D.js";
17
+ import "../_node-chunks/chunk-DF7TGUJT.js";
18
+ export {
19
+ getPackageAliases
20
+ };
@@ -1 +1,88 @@
1
- "use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default")),__toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var navigation_exports={};__export(navigation_exports,{createNavigation:()=>createNavigation,getRouter:()=>getRouter,notFound:()=>notFound2,permanentRedirect:()=>permanentRedirect,redirect:()=>redirect,useParams:()=>useParams2,usePathname:()=>usePathname2,useRouter:()=>useRouter,useSearchParams:()=>useSearchParams2,useSelectedLayoutSegment:()=>useSelectedLayoutSegment2,useSelectedLayoutSegments:()=>useSelectedLayoutSegments2,useServerInsertedHTML:()=>useServerInsertedHTML2});module.exports=__toCommonJS(navigation_exports);var import_preview_errors=require("storybook/internal/preview-errors"),actual=__toESM(require("next/dist/client/components/navigation")),import_redirect=require("next/dist/client/components/redirect"),import_redirect_status_code=require("next/dist/client/components/redirect-status-code"),import_test=require("storybook/test");__reExport(navigation_exports,require("next/dist/client/components/navigation"),module.exports);var navigationAPI,createNavigation=overrides=>{let navigationActions={push:(0,import_test.fn)().mockName("next/navigation::useRouter().push"),replace:(0,import_test.fn)().mockName("next/navigation::useRouter().replace"),forward:(0,import_test.fn)().mockName("next/navigation::useRouter().forward"),back:(0,import_test.fn)().mockName("next/navigation::useRouter().back"),prefetch:(0,import_test.fn)().mockName("next/navigation::useRouter().prefetch"),refresh:(0,import_test.fn)().mockName("next/navigation::useRouter().refresh")};return overrides&&Object.keys(navigationActions).forEach(key=>{key in overrides&&(navigationActions[key]=(0,import_test.fn)((...args)=>overrides[key](...args)).mockName(`useRouter().${key}`))}),navigationAPI=navigationActions,navigationAPI},getRouter=()=>{if(!navigationAPI)throw new import_preview_errors.NextjsRouterMocksNotAvailable({importType:"next/navigation"});return navigationAPI},redirect=(0,import_test.fn)((url,type=actual.RedirectType.push)=>{throw(0,import_redirect.getRedirectError)(url,type,import_redirect_status_code.RedirectStatusCode.SeeOther)}).mockName("next/navigation::redirect"),permanentRedirect=(0,import_test.fn)((url,type=actual.RedirectType.push)=>{throw(0,import_redirect.getRedirectError)(url,type,import_redirect_status_code.RedirectStatusCode.SeeOther)}).mockName("next/navigation::permanentRedirect"),useSearchParams2=(0,import_test.fn)(actual.useSearchParams).mockName("next/navigation::useSearchParams"),usePathname2=(0,import_test.fn)(actual.usePathname).mockName("next/navigation::usePathname"),useSelectedLayoutSegment2=(0,import_test.fn)(actual.useSelectedLayoutSegment).mockName("next/navigation::useSelectedLayoutSegment"),useSelectedLayoutSegments2=(0,import_test.fn)(actual.useSelectedLayoutSegments).mockName("next/navigation::useSelectedLayoutSegments"),useRouter=(0,import_test.fn)(()=>{if(!navigationAPI)throw new import_preview_errors.NextjsRouterMocksNotAvailable({importType:"next/navigation"});return navigationAPI}).mockName("next/navigation::useRouter"),useServerInsertedHTML2=(0,import_test.fn)(actual.useServerInsertedHTML).mockName("next/navigation::useServerInsertedHTML"),notFound2=(0,import_test.fn)(actual.notFound).mockName("next/navigation::notFound"),useParams2=(0,import_test.fn)(actual.useParams).mockName("next/navigation::useParams");0&&(module.exports={createNavigation,getRouter,notFound,permanentRedirect,redirect,useParams,usePathname,useRouter,useSearchParams,useSelectedLayoutSegment,useSelectedLayoutSegments,useServerInsertedHTML,...require("next/dist/client/components/navigation")});
1
+ import {
2
+ __name
3
+ } from "../../_browser-chunks/chunk-L5NVL7MD.js";
4
+
5
+ // src/export-mocks/navigation/index.ts
6
+ import { NextjsRouterMocksNotAvailable } from "storybook/internal/preview-errors";
7
+ import * as actual from "next/dist/client/components/navigation";
8
+ import { getRedirectError } from "next/dist/client/components/redirect";
9
+ import { RedirectStatusCode } from "next/dist/client/components/redirect-status-code";
10
+ import { fn } from "storybook/test";
11
+ export * from "next/dist/client/components/navigation";
12
+ var navigationAPI;
13
+ var createNavigation = /* @__PURE__ */ __name((overrides) => {
14
+ const navigationActions = {
15
+ push: fn().mockName("next/navigation::useRouter().push"),
16
+ replace: fn().mockName("next/navigation::useRouter().replace"),
17
+ forward: fn().mockName("next/navigation::useRouter().forward"),
18
+ back: fn().mockName("next/navigation::useRouter().back"),
19
+ prefetch: fn().mockName("next/navigation::useRouter().prefetch"),
20
+ refresh: fn().mockName("next/navigation::useRouter().refresh")
21
+ };
22
+ if (overrides) {
23
+ Object.keys(navigationActions).forEach((key) => {
24
+ if (key in overrides) {
25
+ navigationActions[key] = fn((...args) => {
26
+ return overrides[key](...args);
27
+ }).mockName(`useRouter().${key}`);
28
+ }
29
+ });
30
+ }
31
+ navigationAPI = navigationActions;
32
+ return navigationAPI;
33
+ }, "createNavigation");
34
+ var getRouter = /* @__PURE__ */ __name(() => {
35
+ if (!navigationAPI) {
36
+ throw new NextjsRouterMocksNotAvailable({
37
+ importType: "next/navigation"
38
+ });
39
+ }
40
+ return navigationAPI;
41
+ }, "getRouter");
42
+ var redirect = fn(
43
+ (url, type = actual.RedirectType.push) => {
44
+ throw getRedirectError(url, type, RedirectStatusCode.SeeOther);
45
+ }
46
+ ).mockName("next/navigation::redirect");
47
+ var permanentRedirect = fn(
48
+ (url, type = actual.RedirectType.push) => {
49
+ throw getRedirectError(url, type, RedirectStatusCode.SeeOther);
50
+ }
51
+ ).mockName("next/navigation::permanentRedirect");
52
+ var useSearchParams2 = fn(actual.useSearchParams).mockName(
53
+ "next/navigation::useSearchParams"
54
+ );
55
+ var usePathname2 = fn(actual.usePathname).mockName("next/navigation::usePathname");
56
+ var useSelectedLayoutSegment2 = fn(actual.useSelectedLayoutSegment).mockName(
57
+ "next/navigation::useSelectedLayoutSegment"
58
+ );
59
+ var useSelectedLayoutSegments2 = fn(actual.useSelectedLayoutSegments).mockName(
60
+ "next/navigation::useSelectedLayoutSegments"
61
+ );
62
+ var useRouter = fn(() => {
63
+ if (!navigationAPI) {
64
+ throw new NextjsRouterMocksNotAvailable({
65
+ importType: "next/navigation"
66
+ });
67
+ }
68
+ return navigationAPI;
69
+ }).mockName("next/navigation::useRouter");
70
+ var useServerInsertedHTML2 = fn(actual.useServerInsertedHTML).mockName(
71
+ "next/navigation::useServerInsertedHTML"
72
+ );
73
+ var notFound2 = fn(actual.notFound).mockName("next/navigation::notFound");
74
+ var useParams2 = fn(actual.useParams).mockName("next/navigation::useParams");
75
+ export {
76
+ createNavigation,
77
+ getRouter,
78
+ notFound2 as notFound,
79
+ permanentRedirect,
80
+ redirect,
81
+ useParams2 as useParams,
82
+ usePathname2 as usePathname,
83
+ useRouter,
84
+ useSearchParams2 as useSearchParams,
85
+ useSelectedLayoutSegment2 as useSelectedLayoutSegment,
86
+ useSelectedLayoutSegments2 as useSelectedLayoutSegments,
87
+ useServerInsertedHTML2 as useServerInsertedHTML
88
+ };
@@ -1,4 +1,4 @@
1
- import * as React from 'react';
1
+ import * as react from 'react';
2
2
  import * as next_dist_client_with_router from 'next/dist/client/with-router';
3
3
  import * as next from 'next';
4
4
  import * as singletonRouter from 'next/dist/client/router';
@@ -41,6 +41,6 @@ declare const getRouter: () => {
41
41
  };
42
42
 
43
43
  declare const useRouter: Mock<typeof singletonRouter.useRouter>;
44
- declare const withRouter: Mock<(ComposedComponent: next.NextComponentType<next.NextPageContext, any, next_dist_client_with_router.WithRouterProps>) => React.ComponentType<next_dist_client_with_router.ExcludeRouterProps<next_dist_client_with_router.WithRouterProps>>>;
44
+ declare const withRouter: Mock<(ComposedComponent: next.NextComponentType<next.NextPageContext, any, next_dist_client_with_router.WithRouterProps>) => react.ComponentType<next_dist_client_with_router.ExcludeRouterProps<next_dist_client_with_router.WithRouterProps>>>;
45
45
 
46
46
  export { createRouter, getRouter, useRouter, withRouter };
@@ -1 +1,97 @@
1
- "use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default")),__toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var router_exports={};__export(router_exports,{createRouter:()=>createRouter,default:()=>router_default,getRouter:()=>getRouter,useRouter:()=>useRouter2,withRouter:()=>withRouter2});module.exports=__toCommonJS(router_exports);var import_preview_errors=require("storybook/internal/preview-errors"),originalRouter=__toESM(require("next/dist/client/router")),import_test=require("storybook/test");__reExport(router_exports,require("next/dist/client/router"),module.exports);var defaultRouterState={route:"/",asPath:"/",basePath:"/",pathname:"/",query:{},isFallback:!1,isLocaleDomain:!1,isReady:!0,isPreview:!1},routerAPI,createRouter=overrides=>{let routerActions={push:(0,import_test.fn)((..._args)=>Promise.resolve(!0)).mockName("next/router::useRouter().push"),replace:(0,import_test.fn)((..._args)=>Promise.resolve(!0)).mockName("next/router::useRouter().replace"),reload:(0,import_test.fn)((..._args)=>{}).mockName("next/router::useRouter().reload"),back:(0,import_test.fn)((..._args)=>{}).mockName("next/router::useRouter().back"),forward:(0,import_test.fn)(()=>{}).mockName("next/router::useRouter().forward"),prefetch:(0,import_test.fn)((..._args)=>Promise.resolve()).mockName("next/router::useRouter().prefetch"),beforePopState:(0,import_test.fn)((..._args)=>{}).mockName("next/router::useRouter().beforePopState")},routerEvents={on:(0,import_test.fn)((..._args)=>{}).mockName("next/router::useRouter().events.on"),off:(0,import_test.fn)((..._args)=>{}).mockName("next/router::useRouter().events.off"),emit:(0,import_test.fn)((..._args)=>{}).mockName("next/router::useRouter().events.emit")};return overrides&&Object.keys(routerActions).forEach(key=>{key in overrides&&(routerActions[key]=(0,import_test.fn)((...args)=>overrides[key](...args)).mockName(`useRouter().${key}`))}),overrides?.events&&Object.keys(routerEvents).forEach(key=>{key in routerEvents&&(routerEvents[key]=(0,import_test.fn)((...args)=>overrides.events[key](...args)).mockName(`useRouter().events.${key}`))}),routerAPI={...defaultRouterState,...overrides,...routerActions,events:routerEvents},originalRouter.default.router=routerAPI,originalRouter.default.readyCallbacks.forEach(cb=>cb()),originalRouter.default.readyCallbacks=[],routerAPI},getRouter=()=>{if(!routerAPI)throw new import_preview_errors.NextjsRouterMocksNotAvailable({importType:"next/router"});return routerAPI},router_default=originalRouter.default,useRouter2=(0,import_test.fn)(originalRouter.useRouter).mockName("next/router::useRouter"),withRouter2=(0,import_test.fn)(originalRouter.withRouter).mockName("next/router::withRouter");0&&(module.exports={createRouter,getRouter,useRouter,withRouter,...require("next/dist/client/router")});
1
+ import {
2
+ __name
3
+ } from "../../_browser-chunks/chunk-L5NVL7MD.js";
4
+
5
+ // src/export-mocks/router/index.ts
6
+ import { NextjsRouterMocksNotAvailable } from "storybook/internal/preview-errors";
7
+ import singletonRouter, * as originalRouter from "next/dist/client/router";
8
+ import { fn } from "storybook/test";
9
+ export * from "next/dist/client/router";
10
+ var defaultRouterState = {
11
+ route: "/",
12
+ asPath: "/",
13
+ basePath: "/",
14
+ pathname: "/",
15
+ query: {},
16
+ isFallback: false,
17
+ isLocaleDomain: false,
18
+ isReady: true,
19
+ isPreview: false
20
+ };
21
+ var routerAPI;
22
+ var createRouter = /* @__PURE__ */ __name((overrides) => {
23
+ const routerActions = {
24
+ push: fn((..._args) => {
25
+ return Promise.resolve(true);
26
+ }).mockName("next/router::useRouter().push"),
27
+ replace: fn((..._args) => {
28
+ return Promise.resolve(true);
29
+ }).mockName("next/router::useRouter().replace"),
30
+ reload: fn((..._args) => {
31
+ }).mockName("next/router::useRouter().reload"),
32
+ back: fn((..._args) => {
33
+ }).mockName("next/router::useRouter().back"),
34
+ forward: fn(() => {
35
+ }).mockName("next/router::useRouter().forward"),
36
+ prefetch: fn((..._args) => {
37
+ return Promise.resolve();
38
+ }).mockName("next/router::useRouter().prefetch"),
39
+ beforePopState: fn((..._args) => {
40
+ }).mockName("next/router::useRouter().beforePopState")
41
+ };
42
+ const routerEvents = {
43
+ on: fn((..._args) => {
44
+ }).mockName("next/router::useRouter().events.on"),
45
+ off: fn((..._args) => {
46
+ }).mockName("next/router::useRouter().events.off"),
47
+ emit: fn((..._args) => {
48
+ }).mockName("next/router::useRouter().events.emit")
49
+ };
50
+ if (overrides) {
51
+ Object.keys(routerActions).forEach((key) => {
52
+ if (key in overrides) {
53
+ routerActions[key] = fn((...args) => {
54
+ return overrides[key](...args);
55
+ }).mockName(`useRouter().${key}`);
56
+ }
57
+ });
58
+ }
59
+ if (overrides?.events) {
60
+ Object.keys(routerEvents).forEach((key) => {
61
+ if (key in routerEvents) {
62
+ routerEvents[key] = fn((...args) => {
63
+ return overrides.events[key](...args);
64
+ }).mockName(`useRouter().events.${key}`);
65
+ }
66
+ });
67
+ }
68
+ routerAPI = {
69
+ ...defaultRouterState,
70
+ ...overrides,
71
+ ...routerActions,
72
+ // @ts-expect-error TODO improve typings
73
+ events: routerEvents
74
+ };
75
+ singletonRouter.router = routerAPI;
76
+ singletonRouter.readyCallbacks.forEach((cb) => cb());
77
+ singletonRouter.readyCallbacks = [];
78
+ return routerAPI;
79
+ }, "createRouter");
80
+ var getRouter = /* @__PURE__ */ __name(() => {
81
+ if (!routerAPI) {
82
+ throw new NextjsRouterMocksNotAvailable({
83
+ importType: "next/router"
84
+ });
85
+ }
86
+ return routerAPI;
87
+ }, "getRouter");
88
+ var router_default = singletonRouter;
89
+ var useRouter2 = fn(originalRouter.useRouter).mockName("next/router::useRouter");
90
+ var withRouter2 = fn(originalRouter.withRouter).mockName("next/router::withRouter");
91
+ export {
92
+ createRouter,
93
+ router_default as default,
94
+ getRouter,
95
+ useRouter2 as useRouter,
96
+ withRouter2 as withRouter
97
+ };
@@ -1,23 +1,167 @@
1
- "use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var storybook_nextjs_font_loader_exports={};__export(storybook_nextjs_font_loader_exports,{default:()=>storybookNextjsFontLoader});module.exports=__toCommonJS(storybook_nextjs_font_loader_exports);var import_node_path2=require("path");var import_server_errors=require("storybook/internal/server-errors"),import_fetch_css_from_google_fonts=require("next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts"),import_get_font_axes=require("next/dist/compiled/@next/font/dist/google/get-font-axes"),import_get_google_fonts_url=require("next/dist/compiled/@next/font/dist/google/get-google-fonts-url"),import_validate_google_font_function_call=require("next/dist/compiled/@next/font/dist/google/validate-google-font-function-call"),import_loader_utils3=__toESM(require("next/dist/compiled/loader-utils3")),cssCache=new Map;async function getFontFaceDeclarations(options){let{fontFamily,weights,styles,selectedVariableAxes,display,variable}=(0,import_validate_google_font_function_call.validateGoogleFontFunctionCall)(options.fontFamily,options.props),fontAxes=(0,import_get_font_axes.getFontAxes)(fontFamily,weights,styles,selectedVariableAxes),url=(0,import_get_google_fonts_url.getGoogleFontsUrl)(fontFamily,fontAxes,display);try{let hasCachedCSS=cssCache.has(url),fontFaceCSS=hasCachedCSS?cssCache.get(url):await(0,import_fetch_css_from_google_fonts.fetchCSSFromGoogleFonts)(url,fontFamily,!0).catch(()=>null);if(hasCachedCSS?cssCache.delete(url):cssCache.set(url,fontFaceCSS),fontFaceCSS===null)throw new import_server_errors.GoogleFontsDownloadError({fontFamily,url});return{id:import_loader_utils3.default.getHashDigest(url,"md5","hex",6),fontFamily,fontFaceCSS,weights,styles,variable}}catch(error){throw new import_server_errors.GoogleFontsLoadingError({error,url})}}var import_node_path=require("path"),import_common=require("storybook/internal/common"),import_validate_local_font_function_call=require("next/dist/compiled/@next/font/dist/local/validate-local-font-function-call"),import_loader_utils32=__toESM(require("next/dist/compiled/loader-utils3"));async function getFontFaceDeclarations2(options,rootContext,swcMode){let localFontSrc=options.props.src,parentFolder=swcMode?(0,import_node_path.dirname)((0,import_node_path.join)((0,import_common.getProjectRoot)(),options.filename)).replace(rootContext,""):(0,import_node_path.dirname)(options.filename).replace(rootContext,""),{weight,style,variable,declarations=[]}=(0,import_validate_local_font_function_call.validateLocalFontFunctionCall)("",options.props),id=`font-${import_loader_utils32.default.getHashDigest(Buffer.from(JSON.stringify(localFontSrc)),"md5","hex",6)}`,fontDeclarations=declarations.map(({prop,value})=>`${prop}: ${value};`).join(`
2
- `);return{id,fontFamily:id,fontFaceCSS:(()=>{if(typeof localFontSrc=="string"){let localFontPath=(0,import_node_path.join)(parentFolder,localFontSrc).replaceAll("\\","/");return`@font-face {
1
+ import CJS_COMPAT_NODE_URL_nafzxsaqn from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_nafzxsaqn from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_nafzxsaqn from "node:module";
4
+
5
+ var __filename = CJS_COMPAT_NODE_URL_nafzxsaqn.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_nafzxsaqn.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_nafzxsaqn.createRequire(import.meta.url);
8
+
9
+ // ------------------------------------------------------------
10
+ // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
+ // ------------------------------------------------------------
12
+ import {
13
+ __name
14
+ } from "../../../_node-chunks/chunk-DF7TGUJT.js";
15
+
16
+ // src/font/webpack/loader/storybook-nextjs-font-loader.ts
17
+ import { sep } from "node:path";
18
+
19
+ // src/font/webpack/loader/google/get-font-face-declarations.ts
20
+ import {
21
+ GoogleFontsDownloadError,
22
+ GoogleFontsLoadingError
23
+ } from "storybook/internal/server-errors";
24
+ import { fetchCSSFromGoogleFonts } from "next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts.js";
25
+ import { getFontAxes } from "next/dist/compiled/@next/font/dist/google/get-font-axes.js";
26
+ import { getGoogleFontsUrl } from "next/dist/compiled/@next/font/dist/google/get-google-fonts-url.js";
27
+ import { validateGoogleFontFunctionCall } from "next/dist/compiled/@next/font/dist/google/validate-google-font-function-call.js";
28
+ import loaderUtils from "next/dist/compiled/loader-utils3/index.js";
29
+ var cssCache = /* @__PURE__ */ new Map();
30
+ async function getFontFaceDeclarations(options) {
31
+ const { fontFamily, weights, styles, selectedVariableAxes, display, variable } = validateGoogleFontFunctionCall(options.fontFamily, options.props);
32
+ const fontAxes = getFontAxes(fontFamily, weights, styles, selectedVariableAxes);
33
+ const url = getGoogleFontsUrl(fontFamily, fontAxes, display);
34
+ try {
35
+ const hasCachedCSS = cssCache.has(url);
36
+ const fontFaceCSS = hasCachedCSS ? cssCache.get(url) : await fetchCSSFromGoogleFonts(url, fontFamily, true).catch(() => null);
37
+ if (!hasCachedCSS) {
38
+ cssCache.set(url, fontFaceCSS);
39
+ } else {
40
+ cssCache.delete(url);
41
+ }
42
+ if (fontFaceCSS === null) {
43
+ throw new GoogleFontsDownloadError({
44
+ fontFamily,
45
+ url
46
+ });
47
+ }
48
+ return {
49
+ id: loaderUtils.getHashDigest(url, "md5", "hex", 6),
50
+ fontFamily,
51
+ fontFaceCSS,
52
+ weights,
53
+ styles,
54
+ variable
55
+ };
56
+ } catch (error) {
57
+ throw new GoogleFontsLoadingError({ error, url });
58
+ }
59
+ }
60
+ __name(getFontFaceDeclarations, "getFontFaceDeclarations");
61
+
62
+ // src/font/webpack/loader/local/get-font-face-declarations.ts
63
+ import { dirname, join } from "node:path";
64
+ import { getProjectRoot } from "storybook/internal/common";
65
+ import { validateLocalFontFunctionCall } from "next/dist/compiled/@next/font/dist/local/validate-local-font-function-call.js";
66
+ import loaderUtils2 from "next/dist/compiled/loader-utils3/index.js";
67
+ async function getFontFaceDeclarations2(options, rootContext, swcMode) {
68
+ const localFontSrc = options.props.src;
69
+ const parentFolder = swcMode ? dirname(join(getProjectRoot(), options.filename)).replace(rootContext, "") : dirname(options.filename).replace(rootContext, "");
70
+ const {
71
+ weight,
72
+ style,
73
+ variable,
74
+ declarations = []
75
+ } = validateLocalFontFunctionCall("", options.props);
76
+ const id = `font-${loaderUtils2.getHashDigest(
77
+ Buffer.from(JSON.stringify(localFontSrc)),
78
+ "md5",
79
+ "hex",
80
+ 6
81
+ )}`;
82
+ const fontDeclarations = declarations.map(({ prop, value }) => `${prop}: ${value};`).join("\n");
83
+ const getFontFaceCSS = /* @__PURE__ */ __name(() => {
84
+ if (typeof localFontSrc === "string") {
85
+ const localFontPath = join(parentFolder, localFontSrc).replaceAll("\\", "/");
86
+ return `@font-face {
3
87
  font-family: ${id};
4
88
  src: url(.${localFontPath});
5
89
  ${fontDeclarations}
6
- }`}return localFontSrc.map(font=>{let localFontPath=(0,import_node_path.join)(parentFolder,font.path).replaceAll("\\","/");return`@font-face {
90
+ }`;
91
+ }
92
+ return localFontSrc.map((font) => {
93
+ const localFontPath = join(parentFolder, font.path).replaceAll("\\", "/");
94
+ return `@font-face {
7
95
  font-family: ${id};
8
96
  src: url(.${localFontPath});
9
- ${font.weight?`font-weight: ${font.weight};`:""}
10
- ${font.style?`font-style: ${font.style};`:""}
97
+ ${font.weight ? `font-weight: ${font.weight};` : ""}
98
+ ${font.style ? `font-style: ${font.style};` : ""}
11
99
  ${fontDeclarations}
12
- }`}).join("")})(),weights:weight?[weight]:[],styles:style?[style]:[],variable}}function getCSSMeta(options){let className=getClassName(options),style=getStylesObj(options),variableClassName=`__variable_${className}`,classNamesCSS=`
100
+ }`;
101
+ }).join("");
102
+ }, "getFontFaceCSS");
103
+ return {
104
+ id,
105
+ fontFamily: id,
106
+ fontFaceCSS: getFontFaceCSS(),
107
+ weights: weight ? [weight] : [],
108
+ styles: style ? [style] : [],
109
+ variable
110
+ };
111
+ }
112
+ __name(getFontFaceDeclarations2, "getFontFaceDeclarations");
113
+
114
+ // src/font/webpack/loader/utils/get-css-meta.ts
115
+ function getCSSMeta(options) {
116
+ const className = getClassName(options);
117
+ const style = getStylesObj(options);
118
+ const variableClassName = `__variable_${className}`;
119
+ const classNamesCSS = `
13
120
  .${className} {
14
121
  font-family: ${options.fontFamily};
15
- ${isNextCSSPropertyValid(options.styles)?`font-style: ${options.styles[0]};`:""}
16
- ${isNextCSSPropertyValid(options.weights)?`font-weight: ${options.weights[0]};`:""}
122
+ ${isNextCSSPropertyValid(options.styles) ? `font-style: ${options.styles[0]};` : ""}
123
+ ${isNextCSSPropertyValid(options.weights) ? `font-weight: ${options.weights[0]};` : ""}
17
124
  }
18
125
 
19
- ${options.variable?`.${variableClassName} { ${options.variable}: '${options.fontFamily}'; }`:""}
20
- `,fontFaceCSS=`${changeFontDisplayToSwap(options.fontFaceCSS)}`;return{className,fontFaceCSS,classNamesCSS,style,...options.variable?{variableClassName}:{}}}function getClassName({styles,weights,fontFamily}){let font=fontFamily.replaceAll(" ","-").toLowerCase(),style=isNextCSSPropertyValid(styles)?styles[0]:null,weight=isNextCSSPropertyValid(weights)?weights[0]:null;return`${font}${style?`-${style}`:""}${weight?`-${weight}`:""}`}function getStylesObj({styles,weights,fontFamily}){return{fontFamily,...isNextCSSPropertyValid(styles)?{fontStyle:styles[0]}:{},...isNextCSSPropertyValid(weights)?{fontWeight:weights[0]}:{}}}function isNextCSSPropertyValid(prop){return prop.length===1&&prop[0]!=="variable"}function changeFontDisplayToSwap(css){return css.replaceAll("font-display: optional;","font-display: block;")}function setFontDeclarationsInHead({id,fontFaceCSS,classNamesCSS}){return`
126
+ ${options.variable ? `.${variableClassName} { ${options.variable}: '${options.fontFamily}'; }` : ""}
127
+ `;
128
+ const fontFaceCSS = `${changeFontDisplayToSwap(options.fontFaceCSS)}`;
129
+ return {
130
+ className,
131
+ fontFaceCSS,
132
+ classNamesCSS,
133
+ style,
134
+ ...options.variable ? { variableClassName } : {}
135
+ };
136
+ }
137
+ __name(getCSSMeta, "getCSSMeta");
138
+ function getClassName({ styles, weights, fontFamily }) {
139
+ const font = fontFamily.replaceAll(" ", "-").toLowerCase();
140
+ const style = isNextCSSPropertyValid(styles) ? styles[0] : null;
141
+ const weight = isNextCSSPropertyValid(weights) ? weights[0] : null;
142
+ return `${font}${style ? `-${style}` : ""}${weight ? `-${weight}` : ""}`;
143
+ }
144
+ __name(getClassName, "getClassName");
145
+ function getStylesObj({ styles, weights, fontFamily }) {
146
+ return {
147
+ fontFamily,
148
+ ...isNextCSSPropertyValid(styles) ? { fontStyle: styles[0] } : {},
149
+ ...isNextCSSPropertyValid(weights) ? { fontWeight: weights[0] } : {}
150
+ };
151
+ }
152
+ __name(getStylesObj, "getStylesObj");
153
+ function isNextCSSPropertyValid(prop) {
154
+ return prop.length === 1 && prop[0] !== "variable";
155
+ }
156
+ __name(isNextCSSPropertyValid, "isNextCSSPropertyValid");
157
+ function changeFontDisplayToSwap(css) {
158
+ return css.replaceAll("font-display: optional;", "font-display: block;");
159
+ }
160
+ __name(changeFontDisplayToSwap, "changeFontDisplayToSwap");
161
+
162
+ // src/font/webpack/loader/utils/set-font-declarations-in-head.ts
163
+ function setFontDeclarationsInHead({ id, fontFaceCSS, classNamesCSS }) {
164
+ return `
21
165
  if (!document.getElementById('id-${id}')) {
22
166
  const fontDeclarations = \`${fontFaceCSS}\`;
23
167
  const style = document.createElement('style');
@@ -32,12 +176,55 @@
32
176
  document.head.appendChild(classNamesStyle);
33
177
 
34
178
  }
35
- `}async function storybookNextjsFontLoader(){let loaderOptions=this.getOptions(),swcMode=!1,options;if(Object.keys(loaderOptions).length>0)options=loaderOptions;else{let importQuery=JSON.parse(this.resourceQuery.slice(1));swcMode=!0,options={filename:importQuery.path,fontFamily:importQuery.import,props:importQuery.arguments[0],source:this.context.replace(this.rootContext,"")}}let rootCtx=this.rootContext,fontFaceDeclaration,pathSep=import_node_path2.sep;if((options.source.endsWith(`next${pathSep}font${pathSep}google`)||options.source.endsWith(`@next${pathSep}font${pathSep}google`))&&(fontFaceDeclaration=await getFontFaceDeclarations(options)),(options.source.endsWith(`next${pathSep}font${pathSep}local`)||options.source.endsWith(`@next${pathSep}font${pathSep}local`))&&(fontFaceDeclaration=await getFontFaceDeclarations2(options,rootCtx,swcMode)),typeof fontFaceDeclaration<"u"){let cssMeta=getCSSMeta(fontFaceDeclaration);return`
36
- ${setFontDeclarationsInHead({fontFaceCSS:cssMeta.fontFaceCSS,id:fontFaceDeclaration.id,classNamesCSS:cssMeta.classNamesCSS})}
179
+ `;
180
+ }
181
+ __name(setFontDeclarationsInHead, "setFontDeclarationsInHead");
182
+
183
+ // src/font/webpack/loader/storybook-nextjs-font-loader.ts
184
+ async function storybookNextjsFontLoader() {
185
+ const loaderOptions = this.getOptions();
186
+ let swcMode = false;
187
+ let options;
188
+ if (Object.keys(loaderOptions).length > 0) {
189
+ options = loaderOptions;
190
+ } else {
191
+ const importQuery = JSON.parse(this.resourceQuery.slice(1));
192
+ swcMode = true;
193
+ options = {
194
+ filename: importQuery.path,
195
+ fontFamily: importQuery.import,
196
+ props: importQuery.arguments[0],
197
+ source: this.context.replace(this.rootContext, "")
198
+ };
199
+ }
200
+ const rootCtx = this.rootContext;
201
+ let fontFaceDeclaration;
202
+ const pathSep = sep;
203
+ if (options.source.endsWith(`next${pathSep}font${pathSep}google`) || options.source.endsWith(`@next${pathSep}font${pathSep}google`)) {
204
+ fontFaceDeclaration = await getFontFaceDeclarations(options);
205
+ }
206
+ if (options.source.endsWith(`next${pathSep}font${pathSep}local`) || options.source.endsWith(`@next${pathSep}font${pathSep}local`)) {
207
+ fontFaceDeclaration = await getFontFaceDeclarations2(options, rootCtx, swcMode);
208
+ }
209
+ if (typeof fontFaceDeclaration !== "undefined") {
210
+ const cssMeta = getCSSMeta(fontFaceDeclaration);
211
+ return `
212
+ ${setFontDeclarationsInHead({
213
+ fontFaceCSS: cssMeta.fontFaceCSS,
214
+ id: fontFaceDeclaration.id,
215
+ classNamesCSS: cssMeta.classNamesCSS
216
+ })}
37
217
 
38
218
  module.exports = {
39
219
  className: "${cssMeta.className}",
40
220
  style: ${JSON.stringify(cssMeta.style)}
41
- ${cssMeta.variableClassName?`, variable: "${cssMeta.variableClassName}"`:""}
221
+ ${cssMeta.variableClassName ? `, variable: "${cssMeta.variableClassName}"` : ""}
42
222
  }
43
- `}return"module.exports = {}"}
223
+ `;
224
+ }
225
+ return `module.exports = {}`;
226
+ }
227
+ __name(storybookNextjsFontLoader, "storybookNextjsFontLoader");
228
+ export {
229
+ storybookNextjsFontLoader as default
230
+ };
@@ -1 +1,8 @@
1
- "use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var image_context_exports={};__export(image_context_exports,{ImageContext:()=>ImageContext});module.exports=__toCommonJS(image_context_exports);var import_react=require("react"),ImageContext=(0,import_react.createContext)({});0&&(module.exports={ImageContext});
1
+ import "./_browser-chunks/chunk-L5NVL7MD.js";
2
+
3
+ // src/image-context.ts
4
+ import { createContext } from "react";
5
+ var ImageContext = createContext({});
6
+ export {
7
+ ImageContext
8
+ };
@@ -1 +1,35 @@
1
- "use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var next_image_exports={};__export(next_image_exports,{default:()=>next_image_default,getImageProps:()=>getImageProps});module.exports=__toCommonJS(next_image_exports);var import_react=__toESM(require("react")),import_image_context=require("@storybook/nextjs/dist/image-context"),NextImageNamespace=__toESM(require("sb-original/next/image"));var defaultLoader=({src,width,quality=75})=>{let missingValues=[];if(src||missingValues.push("src"),width||missingValues.push("width"),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})}`);let url=new URL(src,window.location.href);return!url.searchParams.has("w")&&!url.searchParams.has("q")&&(url.searchParams.set("w",width.toString()),url.searchParams.set("q",quality.toString())),!src.startsWith("http://")&&!src.startsWith("https://")?url.toString().slice(url.origin.length):url.toString()};var OriginalNextImage=NextImageNamespace.default,{getImageProps:originalGetImageProps}=NextImageNamespace,ImageContext=import_image_context.ImageContext,MockedNextImage=import_react.default.forwardRef(({loader,...props},ref)=>{let imageParameters=import_react.default.useContext(ImageContext);return import_react.default.createElement(OriginalNextImage,{ref,...imageParameters,...props,loader:loader??defaultLoader})});MockedNextImage.displayName="NextImage";var getImageProps=props=>originalGetImageProps?.({loader:defaultLoader,...props}),next_image_default=MockedNextImage;0&&(module.exports={getImageProps});
1
+ import {
2
+ defaultLoader
3
+ } from "../_browser-chunks/chunk-I5RFHXDS.js";
4
+ import {
5
+ __name
6
+ } from "../_browser-chunks/chunk-L5NVL7MD.js";
7
+
8
+ // src/images/next-image.tsx
9
+ import React from "react";
10
+ import { ImageContext as ImageContextValue } from "@storybook/nextjs/image-context";
11
+ import * as NextImageNamespace from "sb-original/next/image";
12
+ var OriginalNextImage = NextImageNamespace.default;
13
+ var { getImageProps: originalGetImageProps } = NextImageNamespace;
14
+ var ImageContext = ImageContextValue;
15
+ var MockedNextImage = React.forwardRef(
16
+ ({ loader, ...props }, ref) => {
17
+ const imageParameters = React.useContext(ImageContext);
18
+ return React.createElement(
19
+ OriginalNextImage,
20
+ {
21
+ ref,
22
+ ...imageParameters,
23
+ ...props,
24
+ loader: loader ?? defaultLoader
25
+ }
26
+ );
27
+ }
28
+ );
29
+ MockedNextImage.displayName = "NextImage";
30
+ var getImageProps = /* @__PURE__ */ __name((props) => originalGetImageProps?.({ loader: defaultLoader, ...props }), "getImageProps");
31
+ var next_image_default = MockedNextImage;
32
+ export {
33
+ next_image_default as default,
34
+ getImageProps
35
+ };