posthtml-component 2.1.0 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "posthtml-component",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Laravel Blade-inspired components for PostHTML with slots, attributes as props, custom tags and more.",
   "license": "MIT",
   "repository": "posthtml/posthtml-components",
@@ -39,8 +39,8 @@
     "style-to-object": "^1.0.6"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.9.4",
-    "@vitest/coverage-v8": "^2.0.4",
+    "@biomejs/biome": "2.1.1",
+    "@vitest/coverage-v8": "^3.0.4",
     "conventional-changelog-cli": "^5.0.0",
     "highlight.js": "^11.6.0",
     "markdown-it-anchor": "^9.0.1",
@@ -49,6 +49,6 @@
     "posthtml-beautify": "^0.7.0",
     "posthtml-include": "^2.0.1",
     "posthtml-markdownit": "^3.1.0",
-    "vitest": "^2.0.4"
+    "vitest": "^3.0.4"
   }
 }

package/src/find-path.js

@@ -1,7 +1,5 @@
-'use strict';
-
-const path = require('path');
-const {existsSync} = require('fs');
+const path = require('node:path');
+const {existsSync} = require('node:fs');
 
 const folderSeparator = '.';
 

package/src/index.d.ts

@@ -182,6 +182,7 @@ export type PostHTMLComponents = {
    *
    *
    */
+  // biome-ignore lint: using `any` until we can do better
   mergeCustomizer?: (objValue: any, srcValue: any) => any;
 
   /**

package/src/index.js

@@ -1,7 +1,5 @@
-'use strict';
-
-const {readFileSync, existsSync} = require('fs');
-const path = require('path');
+const {readFileSync, existsSync} = require('node:fs');
+const path = require('node:path');
 const {parser} = require('posthtml-parser');
 const {match, walk} = require('posthtml/lib/api');
 const expressions = require('posthtml-expressions');
@@ -149,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
@@ -170,7 +168,7 @@ let processCounter = 0;
 function processTree(options) {
   const filledSlots = {};
 
-  return tree => {
+  return (tree, messages) => {
     log(`Processing tree number ${processCounter}..`, 'processTree');
 
     if (options.plugins.length > 0) {
@@ -186,6 +184,13 @@ function processTree(options) {
 
       const componentPath = getComponentPath(currentNode, options);
 
+      if (messages) {
+        messages.push({
+          type: 'dependency',
+          file: componentPath
+        });
+      }
+
       if (!componentPath) {
         return currentNode;
       }
@@ -224,7 +229,7 @@ function processTree(options) {
         return currentNode.content || nextNode.content;
       });
 
-      nextNode = processTree(options)(nextNode);
+      nextNode = processTree(options)(nextNode, messages);
 
       // Process <fill> tags
       processFillContent(nextNode, filledSlots, options);
@@ -244,7 +249,7 @@ function processTree(options) {
        * 'undefined' or 'null'.
        */
       walk.call(currentNode, node => {
-        if (node && node.attrs) {
+        if (node?.attrs) {
           for (const key in node.attrs) {
             if (node.attrs[key] === 'undefined' || node.attrs[key] === 'null') {
               delete node.attrs[key];

package/src/log.js

@@ -1,4 +1,4 @@
-const {inspect} = require('util');
+const {inspect} = require('node:util');
 
 const debug = false;
 

package/src/process-attributes.js

@@ -1,5 +1,3 @@
-'use strict';
-
 const {match} = require('posthtml/lib/api');
 const parseAttrs = require('posthtml-attrs-parser');
 const styleToObject = require('style-to-object').default;

package/src/process-props.js

@@ -1,5 +1,3 @@
-'use strict';
-
 const pick = require('lodash/pick');
 const assign = require('lodash/assign');
 const mergeWith = require('lodash/mergeWith');

package/src/process-script.js

@@ -1,7 +1,5 @@
-'use strict';
-
-const vm = require('vm');
-const {existsSync, readFileSync} = require('fs');
+const vm = require('node:vm');
+const {existsSync, readFileSync} = require('node:fs');
 const {render} = require('posthtml-render');
 const {match} = require('posthtml/lib/api');
 

package/src/process-slots.js

@@ -1,5 +1,3 @@
-'use strict';
-
 const {match} = require('posthtml/lib/api');
 const {render} = require('posthtml-render');
 const omit = require('lodash/omit');
@@ -25,7 +23,7 @@ function setFilledSlots(currentNode, filledSlots, {fill, slotSeparator, propsSlo
 
     if (props) {
       for (const key in props) {
-        if (props.hasOwnProperty(key)) {
+        if (Object.hasOwn(props, key)) {
           try {
         props[key] = JSON.parse(props[key]);
           } catch {}

package/src/process-stacks.js

@@ -1,5 +1,3 @@
-'use strict';
-
 const {match} = require('posthtml/lib/api');
 const {render} = require('posthtml-render');
 const get = require('lodash/get');