[Documentation]:

[winkerVSbecks]

Describe the problem

I looks like Storybook no longer supports managerHead and previewHead props in the main.js config. The StorybookConfig type doesn't have those props either. However, manager-head.html and preview-head.html still works.

Not sure if this is intentional. If it is, we should update the docs: https://storybook.js.org/docs/react/addons/writing-presets#previewmanager-templates

Additional context

No response

[kylegach]

managerHead, yes. With the manager being pre-bundled, it makes sense that it is no longer available.

But previewHead is right here: https://github.com/storybookjs/storybook/blob/next/code/lib/types/src/modules/core-common.ts#L387

[maccapakka]

I shared a custom manager UI via a preset using this option in v6.

What is the guidance on how to share manager-head.html in v7?

[shilman]

@ndelangen is this possible to support using prebundling? I.e. is this a bug / oversight in 7.0 or something that's impossible to support in the new setup?

[ndelangen]

Not intentional, and should not be related to prebundling.
I'll check.

[ndelangen]

I can confirm managerHead broke un-intentially.
I can also confirm managerHead is missing in the StorybookConfig interface.
previewHead does exist:

storybook/code/lib/types/src/modules/core-common.ts

Lines 382 to 389 in 6644043

	/**
	* Programmatically modify the preview head/body HTML.
	* The previewHead and previewBody functions accept a string,
	* which is the existing head/body, and return a modified string.
	*/
	previewHead?: PresetValue<string>;
	previewBody?: PresetValue<string>;

storybook/code/lib/core-server/src/presets/common-preset.ts

Lines 104 to 107 in 6644043

	const interpolations = await presets.apply<Record<string, string>>('env');
	return getPreviewHeadTemplate(configDir, interpolations);
	};

storybook/code/lib/builder-webpack5/src/preview/iframe-webpack.config.ts

Line 87 in 1733c18

presets.apply('previewHead'),

storybook/code/lib/builder-vite/src/transform-iframe-html.ts

Line 9 in d760a5a

const headHtmlSnippet = await presets.apply<PreviewHtml>('previewHead');

I'll open a PR bringing back support for managerHead and I'll also add the 2 properties to the interface.

[shilman]

Yowza!! I just released https://github.com/storybookjs/storybook/releases/tag/v7.1.0-alpha.23 containing PR #22701 that references this issue. Upgrade today to the @future NPM tag to try it out!

npx sb@next upgrade --tag future

[shilman]

Huzzah!! I just released https://github.com/storybookjs/storybook/releases/tag/v7.0.17 containing PR #22701 that references this issue. Upgrade today to the @latest NPM tag to try it out!

npx sb@latest upgrade