owncast/web/.storybook/main.js

52 lines
1.3 KiB
JavaScript
Raw Normal View History

2022-04-18 04:50:39 +03:00
module.exports = {
core: {
builder: 'webpack5',
},
2022-10-17 07:48:19 +03:00
features: {
previewMdx2: true,
},
2022-05-13 01:41:54 +03:00
stories: [
refactor(stories): co-locate stories with components (#2078) * refactor: move ActionButton component * refactor: move BanUserButton component * refactor: move ChatActionMessage component * refactor: move ChatContainer component * refactor: move AuthModal component * refactor: move BrowserNotifyModal component * refactor: move ChatUserMessage component * refactor: move ChatJoinMessage component * refactor: move ChatTextField component * refactor: move ChatUserBadge component * refactor: move FollowerCollection and SingleFollower components * fix: bad import path * refactor: move FollowModal component * refactor: move Modal component * refactor: move ContentHeader component * refactor: move ChatSystemMessage component * refactor: move Header component * refactor: move Footer component * refactor: move StatusBar component * refactor: move OfflineBanner component * refactor: move OwncastPlayer component * refactor: move IndieAuthModal component * refactor: move SocialLinks component * refactor: move VideoPoster component * refactor: move FollowModal component * refactor: move FediAuthModal.tsx component * refactor: move UserDropdown component * refactor: move ChatSocialMessage component * refactor: move Logo component * refactor: move NotifyReminderPopup component * refactor: move NameChangeModal component * refactor: move FatalErrorStateModal component * refactor: move ChatModeratorNotification component * refactor: move ChatModerationActionMenu and ChatModerationDetailsModal components * refactor: move CustomPageContent component * refactor: move storybook Introduction file * refactor: update storybook story import path * refactor: move storybook preview styles * refactor: move storybook doc pages * refactor: move Color and ImageAsset components * fix: bad import path * fix: bad import path in story file
2022-09-03 21:38:52 +03:00
'../.storybook/stories-category-doc-pages/**/*.stories.mdx',
2022-05-13 01:41:54 +03:00
'../stories/**/*.stories.@(js|jsx|ts|tsx)',
2022-09-03 21:39:18 +03:00
'../components/**/*.stories.@(js|jsx|ts|tsx)',
'../pages/**/*.stories.@(js|jsx|ts|tsx)',
2022-05-13 01:41:54 +03:00
],
2022-04-18 04:50:39 +03:00
addons: [
'@storybook/addon-links',
'@storybook/addon-essentials',
'@storybook/preset-scss',
'@storybook/addon-postcss',
2022-04-23 09:04:27 +03:00
'@storybook/addon-a11y',
'storybook-addon-designs',
2022-04-23 09:04:27 +03:00
'storybook-dark-mode',
'storybook-addon-fetch-mock',
2022-04-18 04:50:39 +03:00
],
webpackFinal: async (config, { configType }) => {
2022-05-27 23:44:38 +03:00
// @see https://github.com/storybookjs/storybook/issues/9070
const fileLoaderRule = config.module.rules.find(rule => rule.test && rule.test.test('.svg'));
fileLoaderRule.exclude = /\.svg$/;
// https://www.npmjs.com/package/@svgr/webpack
config.module.rules.push({
test: /\.svg$/,
use: ['@svgr/webpack'],
});
config.module.rules.push({
test: /\.less$/,
use: [
require.resolve('style-loader'),
require.resolve('css-loader'),
{
loader: require.resolve('less-loader'),
options: {
lessOptions: { javascriptEnabled: true },
},
},
],
});
return config;
},
2022-04-18 04:50:39 +03:00
framework: '@storybook/react',
};