Add wco-home-page

Author: justinfagnani

packages/site-client/src/components/wco-home-page.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {css} from 'lit';
+import {customElement} from 'lit/decorators.js';
+import {WCOPage} from './wco-page.js';
+import './wco-top-bar.js';
+
+@customElement('wco-home-page')
+export class WCOHomePage extends WCOPage {
+  static styles = [WCOPage.styles, css``];
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'wco-home-page': WCOHomePage;
+  }
+}

packages/site-client/src/entrypoints/homepage.ts

@@ -4,3 +4,5 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import 'lit/experimental-hydrate-support.js';
+
+import '../components/wco-home-page.js';

packages/site-content/site/_includes/layouts/home.11ty.cjs

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+module.exports = {
+  async render(data) {
+    const {renderPage, html, unsafeHTML} = await import(
+      '../../../templates/lib/base.js'
+    );
+    await import('@webcomponents/internal-site-client/lib/components/wco-home-page.js');
+    return [
+      ...renderPage({
+        ...data,
+        content: html`<wco-home-page>${unsafeHTML(data.content)}</wco-home-page>`,
+      }),
+    ].join('');
+  },
+};

packages/site-content/site/index.html

@@ -1,5 +1,5 @@
 ---
-layout: "layouts/base.11ty.cjs"
+layout: "layouts/home.11ty.cjs"
 title: "Web Components"
 scripts:
 - "./js/homepage.js"