Merge pull request #372 from HapticX/dev

component event @created -> @beforeCreated, add a new @created

Author: Ethosa

src/happyx/spa/components.nim

@@ -438,6 +438,7 @@ macro component*(name, body: untyped): untyped =
     ]
     usedLifeCycles = {
       "created": false,  # at created
+      "beforeCreated": false,  # at created
       "updated": false,  # at HTML render end
       "rendered": false,  # at render/reRender end
       "beforeUpdated": false,  # before render/reRender
@@ -825,11 +826,11 @@ macro component*(name, body: untyped): untyped =
     newNimNode(nnkIfStmt).add(newNimNode(nnkElifBranch).add(
       newCall("==", newDotExpr(ident"self", ident"isCreated"), newLit(false)),
       newStmtList(
-        newCall(newDotExpr(ident"self", ident"created"), ident"self"),
-        newAssignment(
-          newDotExpr(ident"self", ident"isCreated"),
-          newLit(true)
-        )
+        newCall(newDotExpr(ident"self", ident"beforeCreated"), ident"self"),
+        # newAssignment(
+        #   newDotExpr(ident"self", ident"isCreated"),
+        #   newLit(true)
+        # )
       )
     ))
   ).add(

src/happyx/spa/renderer.nim

@@ -77,7 +77,8 @@ when defined(js):
           inCycle: bool, cycleCounter: var int, compCounter: string
         ): TagRef
         slotData*: TagRef
-        created*: ComponentEventHandler  ## Calls before first rendering
+        beforeCreated*: ComponentEventHandler  ## Calls before first rendering
+        created*: ComponentEventHandler  ## Calls after first rendering
         exited*: ComponentEventHandler  ## Calls after last rendering
         rendered*: ComponentEventHandler  ## Calls after every rendering
         pageHide*: ComponentEventHandler  ## Calls after every rendering
@@ -112,7 +113,8 @@ else:
           inCycle: bool, cycleCounter: var int, compCounter: string
         ): TagRef
         slotData*: TagRef
-        created*: ComponentEventHandler  ## Calls before first rendering
+        beforeCreated*: ComponentEventHandler  ## Calls before first rendering
+        created*: ComponentEventHandler  ## Calls after first rendering
         exited*: ComponentEventHandler  ## Calls after last rendering
         rendered*: ComponentEventHandler  ## Calls after every rendering
         pageHide*: ComponentEventHandler  ## Calls after every rendering
@@ -357,10 +359,16 @@ when defined(js):
           components.del(comp.uniqCompId)
         for comp in currentComponentsList.mitems:
           comp = registerComponent(comp.uniqCompId, comp)
+          if not comp.isCreated:
+            comp.created(comp)
+            comp.isCreated = true
           comp.updated(comp, nil)
         createdComponentsList.setLen(0)
       else:
         for comp in currentComponentsList:
+          if not comp.isCreated:
+            comp.created(comp)
+            comp.isCreated = true
           comp.updated(comp, nil)
       currentComponentsList.setLen(0)
     if activeElement.hasAttribute("id"):