diff --git a/.storybook/main.ts b/.storybook/main.ts index 89e749b1..6eaa0dbb 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -1,35 +1,17 @@ import type { StorybookConfig } from '@storybook/svelte-vite'; -import { mergeConfig } from 'vite'; -import { scss } from '../bin/preprocess/index.js'; const config: StorybookConfig = { - "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.svelte"], - "addons": ["@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions", "@storybook/addon-mdx-gfm", '@storybook/addon-svelte-csf'], - "framework": '@storybook/svelte-vite', - typescript: { - check: false - }, - async viteFinal(config, { - configType - }) { - return mergeConfig(config, { - base: configType === 'PRODUCTION' ? 'https://reuters-graphics.github.io/graphics-components/' : '/', - css: { - preprocessorOptions: { - scss - } - }, - resolve: { - alias: { - '@reuters-graphics/graphics-components': './src', - '$lib': './src', - '$docs': './src/docs' - } - }, - }); - }, + stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx|svelte)'], + addons: [ + '@storybook/addon-links', + '@storybook/addon-essentials', + '@storybook/addon-interactions', + '@storybook/addon-svelte-csf', + ], + framework: '@storybook/svelte-vite', + core: { disableTelemetry: true }, docs: { - autodocs: true - } + autodocs: true, + }, }; -export default config; \ No newline at end of file +export default config; diff --git a/package.json b/package.json index 29ceb1af..23144ff4 100644 --- a/package.json +++ b/package.json @@ -30,11 +30,14 @@ "@evilmartians/lefthook": "^1.3.10", "@reuters-graphics/eslint-config": "^0.0.2", "@storybook/addon-actions": "^7.0.20", + "@storybook/addon-docs": "^7.0.20", "@storybook/addon-essentials": "^7.0.20", "@storybook/addon-interactions": "^7.0.20", "@storybook/addon-links": "^7.0.20", "@storybook/addon-mdx-gfm": "^7.0.20", "@storybook/addon-svelte-csf": "^3.0.3", + "@storybook/blocks": "^7.0.20", + "@storybook/builder-vite": "^7.0.20", "@storybook/manager-api": "^7.0.20", "@storybook/mdx2-csf": "^1.1.0", "@storybook/svelte": "^7.0.20", @@ -43,7 +46,6 @@ "@storybook/theming": "^7.0.20", "@sveltejs/vite-plugin-svelte": "^2.4.1", "@tsconfig/svelte": "^4.0.1", - "@storybook/builder-vite": "^7.0.20", "@types/gtag.js": "^0.0.12", "@types/proper-url-join": "^2.1.1", "@types/react-syntax-highlighter": "^15.5.7", diff --git a/src/components/Analytics/Analytics.stories.svelte b/src/components/Analytics/Analytics.stories.svelte index c3263416..3cd2390c 100644 --- a/src/components/Analytics/Analytics.stories.svelte +++ b/src/components/Analytics/Analytics.stories.svelte @@ -12,15 +12,13 @@ import Analytics from './Analytics.svelte'; import { withComponentDocs, withStoryDocs } from '$docs/utils/withParams.js'; - - const meta = { - title: 'Components/Analytics', - component: Analytics, - ...withComponentDocs(componentDocs), - }; - +