@kithinji/pod 1.0.15 → 1.0.17

package/dist/main.js

@@ -1438,6 +1438,38 @@ var ASTUtilities = class {
       body.push(...statements);
     }
   }
+  addEffectCleanup(scope, effectCall) {
+    const cleanupId = scope.generateUidIdentifier("cleanup");
+    return [
+      // const _cleanup1 = $effect(...)
+      this.t.variableDeclaration("const", [
+        this.t.variableDeclarator(cleanupId, effectCall)
+      ]),
+      // self.__cleanup = [...(self.__cleanup || []), _cleanup1]
+      this.t.expressionStatement(
+        this.t.assignmentExpression(
+          "=",
+          this.t.memberExpression(
+            this.t.identifier("self"),
+            this.t.identifier("__cleanup")
+          ),
+          this.t.arrayExpression([
+            this.t.spreadElement(
+              this.t.logicalExpression(
+                "||",
+                this.t.memberExpression(
+                  this.t.identifier("self"),
+                  this.t.identifier("__cleanup")
+                ),
+                this.t.arrayExpression([])
+              )
+            ),
+            cleanupId
+          ])
+        )
+      )
+    ];
+  }
 };
 var JSXUtilities = class {
   constructor(t) {
@@ -1629,6 +1661,7 @@ var ElementTransformer = class {
       jsxElement.openingElement.attributes,
       elId,
       statements,
+      scope,
       context2
     );
     if (hasRef && refValue) {
@@ -1639,8 +1672,9 @@ var ElementTransformer = class {
       );
     }
     if (hasDangerousHTML && dangerousHTMLValue) {
-      statements.push(
-        this.t.expressionStatement(
+      const effectCall = this.t.callExpression(this.t.identifier("$effect"), [
+        this.t.arrowFunctionExpression(
+          [],
           this.t.assignmentExpression(
             "=",
             this.t.memberExpression(elId, this.t.identifier("innerHTML")),
@@ -1650,7 +1684,12 @@ var ElementTransformer = class {
             )
           )
         )
+      ]);
+      const cleanupStatements = this.astUtils.addEffectCleanup(
+        scope,
+        effectCall
       );
+      statements.push(...cleanupStatements);
     }
     if (!hasDangerousHTML) {
       this.processDOMChildren(
@@ -1758,7 +1797,7 @@ var ElementTransformer = class {
       }
     }
   }
-  processDOMAttributes(attributes, elId, statements, context2) {
+  processDOMAttributes(attributes, elId, statements, scope, context2) {
     let hasRef = false;
     let refValue = null;
     let hasDangerousHTML = false;
@@ -1775,14 +1814,20 @@ var ElementTransformer = class {
           context2.observableSignals,
           this.astUtils
         );
-        statements.push(
-          this.t.expressionStatement(
+        const effectCall = this.t.callExpression(this.t.identifier("$effect"), [
+          this.t.arrowFunctionExpression(
+            [],
             this.t.callExpression(this.t.identifier("$spread"), [
               elId,
               this.astUtils.replaceThisWithSelf(replaced)
             ])
           )
+        ]);
+        const cleanupStatements = this.astUtils.addEffectCleanup(
+          scope,
+          effectCall
         );
+        statements.push(...cleanupStatements);
         continue;
       }
       const key = attr.name.name;
@@ -1825,7 +1870,7 @@ var ElementTransformer = class {
         continue;
       }
       if (key === "style" && this.t.isJSXExpressionContainer(attr.value)) {
-        this.processStyleAttribute(attr, elId, statements, context2);
+        this.processStyleAttribute(attr, elId, statements, scope, context2);
         continue;
       }
       this.processRegularAttribute(key, attr, elId, statements, context2);
@@ -1857,7 +1902,7 @@ var ElementTransformer = class {
       )
     );
   }
-  processStyleAttribute(attr, elId, statements, context2) {
+  processStyleAttribute(attr, elId, statements, scope, context2) {
     if (!this.t.isJSXExpressionContainer(attr.value)) return;
     this.observableManager.collectObservables(
       attr.value.expression,
@@ -1869,17 +1914,17 @@ var ElementTransformer = class {
       context2.observableSignals,
       this.astUtils
     );
-    statements.push(
-      this.t.expressionStatement(
+    const effectCall = this.t.callExpression(this.t.identifier("$effect"), [
+      this.t.arrowFunctionExpression(
+        [],
         this.t.callExpression(this.t.identifier("$style"), [
           elId,
-          this.t.arrowFunctionExpression(
-            [],
-            this.astUtils.replaceThisWithSelf(replaced)
-          )
+          this.astUtils.replaceThisWithSelf(replaced)
         ])
       )
-    );
+    ]);
+    const cleanupStatements = this.astUtils.addEffectCleanup(scope, effectCall);
+    statements.push(...cleanupStatements);
   }
   processRegularAttribute(key, attr, elId, statements, context2) {
     const attrName = key === "className" ? "class" : key;
@@ -2027,7 +2072,8 @@ function j2d({ types: t }) {
             { local: "$createComponent", imported: "createComponent" },
             { local: "$style", imported: "style" },
             { local: "$spread", imported: "spread" },
-            { local: "$toSignal", imported: "toSignal" }
+            { local: "$toSignal", imported: "toSignal" },
+            { local: "$effect", imported: "effect" }
           ];
           for (const helper of helpers) {
             path14.unshiftContainer(
@@ -4670,7 +4716,7 @@ function printNextSteps(projectName, env, services) {
 
 // src/main.ts
 var program = new Command();
-program.name("pod").description("Pod cli tool").version("1.0.15");
+program.name("pod").description("Pod cli tool").version("1.0.17");
 program.command("new <name>").description("Start a new Pod Project").action(async (name) => {
   await addNew(name);
   const appDir = path13.resolve(process.cwd(), name);