add support for hostDirectives

Author: timonkrebs

scripts/template.helper.js

@@ -35,7 +35,7 @@ const loadDependencies = (c, withNestedDependencies, recursionDepth) => {
     const importNodes = parse(fileContent, { range: true }).body
         .filter(n => (n.type === 'ExportDefaultDeclaration' || n.type === 'ExportNamedDeclaration') && n.declaration?.decorators)?.flatMap(n => n
             .declaration.decorators.filter(d => d.expression.callee?.name === 'Component')?.[0]
-            ?.expression.arguments[0].properties.filter(n => n.key.name === 'imports')?.[0]
+            ?.expression.arguments[0].properties.filter(n => n.key.name === 'imports' || n.key.name === 'hostDirectives')?.[0]
             ?.value.elements);
 
     // ToDo: add tests for this
@@ -45,16 +45,29 @@ const loadDependencies = (c, withNestedDependencies, recursionDepth) => {
         return [c, ...components];
     }
 
-    const identifierNodes = importNodes.filter(n => n?.type === 'Identifier');
+    // Extract both direct identifiers and hostDirective property expressions
+    const identifierNodes = importNodes.filter(n => 
+        n?.type === 'Identifier' || 
+        (n?.type === 'ObjectExpression' && n.properties.some(p => p.key.name === 'directive'))
+    );
 
     if (identifierNodes?.length) {
         try {
-            const importsContent = identifierNodes.map(e => e.name);
+            // Extract component names from both regular imports and hostDirectives
+            const importsContent = identifierNodes.map(e => {
+                if (e.type === 'Identifier') {
+                    return e.name;
+                } else if (e.type === 'ObjectExpression') {
+                    const directiveProp = e.properties.find(p => p.key.name === 'directive');
+                    return directiveProp?.value?.name;
+                }
+                return null;
+            }).filter(Boolean);
 
             importsContent.forEach(componentName => {
                 const comp = handleComponent(componentName, fileContent, c.componentName, path.relative(cwd, p));
                 if (comp) {
-                    components.push(comp)
+                    components.push(comp);
                 }
             });