coralite 0.38.0 → 0.38.1

package/dist/lib/compiler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../../lib/compiler.js"],"names":[],"mappings":"AAiBA;;;;;;;;;GASG;AACH,uFANG;IAAkC,IAAI,EAA9B,gBAAgB;IACe,OAAO,EAAtC,qBAAqB;IACL,MAAM;IACJ,uBAAuB;CACjD,GAAU,CAAC,SAAS,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,KAAK,EAAE;IAAE,UAAU,EAAE,GAAG,CAAA;CAAE,KAAK,OAAO,CAAC,MAAM,CAAC,CAuFzG;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mLAhBG;IAAgC,MAAM,EAA9B,cAAc;IACqB,KAAK,EAAxC,yBAAyB;IACH,IAAI,EAA1B,YAAY;IACC,IAAI,EAAjB,GAAG;IACa,SAAS,EAAzB,MAAM;IACmB,OAAO,EAAhC,eAAe;IACE,WAAW,EAA5B,OAAO;IACS,GAAG;IACH,MAAM;IACJ,WAAW;IACX,eAAe;IACf,oBAAoB;IACpB,YAAY;CAEtC,GAAU,OAAO,CAAC,yBAAyB,CAAC,CA6H9C;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kLAhBG;IAAgC,MAAM,EAA9B,cAAc;IACqB,KAAK,EAAxC,yBAAyB;IACH,IAAI,EAA1B,YAAY;IACC,IAAI,EAAjB,GAAG;IACa,SAAS,EAAzB,MAAM;IACmB,OAAO,EAAhC,eAAe;IACE,WAAW,EAA5B,OAAO;IACS,GAAG;IACH,MAAM;IACJ,WAAW;IACX,eAAe;IACf,oBAAoB;IACpB,YAAY;CAEtC,GAAU,OAAO,CAAC,yBAAyB,CAAC,CAsH9C;AAED;;;GAGG;AACH,kCAFW,GAAG,sCAOb;sCA7YqI,mBAAmB;2CAAnB,mBAAmB;4BAC9H,SAAS;oCADkG,mBAAmB;+CAAnB,mBAAmB;kCAAnB,mBAAmB;qCAAnB,mBAAmB"}
+{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../../lib/compiler.js"],"names":[],"mappings":"AAiBA;;;;;;;;;GASG;AACH,uFANG;IAAkC,IAAI,EAA9B,gBAAgB;IACe,OAAO,EAAtC,qBAAqB;IACL,MAAM;IACJ,uBAAuB;CACjD,GAAU,CAAC,SAAS,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,KAAK,EAAE;IAAE,UAAU,EAAE,GAAG,CAAA;CAAE,KAAK,OAAO,CAAC,MAAM,CAAC,CAwFzG;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mLAhBG;IAAgC,MAAM,EAA9B,cAAc;IACqB,KAAK,EAAxC,yBAAyB;IACH,IAAI,EAA1B,YAAY;IACC,IAAI,EAAjB,GAAG;IACa,SAAS,EAAzB,MAAM;IACmB,OAAO,EAAhC,eAAe;IACE,WAAW,EAA5B,OAAO;IACS,GAAG;IACH,MAAM;IACJ,WAAW;IACX,eAAe;IACf,oBAAoB;IACpB,YAAY;CAEtC,GAAU,OAAO,CAAC,yBAAyB,CAAC,CAmI9C;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,kLAhBG;IAAgC,MAAM,EAA9B,cAAc;IACqB,KAAK,EAAxC,yBAAyB;IACH,IAAI,EAA1B,YAAY;IACC,IAAI,EAAjB,GAAG;IACa,SAAS,EAAzB,MAAM;IACmB,OAAO,EAAhC,eAAe;IACE,WAAW,EAA5B,OAAO;IACS,GAAG;IACH,MAAM;IACJ,WAAW;IACX,eAAe;IACf,oBAAoB;IACpB,YAAY;CAEtC,GAAU,OAAO,CAAC,yBAAyB,CAAC,CA8H9C;AAED;;;GAGG;AACH,kCAFW,GAAG,sCAOb;sCA5ZqI,mBAAmB;2CAAnB,mBAAmB;4BAC9H,SAAS;oCADkG,mBAAmB;+CAAnB,mBAAmB;kCAAnB,mBAAmB;qCAAnB,mBAAmB"}

package/dist/lib/index.js

@@ -2154,11 +2154,39 @@ function getAST(code, locations = false) {
   astCache.set(cacheKey, ast);
   return ast;
 }
+function extractFromHTMLString(html, components) {
+  try {
+    const matches = html.matchAll(/<([a-zA-Z0-9-]+)/g);
+    for (const match of matches) {
+      const tag = match[1].toLowerCase();
+      if (tag.includes("-")) {
+        components.add(tag);
+      }
+    }
+  } catch {
+  }
+}
 function findAndExtractScript(code) {
   const ast = getAST(code, true);
   let result = null;
   const components = /* @__PURE__ */ new Set();
+  const findHTMLComponents = (node) => {
+    if (node.type === "Literal" && typeof node.value === "string") {
+      extractFromHTMLString(node.value, components);
+    } else if (node.type === "TemplateLiteral") {
+      for (const element of node.quasis) {
+        if (element.value && element.value.cooked) {
+          extractFromHTMLString(element.value.cooked, components);
+        }
+      }
+    }
+  };
   walkJS(ast, {
+    AssignmentExpression(node) {
+      if (node.left.type === "MemberExpression" && node.left.property.type === "Identifier" && (node.left.property.name === "innerHTML" || node.left.property.name === "outerHTML")) {
+        findHTMLComponents(node.right);
+      }
+    },
     CallExpression(node) {
       if (node.callee && node.callee.type === "MemberExpression" && node.callee.object && node.callee.object.type === "Identifier" && node.callee.object.name === "document" && node.callee.property && node.callee.property.type === "Identifier" && node.callee.property.name === "createElement") {
         const arg = node.arguments[0];
@@ -2168,6 +2196,12 @@ function findAndExtractScript(code) {
           }
         }
       }
+      if (node.callee && node.callee.type === "MemberExpression" && node.callee.property && node.callee.property.type === "Identifier" && node.callee.property.name === "insertAdjacentHTML") {
+        const arg = node.arguments[1];
+        if (arg) {
+          findHTMLComponents(arg);
+        }
+      }
       if (node.callee && node.callee.type === "Identifier" && node.callee.name === "defineComponent") {
         const firstArg = node.arguments[0];
         if (firstArg && firstArg.type === "ObjectExpression") {
@@ -2182,6 +2216,21 @@ function findAndExtractScript(code) {
             let source = code.slice(value.start, value.end);
             const replacements = [];
             walkJS(value, {
+              AssignmentExpression(node2) {
+                if (node2.left.type === "MemberExpression" && node2.left.property.type === "Identifier" && (node2.left.property.name === "innerHTML" || node2.left.property.name === "outerHTML")) {
+                  findHTMLComponents(node2.right);
+                  replacements.push({
+                    start: node2.right.start - value.start,
+                    end: node2.right.start - value.start,
+                    replacement: "processHTML("
+                  });
+                  replacements.push({
+                    start: node2.right.end - value.start,
+                    end: node2.right.end - value.start,
+                    replacement: ")"
+                  });
+                }
+              },
               CallExpression(node2) {
                 if (node2.callee && node2.callee.type === "MemberExpression" && node2.callee.object && node2.callee.object.type === "Identifier" && node2.callee.object.name === "document" && node2.callee.property && node2.callee.property.type === "Identifier" && node2.callee.property.name === "createElement") {
                   const arg = node2.arguments[0];
@@ -2196,6 +2245,22 @@ function findAndExtractScript(code) {
                     });
                   }
                 }
+                if (node2.callee && node2.callee.type === "MemberExpression" && node2.callee.property && node2.callee.property.type === "Identifier" && node2.callee.property.name === "insertAdjacentHTML") {
+                  const arg = node2.arguments[1];
+                  if (arg) {
+                    findHTMLComponents(arg);
+                    replacements.push({
+                      start: arg.start - value.start,
+                      end: arg.start - value.start,
+                      replacement: "processHTML("
+                    });
+                    replacements.push({
+                      start: arg.end - value.start,
+                      end: arg.end - value.start,
+                      replacement: ")"
+                    });
+                  }
+                }
               }
             });
             replacements.sort((a, b) => b.start - a.start);
@@ -2230,7 +2295,7 @@ function findAndExtractScript(code) {
       }
     }
   });
-  if (result && components.size > 0) {
+  if (result) {
     result.components = Array.from(components);
   }
   return result;
@@ -2284,7 +2349,21 @@ function findAndExtractImperativeComponents(code) {
   try {
     const ast = getAST(code);
     const components = /* @__PURE__ */ new Set();
+    const findHTMLComponents = (node) => {
+      if (node.type === "Literal" && typeof node.value === "string") {
+        extractFromHTMLString(node.value, components);
+      } else if (node.type === "TemplateLiteral") {
+        for (const element of node.quasis) {
+          extractFromHTMLString(element.value.cooked, components);
+        }
+      }
+    };
     walkJS(ast, {
+      AssignmentExpression(node) {
+        if (node.left.type === "MemberExpression" && node.left.property.type === "Identifier" && (node.left.property.name === "innerHTML" || node.left.property.name === "outerHTML")) {
+          findHTMLComponents(node.right);
+        }
+      },
       CallExpression(node) {
         if (node.callee && (node.callee.type === "MemberExpression" && node.callee.object && node.callee.object.type === "Identifier" && node.callee.object.name === "document" && node.callee.property && node.callee.property.type === "Identifier" && node.callee.property.name === "createElement" || node.callee.type === "Identifier" && node.callee.name === "createCoraliteElement")) {
           const arg = node.arguments[0];
@@ -2292,6 +2371,12 @@ function findAndExtractImperativeComponents(code) {
             components.add(arg.value);
           }
         }
+        if (node.callee && node.callee.type === "MemberExpression" && node.callee.property && node.callee.property.type === "Identifier" && node.callee.property.name === "insertAdjacentHTML") {
+          const arg = node.arguments[1];
+          if (arg) {
+            findHTMLComponents(arg);
+          }
+        }
       }
     });
     return [...components];
@@ -2541,7 +2626,7 @@ ScriptManager.prototype.compileAllInstances = async function(instances, mode) {
     ${contextParts}
   };
 `);
-  entryCodeParts.push("const globalContext = { values: {} };\n");
+  entryCodeParts.push("const globalContext = {};\n");
   entryCodeParts.push(`const resolvedContextFactoriesPromise = (async () => {
     const factories = {};
     const keys = Object.keys(coraliteComponentClientContextProps);
@@ -2821,19 +2906,24 @@ export default {
 `;
               contents += "export const clientContextProps = {\n";
               if (module.context) {
-                const clientName = module.name;
+                const clientName = module.client?.name || module.name;
                 if (["id", "state", "page", "root", "signal"].includes(clientName)) {
                   throw new CoraliteError(`Reserved context key '${clientName}' cannot be used in plugin context.`);
                 }
                 const fn = normalizeFunction(module.context);
+                const clientConfig = module.client?.config || module.config || {};
+                const configStr = JSON.stringify(clientConfig);
                 contents += `  "${clientName}": async (globalContext) => {
 `;
                 contents += `    const fn = ${fn};
+`;
+                contents += `    const pluginConfig = ${configStr};
 `;
                 contents += `    const pluginContext = new Proxy(globalContext, {
                           get (target, prop) {
                             if (prop === 'config') return pluginConfig;
-                            return target[prop];
+                            if (prop in target) return target[prop];
+                            return undefined;
                           },
                           set (target, prop, value) {
                             return Reflect.set(target, prop, value);
@@ -3512,6 +3602,7 @@ function createModuleLinker({ path: path2, context: context2, source, importModu
       }
       coraliteExports += "export const defineComponent = globalThis.__coralite_define_component__;\n";
       coraliteExports += "export const createCoraliteElement = globalThis.__coralite_create_coralite_element__;\n";
+      coraliteExports += "export const processHTML = globalThis.__coralite_process_html__;\n";
       return new SourceTextModule(coraliteExports, {
         context: referencingModule.context,
         importModuleDynamically
@@ -3607,6 +3698,12 @@ async function evaluateDevelopment({
         return globalThis.createCoraliteElement(tag, options);
       }
       return globalThis.document.createElement(tag, options);
+    },
+    __coralite_process_html__: (html) => {
+      if (typeof globalThis.processHTML === "function") {
+        return globalThis.processHTML(html);
+      }
+      return html;
     }
   };
   for (const glob of usedGlobals) {
@@ -3712,14 +3809,22 @@ async function evaluateProduction({
           }
           return globalThis.document.createElement(tag, options);
         };
+        const processHTML = (html) => {
+          if (typeof globalThis.processHTML === "function") {
+            return globalThis.processHTML(html);
+          }
+          return html;
+        };
         return {
           ...symmetricalContext,
           defineComponent: (options) => defineComponent2(options, symmetricalContext),
           createCoraliteElement: createCoraliteElement2,
+          processHTML,
           default: {
             ...symmetricalContext,
             defineComponent: (options) => defineComponent2(options, symmetricalContext),
-            createCoraliteElement: createCoraliteElement2
+            createCoraliteElement: createCoraliteElement2,
+            processHTML
           }
         };
       }
@@ -4724,6 +4829,18 @@ import { getClientContext, createCoraliteClass, globalClientHooks } from '${base
     }
     return document.createElement(tag, options);
   };
+
+  window.processHTML = (html) => {
+    if (typeof html !== 'string') return html;
+    const matches = html.matchAll(/<([a-zA-Z0-9-]+)/g);
+    for (const match of matches) {
+      const tag = match[1].toLowerCase();
+      if (componentManifest[tag]) {
+        loadComponent(tag);
+      }
+    }
+    return html;
+  };
 })();
 `.trim();
 }