Skip to content

fix: Convert source output from json to yaml#175

Merged
ricardozanini merged 1 commit into
serverlessworkflow:mainfrom
lornakelly:101/source-yaml-fix
Jun 10, 2026
Merged

fix: Convert source output from json to yaml#175
ricardozanini merged 1 commit into
serverlessworkflow:mainfrom
lornakelly:101/source-yaml-fix

Conversation

@lornakelly

@lornakelly lornakelly commented Jun 9, 2026

Copy link
Copy Markdown
Contributor

Contributes to: #101

Summary

Change JSON output under Source section of sidepanel to display yaml instead based on feedback as YAML is the first-class citizen in the spec.

Changes

  • Rename field JsonField > YamlField
  • Update classNames
  • Implement yaml.dump

See request: #168 (comment)

Copilot AI review requested due to automatic review settings June 9, 2026 12:00
@lornakelly lornakelly changed the title fixL Convert source output from json to yaml fix: Convert source output from json to yaml Jun 9, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

This PR updates the side panel “Source” rendering in the diagram editor from JSON to YAML, along with corresponding styling and test updates.

Changes:

  • Replace the Source block renderer from JsonField + JSON.stringify to YamlField + js-yaml serialization.
  • Rename sidebar CSS classes from *-json-* to *-yaml-*.
  • Update NodeDetailsView tests to assert YAML output and YAML-specific class names.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 6 comments.

File Description
packages/serverless-workflow-diagram-editor/tests/side-panel/NodeDetailsView.test.tsx Updates unit test expectations to use YAML output and YAML CSS selectors.
packages/serverless-workflow-diagram-editor/src/side-panel/SidePanel.css Renames JSON-related CSS selectors/comments to YAML equivalents.
packages/serverless-workflow-diagram-editor/src/side-panel/NodeDetailsView.tsx Switches Source serialization to YAML via js-yaml and swaps JsonField for YamlField.
packages/serverless-workflow-diagram-editor/src/side-panel/Fields.tsx Renames JsonField component to YamlField and updates class names/props accordingly.

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

Comment thread packages/serverless-workflow-diagram-editor/src/side-panel/SidePanel.css Outdated
@netlify

netlify Bot commented Jun 9, 2026

Copy link
Copy Markdown

Deploy Preview for swf-editor ready!

Name Link
🔨 Latest commit b37eae3
🔍 Latest deploy log https://app.netlify.com/projects/swf-editor/deploys/6a280365cd311b0008814096
😎 Deploy Preview https://deploy-preview-175--swf-editor.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Signed-off-by: lornakelly <lornakelly88@gmail.com>

@handreyrc handreyrc left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@lornakelly

LGTM, at the end it's just a change of content type.

Thanks

@lornakelly lornakelly requested a review from ricardozanini June 10, 2026 08:03
@lornakelly

Copy link
Copy Markdown
Contributor Author

@ricardozanini please merge when you get a chance

@ricardozanini ricardozanini merged commit 6074cb2 into serverlessworkflow:main Jun 10, 2026
12 checks passed
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.

6 participants