@lightningjs/blits 1.10.1 → 1.11.0

package/.github/workflows/deploy-docs.yml

@@ -0,0 +1,27 @@
+name: Trigger Website Docs Update
+
+on:
+  push:
+    branches: [ master ]
+    paths:
+      - 'docs/**'
+
+jobs:
+  trigger:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Trigger Deployment
+        timeout-minutes: 5
+        run: |
+          response=$(curl -X POST -w "%{http_code}" -s -o /dev/null \
+            --max-time 30 \
+            --connect-timeout 10 \
+            --retry 2 \
+            --retry-delay 5 \
+            ${{ secrets.WEBSITE_DEPLOY_URL }})
+          if [ "$response" -eq 200 ]; then
+            echo "Deployment triggered successfully"
+          else
+            echo "Failed to trigger deployment. Status code: $response"
+            exit 1
+          fi

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## v1.11.0
+
+_19 nov 2024_
+
+- Added support for splitting up translation file per language
+- Added hasFocus property to ComponentBase type
+- Fixed issue with alpha during router transitions
+
+
 ## v1.10.1
 
 _15 nov 2024_
@@ -7,6 +16,7 @@ _15 nov 2024_
 - Upgraded to renderer 2.7.1
 - Added documentation on Router
 
+
 ## v1.10.0
 
 _8 nov 2024_

package/docs/_sidebar.md

@@ -27,6 +27,7 @@
 - Router
   - [Basics](/router/basics.md)
   - [Hooks](/router/hooks.md)
+  - [Transitions](/router/transitions.md)
 - Plugins
   - [Text-to-Speech / Announcer](/plugins/text-to-speech-announcer.md)
   - [Language](/plugins/language.md)

package/docs/sidebar.json

@@ -118,6 +118,10 @@
       {
         "text": "Hooks",
         "link": "/router/hooks"
+      },
+      {
+        "text": "Transitions",
+        "link": "/router/transitions"
       }
     ]
   },

package/index.d.ts

@@ -149,6 +149,11 @@ declare module '@lightningjs/blits' {
   }
 
   export type ComponentBase = {
+    /**
+    * Check if a component has focus
+    */
+    hasFocus: boolean,
+
     /**
     * Listen to events emitted by other components
     */

package/package.json

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

package/src/plugins/language.js

@@ -37,22 +37,45 @@ export default {
     )
 
     const setLanguage = (language) => {
-      // define the dictionary
-      dictionary = translations[language] || {}
-      // set the current language in the reactive state
-      state.language = language
-
-      // warnings
-      if (Object.keys(translations).length === 0) {
-        Log.warn(
-          'No translations loaded. Please load a file with translations or specify a translations object manually'
-        )
-      }
-      if (language in translations === false) {
-        Log.warn(`Language ${language} not available in the loaded translations`)
+      const warningMsg =
+        Object.keys(translations).length === 0
+          ? 'No translations loaded. Please load a file with translations or specify a translations object manually'
+          : language in translations === false
+          ? `Language ${language} not available in the loaded translations`
+          : false
+      if (warningMsg) {
+        Log.warn(warningMsg)
+        // set the current language in the reactive state
+        state.language = language
+      } else {
+        setDict(language).then(() => {
+          state.language = language
+        })
       }
     }
 
+    const setDict = (language) => {
+      return new Promise((resolve) => {
+        const translationObj = translations[language]
+        if (typeof translationObj === 'object') {
+          dictionary = translationObj
+          resolve()
+        } else if (typeof translationObj === 'string') {
+          fetchJson(translationObj)
+            .then((result) => {
+              // save the translations for this language (to prevent loading twice)
+              translations[language] = result
+              // define the dictionary
+              dictionary = result
+              resolve()
+            })
+            .catch((e) => {
+              Log.error(e)
+            })
+        }
+      })
+    }
+
     const loadLanguageFile = (filePath) => {
       return fetchJson(filePath)
         .then((result) => {
@@ -65,8 +88,9 @@ export default {
 
     const setTranslations = (translationsObject) => {
       translations = translationsObject
-      dictionary = translations[state.language] || {}
-      state.loaded++
+      setDict(state.language).then(() => {
+        state.loaded++
+      })
     }
 
     if ('file' in options) {

package/src/router/router.js

@@ -168,6 +168,25 @@ export const navigate = async function () {
         }
       } else {
         holder = view[symbols.holder]
+
+        // Check, whether cached view holder's alpha prop is exists in transition or not
+        let hasAlphaProp = false
+        if (route.transition.before) {
+          if (Array.isArray(route.transition.before)) {
+            for (let i = 0; i < route.transition.before.length; i++) {
+              if (route.transition.before[i].prop === 'alpha') {
+                hasAlphaProp = true
+                break
+              }
+            }
+          } else if (route.transition.before.prop === 'alpha') {
+            hasAlphaProp = true
+          }
+        }
+        // set holder alpha when alpha prop is not exists in route transition
+        if (hasAlphaProp === false) {
+          holder.set('alpha', 1)
+        }
       }
 
       this[symbols.children].push(view)