refactor to lightMode config

build.js

@@ -11,7 +11,9 @@ 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), false);
+  const { html } = await renderToString(new URL('./docs/index.js', import.meta.url), {
+    lightMode: true
+  });
 
   // await fs.rm(distRoot, { recursive: true, force: true });
   // await fs.mkdir('./dist', { recursive: true });

src/wcc.js

@@ -94,19 +94,14 @@ async function initializeCustomElement(elementURL, tagName, attrs = []) {
 
 async function renderToString(elementURL, options = {}) {
   definitions = [];
-  const { includeShadowRoots = true, unwrapTopLevelShadowRoot = false } = options;
+  const { lightMode = false } = options;
+  const includeShadowRoots = !lightMode;
 
   const elementInstance = await initializeCustomElement(elementURL);
-  // invert includeShadowRoots at the top level to double `<template>` tag wrapping top level content
-  // this is useful in conjunction with a WC used as a page, where we only want its content, not necessarily its template
   const elementHtml = elementInstance.getInnerHTML({ includeShadowRoots });
   const elementTree = parseFragment(elementHtml);
   const finalTree = await renderComponentRoots(elementTree, includeShadowRoots);
 
-  // elementInstance.shadowRoot.innerHTML = serialize(finalTree);
-
-  console.debug(serialize(finalTree));
-
   return {
     html: serialize(finalTree),
     metadata: definitions

test/cases/config-include-shadow-roots/config-include-shadow-roots.spec.js → test/cases/config-light-mode/config-light-mode.spec.js

@@ -15,7 +15,7 @@
  * 
  * Config
  * {
- *   includeShadowRoots: false
+ *   lightMode: true
  * }
  */
 
@@ -26,12 +26,12 @@ import { renderToString } from '../../../src/wcc.js';
 const expect = chai.expect;
 
 describe('Run WCC For ', function() {
-  const LABEL = 'Nested Custom Element w/ no rendered Shadow Roots';
+  const LABEL = 'Nested Custom Element w/ no using Light Mode configuration';
   let dom;
 
   before(async function() {
     const { html } = await renderToString(new URL('./src/pages/index.js', import.meta.url), {
-      includeShadowRoots: false
+      lightMode: true
     });
 
     dom = new JSDOM(html);