Storybook middleware

[qromp]

It would be nice to have a storybook map stories if desired so developers don't have to wrap stories with context providers or something everytime they write stories.

Storybooks with a middleware would look like:

local function contextMiddleware(story)
	return function(controls)
		return Roact.createElement(Theme.Provider, {
			theme = ...,
		}, {
			Story = Roact.createElement(story, controls),
		})
	end
end

return {
	roact = Roact,
	middleware = contextMiddleware,
	storyRoots = {
		script.Parent,
	},
}

Stories:

return {
	story = function()
		return Roact.createElement(Theme.Consumer, {
			render = function(theme)
				return Roact.createElement("Frame", {
					BackgroundColor3 = theme.primary,
				})
			end,
		})
	end,
}

[passhley]

I actually really like this idea, I'm not sure how useful it would be outside of just this use case. But can definitely look into it.

[vocksel]

Yep I'm very into this. Probably won't be in a v1 but this is something that's very helpful when using RoactRodux since it allows you to implicitly wrap all of your stories in a StoreProvider