Addons: Change our internal addons to be functions Yann

[kasperpeulen]

Make sure preview export a default function:

const preview = {
    parameters: {},
}

const fn = () => preview;
Object.assign(fn, preview);
export default fn;

And adjust the preview annotation loading to call this function for CSF3 stories:

storybook/code/builders/builder-webpack5/templates/virtualModuleModernEntry.js

Lines 8 to 22 in c370fec

	const getProjectAnnotations = () => {
	const previewAnnotations = ['{{previewAnnotations_requires}}'];
	// the last one in this array is the user preview
	const preview = previewAnnotations[previewAnnotations.length - 1];
	const csfFactoryPreview = Object.values(preview).find((module) => {
	return 'isCSFFactoryPreview' in module;
	});
	if (csfFactoryPreview) {
	return csfFactoryPreview.annotations;
	}
	return composeConfigs(previewAnnotations);
	};

storybook/code/builders/builder-vite/src/codegen-modern-iframe-script.ts

Lines 24 to 33 in d04b258

	const getPreviewAnnotationsFunction = `
	const getProjectAnnotations = async (hmrPreviewAnnotationModules = []) => {
	const preview = await import('${previewFileUrl}');
	const csfFactoryPreview = Object.values(preview).find(module => {
	return 'isCSFFactoryPreview' in module
	});
	if (csfFactoryPreview) {
	return csfFactoryPreview.annotations;
	}