Tech discovery/planning: ADR prep for Editor-Projects integration

[MFarringtonRPF]

Design documentation: https://www.figma.com/file/SrINjD1MCT6VWYf1Yc9fV1/Code-Editor---Designs?type=design&node-id=3655-9504&mode=design&t=Ez5YV8GFypuQ2v5y-0

[sra405]

Initial spike - https://github.com/RaspberryPiFoundation/editor-ui/pull/651

[sra405]

Initial tech discussion and potential blockers to explore here

[create-issue-branch[bot]]

Branch issues/640-Tech_discovery/planning_ADR_for_Editor-Projects_integration created!

[sra405]

Key takeaways to be written up into the ADR and investigated further

Initial understanding on how we will integrate the editor into the project site:

• Expand on the initial integration used in AstroPi
• Expand the existing web component to utilise the majority (if not all) of the standalone functionality
• Enable aspects of the web component to be configurable and toggle aspects in/out of view with HTML attributes (similar to how the sense HAT model is rendered for AstroPi)
• Integrate calls to projects-admin into a separate sidebar panel for the project instructions

The initial idea for developing the MVP is to tackle one of the agreed project site projects we're initially integrating and work through the functionality needed for each step.

Essential things to discuss/investigate include:

• How the content will be integrated (see https://github.com/RaspberryPiFoundation/editor-ui/issues/654)
• How can we add additional styles to the web component to be inline with the standalone (see https://github.com/RaspberryPiFoundation/editor-ui/issues/655)
• How can we enable key python modules to be imported and accessible in the web component i.e. p5 (see https://github.com/RaspberryPiFoundation/editor-ui/issues/656)
• How can we persist users code in the web component so they can return and pick up where they left off (see https://github.com/RaspberryPiFoundation/editor-ui/issues/657)
• How can we effectively monitor the web component to proactively determine if an integration is failing (see https://github.com/RaspberryPiFoundation/editor-ui/issues/660)

An initial draft ADR can be started but each of the items above could cause a rethink of our current integration approach so each one should feed into the finalised ADR (see https://github.com/RaspberryPiFoundation/editor-ui/issues/659)

[sra405]

merge draft ADR