Skip to content

Refactor Storybook structure and remove boilerplate code#151

Open
cheryl7114 wants to merge 4 commits into
serverlessworkflow:mainfrom
cheryl7114:storybook-styling-127
Open

Refactor Storybook structure and remove boilerplate code#151
cheryl7114 wants to merge 4 commits into
serverlessworkflow:mainfrom
cheryl7114:storybook-styling-127

Conversation

@cheryl7114
Copy link
Copy Markdown

No description provided.

Cheryl Kong added 2 commits May 19, 2026 10:21
Signed-off-by: Cheryl Kong <cherylkong50@gmail.com>
Signed-off-by: Cheryl Kong <cherylkong50@gmail.com>
Copilot AI review requested due to automatic review settings May 19, 2026 10:02
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR streamlines the serverless-workflow-diagram-editor package’s Storybook setup by removing the default Storybook “Example” boilerplate components/docs and aligning the remaining stories under a Features/* hierarchy with corrected source import paths.

Changes:

  • Removed Storybook starter boilerplate (Button/Header/Page components, CSS, and Configure docs MDX).
  • Reorganized remaining stories under Features/* titles for clearer navigation.
  • Fixed story imports to reference the package src/ from the stories/features/ directory (e.g., ../../src/...).

Reviewed changes

Copilot reviewed 15 out of 15 changed files in this pull request and generated no comments.

Show a summary per file
File Description
packages/serverless-workflow-diagram-editor/stories/Page.tsx Removed Storybook starter “Page” boilerplate component.
packages/serverless-workflow-diagram-editor/stories/Page.stories.ts Removed Storybook starter “Page” story (incl. interaction test).
packages/serverless-workflow-diagram-editor/stories/page.css Removed CSS used only by the deleted starter “Page”.
packages/serverless-workflow-diagram-editor/stories/Header.tsx Removed Storybook starter “Header” boilerplate component.
packages/serverless-workflow-diagram-editor/stories/Header.stories.ts Removed Storybook starter “Header” story.
packages/serverless-workflow-diagram-editor/stories/header.css Removed CSS used only by the deleted starter “Header”.
packages/serverless-workflow-diagram-editor/stories/Configure.mdx Removed Storybook starter Configure docs page.
packages/serverless-workflow-diagram-editor/stories/Button.tsx Removed Storybook starter “Button” boilerplate component.
packages/serverless-workflow-diagram-editor/stories/Button.stories.ts Removed Storybook starter “Button” story.
packages/serverless-workflow-diagram-editor/stories/button.css Removed CSS used only by the deleted starter “Button”.
packages/serverless-workflow-diagram-editor/stories/features/ErrorPage.stories.tsx Updated imports to ../../src/... and renamed story title to Features/ErrorPage.
packages/serverless-workflow-diagram-editor/stories/features/DiagramEditorDragNDrop.tsx Updated import path to ../../src/diagram-editor/DiagramEditor.
packages/serverless-workflow-diagram-editor/stories/features/DiagramEditorDragNDrop.stories.ts Renamed story title to Features/Diagram-Editor-Drag-N-Drop.
packages/serverless-workflow-diagram-editor/stories/features/DiagramEditor.tsx Updated import path to ../../src/diagram-editor/DiagramEditor.
packages/serverless-workflow-diagram-editor/stories/features/DiagramEditor.stories.ts Renamed story title to Features/Diagram-Editor.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Cheryl Kong added 2 commits May 19, 2026 11:15
Signed-off-by: Cheryl Kong <cherylkong50@gmail.com>
Signed-off-by: Cheryl Kong <cherylkong50@gmail.com>
Copilot AI review requested due to automatic review settings May 21, 2026 15:07
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 19 out of 19 changed files in this pull request and generated 1 comment.

import { render, screen } from "@testing-library/react";
import { composeStories } from "@storybook/react-vite";
import * as stories from "../../stories/DiagramEditor.stories";
import * as stories from "../../stories/features/DiagramEditor.stories";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants