Skip to content

Commit

Permalink
fix(templates+docs) Make Storybook links link to correct versions (#1…
Browse files Browse the repository at this point in the history 
…1892)
  • Loading branch information
@Philzen
Philzen authored Jan 15, 2025
1 parent 75b6840 commit 01f0786
Show file tree
Hide file tree
Showing 35 changed files with 68 additions and 68 deletions.
2 changes: 1 addition & 1 deletion __fixtures__/fragment-test-project/web/src/components/Author/Author.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
// }
// ```
//
// See https://storybook.js.org/docs/react/writing-stories/args.
// See https://storybook.js.org/docs/7/writing-stories/args

import type { Meta, StoryObj } from '@storybook/react'

Expand Down
2 changes: 1 addition & 1 deletion __fixtures__/fragment-test-project/web/src/components/BlogPost/BlogPost.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
// }
// ```
//
// See https://storybook.js.org/docs/react/writing-stories/args.
// See https://storybook.js.org/docs/7/writing-stories/args

import type { Meta, StoryObj } from '@storybook/react'

Expand Down
2 changes: 1 addition & 1 deletion __fixtures__/test-project/web/src/components/Author/Author.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
// }
// ```
//
// See https://storybook.js.org/docs/react/writing-stories/args.
// See https://storybook.js.org/docs/7/writing-stories/args

import type { Meta, StoryObj } from '@storybook/react'

Expand Down
2 changes: 1 addition & 1 deletion __fixtures__/test-project/web/src/components/BlogPost/BlogPost.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
// }
// ```
//
// See https://storybook.js.org/docs/react/writing-stories/args.
// See https://storybook.js.org/docs/7/writing-stories/args

import type { Meta, StoryObj } from '@storybook/react'

Expand Down
2 changes: 1 addition & 1 deletion docs/docs/cli-commands.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2126,7 +2126,7 @@ Starts Storybook locally
yarn redwood storybook
```
[Storybook](https://storybook.js.org/docs/react/get-started/introduction) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
[Storybook](https://storybook.js.org/docs/6/get-started/install) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
> "Props in, views out! Make it simple to reason about."
Expand Down
2 changes: 1 addition & 1 deletion docs/docs/storybook.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,4 +50,4 @@ If you've been using Storybook for a while, you might need to take some manual s

If you don't have any custom [Storybook configuration](https://redwoodjs.com/docs/7.x/storybook/#configuring-storybook), you should be good to go - no changes needed. The Out of Box experience should be the same, and please [let us know](https://github.com/redwoodjs/redwood/issues/new?assignees=&labels=bug%2Fneeds-info&projects=&template=bug-report.yml&title=%5BBug%5D%3A+) if you run into any issues.

If you do have custom Storybook configuration, then you'll need to manually migrate it over to the new files. For example, if you've got any global decorators, you can now just follow the official Storybook docs on that: https://storybook.js.org/docs/writing-stories/decorators#global-decorators
If you do have custom Storybook configuration, then you'll need to manually migrate it over to the new files. For example, if you've got any global decorators, you can now just follow the official Storybook docs on that: https://storybook.js.org/docs/7/writing-stories/decorators#global-decorators
2 changes: 1 addition & 1 deletion docs/versioned_docs/version-1.x/cli-commands.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1823,7 +1823,7 @@ Starts Storybook locally
yarn redwood storybook
```
[Storybook](https://storybook.js.org/docs/react/get-started/introduction) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
[Storybook](https://storybook.js.org/docs/6/get-started/install) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
> "Props in, views out! Make it simple to reason about."
Expand Down
8 changes: 4 additions & 4 deletions docs/versioned_docs/version-1.x/storybook.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ All of these files get merged with Redwood's default configurations, which you c

> Since `storybook.config.js` configures Storybook's server, note that any changes you make require restarting Storybook.
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project) in `storybook.config.js`, you'll probably only want to configure `addons`:
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/6/configure) in `storybook.config.js`, you'll probably only want to configure `addons`:

```javascript title="web/config/storybook.config.js"
module.exports = {
Expand Down Expand Up @@ -77,7 +77,7 @@ export const decorators = [
]
```

For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/react/configure/overview#configure-story-rendering).
For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/6/configure#configure-story-rendering).

### Configuring the UI with `storybook.manager.js`

Expand All @@ -88,7 +88,7 @@ For more, see the Storybook docs on [configuring how stories render](https://sto
> yarn rw storybook --no-manager-cache
> ```
You can [theme Storybook's UI](https://storybook.js.org/docs/react/configure/theming) by installing two packages and making a few changes to Redwood's initial configuration.
You can [theme Storybook's UI](https://storybook.js.org/docs/6/configure/user-interface/theming) by installing two packages and making a few changes to Redwood's initial configuration.
From the root of your RedwoodJS project:
Expand All @@ -107,4 +107,4 @@ addons.setConfig({
})
```

Check out [Storybook's theming quickstart](https://storybook.js.org/docs/react/configure/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/react/configure/theming#theming-docs).
Check out [Storybook's theming quickstart](https://storybook.js.org/docs/6/configure/user-interface/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/6/configure/user-interface/theming#theming-docs).
2 changes: 1 addition & 1 deletion docs/versioned_docs/version-2.x/cli-commands.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1842,7 +1842,7 @@ Starts Storybook locally
yarn redwood storybook
```
[Storybook](https://storybook.js.org/docs/react/get-started/introduction) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
[Storybook](https://storybook.js.org/docs/6/get-started/install) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
> "Props in, views out! Make it simple to reason about."
Expand Down
8 changes: 4 additions & 4 deletions docs/versioned_docs/version-2.x/storybook.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ All of these files get merged with Redwood's default configurations, which you c

> Since `storybook.config.js` configures Storybook's server, note that any changes you make require restarting Storybook.
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project) in `storybook.config.js`, you'll probably only want to configure `addons`:
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/6/configure) in `storybook.config.js`, you'll probably only want to configure `addons`:

```javascript title="web/config/storybook.config.js"
module.exports = {
Expand Down Expand Up @@ -77,7 +77,7 @@ export const decorators = [
]
```

For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/react/configure/overview#configure-story-rendering).
For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/6/configure#configure-story-rendering).

### Configuring the UI with `storybook.manager.js`

Expand All @@ -88,7 +88,7 @@ For more, see the Storybook docs on [configuring how stories render](https://sto
> yarn rw storybook --no-manager-cache
> ```
You can [theme Storybook's UI](https://storybook.js.org/docs/react/configure/theming) by installing two packages and making a few changes to Redwood's initial configuration.
You can [theme Storybook's UI](https://storybook.js.org/docs/6/configure/user-interface/theming) by installing two packages and making a few changes to Redwood's initial configuration.
From the root of your RedwoodJS project:
Expand All @@ -107,4 +107,4 @@ addons.setConfig({
})
```

Check out [Storybook's theming quickstart](https://storybook.js.org/docs/react/configure/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/react/configure/theming#theming-docs).
Check out [Storybook's theming quickstart](https://storybook.js.org/docs/6/configure/user-interface/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/6/configure/user-interface/theming#theming-docs).
2 changes: 1 addition & 1 deletion docs/versioned_docs/version-3.x/cli-commands.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1910,7 +1910,7 @@ Starts Storybook locally
yarn redwood storybook
```
[Storybook](https://storybook.js.org/docs/react/get-started/introduction) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
[Storybook](https://storybook.js.org/docs/6/get-started/install) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
> "Props in, views out! Make it simple to reason about."
Expand Down
8 changes: 4 additions & 4 deletions docs/versioned_docs/version-3.x/storybook.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ All of these files get merged with Redwood's default configurations, which you c

> Since `storybook.config.js` configures Storybook's server, note that any changes you make require restarting Storybook.
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project) in `storybook.config.js`, you'll probably only want to configure `addons`:
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/6/configure) in `storybook.config.js`, you'll probably only want to configure `addons`:

```javascript title="web/config/storybook.config.js"
module.exports = {
Expand Down Expand Up @@ -77,7 +77,7 @@ export const decorators = [
]
```

For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/react/configure/overview#configure-story-rendering).
For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/6/configure#configure-story-rendering).

### Configuring the UI with `storybook.manager.js`

Expand All @@ -88,7 +88,7 @@ For more, see the Storybook docs on [configuring how stories render](https://sto
> yarn rw storybook --no-manager-cache
> ```
You can [theme Storybook's UI](https://storybook.js.org/docs/react/configure/theming) by installing two packages and making a few changes to Redwood's initial configuration.
You can [theme Storybook's UI](https://storybook.js.org/docs/6/configure/user-interface/theming) by installing two packages and making a few changes to Redwood's initial configuration.
From the root of your RedwoodJS project:
Expand All @@ -107,4 +107,4 @@ addons.setConfig({
})
```

Check out [Storybook's theming quickstart](https://storybook.js.org/docs/react/configure/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/react/configure/theming#theming-docs).
Check out [Storybook's theming quickstart](https://storybook.js.org/docs/6/configure/user-interface/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/6/configure/user-interface/theming#theming-docs).
2 changes: 1 addition & 1 deletion docs/versioned_docs/version-4.x/cli-commands.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1910,7 +1910,7 @@ Starts Storybook locally
yarn redwood storybook
```
[Storybook](https://storybook.js.org/docs/react/get-started/introduction) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
[Storybook](https://storybook.js.org/docs/6/get-started/install) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
> "Props in, views out! Make it simple to reason about."
Expand Down
8 changes: 4 additions & 4 deletions docs/versioned_docs/version-4.x/storybook.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ All of these files get merged with Redwood's default configurations, which you c

> Since `storybook.config.js` configures Storybook's server, note that any changes you make require restarting Storybook.
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project) in `storybook.config.js`, you'll probably only want to configure `addons`:
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/6/configure) in `storybook.config.js`, you'll probably only want to configure `addons`:

```javascript title="web/config/storybook.config.js"
module.exports = {
Expand Down Expand Up @@ -77,7 +77,7 @@ export const decorators = [
]
```

For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/react/configure/overview#configure-story-rendering).
For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/6/configure#configure-story-rendering).

### Configuring the UI with `storybook.manager.js`

Expand All @@ -88,7 +88,7 @@ For more, see the Storybook docs on [configuring how stories render](https://sto
> yarn rw storybook --no-manager-cache
> ```
You can [theme Storybook's UI](https://storybook.js.org/docs/react/configure/theming) by installing two packages and making a few changes to Redwood's initial configuration.
You can [theme Storybook's UI](https://storybook.js.org/docs/6/configure/user-interface/theming) by installing two packages and making a few changes to Redwood's initial configuration.
From the root of your RedwoodJS project:
Expand All @@ -107,4 +107,4 @@ addons.setConfig({
})
```

Check out [Storybook's theming quickstart](https://storybook.js.org/docs/react/configure/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/react/configure/theming#theming-docs).
Check out [Storybook's theming quickstart](https://storybook.js.org/docs/6/configure/user-interface/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/6/configure/user-interface/theming#theming-docs).
2 changes: 1 addition & 1 deletion docs/versioned_docs/version-5.x/cli-commands.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1930,7 +1930,7 @@ Starts Storybook locally
yarn redwood storybook
```
[Storybook](https://storybook.js.org/docs/react/get-started/introduction) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
[Storybook](https://storybook.js.org/docs/6/get-started/install) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
> "Props in, views out! Make it simple to reason about."
Expand Down
8 changes: 4 additions & 4 deletions docs/versioned_docs/version-5.x/storybook.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ All of these files get merged with Redwood's default configurations, which you c

> Since `storybook.config.js` configures Storybook's server, note that any changes you make require restarting Storybook.
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project) in `storybook.config.js`, you'll probably only want to configure `addons`:
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/6/configure) in `storybook.config.js`, you'll probably only want to configure `addons`:

```javascript title="web/config/storybook.config.js"
module.exports = {
Expand Down Expand Up @@ -77,7 +77,7 @@ export const decorators = [
]
```

For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/react/configure/overview#configure-story-rendering).
For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/6/configure#configure-story-rendering).

### Configuring the UI with `storybook.manager.js`

Expand All @@ -88,7 +88,7 @@ For more, see the Storybook docs on [configuring how stories render](https://sto
> yarn rw storybook --no-manager-cache
> ```
You can [theme Storybook's UI](https://storybook.js.org/docs/react/configure/theming) by installing two packages and making a few changes to Redwood's initial configuration.
You can [theme Storybook's UI](https://storybook.js.org/docs/6/configure/user-interface/theming) by installing two packages and making a few changes to Redwood's initial configuration.
From the root of your RedwoodJS project:
Expand All @@ -107,4 +107,4 @@ addons.setConfig({
})
```

Check out [Storybook's theming quickstart](https://storybook.js.org/docs/react/configure/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/react/configure/theming#theming-docs).
Check out [Storybook's theming quickstart](https://storybook.js.org/docs/6/configure/user-interface/theming#create-a-theme-quickstart) for a guide on creating your own theme. You may also want to export your theme to [re-use it with Storybook Docs](https://storybook.js.org/docs/6/configure/user-interface/theming#theming-docs).
2 changes: 1 addition & 1 deletion docs/versioned_docs/version-6.x/cli-commands.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1982,7 +1982,7 @@ Starts Storybook locally
yarn redwood storybook
```
[Storybook](https://storybook.js.org/docs/react/get-started/introduction) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
[Storybook](https://storybook.js.org/docs/6/get-started/install) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
> "Props in, views out! Make it simple to reason about."
Expand Down
4 changes: 2 additions & 2 deletions docs/versioned_docs/version-6.x/storybook.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ Since `storybook.config.js` configures Storybook's server, changes you make may

:::

While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project) in `storybook.config.js`, you'll probably only want to configure `addons`:
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/6/configure) in `storybook.config.js`, you'll probably only want to configure `addons`:

```javascript title="web/config/storybook.config.js"
module.exports = {
Expand Down Expand Up @@ -82,4 +82,4 @@ export const decorators = [
]
```

For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/react/configure/overview#configure-story-rendering).
For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/6/configure#configure-story-rendering).
2 changes: 1 addition & 1 deletion docs/versioned_docs/version-7.x/cli-commands.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2105,7 +2105,7 @@ Starts Storybook locally
yarn redwood storybook
```
[Storybook](https://storybook.js.org/docs/react/get-started/introduction) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
[Storybook](https://storybook.js.org/docs/7/get-started/install) is a tool for UI development that allows you to develop your components in isolation, away from all the conflated cruft of your real app.
> "Props in, views out! Make it simple to reason about."
Expand Down
4 changes: 2 additions & 2 deletions docs/versioned_docs/version-7.x/storybook.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ Since `storybook.config.js` configures Storybook's server, changes you make may

:::

While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project) in `storybook.config.js`, you'll probably only want to configure `addons`:
While you can configure [any of Storybook server's available options](https://storybook.js.org/docs/7/configure) in `storybook.config.js`, you'll probably only want to configure `addons`:

```javascript title="web/config/storybook.config.js"
module.exports = {
Expand Down Expand Up @@ -82,4 +82,4 @@ export const decorators = [
]
```

For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/react/configure/overview#configure-story-rendering).
For more, see the Storybook docs on [configuring how stories render](https://storybook.js.org/docs/7/configure#configure-story-rendering).
Loading

0 comments on commit 01f0786

Please sign in to comment.