@storybook/nextjs 8.1.0-alpha.7 → 8.1.0-beta.0

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 (33) hide show
  1. package/dist/chunk-VSXS7LSP.mjs +20 -0
  2. package/dist/compatibility/redirect-status-code.compat.d.ts +7 -0
  3. package/dist/compatibility/redirect-status-code.compat.js +1 -0
  4. package/dist/compatibility/redirect-status-code.compat.mjs +5 -0
  5. package/dist/compatibility/segment.compat.d.ts +5 -0
  6. package/dist/compatibility/segment.compat.js +1 -0
  7. package/dist/compatibility/segment.compat.mjs +5 -0
  8. package/dist/export-mocks/cache/index.d.ts +16 -0
  9. package/dist/export-mocks/cache/index.js +1 -0
  10. package/dist/export-mocks/cache/index.mjs +10 -0
  11. package/dist/export-mocks/headers/index.d.ts +36 -0
  12. package/dist/export-mocks/headers/index.js +1 -0
  13. package/dist/export-mocks/headers/index.mjs +11 -0
  14. package/dist/export-mocks/index.d.ts +7 -0
  15. package/dist/export-mocks/index.js +1 -0
  16. package/dist/export-mocks/index.mjs +11 -0
  17. package/dist/export-mocks/navigation/index.d.ts +43 -0
  18. package/dist/export-mocks/navigation/index.js +1 -0
  19. package/dist/export-mocks/navigation/index.mjs +11 -0
  20. package/dist/export-mocks/router/index.d.ts +44 -0
  21. package/dist/export-mocks/router/index.js +1 -0
  22. package/dist/export-mocks/router/index.mjs +10 -0
  23. package/dist/index.d-e10eb603.d.ts +223 -0
  24. package/dist/index.js +1 -1
  25. package/dist/index.mjs +2 -2
  26. package/dist/next-image-loader-stub.js +2 -1
  27. package/dist/next-image-loader-stub.mjs +4 -3
  28. package/dist/preset.js +1 -1
  29. package/dist/preview.d.ts +8 -2
  30. package/dist/preview.js +1 -1
  31. package/dist/preview.mjs +1 -1
  32. package/package.json +84 -25
  33. package/dist/chunk-F7NH2NHR.mjs +0 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/nextjs",
3
- "version": "8.1.0-alpha.7",
3
+ "version": "8.1.0-beta.0",
4
4
  "description": "Storybook for Next.js",
5
5
  "keywords": [
6
6
  "storybook",
@@ -47,6 +47,41 @@
47
47
  "require": "./dist/next-image-loader-stub.js",
48
48
  "import": "./dist/next-image-loader-stub.mjs"
49
49
  },
50
+ "./dist/compatibility/segment.compat": {
51
+ "types": "./dist/compatibility/segment.compat.d.ts",
52
+ "require": "./dist/compatibility/segment.compat.js",
53
+ "import": "./dist/compatibility/segment.compat.mjs"
54
+ },
55
+ "./dist/compatibility/redirect-status-code.compat": {
56
+ "types": "./dist/compatibility/redirect-status-code.compat.d.ts",
57
+ "require": "./dist/compatibility/redirect-status-code.compat.js",
58
+ "import": "./dist/compatibility/redirect-status-code.compat.mjs"
59
+ },
60
+ "./export-mocks": {
61
+ "types": "./dist/export-mocks/index.d.ts",
62
+ "require": "./dist/export-mocks/index.js",
63
+ "import": "./dist/export-mocks/index.mjs"
64
+ },
65
+ "./cache.mock": {
66
+ "types": "./dist/export-mocks/cache/index.d.ts",
67
+ "require": "./dist/export-mocks/cache/index.js",
68
+ "import": "./dist/export-mocks/cache/index.mjs"
69
+ },
70
+ "./headers.mock": {
71
+ "types": "./dist/export-mocks/headers/index.d.ts",
72
+ "require": "./dist/export-mocks/headers/index.js",
73
+ "import": "./dist/export-mocks/headers/index.mjs"
74
+ },
75
+ "./navigation.mock": {
76
+ "types": "./dist/export-mocks/navigation/index.d.ts",
77
+ "require": "./dist/export-mocks/navigation/index.js",
78
+ "import": "./dist/export-mocks/navigation/index.mjs"
79
+ },
80
+ "./router.mock": {
81
+ "types": "./dist/export-mocks/router/index.d.ts",
82
+ "require": "./dist/export-mocks/router/index.js",
83
+ "import": "./dist/export-mocks/router/index.mjs"
84
+ },
50
85
  "./package.json": "./package.json"
51
86
  },
52
87
  "main": "dist/index.js",
@@ -59,6 +94,21 @@
59
94
  ],
60
95
  "dist/image-context": [
61
96
  "dist/image-context.d.ts"
97
+ ],
98
+ "export-mocks": [
99
+ "dist/export-mocks/index.d.ts"
100
+ ],
101
+ "cache.mock": [
102
+ "dist/export-mocks/cache/index.d.ts"
103
+ ],
104
+ "headers.mock": [
105
+ "dist/export-mocks/headers/index.d.ts"
106
+ ],
107
+ "router.mock": [
108
+ "dist/export-mocks/router/index.d.ts"
109
+ ],
110
+ "navigation.mock": [
111
+ "dist/export-mocks/navigation/index.d.ts"
62
112
  ]
63
113
  }
64
114
  },
@@ -75,29 +125,29 @@
75
125
  "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
76
126
  },
77
127
  "dependencies": {
78
- "@babel/core": "^7.23.2",
128
+ "@babel/core": "^7.24.4",
79
129
  "@babel/plugin-syntax-bigint": "^7.8.3",
80
130
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
81
- "@babel/plugin-syntax-import-assertions": "^7.22.5",
82
- "@babel/plugin-transform-class-properties": "^7.22.5",
83
- "@babel/plugin-transform-export-namespace-from": "^7.22.11",
84
- "@babel/plugin-transform-numeric-separator": "^7.22.11",
85
- "@babel/plugin-transform-object-rest-spread": "^7.22.15",
86
- "@babel/plugin-transform-runtime": "^7.23.2",
87
- "@babel/preset-env": "^7.23.2",
88
- "@babel/preset-react": "^7.22.15",
89
- "@babel/preset-typescript": "^7.23.2",
90
- "@babel/runtime": "^7.23.2",
131
+ "@babel/plugin-syntax-import-assertions": "^7.24.1",
132
+ "@babel/plugin-transform-class-properties": "^7.24.1",
133
+ "@babel/plugin-transform-export-namespace-from": "^7.24.1",
134
+ "@babel/plugin-transform-numeric-separator": "^7.24.1",
135
+ "@babel/plugin-transform-object-rest-spread": "^7.24.1",
136
+ "@babel/plugin-transform-runtime": "^7.24.3",
137
+ "@babel/preset-env": "^7.24.4",
138
+ "@babel/preset-react": "^7.24.1",
139
+ "@babel/preset-typescript": "^7.24.1",
140
+ "@babel/runtime": "^7.24.4",
91
141
  "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
92
- "@storybook/addon-actions": "8.1.0-alpha.7",
93
- "@storybook/builder-webpack5": "8.1.0-alpha.7",
94
- "@storybook/core-common": "8.1.0-alpha.7",
95
- "@storybook/core-events": "8.1.0-alpha.7",
96
- "@storybook/node-logger": "8.1.0-alpha.7",
97
- "@storybook/preset-react-webpack": "8.1.0-alpha.7",
98
- "@storybook/preview-api": "8.1.0-alpha.7",
99
- "@storybook/react": "8.1.0-alpha.7",
100
- "@storybook/types": "8.1.0-alpha.7",
142
+ "@storybook/builder-webpack5": "8.1.0-beta.0",
143
+ "@storybook/core-common": "8.1.0-beta.0",
144
+ "@storybook/core-events": "8.1.0-beta.0",
145
+ "@storybook/node-logger": "8.1.0-beta.0",
146
+ "@storybook/preset-react-webpack": "8.1.0-beta.0",
147
+ "@storybook/preview-api": "8.1.0-beta.0",
148
+ "@storybook/react": "8.1.0-beta.0",
149
+ "@storybook/test": "8.1.0-beta.0",
150
+ "@storybook/types": "8.1.0-beta.0",
101
151
  "@types/node": "^18.0.0",
102
152
  "@types/semver": "^7.3.4",
103
153
  "babel-loader": "^9.1.3",
@@ -114,7 +164,6 @@
114
164
  "resolve-url-loader": "^5.0.0",
115
165
  "sass-loader": "^12.4.0",
116
166
  "semver": "^7.3.5",
117
- "sharp": "^0.32.6",
118
167
  "style-loader": "^3.3.1",
119
168
  "styled-jsx": "5.1.1",
120
169
  "ts-dedent": "^2.0.0",
@@ -122,7 +171,7 @@
122
171
  "tsconfig-paths-webpack-plugin": "^4.0.1"
123
172
  },
124
173
  "devDependencies": {
125
- "@babel/types": "^7.23.0",
174
+ "@babel/types": "^7.24.0",
126
175
  "@types/babel__core": "^7",
127
176
  "@types/babel__plugin-transform-runtime": "^7",
128
177
  "@types/babel__preset-env": "^7",
@@ -134,8 +183,8 @@
134
183
  },
135
184
  "peerDependencies": {
136
185
  "next": "^13.5.0 || ^14.0.0",
137
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
138
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
186
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
187
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
139
188
  "webpack": "^5.0.0"
140
189
  },
141
190
  "peerDependenciesMeta": {
@@ -146,6 +195,9 @@
146
195
  "optional": true
147
196
  }
148
197
  },
198
+ "optionalDependencies": {
199
+ "sharp": "^0.33.3"
200
+ },
149
201
  "engines": {
150
202
  "node": ">=18.0.0"
151
203
  },
@@ -158,6 +210,13 @@
158
210
  "./src/index.ts",
159
211
  "./src/preset.ts",
160
212
  "./src/preview.tsx",
213
+ "./src/export-mocks/index.ts",
214
+ "./src/export-mocks/cache/index.ts",
215
+ "./src/export-mocks/headers/index.ts",
216
+ "./src/export-mocks/router/index.ts",
217
+ "./src/export-mocks/navigation/index.ts",
218
+ "./src/compatibility/segment.compat.ts",
219
+ "./src/compatibility/redirect-status-code.compat.ts",
161
220
  "./src/next-image-loader-stub.ts",
162
221
  "./src/images/decorator.tsx",
163
222
  "./src/images/next-legacy-image.tsx",
@@ -1,16 +0,0 @@
1
- import { ImageDecorator } from './chunk-NQ32RFK2.mjs';
2
- import { __export } from './chunk-BLWNPPTR.mjs';
3
- import { setConfig } from 'next/config';
4
- import * as React from 'react';
5
- import React__default, { useMemo } from 'react';
6
- import { action } from '@storybook/addon-actions';
7
- import { GlobalLayoutRouterContext, AppRouterContext, LayoutRouterContext } from 'next/dist/shared/lib/app-router-context.shared-runtime';
8
- import { PathnameContext, SearchParamsContext } from 'next/dist/shared/lib/hooks-client-context.shared-runtime';
9
- import { RouterContext } from 'next/dist/shared/lib/router-context.shared-runtime';
10
- import { StyleRegistry } from 'styled-jsx';
11
- import { HeadManagerContext } from 'next/dist/shared/lib/head-manager-context.shared-runtime';
12
- import initHeadManager from 'next/dist/client/head-manager';
13
-
14
- var preview_exports={};__export(preview_exports,{decorators:()=>decorators,parameters:()=>parameters});setConfig(process.env.__NEXT_RUNTIME_CONFIG);var getParallelRoutes=segmentsList=>{let segment=segmentsList.shift();return segment?[segment,{children:getParallelRoutes(segmentsList)}]:[]},AppRouterProvider=({children,action:action2,routeParams})=>{let{pathname,query,segments=[],...restRouteParams}=routeParams,tree=[pathname,{children:getParallelRoutes([...segments])}];return React__default.createElement(PathnameContext.Provider,{value:pathname},React__default.createElement(SearchParamsContext.Provider,{value:new URLSearchParams(query)},React__default.createElement(GlobalLayoutRouterContext.Provider,{value:{changeByServerResponse(){},buildId:"storybook",tree,focusAndScrollRef:{apply:!1,hashFragment:null,segmentPaths:[tree],onlyHashChange:!1},nextUrl:pathname}},React__default.createElement(AppRouterContext.Provider,{value:{push(...args){action2("nextNavigation.push")(...args);},replace(...args){action2("nextNavigation.replace")(...args);},forward(...args){action2("nextNavigation.forward")(...args);},back(...args){action2("nextNavigation.back")(...args);},prefetch(...args){action2("nextNavigation.prefetch")(...args);},refresh:()=>{action2("nextNavigation.refresh")();},...restRouteParams}},React__default.createElement(LayoutRouterContext.Provider,{value:{childNodes:new Map,tree,url:pathname}},children)))))};var PageRouterProvider=({children,action:action2,routeParams,globals})=>React__default.createElement(RouterContext.Provider,{value:{push(...args){return action2("nextRouter.push")(...args),Promise.resolve(!0)},replace(...args){return action2("nextRouter.replace")(...args),Promise.resolve(!0)},reload(...args){action2("nextRouter.reload")(...args);},back(...args){action2("nextRouter.back")(...args);},forward(){action2("nextRouter.forward")();},prefetch(...args){return action2("nextRouter.prefetch")(...args),Promise.resolve()},beforePopState(...args){action2("nextRouter.beforePopState")(...args);},events:{on(...args){action2("nextRouter.events.on")(...args);},off(...args){action2("nextRouter.events.off")(...args);},emit(...args){action2("nextRouter.events.emit")(...args);}},locale:globals?.locale,route:"/",asPath:"/",basePath:"/",isFallback:!1,isLocaleDomain:!1,isReady:!0,isPreview:!1,...routeParams}},children);var defaultRouterParams={pathname:"/",query:{}},RouterDecorator=(Story,{globals,parameters:parameters2})=>parameters2.nextjs?.appDirectory??!1?AppRouterProvider?React.createElement(AppRouterProvider,{action,routeParams:{...defaultRouterParams,...parameters2.nextjs?.navigation}},React.createElement(Story,null)):null:React.createElement(PageRouterProvider,{action,globals,routeParams:{...defaultRouterParams,...parameters2.nextjs?.router}},React.createElement(Story,null));var StyledJsxDecorator=Story=>React.createElement(StyleRegistry,null,React.createElement(Story,null));var HeadManagerProvider=({children})=>{let headManager=useMemo(initHeadManager,[]);return headManager.getIsSsr=()=>!1,React__default.createElement(HeadManagerContext.Provider,{value:headManager},children)},head_manager_provider_default=HeadManagerProvider;var HeadManagerDecorator=Story=>React.createElement(head_manager_provider_default,null,React.createElement(Story,null));function addNextHeadCount(){let meta=document.createElement("meta");meta.name="next-head-count",meta.content="0",document.head.appendChild(meta);}addNextHeadCount();var decorators=[StyledJsxDecorator,ImageDecorator,RouterDecorator,HeadManagerDecorator],parameters={docs:{source:{excludeDecorators:!0}}};
15
-
16
- export { decorators, parameters, preview_exports };