refactor website away from lightMode config

ProjectEvergreen · Jun 5, 2022 · 655b766 · 655b766
1 parent 74d18fe
commit 655b766
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 20 deletions.
diff --git a/build.js b/build.js
@@ -12,9 +12,7 @@ async function init() {
   const distRoot = './dist';
   const pagesRoot = './docs/pages';
   const pages = await fs.readdir(new URL(pagesRoot, import.meta.url));
-  const { html } = await renderToString(new URL('./docs/index.js', import.meta.url), {
-    lightMode: true
-  });
+  const { html } = await renderToString(new URL('./docs/index.js', import.meta.url));
 
   await fs.rm(distRoot, { recursive: true, force: true });
   await fs.mkdir(distRoot, { recursive: true });

diff --git a/docs/components/footer.js b/docs/components/footer.js
@@ -30,10 +30,7 @@ template.innerHTML = `
 
 class Footer extends HTMLElement {
   connectedCallback() {
-    if (!this.shadowRoot) {
-      this.attachShadow({ mode: 'open' });
-      this.shadowRoot.appendChild(template.content.cloneNode(true));
-    }
+    this.appendChild(template.content.cloneNode(true));
   }
 }
 

diff --git a/docs/components/header.js b/docs/components/header.js
@@ -61,10 +61,7 @@ template.innerHTML = `
 
 class Header extends HTMLElement {
   connectedCallback() {
-    if (!this.shadowRoot) {
-      this.attachShadow({ mode: 'open' });
-      this.shadowRoot.appendChild(template.content.cloneNode(true));
-    }
+    this.appendChild(template.content.cloneNode(true));
   }
 }
 

diff --git a/docs/components/navigation.js b/docs/components/navigation.js
@@ -1,4 +1,3 @@
-// intentionally nested in the assets/ directory to test wcc nested dependency resolution logic
 const template = document.createElement('template');
 
 template.innerHTML = `
@@ -34,10 +33,7 @@ template.innerHTML = `
 
 class Navigation extends HTMLElement {
   connectedCallback() {
-    if (!this.shadowRoot) {
-      this.attachShadow({ mode: 'open' });
-      this.shadowRoot.appendChild(template.content.cloneNode(true));
-    }
+    this.appendChild(template.content.cloneNode(true));
   }
 }
 

diff --git a/docs/index.js b/docs/index.js
@@ -36,10 +36,7 @@ template.innerHTML = `
 class Home extends HTMLElement {
 
   connectedCallback() {
-    if (!this.shadowRoot) {
-      this.attachShadow({ mode: 'open' });
-      this.shadowRoot.appendChild(template.content.cloneNode(true));
-    }
+    this.appendChild(template.content.cloneNode(true));
   }
 }