fix(vite-plugin-angular): adjust compiled output to be more concise (#…

…845)
analogjs · Jan 9, 2024 · 7ac2d23 · 7ac2d23
1 parent f348b4b
commit 7ac2d23
Show file tree

Hide file tree

Showing 3 changed files with 147 additions and 116 deletions.
diff --git a/packages/vite-plugin-angular/src/lib/authoring/__snapshots__/ng.spec.ts.snap b/packages/vite-plugin-angular/src/lib/authoring/__snapshots__/ng.spec.ts.snap
@@ -14,17 +14,15 @@ import { signal } from "@angular/core";
   <p>{ a }</p>
   <p>{ b }</p>
   <p>{ c }</p>
-  <p>{{ test }}</p>\`,
-    imports: []
+  <p>{{ test }}</p>\`
 })
-export default class AnalogNgEntity {
+export default class VirtualAnalogComponent {
     constructor() {
-        let test: string;
+        let test;
         setTimeout(() => {
             test = 'test';
         }, 1000)
-        const counter = signal(0);
-        this.counter = counter;
+        const counter = (this.counter = signal(0));
         const [a, b, , c = 4] = [1, 2, 3];
         this.a = a;
         this.b = b;
@@ -36,7 +34,6 @@ export default class AnalogNgEntity {
     }
 
     protected Math = Math;
-    protected counter;
     protected a;
     protected b;
     protected c;
@@ -52,16 +49,23 @@ import { inject, ElementRef, afterNextRender } from "@angular/core";
     standalone: true,
     selector: 'input[directive]'
 })
-export default class AnalogNgEntity {
+export default class VirtualAnalogDirective {
     constructor() {
-        const elRef = inject(ElementRef);
-        this.elRef = elRef;
+        const elRef = (this.elRef = inject(ElementRef));
         afterNextRender(() => {
             elRef.nativeElement.focus();
         });
+        this.onInit = () => {
+            console.log('init code');
+        }
+        effect(() => {
+            console.log('just some effect');
+        });
     }
 
-    protected elRef;
+    ngOnInit() {
+        this.onInit();
+    }
 }
 "
 `;
diff --git a/packages/vite-plugin-angular/src/lib/authoring/ng.spec.ts b/packages/vite-plugin-angular/src/lib/authoring/ng.spec.ts
@@ -51,6 +51,14 @@ const elRef = inject(ElementRef);
 afterNextRender(() => {
   elRef.nativeElement.focus();
 });
+
+onInit(() => {
+  console.log('init code');
+});
+
+effect(() => {
+  console.log('just some effect');
+});
 </script>
 `;