@storybook/nextjs 9.1.10 → 9.1.12
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.
- package/dist/chunk-XP5HYGXS.mjs +3 -0
- package/dist/compatibility/draft-mode.compat.js +10 -1
- package/dist/compatibility/draft-mode.compat.mjs +1 -1
- package/dist/config/preview.d.ts +2 -0
- package/dist/config/preview.js +5 -0
- package/dist/config/preview.mjs +3 -0
- package/dist/export-mocks/cache/index.js +21 -1
- package/dist/export-mocks/cache/index.mjs +1 -1
- package/dist/export-mocks/headers/index.js +40 -1
- package/dist/export-mocks/headers/index.mjs +1 -1
- package/dist/export-mocks/index.js +16 -1
- package/dist/export-mocks/navigation/index.js +48 -1
- package/dist/export-mocks/navigation/index.mjs +1 -1
- package/dist/export-mocks/router/index.js +41 -1
- package/dist/export-mocks/router/index.mjs +1 -1
- package/dist/font/webpack/loader/storybook-nextjs-font-loader.js +24 -6
- package/dist/image-context.js +7 -1
- package/dist/image-context.mjs +1 -1
- package/dist/images/decorator.js +28 -1
- package/dist/images/decorator.mjs +1 -1
- package/dist/images/next-image.js +35 -1
- package/dist/images/next-image.mjs +1 -1
- package/dist/images/next-legacy-image.js +14 -1
- package/dist/images/next-legacy-image.mjs +1 -1
- package/dist/index.d.ts +53 -8
- package/dist/index.js +84 -26
- package/dist/index.mjs +19 -8
- package/dist/next-image-loader-stub.js +8 -1
- package/dist/next-image-loader-stub.mjs +1 -1
- package/dist/node/index.js +5 -1
- package/dist/preset.js +38 -1
- package/dist/preview.js +44 -1
- package/dist/preview.mjs +18 -3
- package/dist/{react-18-WSPZ3BUV.mjs → react-18-IGIL3GJQ.mjs} +1 -1
- package/dist/rsc/server-only.js +5 -1
- package/dist/swc/next-swc-loader-patch.js +13 -1
- package/package.json +23 -16
- package/dist/chunk-2TZKD6A5.mjs +0 -20
- package/dist/chunk-L66KIASX.mjs +0 -3
- package/dist/export-mocks/index.d.ts +0 -7
- package/dist/export-mocks/index.mjs +0 -11
- package/dist/font/webpack/loader/storybook-nextjs-font-loader.d.ts +0 -3
- package/dist/font/webpack/loader/storybook-nextjs-font-loader.mjs +0 -56
- package/dist/node/index.d.ts +0 -10
- package/dist/node/index.mjs +0 -5
- package/dist/preset.d.ts +0 -14
- package/dist/rsc/server-only.d.ts +0 -3
- package/dist/rsc/server-only.mjs +0 -5
- package/dist/swc/next-swc-loader-patch.d.ts +0 -21
- package/dist/swc/next-swc-loader-patch.mjs +0 -8
- package/dist/types-f6ea2c09.d.ts +0 -54
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
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 __esm=(fn,res)=>function(){return fn&&(res=(0, fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __commonJS=(cb,mod)=>function(){return mod||(0, cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};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);
|
|
2
|
+
|
|
3
|
+
export { __commonJS, __esm, __export, __toCommonJS, __toESM };
|
|
@@ -1 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var headers = require('next/dist/client/components/headers');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, 'draftMode', {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () { return headers.draftMode; }
|
|
10
|
+
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import '../chunk-
|
|
1
|
+
import '../chunk-XP5HYGXS.mjs';
|
|
2
2
|
export { draftMode } from 'next/dist/client/components/headers';
|
|
@@ -1 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var unstableCache = require('next/dist/server/web/spec-extension/unstable-cache');
|
|
6
|
+
var unstableNoStore = require('next/dist/server/web/spec-extension/unstable-no-store');
|
|
7
|
+
var test = require('storybook/test');
|
|
8
|
+
|
|
9
|
+
var revalidatePath=test.fn().mockName("next/cache::revalidatePath"),revalidateTag=test.fn().mockName("next/cache::revalidateTag"),cacheExports={unstable_cache: unstableCache.unstable_cache,revalidateTag,revalidatePath,unstable_noStore: unstableNoStore.unstable_noStore},cache_default=cacheExports;
|
|
10
|
+
|
|
11
|
+
Object.defineProperty(exports, 'unstable_cache', {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () { return unstableCache.unstable_cache; }
|
|
14
|
+
});
|
|
15
|
+
Object.defineProperty(exports, 'unstable_noStore', {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () { return unstableNoStore.unstable_noStore; }
|
|
18
|
+
});
|
|
19
|
+
exports.default = cache_default;
|
|
20
|
+
exports.revalidatePath = revalidatePath;
|
|
21
|
+
exports.revalidateTag = revalidateTag;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../chunk-
|
|
1
|
+
import '../../chunk-XP5HYGXS.mjs';
|
|
2
2
|
import { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
|
|
3
3
|
export { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
|
|
4
4
|
import { unstable_noStore } from 'next/dist/server/web/spec-extension/unstable-no-store';
|
|
@@ -1 +1,40 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var draftMode = require('next/dist/server/request/draft-mode');
|
|
4
|
+
var headers3 = require('next/dist/server/request/headers');
|
|
5
|
+
var test = require('storybook/test');
|
|
6
|
+
var headers$1 = require('next/dist/server/web/spec-extension/adapters/headers');
|
|
7
|
+
var headers_mock = require('@storybook/nextjs/headers.mock');
|
|
8
|
+
var cookies$1 = require('next/dist/compiled/@edge-runtime/cookies');
|
|
9
|
+
|
|
10
|
+
function _interopNamespace(e) {
|
|
11
|
+
if (e && e.__esModule) return e;
|
|
12
|
+
var n = Object.create(null);
|
|
13
|
+
if (e) {
|
|
14
|
+
Object.keys(e).forEach(function (k) {
|
|
15
|
+
if (k !== 'default') {
|
|
16
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
17
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () { return e[k]; }
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
n.default = e;
|
|
25
|
+
return Object.freeze(n);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
var headers3__namespace = /*#__PURE__*/_interopNamespace(headers3);
|
|
29
|
+
|
|
30
|
+
var HeadersAdapterMock=class extends headers$1.HeadersAdapter{constructor(){super({});this.append=test.fn(super.append.bind(this)).mockName("next/headers::headers().append");this.delete=test.fn(super.delete.bind(this)).mockName("next/headers::headers().delete");this.get=test.fn(super.get.bind(this)).mockName("next/headers::headers().get");this.has=test.fn(super.has.bind(this)).mockName("next/headers::headers().has");this.set=test.fn(super.set.bind(this)).mockName("next/headers::headers().set");this.forEach=test.fn(super.forEach.bind(this)).mockName("next/headers::headers().forEach");this.entries=test.fn(super.entries.bind(this)).mockName("next/headers::headers().entries");this.keys=test.fn(super.keys.bind(this)).mockName("next/headers::headers().keys");this.values=test.fn(super.values.bind(this)).mockName("next/headers::headers().values");}},headersAdapterMock,headers=()=>(headersAdapterMock||(headersAdapterMock=new HeadersAdapterMock),headersAdapterMock);headers.mockRestore=()=>{headersAdapterMock=new HeadersAdapterMock;};var RequestCookiesMock=class extends cookies$1.RequestCookies{constructor(){super(...arguments);this.get=test.fn(super.get.bind(this)).mockName("next/headers::cookies().get");this.getAll=test.fn(super.getAll.bind(this)).mockName("next/headers::cookies().getAll");this.has=test.fn(super.has.bind(this)).mockName("next/headers::cookies().has");this.set=test.fn(super.set.bind(this)).mockName("next/headers::cookies().set");this.delete=test.fn(super.delete.bind(this)).mockName("next/headers::cookies().delete");}},requestCookiesMock,cookies=test.fn(()=>(requestCookiesMock||(requestCookiesMock=new RequestCookiesMock(headers_mock.headers())),requestCookiesMock)).mockName("next/headers::cookies()"),originalRestore=cookies.mockRestore.bind(null);cookies.mockRestore=()=>{originalRestore(),headers_mock.headers.mockRestore(),requestCookiesMock=new RequestCookiesMock(headers_mock.headers());};var draftMode2=test.fn(draftMode.draftMode??headers3__namespace.draftMode).mockName("draftMode");
|
|
31
|
+
|
|
32
|
+
exports.cookies = cookies;
|
|
33
|
+
exports.draftMode = draftMode2;
|
|
34
|
+
exports.headers = headers;
|
|
35
|
+
Object.keys(headers3).forEach(function (k) {
|
|
36
|
+
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () { return headers3[k]; }
|
|
39
|
+
});
|
|
40
|
+
});
|
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var path = require('path');
|
|
4
|
+
var semver2 = require('semver');
|
|
5
|
+
require('storybook/internal/common');
|
|
6
|
+
require('@storybook/builder-webpack5');
|
|
7
|
+
require('next/constants.js');
|
|
8
|
+
require('next/dist/server/config.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
|
|
12
|
+
var semver2__default = /*#__PURE__*/_interopDefault(semver2);
|
|
13
|
+
|
|
14
|
+
var __require=(x=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(x,{get:(a,b)=>(typeof require<"u"?require:a)[b]}):x)(function(x){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+x+'" is not supported')});var getNextjsVersion=()=>__require(scopedResolve("next/package.json")).version;var scopedResolve=id=>{let scopedModulePath=__require.resolve(id),idWithNativePathSep=id.replace(/\//g,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=>{semver2__default.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=path.dirname(__require.resolve("@storybook/nextjs/package.json")),getFullPath=path$1=>path$1.startsWith("next")?path$1:path.join(packageLocation,path$1.replace("@storybook/nextjs",""));return Object.fromEntries(Object.entries(mapping2).map(([originalPath,aliasedPath])=>[originalPath,typeof aliasedPath=="string"?getFullPath(`${aliasedPath}.${extension}`):aliasedPath]))};
|
|
15
|
+
|
|
16
|
+
exports.getPackageAliases = getPackageAliases;
|
|
@@ -1 +1,48 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var previewErrors = require('storybook/internal/preview-errors');
|
|
4
|
+
var actual = require('next/dist/client/components/navigation');
|
|
5
|
+
var redirect$1 = require('next/dist/client/components/redirect');
|
|
6
|
+
var redirectStatusCode = require('next/dist/client/components/redirect-status-code');
|
|
7
|
+
var test = require('storybook/test');
|
|
8
|
+
|
|
9
|
+
function _interopNamespace(e) {
|
|
10
|
+
if (e && e.__esModule) return e;
|
|
11
|
+
var n = Object.create(null);
|
|
12
|
+
if (e) {
|
|
13
|
+
Object.keys(e).forEach(function (k) {
|
|
14
|
+
if (k !== 'default') {
|
|
15
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
16
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () { return e[k]; }
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
n.default = e;
|
|
24
|
+
return Object.freeze(n);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
var actual__namespace = /*#__PURE__*/_interopNamespace(actual);
|
|
28
|
+
|
|
29
|
+
var navigationAPI,createNavigation=overrides=>{let navigationActions={push:test.fn().mockName("next/navigation::useRouter().push"),replace:test.fn().mockName("next/navigation::useRouter().replace"),forward:test.fn().mockName("next/navigation::useRouter().forward"),back:test.fn().mockName("next/navigation::useRouter().back"),prefetch:test.fn().mockName("next/navigation::useRouter().prefetch"),refresh:test.fn().mockName("next/navigation::useRouter().refresh")};return overrides&&Object.keys(navigationActions).forEach(key=>{key in overrides&&(navigationActions[key]=test.fn((...args)=>overrides[key](...args)).mockName(`useRouter().${key}`));}),navigationAPI=navigationActions,navigationAPI},getRouter=()=>{if(!navigationAPI)throw new previewErrors.NextjsRouterMocksNotAvailable({importType:"next/navigation"});return navigationAPI},redirect=test.fn((url,type=actual__namespace.RedirectType.push)=>{throw redirect$1.getRedirectError(url,type,redirectStatusCode.RedirectStatusCode.SeeOther)}).mockName("next/navigation::redirect"),permanentRedirect=test.fn((url,type=actual__namespace.RedirectType.push)=>{throw redirect$1.getRedirectError(url,type,redirectStatusCode.RedirectStatusCode.SeeOther)}).mockName("next/navigation::permanentRedirect"),useSearchParams2=test.fn(actual__namespace.useSearchParams).mockName("next/navigation::useSearchParams"),usePathname2=test.fn(actual__namespace.usePathname).mockName("next/navigation::usePathname"),useSelectedLayoutSegment2=test.fn(actual__namespace.useSelectedLayoutSegment).mockName("next/navigation::useSelectedLayoutSegment"),useSelectedLayoutSegments2=test.fn(actual__namespace.useSelectedLayoutSegments).mockName("next/navigation::useSelectedLayoutSegments"),useRouter=test.fn(()=>{if(!navigationAPI)throw new previewErrors.NextjsRouterMocksNotAvailable({importType:"next/navigation"});return navigationAPI}).mockName("next/navigation::useRouter"),useServerInsertedHTML2=test.fn(actual__namespace.useServerInsertedHTML).mockName("next/navigation::useServerInsertedHTML"),notFound2=test.fn(actual__namespace.notFound).mockName("next/navigation::notFound"),useParams2=test.fn(actual__namespace.useParams).mockName("next/navigation::useParams");
|
|
30
|
+
|
|
31
|
+
exports.createNavigation = createNavigation;
|
|
32
|
+
exports.getRouter = getRouter;
|
|
33
|
+
exports.notFound = notFound2;
|
|
34
|
+
exports.permanentRedirect = permanentRedirect;
|
|
35
|
+
exports.redirect = redirect;
|
|
36
|
+
exports.useParams = useParams2;
|
|
37
|
+
exports.usePathname = usePathname2;
|
|
38
|
+
exports.useRouter = useRouter;
|
|
39
|
+
exports.useSearchParams = useSearchParams2;
|
|
40
|
+
exports.useSelectedLayoutSegment = useSelectedLayoutSegment2;
|
|
41
|
+
exports.useSelectedLayoutSegments = useSelectedLayoutSegments2;
|
|
42
|
+
exports.useServerInsertedHTML = useServerInsertedHTML2;
|
|
43
|
+
Object.keys(actual).forEach(function (k) {
|
|
44
|
+
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function () { return actual[k]; }
|
|
47
|
+
});
|
|
48
|
+
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../chunk-
|
|
1
|
+
import '../../chunk-XP5HYGXS.mjs';
|
|
2
2
|
import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
|
|
3
3
|
import * as actual from 'next/dist/client/components/navigation';
|
|
4
4
|
export * from 'next/dist/client/components/navigation';
|
|
@@ -1 +1,41 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var previewErrors = require('storybook/internal/preview-errors');
|
|
6
|
+
var singletonRouter = require('next/dist/client/router');
|
|
7
|
+
var test = require('storybook/test');
|
|
8
|
+
|
|
9
|
+
function _interopNamespace(e) {
|
|
10
|
+
if (e && e.__esModule) return e;
|
|
11
|
+
var n = Object.create(null);
|
|
12
|
+
if (e) {
|
|
13
|
+
Object.keys(e).forEach(function (k) {
|
|
14
|
+
if (k !== 'default') {
|
|
15
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
16
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () { return e[k]; }
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
n.default = e;
|
|
24
|
+
return Object.freeze(n);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
var singletonRouter__namespace = /*#__PURE__*/_interopNamespace(singletonRouter);
|
|
28
|
+
|
|
29
|
+
var defaultRouterState={route:"/",asPath:"/",basePath:"/",pathname:"/",query:{},isFallback:!1,isLocaleDomain:!1,isReady:!0,isPreview:!1},routerAPI,createRouter=overrides=>{let routerActions={push:test.fn((..._args)=>Promise.resolve(!0)).mockName("next/router::useRouter().push"),replace:test.fn((..._args)=>Promise.resolve(!0)).mockName("next/router::useRouter().replace"),reload:test.fn((..._args)=>{}).mockName("next/router::useRouter().reload"),back:test.fn((..._args)=>{}).mockName("next/router::useRouter().back"),forward:test.fn(()=>{}).mockName("next/router::useRouter().forward"),prefetch:test.fn((..._args)=>Promise.resolve()).mockName("next/router::useRouter().prefetch"),beforePopState:test.fn((..._args)=>{}).mockName("next/router::useRouter().beforePopState")},routerEvents={on:test.fn((..._args)=>{}).mockName("next/router::useRouter().events.on"),off:test.fn((..._args)=>{}).mockName("next/router::useRouter().events.off"),emit:test.fn((..._args)=>{}).mockName("next/router::useRouter().events.emit")};return overrides&&Object.keys(routerActions).forEach(key=>{key in overrides&&(routerActions[key]=test.fn((...args)=>overrides[key](...args)).mockName(`useRouter().${key}`));}),overrides?.events&&Object.keys(routerEvents).forEach(key=>{key in routerEvents&&(routerEvents[key]=test.fn((...args)=>overrides.events[key](...args)).mockName(`useRouter().events.${key}`));}),routerAPI={...defaultRouterState,...overrides,...routerActions,events:routerEvents},singletonRouter__namespace.default.router=routerAPI,singletonRouter__namespace.default.readyCallbacks.forEach(cb=>cb()),singletonRouter__namespace.default.readyCallbacks=[],routerAPI},getRouter=()=>{if(!routerAPI)throw new previewErrors.NextjsRouterMocksNotAvailable({importType:"next/router"});return routerAPI},router_default=singletonRouter__namespace.default,useRouter2=test.fn(singletonRouter__namespace.useRouter).mockName("next/router::useRouter"),withRouter2=test.fn(singletonRouter__namespace.withRouter).mockName("next/router::withRouter");
|
|
30
|
+
|
|
31
|
+
exports.createRouter = createRouter;
|
|
32
|
+
exports.default = router_default;
|
|
33
|
+
exports.getRouter = getRouter;
|
|
34
|
+
exports.useRouter = useRouter2;
|
|
35
|
+
exports.withRouter = withRouter2;
|
|
36
|
+
Object.keys(singletonRouter).forEach(function (k) {
|
|
37
|
+
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function () { return singletonRouter[k]; }
|
|
40
|
+
});
|
|
41
|
+
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../chunk-
|
|
1
|
+
import '../../chunk-XP5HYGXS.mjs';
|
|
2
2
|
import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
|
|
3
3
|
import * as singletonRouter from 'next/dist/client/router';
|
|
4
4
|
import singletonRouter__default from 'next/dist/client/router';
|
|
@@ -1,9 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var path = require('path');
|
|
4
|
+
var serverErrors = require('storybook/internal/server-errors');
|
|
5
|
+
var fetchCssFromGoogleFonts = require('next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts');
|
|
6
|
+
var getFontAxes = require('next/dist/compiled/@next/font/dist/google/get-font-axes');
|
|
7
|
+
var getGoogleFontsUrl = require('next/dist/compiled/@next/font/dist/google/get-google-fonts-url');
|
|
8
|
+
var validateGoogleFontFunctionCall = require('next/dist/compiled/@next/font/dist/google/validate-google-font-function-call');
|
|
9
|
+
var loaderUtils = require('next/dist/compiled/loader-utils3');
|
|
10
|
+
var common = require('storybook/internal/common');
|
|
11
|
+
var validateLocalFontFunctionCall = require('next/dist/compiled/@next/font/dist/local/validate-local-font-function-call');
|
|
12
|
+
|
|
13
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
|
|
15
|
+
var loaderUtils__default = /*#__PURE__*/_interopDefault(loaderUtils);
|
|
16
|
+
|
|
17
|
+
var cssCache=new Map;async function getFontFaceDeclarations(options){let{fontFamily,weights,styles,selectedVariableAxes,display,variable}=validateGoogleFontFunctionCall.validateGoogleFontFunctionCall(options.fontFamily,options.props),fontAxes=getFontAxes.getFontAxes(fontFamily,weights,styles,selectedVariableAxes),url=getGoogleFontsUrl.getGoogleFontsUrl(fontFamily,fontAxes,display);try{let hasCachedCSS=cssCache.has(url),fontFaceCSS=hasCachedCSS?cssCache.get(url):await fetchCssFromGoogleFonts.fetchCSSFromGoogleFonts(url,fontFamily,!0).catch(()=>null);if(hasCachedCSS?cssCache.delete(url):cssCache.set(url,fontFaceCSS),fontFaceCSS===null)throw new serverErrors.GoogleFontsDownloadError({fontFamily,url});return {id:loaderUtils__default.default.getHashDigest(url,"md5","hex",6),fontFamily,fontFaceCSS,weights,styles,variable}}catch(error){throw new serverErrors.GoogleFontsLoadingError({error,url})}}async function getFontFaceDeclarations2(options,rootContext,swcMode){let localFontSrc=options.props.src,parentFolder=swcMode?path.dirname(path.join(common.getProjectRoot(),options.filename)).replace(rootContext,""):path.dirname(options.filename).replace(rootContext,""),{weight,style,variable,declarations=[]}=validateLocalFontFunctionCall.validateLocalFontFunctionCall("",options.props),id=`font-${loaderUtils__default.default.getHashDigest(Buffer.from(JSON.stringify(localFontSrc)),"md5","hex",6)}`,fontDeclarations=declarations.map(({prop,value})=>`${prop}: ${value};`).join(`
|
|
18
|
+
`);return {id,fontFamily:id,fontFaceCSS:(()=>{if(typeof localFontSrc=="string"){let localFontPath=path.join(parentFolder,localFontSrc).replaceAll("\\","/");return `@font-face {
|
|
3
19
|
font-family: ${id};
|
|
4
20
|
src: url(.${localFontPath});
|
|
5
21
|
${fontDeclarations}
|
|
6
|
-
}`}return localFontSrc.map(font=>{let localFontPath=
|
|
22
|
+
}`}return localFontSrc.map(font=>{let localFontPath=path.join(parentFolder,font.path).replaceAll("\\","/");return `@font-face {
|
|
7
23
|
font-family: ${id};
|
|
8
24
|
src: url(.${localFontPath});
|
|
9
25
|
${font.weight?`font-weight: ${font.weight};`:""}
|
|
@@ -17,7 +33,7 @@
|
|
|
17
33
|
}
|
|
18
34
|
|
|
19
35
|
${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`
|
|
36
|
+
`,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 `
|
|
21
37
|
if (!document.getElementById('id-${id}')) {
|
|
22
38
|
const fontDeclarations = \`${fontFaceCSS}\`;
|
|
23
39
|
const style = document.createElement('style');
|
|
@@ -32,7 +48,7 @@
|
|
|
32
48
|
document.head.appendChild(classNamesStyle);
|
|
33
49
|
|
|
34
50
|
}
|
|
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=
|
|
51
|
+
`}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=path.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
52
|
${setFontDeclarationsInHead({fontFaceCSS:cssMeta.fontFaceCSS,id:fontFaceDeclaration.id,classNamesCSS:cssMeta.classNamesCSS})}
|
|
37
53
|
|
|
38
54
|
module.exports = {
|
|
@@ -40,4 +56,6 @@
|
|
|
40
56
|
style: ${JSON.stringify(cssMeta.style)}
|
|
41
57
|
${cssMeta.variableClassName?`, variable: "${cssMeta.variableClassName}"`:""}
|
|
42
58
|
}
|
|
43
|
-
`}return"module.exports = {}"}
|
|
59
|
+
`}return "module.exports = {}"}
|
|
60
|
+
|
|
61
|
+
module.exports = storybookNextjsFontLoader;
|
package/dist/image-context.js
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var react = require('react');
|
|
4
|
+
|
|
5
|
+
var ImageContext=react.createContext({});
|
|
6
|
+
|
|
7
|
+
exports.ImageContext = ImageContext;
|
package/dist/image-context.mjs
CHANGED
package/dist/images/decorator.js
CHANGED
|
@@ -1 +1,28 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var imageContext = require('@storybook/nextjs/dist/image-context');
|
|
5
|
+
|
|
6
|
+
function _interopNamespace(e) {
|
|
7
|
+
if (e && e.__esModule) return e;
|
|
8
|
+
var n = Object.create(null);
|
|
9
|
+
if (e) {
|
|
10
|
+
Object.keys(e).forEach(function (k) {
|
|
11
|
+
if (k !== 'default') {
|
|
12
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
13
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () { return e[k]; }
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
n.default = e;
|
|
21
|
+
return Object.freeze(n);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
25
|
+
|
|
26
|
+
var ImageContext=imageContext.ImageContext,ImageDecorator=(Story,{parameters})=>parameters.nextjs?.image?React__namespace.createElement(ImageContext.Provider,{value:parameters.nextjs.image},React__namespace.createElement(Story,null)):React__namespace.createElement(Story,null);
|
|
27
|
+
|
|
28
|
+
exports.ImageDecorator = ImageDecorator;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { ImageDecorator } from '../chunk-NQ32RFK2.mjs';
|
|
2
|
-
import '../chunk-
|
|
2
|
+
import '../chunk-XP5HYGXS.mjs';
|
|
@@ -1 +1,35 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var imageContext = require('@storybook/nextjs/dist/image-context');
|
|
7
|
+
var NextImageNamespace = require('sb-original/next/image');
|
|
8
|
+
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
function _interopNamespace(e) {
|
|
12
|
+
if (e && e.__esModule) return e;
|
|
13
|
+
var n = Object.create(null);
|
|
14
|
+
if (e) {
|
|
15
|
+
Object.keys(e).forEach(function (k) {
|
|
16
|
+
if (k !== 'default') {
|
|
17
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
18
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () { return e[k]; }
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
n.default = e;
|
|
26
|
+
return Object.freeze(n);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
30
|
+
var NextImageNamespace__namespace = /*#__PURE__*/_interopNamespace(NextImageNamespace);
|
|
31
|
+
|
|
32
|
+
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__namespace.default,{getImageProps:originalGetImageProps}=NextImageNamespace__namespace,ImageContext=imageContext.ImageContext,MockedNextImage=React__default.default.forwardRef(({loader,...props},ref)=>{let imageParameters=React__default.default.useContext(ImageContext);return React__default.default.createElement(OriginalNextImage,{ref,...imageParameters,...props,loader:loader??defaultLoader})});MockedNextImage.displayName="NextImage";var getImageProps=props=>originalGetImageProps?.({loader:defaultLoader,...props}),next_image_default=MockedNextImage;
|
|
33
|
+
|
|
34
|
+
exports.default = next_image_default;
|
|
35
|
+
exports.getImageProps = getImageProps;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defaultLoader } from '../chunk-ETFXNGLC.mjs';
|
|
2
|
-
import '../chunk-
|
|
2
|
+
import '../chunk-XP5HYGXS.mjs';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { ImageContext as ImageContext$1 } from '@storybook/nextjs/dist/image-context';
|
|
5
5
|
import * as NextImageNamespace from 'sb-original/next/image';
|
|
@@ -1 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var imageContext = require('@storybook/nextjs/dist/image-context');
|
|
5
|
+
var OriginalNextLegacyImage = require('sb-original/next/legacy/image');
|
|
6
|
+
|
|
7
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
+
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
10
|
+
var OriginalNextLegacyImage__default = /*#__PURE__*/_interopDefault(OriginalNextLegacyImage);
|
|
11
|
+
|
|
12
|
+
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 ImageContext=imageContext.ImageContext;function NextLegacyImage({loader,...props}){let imageParameters=React__default.default.useContext(ImageContext);return React__default.default.createElement(OriginalNextLegacyImage__default.default,{...imageParameters,...props,loader:loader??defaultLoader})}var next_legacy_image_default=NextLegacyImage;
|
|
13
|
+
|
|
14
|
+
module.exports = next_legacy_image_default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defaultLoader } from '../chunk-ETFXNGLC.mjs';
|
|
2
|
-
import '../chunk-
|
|
2
|
+
import '../chunk-XP5HYGXS.mjs';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { ImageContext as ImageContext$1 } from '@storybook/nextjs/dist/image-context';
|
|
5
5
|
import OriginalNextLegacyImage from 'sb-original/next/legacy/image';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,13 +1,58 @@
|
|
|
1
1
|
import { PreviewAddon, InferTypes, AddonTypes } from 'storybook/internal/csf';
|
|
2
|
-
import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Args, StoryAnnotationsOrFn, ProjectAnnotations, ComposedStoryFn, Store_CSFExports, StoriesWithPartialProps } from 'storybook/internal/types';
|
|
2
|
+
import { CompatibleString, NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, Args, StoryAnnotationsOrFn, ProjectAnnotations, ComposedStoryFn, Store_CSFExports, StoriesWithPartialProps } from 'storybook/internal/types';
|
|
3
3
|
import { ReactRenderer, Meta, ReactTypes, ReactPreview } from '@storybook/react';
|
|
4
4
|
export * from '@storybook/react';
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
import '
|
|
8
|
-
import '
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
import { BuilderOptions, StorybookConfigWebpack, TypescriptOptions } from '@storybook/builder-webpack5';
|
|
6
|
+
import { ReactOptions, StorybookConfig as StorybookConfig$1, TypescriptOptions as TypescriptOptions$1 } from '@storybook/preset-react-webpack';
|
|
7
|
+
import * as _NextImage from 'next/image';
|
|
8
|
+
import { NextRouter } from 'next/router';
|
|
9
|
+
|
|
10
|
+
type FrameworkName = CompatibleString<'@storybook/nextjs'>;
|
|
11
|
+
type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
|
|
12
|
+
type FrameworkOptions = ReactOptions & {
|
|
13
|
+
nextConfigPath?: string;
|
|
14
|
+
image?: Partial<_NextImage.ImageProps>;
|
|
15
|
+
builder?: BuilderOptions;
|
|
16
|
+
};
|
|
17
|
+
type StorybookConfigFramework = {
|
|
18
|
+
framework: FrameworkName | {
|
|
19
|
+
name: FrameworkName;
|
|
20
|
+
options: FrameworkOptions;
|
|
21
|
+
};
|
|
22
|
+
core?: StorybookConfig$1['core'] & {
|
|
23
|
+
builder?: BuilderName | {
|
|
24
|
+
name: BuilderName;
|
|
25
|
+
options: BuilderOptions;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
typescript?: Partial<TypescriptOptions & TypescriptOptions$1> & StorybookConfig$1['typescript'];
|
|
29
|
+
};
|
|
30
|
+
/** The interface for Storybook configuration in `main.ts` files. */
|
|
31
|
+
type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
|
|
32
|
+
interface NextJsParameters {
|
|
33
|
+
/**
|
|
34
|
+
* Next.js framework configuration
|
|
35
|
+
*
|
|
36
|
+
* @see https://storybook.js.org/docs/get-started/frameworks/nextjs
|
|
37
|
+
*/
|
|
38
|
+
nextjs?: {
|
|
39
|
+
/**
|
|
40
|
+
* Enable App Directory features If your story imports components that use next/navigation, you
|
|
41
|
+
* need to set this parameter to true
|
|
42
|
+
*/
|
|
43
|
+
appDirectory?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Next.js navigation configuration when using `next/navigation`. Please note that it can only
|
|
46
|
+
* be used in components/pages in the app directory.
|
|
47
|
+
*/
|
|
48
|
+
navigation?: Partial<NextRouter>;
|
|
49
|
+
/** Next.js router configuration */
|
|
50
|
+
router?: Partial<NextRouter>;
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
interface NextJsTypes {
|
|
54
|
+
parameters: NextJsParameters;
|
|
55
|
+
}
|
|
11
56
|
|
|
12
57
|
/**
|
|
13
58
|
* Function that sets the globalConfig of your storybook. The global config is the preview module of
|
|
@@ -93,4 +138,4 @@ declare function definePreview<Addons extends PreviewAddon<never>[]>(preview: {
|
|
|
93
138
|
interface NextPreview<T extends AddonTypes> extends ReactPreview<NextJsTypes & T> {
|
|
94
139
|
}
|
|
95
140
|
|
|
96
|
-
export { NextJsTypes, composeStories, composeStory, definePreview, setProjectAnnotations };
|
|
141
|
+
export { FrameworkOptions, NextJsParameters, NextJsTypes, StorybookConfig, composeStories, composeStory, definePreview, setProjectAnnotations };
|