Log all Storybook events to the browser console for debugging

manager.ts

import { addons } from '@storybook/manager-api';
import events from '@storybook/core-events';

addons.register('my-manager-addon', () => {
	const channel = addons.getChannel();

	Object.values(events).forEach((event) => {
		channel.on(event, (data) => {
			console.log(event, data);
		});
	});

	//...addon code as applicable
});

preview.ts

import { addons } from '@storybook/preview-api';
import events from '@storybook/core-events';

const channel = addons.getChannel();

Object.values(events).forEach((event) => {
	channel.on(event, (data) => {
		console.log(event, data);
	});
});

Note: You don't need both of these at the same time, they are two separate options.