@lightningjs/blits 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+# v0.4.1
+
+_13 nov 2023_
+
+- Added support for using dynamic import of components in routes
+- Added support for returning components in an async function / Promise in routes
+
 ## v0.4.0
 
 _9 nov 2023_

package/README.md

@@ -20,8 +20,14 @@ Firstly, it's short, memorable and just has a nice ring to it.
 
 Finally it's a nerdy reference to the computer term "Bit Blits" commonly used in graphics processing, for rapidly moving a block of data into memory - quite similar to what Lightning is doing 🙂
 
+## Documentation
+
 Check out the [documentation](https://lightning-js.github.io/blits) to learn more.
 
+## Examples
+
+Check out the open source [Demo/Example app](https://github.com/lightning-js/blits-example-app) to see what Blits and Lightning are capable of and learn how to use Blits by example.
+
 ## Changelog
 
 The full Changelog can be found [here](./CHANGELOG.md)

package/boilerplate/package.json

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

package/package.json

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

package/src/router/router.js

@@ -68,7 +68,17 @@ export const navigate = async function () {
         holder.populate({})
         holder.set('w', '100%')
         holder.set('h', '100%')
-        view = route.component(this[symbols.props], holder, this)
+        view = await route.component(this[symbols.props], holder, this)
+        if (view[Symbol.toStringTag] === 'Module') {
+          if (view.default && typeof view.default === 'function') {
+            view = view.default(this[symbols.props], holder, this)
+          } else {
+            Log.error("Dynamic import doesn't have a default export or default is not a function")
+          }
+        }
+        if (typeof view === 'function') {
+          view = view(this[symbols.props], holder, this)
+        }
       } else {
         holder = view.wrapper
       }