diff --git a/code/addons/a11y/src/types.ts b/code/addons/a11y/src/types.ts index 61034005d9f3..c8be7acf7d0e 100644 --- a/code/addons/a11y/src/types.ts +++ b/code/addons/a11y/src/types.ts @@ -24,7 +24,7 @@ export interface A11yGlobals { * Prevent the addon from executing automated accessibility checks upon visiting a story. You * can still trigger the checks from the addon panel. * - * @see https://storybook.js.org/docs/writing-tests/accessibility-testing#turn-off-automated-a11y-tests + * @see https://storybook.js.org/docs/writing-tests/accessibility-testing#disable-automated-checks */ manual?: boolean; }; diff --git a/code/addons/docs/src/types.ts b/code/addons/docs/src/types.ts index e6b05c876d34..6f7439f58ff1 100644 --- a/code/addons/docs/src/types.ts +++ b/code/addons/docs/src/types.ts @@ -115,8 +115,6 @@ type SourceBlockParameters = { /** * The formatting used on source code. Both true and 'dedent' have the same effect of removing any * extraneous indentation. Supports all valid prettier parser names. - * - * @see https://storybook.js.org/docs/api/doc-blocks/doc-block-source#format */ format?: boolean | 'dedent' | string; // TODO: We could try to extract types from 'SupportedLanguages' in SyntaxHighlihter, but for now we inline them diff --git a/code/addons/vitest/src/postinstall.ts b/code/addons/vitest/src/postinstall.ts index 65d3f76db115..731133213bb9 100644 --- a/code/addons/vitest/src/postinstall.ts +++ b/code/addons/vitest/src/postinstall.ts @@ -164,7 +164,7 @@ export default async function postInstall(options: PostinstallOptions) { Found an existing Vitest setup file: ${vitestSetupFile} Please refer to the documentation to complete the setup manually: - https://storybook.js.org/docs/next/${DOCUMENTATION_LINK}#manual-setup + https://storybook.js.org/docs/next/${DOCUMENTATION_LINK}#manual-setup-advanced `; logger.line(); logger.error(`${errorMessage}\n`); @@ -256,7 +256,7 @@ export default async function postInstall(options: PostinstallOptions) { your existing workspace file automatically, you must do it yourself. Please refer to the documentation to complete the setup manually: - https://storybook.js.org/docs/next/${DOCUMENTATION_LINK}#manual-setup + https://storybook.js.org/docs/next/${DOCUMENTATION_LINK}#manual-setup-advanced ` ); errors.push( @@ -304,7 +304,7 @@ export default async function postInstall(options: PostinstallOptions) { We were unable to update your existing ${vitestConfigFile ? 'Vitest' : 'Vite'} config file. Please refer to the documentation to complete the setup manually: - https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup + https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup-advanced `); errors.push(new AddonVitestPostinstallConfigUpdateError({ filePath: rootConfig })); } @@ -365,7 +365,7 @@ export default async function postInstall(options: PostinstallOptions) { logger.error(dedent` Could not automatically set up ${addonA11yName} for @storybook/addon-vitest. Please refer to the documentation to complete the setup manually: - https://storybook.js.org/docs/writing-tests/accessibility-testing#test-addon-integration + https://storybook.js.org/docs/writing-tests/accessibility-testing#integration-with-vitest-addon `); errors.push(new AddonVitestPostinstallFailedAddonA11yError({ error: e })); } @@ -390,7 +390,7 @@ export default async function postInstall(options: PostinstallOptions) { dedent` Done, but with errors! @storybook/addon-vitest was installed successfully, but there were some errors during the setup process. Please refer to the documentation to complete the setup manually and check the errors above: - https://storybook.js.org/docs/next/${DOCUMENTATION_LINK}#manual-setup + https://storybook.js.org/docs/next/${DOCUMENTATION_LINK}#manual-setup-advanced ` ); throw new AddonVitestPostinstallError({ errors }); diff --git a/code/addons/vitest/src/preset.ts b/code/addons/vitest/src/preset.ts index ab32aca082b5..c95d534cd96b 100644 --- a/code/addons/vitest/src/preset.ts +++ b/code/addons/vitest/src/preset.ts @@ -69,9 +69,9 @@ export const experimental_serverChannel = async (channel: Channel, options: Opti if (!resolvedPreviewBuilder?.includes('vite')) { if (framework.includes('nextjs')) { log(dedent` - You're using ${framework}, which is a Webpack-based builder. In order to use Storybook Test, with your project, you need to use '@storybook/nextjs-vite', a high performance Vite-based equivalent. + You're using ${framework}, which is a Webpack-based builder. In order to use Storybook's Vitest addon, with your project, you need to use '@storybook/nextjs-vite', a high performance Vite-based equivalent. - Information on how to upgrade here: ${picocolors.yellow('https://storybook.js.org/docs/get-started/frameworks/nextjs?ref=upgrade#with-vite')}\n + Refer to the following documentation for more information: ${picocolors.yellow('https://storybook.js.org/docs/get-started/frameworks/nextjs-vite?ref=upgrade#choose-between-vite-and-webpack')}\n `); } return channel; diff --git a/code/builders/builder-webpack5/src/types.ts b/code/builders/builder-webpack5/src/types.ts index 9a68c77b6ad6..1b2e8dd6837b 100644 --- a/code/builders/builder-webpack5/src/types.ts +++ b/code/builders/builder-webpack5/src/types.ts @@ -34,7 +34,7 @@ export interface StorybookConfigWebpack /** * Enable the experimental `.test` function in CSF Next * - * @see https://storybook.js.org/docs/10/api/main-config/main-config-features#experimentalTestSyntax + * @see https://storybook.js.org/docs/api/main-config/main-config-features#experimentaltestsyntax */ experimentalTestSyntax?: boolean; }; diff --git a/code/core/src/actions/types.ts b/code/core/src/actions/types.ts index b47e7219bfe3..72d6fe17f950 100644 --- a/code/core/src/actions/types.ts +++ b/code/core/src/actions/types.ts @@ -19,7 +19,13 @@ export interface ActionsParameters { */ argTypesRegex?: string; - /** Remove the addon panel and disable the addon's behavior */ + /** + * Removes the addon panel and turns off the feature's behavior. If you wish to turn off this + * feature for the entire Storybook, you can set the option in your `main.js|ts` configuration + * file. + * + * @see https://storybook.js.org/docs/essentials/actions#disable + */ disable?: boolean; /** @@ -30,8 +36,6 @@ export interface ActionsParameters { * **To enable this feature, you must use the `withActions` decorator.** * * @example `handles: ['mouseover', 'click .btn']` - * - * @see https://storybook.js.org/docs/essentials/actions#action-event-handlers */ handles?: string[]; }; diff --git a/code/core/src/backgrounds/types.ts b/code/core/src/backgrounds/types.ts index 713a1f1d6e52..0abe07747304 100644 --- a/code/core/src/backgrounds/types.ts +++ b/code/core/src/backgrounds/types.ts @@ -28,7 +28,12 @@ export interface BackgroundsParameters { /** Default background color */ default?: string; - /** Remove the addon panel and disable the addon's behavior */ + /** + * Removes the tool and disables the feature's behavior. If you wish to turn off this feature + * for the entire Storybook, you can set the option in your `main.js|ts` configuration file. + * + * @see https://storybook.js.org/docs/essentials/backgrounds#disable + */ disable?: boolean; /** Configuration for the background grid */ diff --git a/code/core/src/cli/eslintPlugin.ts b/code/core/src/cli/eslintPlugin.ts index 665c4fc84419..f660e9e39e87 100644 --- a/code/core/src/cli/eslintPlugin.ts +++ b/code/core/src/cli/eslintPlugin.ts @@ -259,7 +259,7 @@ export const suggestESLintPlugin = async (): Promise => { const shouldInstall = await prompt.confirm({ message: dedent` We have detected that you're using ESLint. Storybook provides a plugin that gives the best experience with Storybook and helps follow best practices: ${picocolors.yellow( - 'https://storybook.js.org/docs/9/configure/integration/eslint-plugin' + 'https://storybook.js.org/docs/configure/integration/eslint-plugin' )} Would you like to install it? diff --git a/code/core/src/controls/types.ts b/code/core/src/controls/types.ts index 45e1f887a7c8..07c884c232e4 100644 --- a/code/core/src/controls/types.ts +++ b/code/core/src/controls/types.ts @@ -5,7 +5,13 @@ export interface ControlsParameters { * @see https://storybook.js.org/docs/essentials/controls#parameters-1 */ controls?: { - /** Remove the addon panel and disable the addon's behavior */ + /** + * Removes the addon panel and turns off the feature's behavior. If you wish to turn off this + * feature for the entire Storybook, you can set the option in your `main.js|ts` configuration + * file. + * + * @see https://storybook.js.org/docs/essentials/controls#disable + */ disable?: boolean; /** Disable the ability to create or edit stories from the Controls panel */ diff --git a/code/core/src/core-server/presets/common-preset.ts b/code/core/src/core-server/presets/common-preset.ts index b281642168db..b511b01b90c1 100644 --- a/code/core/src/core-server/presets/common-preset.ts +++ b/code/core/src/core-server/presets/common-preset.ts @@ -109,7 +109,7 @@ export const babel = async (_: unknown, options: Options) => { ...babelDefault, // This override makes sure that we will never transpile babel further down then the browsers that storybook supports. // This is needed to support the mount property of the context described here: - // https://storybook.js.org/docs/writing-tests/interaction-testing#run-code-before-each-test + // https://storybook.js.org/docs/writing-tests/interaction-testing#run-code-before-each-story-in-a-file overrides: [ ...(babelDefault?.overrides ?? []), { diff --git a/code/core/src/core-server/utils/StoryIndexGenerator.ts b/code/core/src/core-server/utils/StoryIndexGenerator.ts index 168694a5659f..ac8c213981f9 100644 --- a/code/core/src/core-server/utils/StoryIndexGenerator.ts +++ b/code/core/src/core-server/utils/StoryIndexGenerator.ts @@ -617,7 +617,7 @@ export class StoryIndexGenerator { if (err && (err as { source: any }).source?.match(/mdast-util-mdx-jsx/g)) { logger.warn( `💡 This seems to be an MDX2 syntax error. Please refer to the MDX section in the following resource for assistance on how to fix this: ${picocolors.yellow( - 'https://storybook.js.org/docs/7/migration-guide?ref=error' + 'https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mdx2-upgrade' )}` ); } diff --git a/code/core/src/core-server/utils/warnWhenUsingArgTypesRegex.ts b/code/core/src/core-server/utils/warnWhenUsingArgTypesRegex.ts index 740720e49d9c..10f34e07eaba 100644 --- a/code/core/src/core-server/utils/warnWhenUsingArgTypesRegex.ts +++ b/code/core/src/core-server/utils/warnWhenUsingArgTypesRegex.ts @@ -44,7 +44,7 @@ export async function warnWhenUsingArgTypesRegex( )} and assigning explicit action with the ${picocolors.cyan( 'fn' )} function from ${picocolors.cyan('storybook/test')} instead: - https://storybook.js.org/docs/essentials/actions#via-storybooktest-fn-spy-function + https://storybook.js.org/docs/essentials/actions#via-storybooktest-fn-spies The build used by the addon for snapshot testing doesn't take the regex into account, which can cause hard to debug problems when a snapshot depends on the presence of action props. `; diff --git a/code/core/src/highlight/types.ts b/code/core/src/highlight/types.ts index 12f6a9f864f1..51f07aebcb16 100644 --- a/code/core/src/highlight/types.ts +++ b/code/core/src/highlight/types.ts @@ -11,7 +11,12 @@ export interface HighlightParameters { * @see https://storybook.js.org/docs/essentials/highlight#parameters */ highlight?: { - /** Remove the addon panel and disable the addon's behavior */ + /** + * Removes the tool and disables the feature's behavior. If you wish to turn off this feature + * for the entire Storybook, you can set the option in your `main.js|ts` configuration file. + * + * @see https://storybook.js.org/docs/essentials/highlight#disable + */ disable?: boolean; }; } diff --git a/code/core/src/manager/components/mobile/about/MobileAbout.tsx b/code/core/src/manager/components/mobile/about/MobileAbout.tsx index 8ef534e73ab8..0968d8c7c50e 100644 --- a/code/core/src/manager/components/mobile/about/MobileAbout.tsx +++ b/code/core/src/manager/components/mobile/about/MobileAbout.tsx @@ -61,7 +61,7 @@ export const MobileAbout: FC = () => { diff --git a/code/core/src/measure/types.ts b/code/core/src/measure/types.ts index ee6a46062a09..ab12ac3e25b9 100644 --- a/code/core/src/measure/types.ts +++ b/code/core/src/measure/types.ts @@ -5,7 +5,12 @@ export interface MeasureParameters { * @see https://storybook.js.org/docs/essentials/measure-and-outline#parameters */ measure?: { - /** Remove the addon panel and disable the addon's behavior */ + /** + * Removes the tool and disables the feature's behavior. If you wish to turn off this feature + * for the entire Storybook, you can set the option in your `main.js|ts` configuration file. + * + * @see https://storybook.js.org/docs/essentials/measure-and-outline#disable + */ disable?: boolean; }; } diff --git a/code/core/src/outline/types.ts b/code/core/src/outline/types.ts index 959fc653ea01..6702d5205d1f 100644 --- a/code/core/src/outline/types.ts +++ b/code/core/src/outline/types.ts @@ -5,7 +5,12 @@ export interface OutlineParameters { * @see https://storybook.js.org/docs/essentials/measure-and-outline#parameters */ outline?: { - /** Remove the addon panel and disable the addon's behavior */ + /** + * Removes the tool and disables the feature's behavior. If you wish to turn off this feature + * for the entire Storybook, you can set the option in your `main.js|ts` configuration file. + * + * @see https://storybook.js.org/docs/essentials/measure-and-outline#disable + */ disable?: boolean; }; } diff --git a/code/core/src/preview-api/modules/preview-web/parseArgsParam.ts b/code/core/src/preview-api/modules/preview-web/parseArgsParam.ts index bacf9f71b3ca..c6011e730621 100644 --- a/code/core/src/preview-api/modules/preview-web/parseArgsParam.ts +++ b/code/core/src/preview-api/modules/preview-web/parseArgsParam.ts @@ -114,7 +114,7 @@ export const parseArgsParam = (argsString: string): Args => { once.warn(dedent` Omitted potentially unsafe URL args. - More info: https://storybook.js.org/docs/writing-stories/args#setting-args-through-the-url?ref=error + More info: https://storybook.js.org/docs/writing-stories/args?ref=error#setting-args-through-the-url `); return acc; }, {} as Args); diff --git a/code/core/src/preview-errors.ts b/code/core/src/preview-errors.ts index a5418969d0bc..4fec858e2747 100644 --- a/code/core/src/preview-errors.ts +++ b/code/core/src/preview-errors.ts @@ -318,7 +318,8 @@ export class NextJsSharpError extends StorybookError { name: 'NextJsSharpError', category: Category.FRAMEWORK_NEXTJS, code: 1, - documentation: 'https://storybook.js.org/docs/get-started/nextjs#faq', + documentation: + 'https://storybook.js.org/docs/get-started/frameworks/nextjs#error-you-are-importing-avif-images-but-you-dont-have-sharp-installed-you-have-to-install-sharp-in-order-to-use-image-optimization-features-in-nextjs', message: dedent` You are importing avif images, but you don't have sharp installed. diff --git a/code/core/src/server-errors.ts b/code/core/src/server-errors.ts index 0e2edce795db..d163f611864d 100644 --- a/code/core/src/server-errors.ts +++ b/code/core/src/server-errors.ts @@ -309,7 +309,7 @@ export class GoogleFontsDownloadError extends StorybookError { category: Category.FRAMEWORK_NEXTJS, code: 1, documentation: - 'https://github.com/storybookjs/storybook/blob/next/code/frameworks/nextjs/README.md#nextjs-font-optimization', + 'https://storybook.js.org/docs/get-started/frameworks/nextjs#nextjs-font-optimization', message: dedent` Failed to fetch \`${data.fontFamily}\` from Google Fonts with URL: \`${data.url}\``, }); @@ -323,7 +323,7 @@ export class GoogleFontsLoadingError extends StorybookError { category: Category.FRAMEWORK_NEXTJS, code: 2, documentation: - 'https://github.com/storybookjs/storybook/blob/next/code/frameworks/nextjs/README.md#nextjs-font-optimization', + 'https://storybook.js.org/docs/get-started/frameworks/nextjs#nextjs-font-optimization', message: dedent` An error occurred when trying to load Google Fonts with URL \`${data.url}\`. @@ -374,12 +374,12 @@ export class MainFileMissingError extends StorybookError { const map = { storybook: { helperMessage: - 'You can pass a --config-dir flag to tell Storybook, where your main.js file is located at.', + 'You can pass a --config-dir flag to tell Storybook, where your main.js|ts file is located at.', documentation: 'https://storybook.js.org/docs/configure?ref=error', }, vitest: { helperMessage: - 'You can pass a configDir plugin option to tell where your main.js file is located at.', + 'You can pass a configDir plugin option to tell where your main.js|ts file is located at.', // TODO: add proper docs once available documentation: 'https://storybook.js.org/docs/configure?ref=error', }, @@ -392,7 +392,7 @@ export class MainFileMissingError extends StorybookError { documentation, message: dedent` No configuration files have been found in your configDir: ${picocolors.yellow(data.location)}. - Storybook needs a "main.js" file, please add it. + Storybook needs a "main.js|ts" file, please add it. ${helperMessage}`, }); @@ -489,7 +489,7 @@ export class AddonVitestPostinstallExistingSetupFileError extends StorybookError category: Category.CLI_INIT, isHandledError: true, code: 7, - documentation: `https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup`, + documentation: `https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup-advanced`, message: dedent` Found an existing Vitest setup file: ${data.filePath} Please refer to the documentation to complete the setup manually. @@ -505,7 +505,7 @@ export class AddonVitestPostinstallWorkspaceUpdateError extends StorybookError { category: Category.CLI_INIT, isHandledError: true, code: 8, - documentation: `https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup`, + documentation: `https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup-advanced`, message: dedent` Could not update existing Vitest workspace file: ${data.filePath} Please refer to the documentation to complete the setup manually. @@ -521,7 +521,7 @@ export class AddonVitestPostinstallConfigUpdateError extends StorybookError { category: Category.CLI_INIT, isHandledError: true, code: 9, - documentation: `https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup`, + documentation: `https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup-advanced`, message: dedent` Unable to update existing Vitest config file: ${data.filePath} Please refer to the documentation to complete the setup manually. diff --git a/code/core/src/viewport/types.ts b/code/core/src/viewport/types.ts index 2388b0949d9b..d53de5771d0c 100644 --- a/code/core/src/viewport/types.ts +++ b/code/core/src/viewport/types.ts @@ -35,10 +35,10 @@ export interface ViewportParameters { */ viewport?: { /** - * Remove the addon panel and disable the addon's behavior . If you wish to turn off this addon - * for the entire Storybook, you should do so when registering addon-essentials + * Removes the tool and disables the feature's behavior. If you wish to turn off this feature + * for the entire Storybook, you can set the option in your `main.js|ts` configuration file. * - * @see https://storybook.js.org/docs/essentials/index#disabling-addons + * @see https://storybook.js.org/docs/essentials/viewport#disable */ disable?: boolean; diff --git a/code/frameworks/angular/src/client/public-types.ts b/code/frameworks/angular/src/client/public-types.ts index 2c32a1b8ec52..953c11e30f3a 100644 --- a/code/frameworks/angular/src/client/public-types.ts +++ b/code/frameworks/angular/src/client/public-types.ts @@ -20,7 +20,7 @@ export type { AngularRenderer }; /** * Metadata to configure the stories for a component. * - * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export) + * @see [Default export](https://storybook.js.org/docs/api/csf#default-export) */ export type Meta = ComponentAnnotations< AngularRenderer, @@ -30,7 +30,7 @@ export type Meta = ComponentAnnotations< /** * Story function that represents a CSFv2 component example. * - * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports) + * @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports) */ export type StoryFn = AnnotatedStoryFn< AngularRenderer, @@ -40,7 +40,7 @@ export type StoryFn = AnnotatedStoryFn< /** * Story object that represents a CSFv3 component example. * - * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports) + * @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports) */ export type StoryObj = StoryAnnotations< AngularRenderer, diff --git a/code/frameworks/angular/template/stories/others/ngx-translate/README.mdx b/code/frameworks/angular/template/stories/others/ngx-translate/README.mdx index 5bb491b3a5ce..c011a4ab4cf6 100644 --- a/code/frameworks/angular/template/stories/others/ngx-translate/README.mdx +++ b/code/frameworks/angular/template/stories/others/ngx-translate/README.mdx @@ -9,7 +9,7 @@ import { Meta } from '@storybook/addon-docs/blocks'; There are several ways to configure ngx-translate in storybook which will depend on your context. Here is a simple example with a storybook decorator that you can place in the `preview.ts` or locally on the stories. -[See the doc on decorators](https://storybook.js.org/docs/angular/writing-stories/decorators) +[See the doc on decorators](https://storybook.js.org/docs/writing-stories/decorators?renderer=angular) ```ts import { HttpClient, HttpClientModule } from '@angular/common/http'; diff --git a/code/frameworks/html-vite/template/cli/ts/Header.stories.ts b/code/frameworks/html-vite/template/cli/ts/Header.stories.ts index ddd6f5d3a230..033bb1ef3a55 100644 --- a/code/frameworks/html-vite/template/cli/ts/Header.stories.ts +++ b/code/frameworks/html-vite/template/cli/ts/Header.stories.ts @@ -14,7 +14,6 @@ const meta = { // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout layout: 'fullscreen', }, - // More on argTypes: https://storybook.js.org/docs/api/argtypes args: { onLogin: fn(), onLogout: fn(), diff --git a/code/frameworks/nextjs-vite/README.md b/code/frameworks/nextjs-vite/README.md index 5c8d9577dd13..c7c4709a982f 100644 --- a/code/frameworks/nextjs-vite/README.md +++ b/code/frameworks/nextjs-vite/README.md @@ -1,6 +1,6 @@ # Storybook for Next.js with Vite Builder -See [documentation](https://storybook.js.org/docs/get-started/frameworks/nextjs?renderer=react&ref=readme) for installation instructions, usage examples, APIs, and more. +See [documentation](https://storybook.js.org/docs/get-started/frameworks/nextjs-vite?renderer=react&ref=readme) for installation instructions, usage examples, APIs, and more. ## Acknowledgements diff --git a/code/frameworks/nextjs-vite/src/types.ts b/code/frameworks/nextjs-vite/src/types.ts index cf5cb8e1a524..881e70c45510 100644 --- a/code/frameworks/nextjs-vite/src/types.ts +++ b/code/frameworks/nextjs-vite/src/types.ts @@ -43,7 +43,7 @@ export interface NextJsParameters { /** * Next.js framework configuration * - * @see https://storybook.js.org/docs/get-started/frameworks/nextjs + * @see https://storybook.js.org/docs/get-started/frameworks/nextjs-vite */ nextjs?: { /** diff --git a/code/frameworks/react-vite/src/types.ts b/code/frameworks/react-vite/src/types.ts index 7439f0210032..938139710843 100644 --- a/code/frameworks/react-vite/src/types.ts +++ b/code/frameworks/react-vite/src/types.ts @@ -45,7 +45,7 @@ type StorybookConfigFramework = { /** * Enable the experimental `.test` function in CSF Next * - * @see https://storybook.js.org/docs/10/api/main-config/main-config-features#experimentalTestSyntax + * @see https://storybook.js.org/docs/api/main-config/main-config-features#experimentaltestsyntax */ experimentalTestSyntax?: boolean; }; diff --git a/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.ts b/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.ts index e8dc4549e3d8..7875547dd878 100644 --- a/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.ts +++ b/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.ts @@ -24,7 +24,7 @@ interface EslintPluginRunOptions { */ export const eslintPlugin: Fix = { id: 'eslintPlugin', - link: 'https://storybook.js.org/docs/9/configure/integration/eslint-plugin', + link: 'https://storybook.js.org/docs/configure/integration/eslint-plugin', async check({ packageManager }) { const { diff --git a/code/lib/cli-storybook/src/automigrate/fixes/nextjs-to-nextjs-vite.ts b/code/lib/cli-storybook/src/automigrate/fixes/nextjs-to-nextjs-vite.ts index 033b9499f82d..e96dfc7b31df 100644 --- a/code/lib/cli-storybook/src/automigrate/fixes/nextjs-to-nextjs-vite.ts +++ b/code/lib/cli-storybook/src/automigrate/fixes/nextjs-to-nextjs-vite.ts @@ -139,7 +139,7 @@ export const nextjsToNextjsVite: Fix = { logger.step('Migration completed successfully!'); logger.log( - `For more information, see: https://storybook.js.org/docs/nextjs/get-started/nextjs-vite` + `For more information, see: https://storybook.js.org/docs/get-started/frameworks/nextjs-vite` ); }, }; diff --git a/code/lib/cli-storybook/src/codemod/csf-factories.ts b/code/lib/cli-storybook/src/codemod/csf-factories.ts index ec089e3f087c..98c244f70e0c 100644 --- a/code/lib/cli-storybook/src/codemod/csf-factories.ts +++ b/code/lib/cli-storybook/src/codemod/csf-factories.ts @@ -62,7 +62,7 @@ export const csfFactories: CommandFix = { However, we cannot broadly recommend it for all projects, because it might not work in some monorepo setups or if you have an outdated tsconfig, use custom paths, or have type alias plugins configured in your project. You can always rerun this codemod and select another option to update your code later. - More info: ${picocolors.yellow('https://storybook.js.org/docs/10/api/csf/csf-next#subpath-imports?ref=upgrade')} + More info: ${picocolors.yellow('https://storybook.js.org/docs/api/csf/csf-next?ref=upgrade#previewmeta')} `); useSubPathImports = await prompt.select({ @@ -117,7 +117,7 @@ export const csfFactories: CommandFix = { You can now run Storybook with the new CSF factories format. For more info, check out the docs: - ${picocolors.yellow('https://storybook.js.org/docs/10/api/csf/csf-next?ref=upgrade')} + ${picocolors.yellow('https://storybook.js.org/docs/api/csf/csf-next?ref=upgrade')} ` ); }, diff --git a/code/lib/cli-storybook/src/warn.ts b/code/lib/cli-storybook/src/warn.ts index 7de253963cef..ad8a16b43359 100644 --- a/code/lib/cli-storybook/src/warn.ts +++ b/code/lib/cli-storybook/src/warn.ts @@ -20,7 +20,7 @@ export const warn = async ({ hasTSDependency }: Options) => { ); logger.warn('Storybook will continue as though this is a JavaScript project.'); logger.info( - 'For more information, see: https://storybook.js.org/docs/configurations/typescript-config/' + 'For more information, see: https://storybook.js.org/docs/configure/integration/typescript' ); } } diff --git a/code/lib/create-storybook/src/commands/AddonConfigurationCommand.ts b/code/lib/create-storybook/src/commands/AddonConfigurationCommand.ts index fced261362fd..222710d0f186 100644 --- a/code/lib/create-storybook/src/commands/AddonConfigurationCommand.ts +++ b/code/lib/create-storybook/src/commands/AddonConfigurationCommand.ts @@ -10,7 +10,7 @@ import { TelemetryService } from '../services'; const ADDON_INSTALLATION_INSTRUCTIONS = { '@storybook/addon-vitest': - 'https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup', + 'https://storybook.js.org/docs/writing-tests/integrations/vitest-addon#manual-setup-advanced', } as { [key: string]: string }; type ExecuteAddonConfigurationParams = { diff --git a/code/renderers/react/src/entry-preview.tsx b/code/renderers/react/src/entry-preview.tsx index 897cb5199fe6..12012e6e8891 100644 --- a/code/renderers/react/src/entry-preview.tsx +++ b/code/renderers/react/src/entry-preview.tsx @@ -33,7 +33,7 @@ export const decorators: Decorator[] = [ // @ts-expect-error this feature flag only exists in the react frameworks if (context.tags?.includes('test-fn') && !global.FEATURES?.experimentalTestSyntax) { throw new Error( - 'To use the experimental test function, you must enable the experimentalTestSyntax feature flag. See https://storybook.js.org/docs/10/api/main-config/main-config-features#experimentalTestSyntax' + 'To use the experimental test function, you must enable the experimentalTestSyntax feature flag. See https://storybook.js.org/docs/api/main-config/main-config-features#experimentaltestsyntax' ); } return story();