posthtml-component 2.1.1 → 2.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "posthtml-component",
-  "version": "2.1.1",
+  "version": "2.2.1",
   "description": "Laravel Blade-inspired components for PostHTML with slots, attributes as props, custom tags and more.",
   "license": "MIT",
   "repository": "posthtml/posthtml-components",
@@ -39,7 +39,7 @@
     "style-to-object": "^1.0.6"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.0.5",
+    "@biomejs/biome": "2.2.4",
     "@vitest/coverage-v8": "^3.0.4",
     "conventional-changelog-cli": "^5.0.0",
     "highlight.js": "^11.6.0",

package/src/index.js

@@ -147,7 +147,7 @@ module.exports = (options = {}) => tree => {
   return processStacks(
     processPushes(
       processTree(options)(
-        expressions(options.expressions)(tree)
+        expressions(options.expressions)(tree), tree.messages
       ),
       pushedContent,
       options.push
@@ -166,9 +166,7 @@ let processCounter = 0;
  * @return {Object} PostHTML tree
  */
 function processTree(options) {
-  const filledSlots = {};
-
-  return tree => {
+  return (tree, messages) => {
     log(`Processing tree number ${processCounter}..`, 'processTree');
 
     if (options.plugins.length > 0) {
@@ -176,6 +174,8 @@ function processTree(options) {
     }
 
     match.call(tree, options.matcher, currentNode => {
+      const filledSlots = {};
+
       log(`Match found for tag "${currentNode.tag}"..`, 'processTree');
 
       if (!currentNode.attrs) {
@@ -184,6 +184,13 @@ function processTree(options) {
 
       const componentPath = getComponentPath(currentNode, options);
 
+      if (messages) {
+        messages.push({
+          type: 'dependency',
+          file: componentPath
+        });
+      }
+
       if (!componentPath) {
         return currentNode;
       }
@@ -222,14 +229,14 @@ function processTree(options) {
         return currentNode.content || nextNode.content;
       });
 
-      nextNode = processTree(options)(nextNode);
+      // Process <slot> tags
+      processSlotContent(nextNode, filledSlots, options);
+
+      nextNode = processTree(options)(nextNode, messages);
 
       // Process <fill> tags
       processFillContent(nextNode, filledSlots, options);
 
-      // Process <slot> tags
-      processSlotContent(nextNode, filledSlots, options);
-
       // Remove component tag and replace content with <yield>
       currentNode.tag = false;
       currentNode.content = content;