[BEAM-13112] [Playground] HUGO/Beam Website Integration

• Type: New Feature
• Status: Resolved
• Priority: P3
• Resolution: Done
• Fix Version/s: Missing
• Component/s: beam-playground
• Labels: beam-playground-frontend beam-playground-sprint-3 beam-playground-sprint-4
• Assignee: Aydar Farrakhov
• Reporter: Artur Khanin
• Created: 26/Oct/21 11:57
• Updated: 13/Jan/22 21:49
• Resolved: 07/Dec/21 15:04

Description

As a Beam Playground user, I want to access the Beam Playground application from the Apache Beam website.

Acceptance criteria:

1. The Beam Playground application can be accessed from the navigation bar of the Apache Beam website.
2. The Beam Playground application has a corresponding web address: `beam.apache.org/playground`.
3. The Beam Playground iframe is implemented.
4. The Beam Playground iframe shows the chosen example and redirects to Beam Playground with this example.

Issue Links

• links to: GitHub Pull Request #15924

Sub-Tasks

• [Playground] Create structure for embedded version of the code editor: Resolved
• [Playground] Embedded page - add theme switcher button: Resolved
• [Playground] Embedded page - add copy source code button: Resolved
• [Playground] Embedded page - add Try in Playground button: Resolved
• [Playground] Embedded page - load selected example: Resolved
• [Playground] Load selected example after clicking on Try in Playground on the main page: Resolved
• [Playground] Integrate embedded page to examples inside https://beam.apache.org/: Resolved