@lightningjs/blits 0.5.1 → 0.5.2

package/CHANGELOG.md

@@ -1,4 +1,10 @@
 # Changelog
+# v0.5.2
+
+_30 nov 2023_
+
+- Fixed issue in code generator leading to creation unnecessary child nodes
+- Added focus handler to router view (that passes focus to the current active page)
 
 # v0.5.1
 

package/boilerplate/package.json

@@ -9,7 +9,7 @@
     "lint": "eslint '**/*.js'",
     "lint:fix": "eslint '**/*.js' --fix",
     "build": "vite build",
-    "dev": "vite dev"
+    "dev": "vite dev --host"
   },
   "lint-staged": {
     "*.js": [
@@ -31,6 +31,6 @@
     "vite": "^4.0.4"
   },
   "dependencies": {
-    "@lightningjs/blits": "^0.5.1"
+    "@lightningjs/blits": "^0.5.2"
   }
 }

package/package.json

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

package/src/components/RouterView.js

@@ -25,6 +25,11 @@ export default () =>
     template: `
       <Element w="100%" height="100%"></Element>
     `,
+    state() {
+      return {
+        activeView: null,
+      }
+    },
     hooks: {
       ready() {
         handler = () => Router.navigate.apply(this)
@@ -34,5 +39,8 @@ export default () =>
       destroy() {
         window.removeEventListener('hashchange', handler, false)
       },
+      focus() {
+        this.activeView && this.activeView.focus()
+      },
     },
   })

package/src/lib/codegenerator/generator.js

@@ -182,7 +182,9 @@ const generateComponentCode = function (
   `)
 
   counter++
-  generateElementCode.call(this, { children }, false, { ...options })
+  if (children) {
+    generateElementCode.call(this, { children }, false, { ...options })
+  }
 }
 
 const generateForLoopCode = function (templateObject, parent) {

package/src/router/router.js

@@ -123,6 +123,7 @@ export const navigate = async function () {
 
       // focus the new view
       focus ? Focus.set(focus) : view.focus()
+      this.activeView = this[symbols.children][this[symbols.children].length - 1]
     } else {
       Log.error(`Route ${hash} not found`)
     }