Added hook updateBeforeUpdate

Author: xdev1

package.json

@@ -1,6 +1,6 @@
 {
   "name": "js-element",
-  "version": "0.0.225",
+  "version": "0.0.228",
   "description": "",
   "license": "LGPL-3.0",
   "main": "./index.js",

src/main/js-element-hooks.ts

@@ -309,12 +309,31 @@ export const useAfterMount = hook(
 
 // === useBeforeUpdate ===================================================
 
-export const useBeforeMount = hook(
+export const useBeforeUpdate = hook(
   'useBeforeUpdate',
   function (action: () => void | undefined | null | (() => void)) {
     let cleanup: Task | null | undefined | void
     const c = currentCtrl!
 
+    c.beforeUpdate(() => {
+      cleanup && cleanup()
+      cleanup = action()
+    })
+
+    c.beforeUnmount(() => {
+      cleanup && cleanup()
+    })
+  }
+)
+
+// === useBeforeMount ====================================================
+
+export const useBeforeMount = hook(
+  'useBeforeMount',
+  function (action: () => void | undefined | null | (() => void)) {
+    let cleanup: Task | null | undefined | void
+    const c = currentCtrl!
+
     c.beforeMount(() => {
       cleanup = action()
     })

src/main/js-element.ts

@@ -280,7 +280,7 @@ class BaseElement extends HTMLElement {
         try {
           onceBeforeUpdateNotifier.notify()
         } finally {
-          onceBeforeMountNotifier.clear()
+          onceBeforeUpdateNotifier.clear()
         }
 
         beforeUpdateNotifier.notify()
@@ -324,6 +324,7 @@ class BaseElement extends HTMLElement {
       if (!rendered) {
         addPropHandling(this)
         onceBeforeMountNotifier.notify()
+        onceBeforeMountNotifier.close()
       }
 
       beforeMountNotifier.notify()
@@ -457,13 +458,24 @@ function propNameToAttrName(propName: string) {
 }
 
 function createNotifier() {
-  const subscribers: (() => void)[] = []
+  let subscribers: (() => void)[] | null = []
 
   return {
-    subscribe: (subscriber: () => void) => void subscribers.push(subscriber),
-    notify: () =>
-      void (subscribers.length && subscribers.forEach((it) => it())),
-    clear: () => (subscribers.length = 0)
+    subscribe(subscriber: () => void) {
+      subscribers && subscribers.push(subscriber)
+    },
+
+    notify() {
+      subscribers && subscribers.length && subscribers.forEach((it) => it())
+    },
+
+    clear() {
+      subscribers && (subscribers.length = 0)
+    },
+
+    close() {
+      subscribers = null
+    }
   }
 }