@lightningjs/blits 0.5.2 → 0.5.3

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 # Changelog
+
+# v0.5.3
+
+_4 dec 2023_
+
+- Added transition `start` and tranition `end` callbacks
+
 # v0.5.2
 
 _30 nov 2023_

package/boilerplate/package.json

@@ -31,6 +31,6 @@
     "vite": "^4.0.4"
   },
   "dependencies": {
-    "@lightningjs/blits": "^0.5.2"
+    "@lightningjs/blits": "^0.5.3"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Blits: The Lightning 3 App Development Framework",
   "bin": "bin/index.cjs",
   "exports": {

package/src/element.js

@@ -284,9 +284,17 @@ const Element = {
           v: props[prop],
           f,
           timeout: setTimeout(() => {
+            value.start &&
+              typeof value.start === 'function' &&
+              value.start.call(this.component, this, prop, props[prop])
             f.start()
               .waitUntilStopped()
               .then(() => delete this.scheduledTransitions[prop])
+              .then(() => {
+                value.end &&
+                  typeof value.end === 'function' &&
+                  value.end.call(this.component, this, prop, props[prop])
+              })
               .then(resolve)
           }, value.delay || 0),
         }
@@ -295,11 +303,12 @@ const Element = {
   },
 }
 
-export default (config) =>
+export default (config, component) =>
   Object.assign(Object.create(Element), {
     node: null,
     setProperties: [],
     scheduledTransitions: {},
     initData: {},
     config,
+    component,
   })

package/src/lib/codegenerator/generator.js

@@ -56,7 +56,7 @@ const generateElementCode = function (
 
   renderCode.push(`
     if(!${elm}) {
-      ${elm} = this.element({componentId: component[Symbol.for('id')], parent: parent || 'root'})
+      ${elm} = this.element({componentId: component[Symbol.for('id')], parent: parent || 'root'}, component)
     }
     const elementConfig${counter} = {}
   `)