Uploaded image for project: 'Hybrid Cloud Console'
  1. Hybrid Cloud Console
  2. RHCLOUD-42723

Connect the YAML editor to the live card preview component

XMLWordPrintable

    • Icon: Story Story
    • Resolution: Unresolved
    • Icon: Normal Normal
    • None
    • None
    • None
    • False
    • Hide

      None

      Show
      None
    • False
    • None
    • Unset
    • None

      As a content creator, I want the live card preview to automatically render and update based on the YAML I enter in the editor so that I can get immediate visual feedback on my changes.

      This is the core integration task. The content from the YAML editor needs to be parsed and, if valid, passed as props to the existing Live card preview component. To optimize performance, the update logic should be debounced to avoid re-rendering on every keystroke.

      Acceptance Criteria:

      • In "Creator" mode, the Live card preview component is displayed alongside the YAML editor.
      • As the user modifies the content in the YAML editor, the preview card updates automatically to reflect the changes.
      • The update is triggered shortly after the user stops typing (e.g., within 300-500ms).
      • If the YAML is invalid or incomplete, the preview card shows a default/empty state without crashing the application.

              Unassigned Unassigned
              rh-ee-ajetmar Adam Jetmar
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated: