From 1698b061b51721cb5c234d0cbd9a8e8cef6fe05c Mon Sep 17 00:00:00 2001 From: Jon McClure Date: Sat, 10 Jun 2023 18:23:05 +0100 Subject: [PATCH] update story recipes --- .storybook/main.ts | 42 +- package.json | 4 +- .../Analytics/Analytics.stories.svelte | 12 +- .../Analytics/stories/docs/component.md | 2 +- .../Analytics/stories/docs/environments.md | 4 +- .../Analytics/stories/docs/multipage.md | 2 +- .../SearchInput/SearchInput.stories.svelte | 13 +- .../SearchInput/stories/docs/component.md | 2 +- .../story-recipes/basic-story.stories.mdx | 11 +- .../story-with-custom-controls.stories.mdx | 4 +- .../story-with-custom-docs.stories.mdx | 4 +- .../story-with-media.stories.mdx | 7 +- src/stories/Button.stories.ts | 48 + src/stories/Button.svelte | 36 + src/stories/Header.stories.ts | 26 + src/stories/Header.svelte | 62 + src/stories/Introduction.mdx | 213 + src/stories/Page.stories.ts | 29 + src/stories/Page.svelte | 82 + src/stories/assets/code-brackets.svg | 1 + src/stories/assets/colors.svg | 1 + src/stories/assets/comments.svg | 1 + src/stories/assets/direction.svg | 1 + src/stories/assets/flow.svg | 1 + src/stories/assets/plugin.svg | 1 + src/stories/assets/repo.svg | 1 + src/stories/assets/stackalt.svg | 1 + src/stories/button.css | 30 + src/stories/header.css | 32 + src/stories/page.css | 69 + yarn.lock | 5104 +++-------------- 31 files changed, 1405 insertions(+), 4441 deletions(-) create mode 100644 src/stories/Button.stories.ts create mode 100644 src/stories/Button.svelte create mode 100644 src/stories/Header.stories.ts create mode 100644 src/stories/Header.svelte create mode 100644 src/stories/Introduction.mdx create mode 100644 src/stories/Page.stories.ts create mode 100644 src/stories/Page.svelte create mode 100644 src/stories/assets/code-brackets.svg create mode 100644 src/stories/assets/colors.svg create mode 100644 src/stories/assets/comments.svg create mode 100644 src/stories/assets/direction.svg create mode 100644 src/stories/assets/flow.svg create mode 100644 src/stories/assets/plugin.svg create mode 100644 src/stories/assets/repo.svg create mode 100644 src/stories/assets/stackalt.svg create mode 100644 src/stories/button.css create mode 100644 src/stories/header.css create mode 100644 src/stories/page.css 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), - }; - +