wc-compiler 0.7.0 → 0.9.0

package/dist/wcc.dist.cjs

@@ -27629,8 +27629,6 @@ var serialize = function(node, options) {
 
 /* eslint-disable max-depth, complexity */
 
-new URL(`file://${process.cwd()}/`);
-
 // TODO same hack as definitions
 // https://github.com/ProjectEvergreen/wcc/discussions/74
 let string;
@@ -27833,7 +27831,7 @@ function findThisReferences(context, statement) {
   } else if (isRenderFunctionContext && type === 'VariableDeclaration') {
     statement.declarations.forEach(declaration => {
       const { init, id } = declaration;
-    
+
       if (init.object && init.object.type === 'ThisExpression') {
         // const { description } = this.todo;
         references.push(init.property.name);
@@ -28100,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);
@@ -28112,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
@@ -28134,18 +28136,18 @@ async function initializeCustomElement(elementURL, tagName, attrs = [], definiti
   }
 }
 
-async function renderToString(elementURL) {
+async function renderToString(elementURL, wrappingEntryTag = true, props = {}) {
   const definitions = [];
-  const elementTagName = await getTagName(elementURL);
+  const elementTagName = wrappingEntryTag && await getTagName(elementURL);
   const isEntry = !!elementTagName;
-  const elementInstance = await initializeCustomElement(elementURL, undefined, undefined, definitions, isEntry);
+  const elementInstance = await initializeCustomElement(elementURL, undefined, undefined, definitions, isEntry, props);
 
   const elementHtml = elementInstance.shadowRoot
     ? elementInstance.getInnerHTML({ includeShadowRoots: true })
     : elementInstance.innerHTML;
   const elementTree = getParse(elementHtml)(elementHtml);
   const finalTree = await renderComponentRoots(elementTree, definitions);
-  const html = elementTagName ? `
+  const html = wrappingEntryTag && elementTagName ? `
       <${elementTagName}>
         ${serialize(finalTree)}
       </${elementTagName}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wc-compiler",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Experimental native Web Components compiler.",
   "repository": {
     "type": "git",
@@ -27,7 +27,7 @@
   },
   "scripts": {
     "clean": "rimraf ./dist",
-    "lint": "eslint \"*.*js\" \"./src/**/**/*.js*\" \"./test/**/**/*.js*\"",
+    "lint": "ls-lint && eslint \"*.*js\" \"./src/**/**/*.js*\" \"./docs/**/*.md\" \"./test/**/**/*.js*\"",
     "develop": "concurrently \"nodemon --watch src --watch docs -e js,md,css,html,jsx ./build.js\" \"http-server ./dist --open\"",
     "build": "node ./build.js",
     "serve": "node ./build.js && http-server ./dist --open",
@@ -47,6 +47,7 @@
     "parse5": "^6.0.1"
   },
   "devDependencies": {
+    "@ls-lint/ls-lint": "^1.10.0",
     "@mapbox/rehype-prism": "^0.8.0",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-json": "^4.1.0",
@@ -55,6 +56,8 @@
     "chai": "^4.3.6",
     "concurrently": "^7.1.0",
     "eslint": "^8.14.0",
+    "eslint-plugin-markdown": "^3.0.0",
+    "eslint-plugin-no-only-tests": "^2.6.0",
     "http-server": "^14.1.0",
     "jsdom": "^19.0.0",
     "mocha": "^9.2.2",

package/src/jsx-loader.js

@@ -7,7 +7,6 @@ import fs from 'fs';
 import jsx from 'acorn-jsx';
 import { parse, parseFragment, serialize } from 'parse5';
 
-const baseURL = new URL(`file://${process.cwd()}/`);
 const jsxRegex = /\.(jsx)$/;
 
 // TODO same hack as definitions
@@ -212,7 +211,7 @@ function findThisReferences(context, statement) {
   } else if (isRenderFunctionContext && type === 'VariableDeclaration') {
     statement.declarations.forEach(declaration => {
       const { init, id } = declaration;
-    
+
       if (init.object && init.object.type === 'ThisExpression') {
         // const { description } = this.todo;
         references.push(init.property.name);
@@ -363,11 +362,12 @@ export function parseJsx(moduleURL) {
 // --------------
 
 export function resolve(specifier, context, defaultResolve) {
-  const { parentURL = baseURL } = context;
+  const { parentURL } = context;
 
   if (jsxRegex.test(specifier)) {
     return {
-      url: new URL(specifier, parentURL).href
+      url: new URL(specifier, parentURL).href,
+      shortCircuit: true
     };
   }
 

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
@@ -160,18 +164,18 @@ async function initializeCustomElement(elementURL, tagName, attrs = [], definiti
   }
 }
 
-async function renderToString(elementURL) {
+async function renderToString(elementURL, wrappingEntryTag = true, props = {}) {
   const definitions = [];
-  const elementTagName = await getTagName(elementURL);
+  const elementTagName = wrappingEntryTag && await getTagName(elementURL);
   const isEntry = !!elementTagName;
-  const elementInstance = await initializeCustomElement(elementURL, undefined, undefined, definitions, isEntry);
+  const elementInstance = await initializeCustomElement(elementURL, undefined, undefined, definitions, isEntry, props);
 
   const elementHtml = elementInstance.shadowRoot
     ? elementInstance.getInnerHTML({ includeShadowRoots: true })
     : elementInstance.innerHTML;
   const elementTree = getParse(elementHtml)(elementHtml);
   const finalTree = await renderComponentRoots(elementTree, definitions);
-  const html = elementTagName ? `
+  const html = wrappingEntryTag && elementTagName ? `
       <${elementTagName}>
         ${serialize(finalTree)}
       </${elementTagName}>