TEMP: Add embedded attribute to web component

This seems extraneous to the other changes in #901.

Author: floehopper

src/containers/WebComponentLoader.jsx

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
 import { useSelector, useDispatch } from "react-redux";
 import {
   disableTheming,
+  setEmbedded,
   setSenseHatAlwaysEnabled,
   setLoadRemixDisabled,
 } from "../redux/EditorSlice";
@@ -58,6 +59,7 @@ const WebComponentLoader = (props) => {
     (state) => state.editor.hasShownSavePrompt,
   );
   const saveTriggered = useSelector((state) => state.editor.saveTriggered);
+  const isEmbedded = useSelector((state) => state.editor.isEmbedded);
 
   const modals = useSelector((state) => state.editor.modals);
   const errorModalShowing = useSelector(
@@ -100,6 +102,10 @@ const WebComponentLoader = (props) => {
     }
   }, [loading, project]);
 
+  if (embedded !== isEmbedded) {
+    dispatch(setEmbedded(embedded));
+  }
+
   useProject({
     projectIdentifier: projectIdentifier,
     assetsIdentifier: assetsIdentifier,

src/web-component.js

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