wc-compiler 0.8.0 → 0.9.1

package/dist/wcc.dist.cjs

@@ -83,7 +83,7 @@ class Document extends Node$1 {
         return new HTMLTemplateElement();
 
       default:
-        return new HTMLElement$1();
+        return new HTMLElement();
 
     }
   }
@@ -95,7 +95,7 @@ class Document extends Node$1 {
 
 // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
 // EventTarget <- Node <- Element <- HTMLElement
-class HTMLElement$1 extends Element {
+class HTMLElement extends Element {
   attachShadow(options) {
     this.shadowRoot = new ShadowRoot(options);
 
@@ -126,7 +126,7 @@ class ShadowRoot extends DocumentFragment {
 
 // https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement
 // EventTarget <- Node <- Element <- HTMLElement <- HTMLTemplateElement
-class HTMLTemplateElement extends HTMLElement$1 {
+class HTMLTemplateElement extends HTMLElement {
   constructor() {
     super();
     this.content = new DocumentFragment();
@@ -168,7 +168,7 @@ class CustomElementsRegistry {
 globalThis.addEventListener = noop;
 globalThis.document = new Document();
 globalThis.customElements = new CustomElementsRegistry();
-globalThis.HTMLElement = HTMLElement$1;
+globalThis.HTMLElement = HTMLElement;
 
 // Reserved word lists for various dialects of the language
 
@@ -28098,7 +28098,7 @@ async function getTagName(moduleURL) {
   return tagName;
 }
 
-async function initializeCustomElement(elementURL, tagName, attrs = [], definitions = [], isEntry) {
+async function initializeCustomElement(elementURL, tagName, attrs = [], definitions = [], isEntry, props = {}) {
   if (!tagName) {
     const depth = isEntry ? 1 : 0;
     registerDependencies(elementURL, definitions, depth);
@@ -28110,7 +28110,11 @@ async function initializeCustomElement(elementURL, tagName, attrs = [], definiti
     ? customElements.get(tagName)
     : (await (function (t) { return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(t)); }); })(pathname)).default;
   const dataLoader = (await (function (t) { return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(t)); }); })(pathname)).getData;
-  const data = dataLoader ? await dataLoader() : {};
+  const data = props
+    ? props
+    : dataLoader
+      ? await dataLoader(props)
+      : {};
 
   if (element) {
     const elementInstance = new element(data); // eslint-disable-line new-cap
@@ -28126,29 +28130,33 @@ async function initializeCustomElement(elementURL, tagName, attrs = [], definiti
     await elementInstance.connectedCallback();
   
     return elementInstance;
-  } else {
-    console.debug('No custom element class found for this file');
-    return new HTMLElement();
   }
 }
 
-async function renderToString(elementURL, wrappingEntryTag = true) {
+async function renderToString(elementURL, wrappingEntryTag = true, props = {}) {
   const definitions = [];
   const elementTagName = wrappingEntryTag && await getTagName(elementURL);
   const isEntry = !!elementTagName;
-  const elementInstance = await initializeCustomElement(elementURL, undefined, undefined, definitions, isEntry);
-
-  const elementHtml = elementInstance.shadowRoot
-    ? elementInstance.getInnerHTML({ includeShadowRoots: true })
-    : elementInstance.innerHTML;
-  const elementTree = getParse(elementHtml)(elementHtml);
-  const finalTree = await renderComponentRoots(elementTree, definitions);
-  const html = wrappingEntryTag && elementTagName ? `
-      <${elementTagName}>
-        ${serialize(finalTree)}
-      </${elementTagName}>
-    `
-    : serialize(finalTree);
+  const elementInstance = await initializeCustomElement(elementURL, undefined, undefined, definitions, isEntry, props);
+  let html;
+
+  // in case the entry point isn't valid
+  if (elementInstance) {
+    const elementHtml = elementInstance.shadowRoot
+      ? elementInstance.getInnerHTML({ includeShadowRoots: true })
+      : elementInstance.innerHTML;
+    const elementTree = getParse(elementHtml)(elementHtml);
+    const finalTree = await renderComponentRoots(elementTree, definitions);
+
+    html = wrappingEntryTag && elementTagName ? `
+        <${elementTagName}>
+          ${serialize(finalTree)}
+        </${elementTagName}>
+      `
+      : serialize(finalTree);
+  } else {
+    console.warn('WARNING: No custom element class found for this entry point.');
+  }
 
   return {
     html,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wc-compiler",
-  "version": "0.8.0",
+  "version": "0.9.1",
   "description": "Experimental native Web Components compiler.",
   "repository": {
     "type": "git",

package/src/wcc.js

@@ -126,7 +126,7 @@ async function getTagName(moduleURL) {
   return tagName;
 }
 
-async function initializeCustomElement(elementURL, tagName, attrs = [], definitions = [], isEntry) {
+async function initializeCustomElement(elementURL, tagName, attrs = [], definitions = [], isEntry, props = {}) {
   if (!tagName) {
     const depth = isEntry ? 1 : 0;
     registerDependencies(elementURL, definitions, depth);
@@ -138,7 +138,11 @@ async function initializeCustomElement(elementURL, tagName, attrs = [], definiti
     ? customElements.get(tagName)
     : (await import(pathname)).default;
   const dataLoader = (await import(pathname)).getData;
-  const data = dataLoader ? await dataLoader() : {};
+  const data = props
+    ? props
+    : dataLoader
+      ? await dataLoader(props)
+      : {};
 
   if (element) {
     const elementInstance = new element(data); // eslint-disable-line new-cap
@@ -154,29 +158,33 @@ async function initializeCustomElement(elementURL, tagName, attrs = [], definiti
     await elementInstance.connectedCallback();
   
     return elementInstance;
-  } else {
-    console.debug('No custom element class found for this file');
-    return new HTMLElement();
   }
 }
 
-async function renderToString(elementURL, wrappingEntryTag = true) {
+async function renderToString(elementURL, wrappingEntryTag = true, props = {}) {
   const definitions = [];
   const elementTagName = wrappingEntryTag && await getTagName(elementURL);
   const isEntry = !!elementTagName;
-  const elementInstance = await initializeCustomElement(elementURL, undefined, undefined, definitions, isEntry);
-
-  const elementHtml = elementInstance.shadowRoot
-    ? elementInstance.getInnerHTML({ includeShadowRoots: true })
-    : elementInstance.innerHTML;
-  const elementTree = getParse(elementHtml)(elementHtml);
-  const finalTree = await renderComponentRoots(elementTree, definitions);
-  const html = wrappingEntryTag && elementTagName ? `
-      <${elementTagName}>
-        ${serialize(finalTree)}
-      </${elementTagName}>
-    `
-    : serialize(finalTree);
+  const elementInstance = await initializeCustomElement(elementURL, undefined, undefined, definitions, isEntry, props);
+  let html;
+
+  // in case the entry point isn't valid
+  if (elementInstance) {
+    const elementHtml = elementInstance.shadowRoot
+      ? elementInstance.getInnerHTML({ includeShadowRoots: true })
+      : elementInstance.innerHTML;
+    const elementTree = getParse(elementHtml)(elementHtml);
+    const finalTree = await renderComponentRoots(elementTree, definitions);
+
+    html = wrappingEntryTag && elementTagName ? `
+        <${elementTagName}>
+          ${serialize(finalTree)}
+        </${elementTagName}>
+      `
+      : serialize(finalTree);
+  } else {
+    console.warn('WARNING: No custom element class found for this entry point.');
+  }
 
   return {
     html,