First POC of how an app-level SB could function #1
Conversation
src/app/StorybookLayout.tsx
Outdated
| }; | ||
|
|
||
| export const StorybookLayout = ({ children }) => { | ||
| const storyCookie = cookies().get('__storyId__'); |
There was a problem hiding this comment.
I had to use a cookie because you cannot read query params ("search params") in layouts AFAICT.
Perhaps there's some other way to run code on every request in Next. Maybe the redirect wasn't necessary and I could just do it in the middleware?
The challenge here is that middleware cannot import cache from react (which mock.ts uses). Well maybe it can, but it gets the wrong version of React, in any case, due to Next shenanigans. I'm not sure.
But maybe there is still some way for the middleware to
(A) do all the mocking setup (even delaying the request to run loaders)?
(B) somehow pass an id through to the request so the mocking library can read it from the cache.
src/mock.ts
Outdated
| // Important -- we need to do this because otherwise the page renders *before* the layout | ||
| await new Promise((r) => setTimeout(r, 0)); |
There was a problem hiding this comment.
Note this bit. Another issue with using the layout to setup the mocks.
No description provided.