WIP: Expose embedded attribute on web component

TODO: Explain what web component `embedded` attribute does

Based on a curated set of changes from #901.

Note that in the original PR, an unnecessary call to
`dispatch(setEmbedded(embedded))` was added in `WebComponentLoader`.
This was unnecessary, because there was already a call to the
`useEmbeddedMode` hook which does the same thing, so I have removed it
from this commit.

Author: loiswells97

CHANGELOG.md

@@ -12,6 +12,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Add `output_only` attribute to web component (#1014 & originally #782)
 - Add `assets_identifier` attribute to web component (#1014 & originally #901)
 - Enhance `code` attribute on web component to override project main component content (#1014 & originally #901)
+- Add `embedded` attribute to web component (#1014 & originally #901)
 
 ### Changed
 

README.md

@@ -72,6 +72,7 @@ The web component can be included in a page by using the `<editor-wc>` HTML elem
 - `project_name_editable`: Allow the user to edit the project name in the project bar (defaults to `false`)
 - `output_only`: Only display the output panel (defaults to `false`)
 - `assets_identifier`: Load assets (not code) from this project identifier
+- `embedded`: TODO
 
 ### `yarn start:wc`
 

src/web-component.js

@@ -67,6 +67,7 @@ class WebComponent extends HTMLElement {
         "show_save_prompt",
         "load_remix_disabled",
         "output_only",
+        "embedded",
       ].includes(name)
     ) {
       value = newVal !== "false";