Skip to content

Commit

Permalink
Remove /<renderer> from URLs in CLI templates
Browse files Browse the repository at this point in the history
  • Loading branch information
kylegach committed Nov 28, 2023
1 parent 31247ba commit 1fb8d01
Show file tree
Hide file tree
Showing 66 changed files with 176 additions and 176 deletions.
4 changes: 2 additions & 2 deletions code/frameworks/angular/template/cli/Button.stories.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import type { Meta, StoryObj } from '@storybook/angular';
import Button from './button.component';

// More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories/introduction
const meta: Meta<Button> = {
title: 'Example/Button',
component: Button,
Expand All @@ -22,7 +22,7 @@ const meta: Meta<Button> = {
export default meta;
type Story = StoryObj<Button>;

// More on writing stories with args: https://storybook.js.org/docs/angular/writing-stories/args
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
export const Primary: Story = {
args: {
primary: true,
Expand Down
4 changes: 2 additions & 2 deletions code/frameworks/angular/template/cli/Header.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import Header from './header.component';
const meta: Meta<Header> = {
title: 'Example/Header',
component: Header,
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/angular/writing-docs/autodocs
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
tags: ['autodocs'],
render: (args) => ({ props: args }),
decorators: [
Expand All @@ -18,7 +18,7 @@ const meta: Meta<Header> = {
}),
],
parameters: {
// More on how to position stories at: https://storybook.js.org/docs/angular/configure/story-layout
// More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
layout: 'fullscreen',
},
};
Expand Down
4 changes: 2 additions & 2 deletions code/frameworks/angular/template/cli/Page.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const meta: Meta<Page> = {
title: 'Example/Page',
component: Page,
parameters: {
// More on how to position stories at: https://storybook.js.org/docs/angular/configure/story-layout
// More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
layout: 'fullscreen',
},
decorators: [
Expand All @@ -31,7 +31,7 @@ export const LoggedOut: Story = {
}),
};

// More on interaction testing: https://storybook.js.org/docs/angular/writing-tests/interaction-testing
// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
export const LoggedIn: Story = {
render: (args: Page) => ({
props: args,
Expand Down
6 changes: 3 additions & 3 deletions code/frameworks/ember/template/cli/Button.stories.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { hbs } from 'ember-cli-htmlbars';
import { action } from '@storybook/addon-actions';
import { linkTo } from '@storybook/addon-links';

// More on how to set up stories at: https://storybook.js.org/docs/ember/writing-stories/introduction
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
export default {
title: 'Example/Button',
render: (args) => ({
Expand All @@ -12,11 +12,11 @@ export default {
argTypes: {
label: { control: 'text' },
},
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
tags: ['autodocs'],
};

// More on writing stories with args: https://storybook.js.org/docs/ember/writing-stories/args
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
export const Text = {
args: {
label: 'Button',
Expand Down
10 changes: 5 additions & 5 deletions code/frameworks/nextjs/template/cli/js/Button.stories.js
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
import { Button } from './Button';

// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories/introduction#default-export
export default {
title: 'Example/Button',
component: Button,
parameters: {
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
layout: 'centered',
},
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
tags: ['autodocs'],
// More on argTypes: https://storybook.js.org/docs/react/api/argtypes
// More on argTypes: https://storybook.js.org/docs/api/argtypes
argTypes: {
backgroundColor: { control: 'color' },
},
};

// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
export const Primary = {
args: {
primary: true,
Expand Down
18 changes: 9 additions & 9 deletions code/frameworks/nextjs/template/cli/js/Configure.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Add styling and CSS</h4>
<p className="sb-section-item-paragraph">Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
<a
href="https://storybook.js.org/docs/react/configure/styling-and-css"
href="https://storybook.js.org/docs/configure/styling-and-css"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -67,7 +67,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Provide context and mocking</h4>
<p className="sb-section-item-paragraph">Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.</p>
<a
href="https://storybook.js.org/docs/react/writing-stories/decorators#context-for-mocking"
href="https://storybook.js.org/docs/writing-stories/decorators#context-for-mocking"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -85,7 +85,7 @@ export const RightArrow = () => <svg
`staticDirs` configuration option to specify folders to load when
starting Storybook.</p>
<a
href="https://storybook.js.org/docs/react/configure/images-and-assets"
href="https://storybook.js.org/docs/configure/images-and-assets"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand Down Expand Up @@ -113,7 +113,7 @@ export const RightArrow = () => <svg
<p className="sb-section-item-paragraph">Auto-generate living,
interactive reference documentation from your components and stories.</p>
<a
href="https://storybook.js.org/docs/react/writing-docs/autodocs"
href="https://storybook.js.org/docs/writing-docs/autodocs"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -128,7 +128,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Publish to Chromatic</h4>
<p className="sb-section-item-paragraph">Publish your Storybook to review and collaborate with your entire team.</p>
<a
href="https://storybook.js.org/docs/react/sharing/publish-storybook#publish-storybook-with-chromatic"
href="https://storybook.js.org/docs/sharing/publish-storybook#publish-storybook-with-chromatic"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -144,7 +144,7 @@ export const RightArrow = () => <svg
<p className="sb-section-item-paragraph">Embed your stories into Figma to cross-reference the design and live
implementation in one place.</p>
<a
href="https://storybook.js.org/docs/react/sharing/design-integrations#embed-storybook-in-figma-with-the-plugin"
href="https://storybook.js.org/docs/sharing/design-integrations#embed-storybook-in-figma-with-the-plugin"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -160,7 +160,7 @@ export const RightArrow = () => <svg
<p className="sb-section-item-paragraph">Use stories to test a component in all its variations, no matter how
complex.</p>
<a
href="https://storybook.js.org/docs/react/writing-tests/introduction"
href="https://storybook.js.org/docs/writing-tests/introduction"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -175,7 +175,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Accessibility</h4>
<p className="sb-section-item-paragraph">Automatically test your components for a11y issues as you develop.</p>
<a
href="https://storybook.js.org/docs/react/writing-tests/accessibility-testing"
href="https://storybook.js.org/docs/writing-tests/accessibility-testing"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -190,7 +190,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Theming</h4>
<p className="sb-section-item-paragraph">Theme Storybook's UI to personalize it to your project.</p>
<a
href="https://storybook.js.org/docs/react/configure/theming"
href="https://storybook.js.org/docs/configure/theming"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand Down
4 changes: 2 additions & 2 deletions code/frameworks/nextjs/template/cli/js/Header.stories.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,10 @@ import { Header } from './Header';
export default {
title: 'Example/Header',
component: Header,
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
tags: ['autodocs'],
parameters: {
// More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
// More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
layout: 'fullscreen',
},
};
Expand Down
4 changes: 2 additions & 2 deletions code/frameworks/nextjs/template/cli/js/Page.stories.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,14 @@ export default {
title: 'Example/Page',
component: Page,
parameters: {
// More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
// More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
layout: 'fullscreen',
},
};

export const LoggedOut = {};

// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
export const LoggedIn = {
play: async ({ canvasElement }) => {
const canvas = within(canvasElement);
Expand Down
10 changes: 5 additions & 5 deletions code/frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,17 @@ import type { Meta, StoryObj } from '@storybook/react';

import { Button } from './Button';

// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories/introduction#default-export
const meta: Meta<typeof Button> = {
title: 'Example/Button',
component: Button,
parameters: {
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
layout: 'centered',
},
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
tags: ['autodocs'],
// More on argTypes: https://storybook.js.org/docs/react/api/argtypes
// More on argTypes: https://storybook.js.org/docs/api/argtypes
argTypes: {
backgroundColor: { control: 'color' },
},
Expand All @@ -21,7 +21,7 @@ const meta: Meta<typeof Button> = {
export default meta;
type Story = StoryObj<typeof Button>;

// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
export const Primary: Story = {
args: {
primary: true,
Expand Down
18 changes: 9 additions & 9 deletions code/frameworks/nextjs/template/cli/ts-3-8/Configure.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Add styling and CSS</h4>
<p className="sb-section-item-paragraph">Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
<a
href="https://storybook.js.org/docs/react/configure/styling-and-css"
href="https://storybook.js.org/docs/configure/styling-and-css"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -67,7 +67,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Provide context and mocking</h4>
<p className="sb-section-item-paragraph">Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.</p>
<a
href="https://storybook.js.org/docs/react/writing-stories/decorators#context-for-mocking"
href="https://storybook.js.org/docs/writing-stories/decorators#context-for-mocking"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -85,7 +85,7 @@ export const RightArrow = () => <svg
`staticDirs` configuration option to specify folders to load when
starting Storybook.</p>
<a
href="https://storybook.js.org/docs/react/configure/images-and-assets"
href="https://storybook.js.org/docs/configure/images-and-assets"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand Down Expand Up @@ -113,7 +113,7 @@ export const RightArrow = () => <svg
<p className="sb-section-item-paragraph">Auto-generate living,
interactive reference documentation from your components and stories.</p>
<a
href="https://storybook.js.org/docs/react/writing-docs/autodocs"
href="https://storybook.js.org/docs/writing-docs/autodocs"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -128,7 +128,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Publish to Chromatic</h4>
<p className="sb-section-item-paragraph">Publish your Storybook to review and collaborate with your entire team.</p>
<a
href="https://storybook.js.org/docs/react/sharing/publish-storybook#publish-storybook-with-chromatic"
href="https://storybook.js.org/docs/sharing/publish-storybook#publish-storybook-with-chromatic"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -144,7 +144,7 @@ export const RightArrow = () => <svg
<p className="sb-section-item-paragraph">Embed your stories into Figma to cross-reference the design and live
implementation in one place.</p>
<a
href="https://storybook.js.org/docs/react/sharing/design-integrations#embed-storybook-in-figma-with-the-plugin"
href="https://storybook.js.org/docs/sharing/design-integrations#embed-storybook-in-figma-with-the-plugin"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -160,7 +160,7 @@ export const RightArrow = () => <svg
<p className="sb-section-item-paragraph">Use stories to test a component in all its variations, no matter how
complex.</p>
<a
href="https://storybook.js.org/docs/react/writing-tests/introduction"
href="https://storybook.js.org/docs/writing-tests/introduction"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -175,7 +175,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Accessibility</h4>
<p className="sb-section-item-paragraph">Automatically test your components for a11y issues as you develop.</p>
<a
href="https://storybook.js.org/docs/react/writing-tests/accessibility-testing"
href="https://storybook.js.org/docs/writing-tests/accessibility-testing"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand All @@ -190,7 +190,7 @@ export const RightArrow = () => <svg
<h4 className="sb-section-item-heading">Theming</h4>
<p className="sb-section-item-paragraph">Theme Storybook's UI to personalize it to your project.</p>
<a
href="https://storybook.js.org/docs/react/configure/theming"
href="https://storybook.js.org/docs/configure/theming"
target="_blank"
>Learn more<RightArrow /></a>
</div>
Expand Down
4 changes: 2 additions & 2 deletions code/frameworks/nextjs/template/cli/ts-3-8/Header.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,10 @@ import { Header } from './Header';
const meta: Meta<typeof Header> = {
title: 'Example/Header',
component: Header,
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
tags: ['autodocs'],
parameters: {
// More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
// More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
layout: 'fullscreen',
},
};
Expand Down
4 changes: 2 additions & 2 deletions code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ const meta: Meta<typeof Page> = {
title: 'Example/Page',
component: Page,
parameters: {
// More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
// More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
layout: 'fullscreen',
},
};
Expand All @@ -17,7 +17,7 @@ type Story = StoryObj<typeof Page>;

export const LoggedOut: Story = {};

// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
export const LoggedIn: Story = {
play: async ({ canvasElement }) => {
const canvas = within(canvasElement);
Expand Down
10 changes: 5 additions & 5 deletions code/frameworks/nextjs/template/cli/ts-4-9/Button.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,17 @@ import type { Meta, StoryObj } from '@storybook/react';

import { Button } from './Button';

// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories/introduction#default-export
const meta = {
title: 'Example/Button',
component: Button,
parameters: {
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
layout: 'centered',
},
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
tags: ['autodocs'],
// More on argTypes: https://storybook.js.org/docs/react/api/argtypes
// More on argTypes: https://storybook.js.org/docs/api/argtypes
argTypes: {
backgroundColor: { control: 'color' },
},
Expand All @@ -21,7 +21,7 @@ const meta = {
export default meta;
type Story = StoryObj<typeof meta>;

// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
export const Primary: Story = {
args: {
primary: true,
Expand Down
Loading

0 comments on commit 1fb8d01

Please sign in to comment.