feat(): support DeferredBlock

Author: rdlabo

packages/cli/src/angular/migrations/standalone/0002-generate-use-icons.test.ts

@@ -125,6 +125,35 @@ describe("migrateComponents", () => {
         dedent(`export { imageOutline, closeOutline } from "ionicons/icons";`),
       );
     });
+
+    it("@defer", async () => {
+      const project = new Project({ useInMemoryFileSystem: true });
+
+      const html = `
+        @defer (when loaded) {
+          <ion-icon name="image-outline" color="medium"></ion-icon>
+        } @loading {
+          <ion-icon name="accessibility-outline"></ion-icon>
+        } @placeholder {
+        }
+      `;
+
+      project.createSourceFile("foo.component.html", dedent(html));
+
+      const useIconFile = project.createSourceFile("use-icons.ts", dedent(``));
+
+      await generateUseIcons(project, {
+        dryRun: false,
+        iconPath: "src/use-icons.ts",
+        projectPath: cwd(),
+        interactive: false,
+        initialize: false,
+      });
+
+      expect(dedent(useIconFile.getText())).toBe(
+        dedent(`export { imageOutline, accessibilityOutline } from "ionicons/icons";`),
+      );
+    });
   });
 
   describe("get binding name", () => {

packages/cli/src/angular/migrations/standalone/0002-generate-use-icons.ts

@@ -201,8 +201,24 @@ function detectIonicComponentsAndIcons(htmlAsString: string, filePath: string) {
           recursivelyFindIonicComponents(childNode);
         }
       }
+    } else if (node.type === "DeferredBlock") {
+      if (node.children) {
+        for (const childNode of node.children) {
+          recursivelyFindIonicComponents(childNode);
+        }
+      }
+
+      for (const childKey of Object.keys(node)) {
+        if (node[childKey]?.children) {
+          for (const childNode of node[childKey].children) {
+            recursivelyFindIonicComponents(Object.assign(childNode, {
+              type: childNode.constructor.name
+            }));
+          }
+        }
+      }
     } else {
-      console.log(node.type);
+      // console.log(node.type);
     }
   };