Update entrypoint layout

.gitmodules

@@ -1,4 +1,4 @@
 [submodule "homeassistant-frontend"]
 	path = homeassistant-frontend
 	url = https://github.com/home-assistant/frontend.git
-	branch = dev
+	branch = master

package.json

@@ -38,11 +38,13 @@
     "@rollup/plugin-replace": "^2.3.2",
     "@types/chromecast-caf-receiver": "5.0.12",
     "@types/chromecast-caf-sender": "^1.0.3",
+    "@types/glob": "^7",
     "@types/js-yaml": "^4",
     "@types/leaflet": "^1",
     "@types/leaflet-draw": "^1",
     "@types/marked": "^2",
     "@types/mocha": "^8",
+    "@types/qrcode": "^1.4.2",
     "@types/sortablejs": "^1",
     "@types/webspeechapi": "^0.0.29",
     "@typescript-eslint/eslint-plugin": "^4.32.0",
@@ -65,6 +67,7 @@
     "eslint-plugin-wc": "^1.3.2",
     "fancy-log": "^1.3.3",
     "fs-extra": "^7.0.1",
+    "glob": "^7.2.0",
     "gulp": "^4.0.2",
     "gulp-foreach": "^0.1.0",
     "gulp-json-transform": "^0.4.6",
@@ -142,6 +145,7 @@
     "@material/mwc-checkbox": "0.25.3",
     "@material/mwc-circular-progress": "0.25.3",
     "@material/mwc-dialog": "0.25.3",
+    "@material/mwc-drawer": "^0.25.3",
     "@material/mwc-fab": "0.25.3",
     "@material/mwc-formfield": "0.25.3",
     "@material/mwc-icon-button": "0.25.3",
@@ -156,6 +160,7 @@
     "@material/mwc-tab": "0.25.3",
     "@material/mwc-tab-bar": "0.25.3",
     "@material/mwc-textfield": "0.25.3",
+    "@material/mwc-top-app-bar-fixed": "^0.25.3",
     "@material/top-app-bar": "14.0.0-canary.261f2db59.0",
     "@mdi/js": "6.5.95",
     "@mdi/svg": "6.5.95",
@@ -198,7 +203,7 @@
     "js-yaml": "^4.1.0",
     "leaflet": "^1.7.1",
     "leaflet-draw": "^1.0.4",
-    "lit": "^2.0.2",
+    "lit": "^2.1.2",
     "lit-vaadin-helpers": "^0.2.1",
     "marked": "^3.0.2",
     "memoize-one": "^5.2.1",
@@ -232,10 +237,10 @@
   "resolutions": {
     "@polymer/polymer": "3.4.1",
     "@webcomponents/webcomponentsjs": "^2.2.10",
-    "lit": "^2.0.2",
-    "lit-html": "2.0.1",
-    "lit-element": "3.0.1",
-    "@lit/reactive-element": "1.0.1"
+    "lit": "^2.1.2",
+    "lit-html": "2.1.2",
+    "lit-element": "3.1.2",
+    "@lit/reactive-element": "1.2.1"
   },
   "resolutionsOverride": {
     "@polymer/polymer": "3.4.1"

script/gulp/rollup.js

@@ -52,7 +52,10 @@ const DevelopPlugins = [
     exclude: [require.resolve("@mdi/js/mdi.js")],
   }),
   ignore({
-    files: [require.resolve("@polymer/font-roboto/roboto.js")],
+    files: [
+      require.resolve("@polymer/font-roboto/roboto.js"),
+      path.resolve("./homeassistant-frontend/src/components/ha-icon.ts"),
+    ],
   }),
   entrypointHashmanifest({ manifestName: "./hacs_frontend/manifest.json" }),
 ];

script/gulp/translations.js

@@ -37,6 +37,14 @@ gulp.task("generate-translations", async function (task) {
     log(`Generating transtions for '${lang}'`);
   });
 
+  await fs.mkdirs("./homeassistant-frontend/build/translations");
+
+  await fs.writeFile(
+    "./homeassistant-frontend/build/translations/translationMetadata.json",
+    "{}",
+    "utf-8"
+  );
+
   await fs.writeFile(
     "./src/localize/generated.ts",
     "export const languages = " + JSON.stringify(languages, null, 2),

src/hacs-router.ts

@@ -36,6 +36,10 @@ class HacsRouter extends HassRouterPage {
         this._wideSidebar = matches;
       })
     );
+
+    this.style.setProperty("--app-header-background-color", "var(--sidebar-background-color)");
+    this.style.setProperty("--app-header-text-color", "var(--sidebar-text-color)");
+    this.style.setProperty("--app-header-border-bottom", "1px solid var(--divider-color)");
   }
 
   public disconnectedCallback() {

src/localize/languages/en.json

@@ -19,6 +19,7 @@
     "repository": "Repository",
     "theme": "Theme",
     "update": "Update",
+    "updates": "Updates",
     "yes": "Yes"
   },
   "confirm": {