@lightningjs/blits 2.8.9 → 2.10.0

package/CHANGELOG.md

@@ -1,7 +1,35 @@
 # Changelog
 
+## 2.10.0
+
+_21 sep 2026_
+
+- Fixed / improved type definitions
+- Fixed issue with accidental sideeffect running when `$hasFocus` triggers after destroy
+- Fixed issue where an error in an effect can break execution of other effects
+- Added support for reactivity of `array.length`
+- Improved reactivity in the case of nested array operations
+- Fixed case where transition callbacks could run after destroy
+- Fixed case where keyup callback could fire after component destroy
+- Improved error handling and parse rejection for fetchJson method
+- Fixed typing of `fpsUpdate`
+- Added textCalculated listener to trigger layout changes
+- Added `mouseMoveThrottle` setting to configure responsiveness of mouse movements
+- Fixed issue where hover is not recognized after keyboard use
+- Added support for numeric rgba colors
+- Bumped renderer to 3.5.0
+
+## 2.9.0
+
+_9 sep 2026_
+
+- Added DOM based Aria announcer implementation
+
+
 ## 2.8.9
 
+_12 aug 2026_
+
 - Fixed focus issue related to multiple named router views
 
 ## 2.8.8

package/index.d.ts

@@ -18,7 +18,7 @@
 // blits file type reference
 /// <reference path="./blits.d.ts" />
 
-import {type ShaderEffect as RendererShaderEffect, type RendererMainSettings} from '@lightningjs/renderer'
+import {type ShaderEffect as RendererShaderEffect, type RendererMainSettings, type FrameCounter} from '@lightningjs/renderer'
 import { CanvasShaderType } from '@lightningjs/renderer/canvas';
 import { WebGlShaderType } from '@lightningjs/renderer/webgl';
 
@@ -242,7 +242,7 @@ declare module '@lightningjs/blits' {
     *
     * Note: This event fire multiple times
     */
-    fpsUpdate?: (fps: number) => void;
+    fpsUpdate?: (fps: number, frameCounter: FrameCounter) => void;
   }
 
   export interface Input {
@@ -642,7 +642,9 @@ declare module '@lightningjs/blits' {
   type InferProp<T> = T extends (...args: any[]) => any ? ReturnType<T> : T
 
   type InferProps<T extends Record<string, any>> = {
-    [K in keyof T]: InferProp<T[K]>
+    // Since InferProps is no longer used for `Computed` props,
+    // then we do not need to infer the return type of a function-typed prop in `Props`.
+    [K in keyof T]: T[K]
   }
 
   type Computed<T extends Record<string, () => any>> = {
@@ -653,7 +655,7 @@ declare module '@lightningjs/blits' {
     P extends Record<string, any>,
     S,
     M,
-    C extends Record<string, () => any>,
+    C extends Record<string, () => any> = Record<never, never>,
   > = ThisType<
     Readonly<InferProps<P>> & S & M & Computed<C> & ChildComponentBase
   >
@@ -662,14 +664,14 @@ declare module '@lightningjs/blits' {
     P extends Record<string, any>,
     S,
     M,
-    C,
+    C extends Record<string, () => any> = Record<never, never>,
   > = ThisType<Readonly<InferProps<P>> & S & M & Computed<C> & ApplicationBase>
 
   export interface ComponentConfig<
     P extends Props = {},
     S,
     M,
-    C extends Record<string, () => any>,
+    C extends Record<string, () => any> = Record<never, never>,
     W,
   > {
     components?: {
@@ -1408,6 +1410,14 @@ declare module '@lightningjs/blits' {
      */
     enableMouse?: boolean,
     /**
+     * Minimum time in milliseconds between two pointer moves that are processed for hover.
+     *
+     * Moves arriving sooner are dropped, not delayed.
+     *
+     * @default 100
+     */
+    mouseMoveThrottle?: number,
+      /**
      * Maximum FPS at which the App will be rendered
      *
      * Lowering the maximum FPS value can improve the overall experience on lower end devices.
@@ -1478,7 +1488,7 @@ declare module '@lightningjs/blits' {
       P extends Props,
       S extends State,
       M extends Methods,
-      C extends Computed,
+      C extends Computed = Record<never, never>,
       W extends Watch>(config: ApplicationConfig<P, S, M, C, W>) : ComponentFactory
       /**
      * Blits Component
@@ -1489,7 +1499,7 @@ declare module '@lightningjs/blits' {
       P extends Props,
       S extends State,
       M extends Methods,
-      C extends Computed,
+      C extends Computed = Record<never, never>,
       W extends Watch>(name: string, config: ComponentConfig<P, S, M, C, W>) : ComponentFactory
     /**
      * Blits Launch
@@ -1526,4 +1536,5 @@ declare module '@lightningjs/blits' {
   const Blits: Blits;
 
   export default Blits;
+
 }

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@lightningjs/blits",
-  "version": "2.8.9",
+  "version": "2.10.0",
   "description": "Blits: The Lightning 3 App Development Framework",
   "bin": "bin/index.js",
   "exports": {
     ".": "./index.js",
+    "./colors": {
+      "types": "./src/lib/colors/htmlColors.d.ts",
+      "default": "./src/lib/colors/htmlColors.js"
+    },
     "./platforms": {
       "types": "./src/platforms.d.ts",
       "default": "./src/platforms.js"
@@ -36,6 +40,10 @@
       "types": "./src/platforms/webOS/announcer.d.ts",
       "default": "./src/platforms/webOS/announcer.js"
     },
+    "./platforms/dom/announcer": {
+      "types": "./src/platforms/dom/announcer.d.ts",
+      "default": "./src/platforms/dom/announcer.js"
+    },
     "./testing": {
       "types": "./src/testing/index.d.ts",
       "default": "./src/testing/index.js"
@@ -66,28 +74,28 @@
   "author": "Michiel van der Geest <hello@michielvandergeest.com>",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@babel/eslint-parser": "^7.26.5",
-    "@babel/plugin-syntax-import-assertions": "^7.26.0",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.33.0",
-    "c8": "^9.1.0",
-    "eslint": "^9.33.0",
+    "@babel/eslint-parser": "^7.28.6",
+    "@babel/plugin-syntax-import-assertions": "^7.28.6",
+    "@eslint/eslintrc": "^3.3.4",
+    "@eslint/js": "^9.39.3",
+    "c8": "^10.1.3",
+    "eslint": "^9.39.3",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "fast-glob": "^3.3.3",
-    "global-jsdom": "24.0.0",
+    "global-jsdom": "^26.0.0",
     "globals": "^16.3.0",
     "husky": "^9.1.7",
-    "jsdom": "24.0.0",
-    "lint-staged": "^15.5.0",
+    "jsdom": "^26.0.0",
+    "lint-staged": "^15.5.2",
     "prettier": "^3.6.2",
-    "sinon": "^21.0.0",
+    "sinon": "^21.0.1",
     "tap-diff": "^0.1.1",
     "tap-filter": "^1.0.3",
-    "tape": "^5.5.0"
+    "tape": "^5.9.0"
   },
   "dependencies": {
-    "@lightningjs/renderer": "3.3.1",
+    "@lightningjs/renderer": "3.5.0",
     "magic-string": "^0.30.21"
   },
   "repository": {

package/src/announcer/announcer.js

@@ -81,15 +81,30 @@ const addToQueue = (message, politeness, delay = false, options = {}) => {
 
   // setup a promise to allow developer to chain functionality
   // when specific utterances are done
-  let resolveFn
+  let resolvePromise
+  let settled = false
   const done = new Promise((resolve) => {
-    resolveFn = resolve
+    resolvePromise = resolve
   })
 
+  const resolveFn = (status) => {
+    if (settled === true) return
+    settled = true
+    resolvePromise(status)
+  }
+
   // augment the promise with a cancel / remove function
   done.remove = done.cancel = () => {
     const index = queue.findIndex((item) => item.id === id)
-    if (index !== -1) queue.splice(index, 1)
+    if (index !== -1) {
+      queue.splice(index, 1)
+    } else if (id === currentId && debounce !== null) {
+      clearDebounceTimer()
+      currentId = null
+      currentResolveFn = null
+      isProcessing = false
+      processQueue()
+    }
     Log.debug(`Announcer - removed from queue: "${message}" (id: ${id})`)
     resolveFn('canceled')
   }

package/src/application.js

@@ -15,7 +15,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { default as Component, componentMap } from './component.js'
+import { componentMap, default as Component } from './component.js'
 import { default as Focus, keyUpCallbacks } from './focus/focus.js'
 import Hover from './focus/hover.js'
 
@@ -80,6 +80,7 @@ const Application = (config) => {
     const throttleMs = Settings.get('inputThrottle', 0)
 
     const mouseEnabled = Settings.get('enableMouse', false)
+    const mouseMoveThrottle = Settings.get('mouseMoveThrottle', 100)
     const { createKeyboardEvent, input, isKeyboardEvent, now = Date.now, viewport } = platform
 
     keyDownHandler = async (e) => {
@@ -114,7 +115,11 @@ const Application = (config) => {
       }
 
       Focus.input(key, e)
-      if (mouseEnabled === true) Hover.clear()
+      if (mouseEnabled === true) {
+        Hover.clear()
+        // forget the node under the pointer too, so moving on it hovers it again
+        currentNode = undefined
+      }
       clearTimeout(holdTimeout)
       holdTimeout = setTimeout(
         () => {
@@ -125,10 +130,12 @@ const Application = (config) => {
     }
 
     keyUpHandler = (e) => {
-      const cb = keyUpCallbacks.get(e.keyCode)
-      if (cb !== undefined && typeof cb === 'function') {
+      const entry = keyUpCallbacks.get(e.keyCode)
+      if (entry !== undefined) {
         keyUpCallbacks.delete(e.keyCode)
-        cb()
+        if (entry.component.eol !== true && typeof entry.callback === 'function') {
+          entry.callback()
+        }
       }
       clearTimeout(holdTimeout)
       Focus.hold = false
@@ -147,7 +154,7 @@ const Application = (config) => {
 
     // limit the amount of move events per time frame
     mouseMoveHandler = (e) => {
-      if (e.timeStamp - lastMoved < 100) return
+      if (e.timeStamp - lastMoved < mouseMoveThrottle) return
       lastMoved = e.timeStamp
 
       this.$emit('mouse::move', e)

package/src/component/base/methods.js

@@ -16,7 +16,12 @@
  */
 
 import symbols from '../../lib/symbols.js'
-import { default as Focus, keyUpCallbacks, getComponentWithInputEvent } from '../../focus/focus.js'
+import {
+  default as Focus,
+  keyUpCallbacks,
+  getComponentWithInputEvent,
+  removeKeyUpCallbacks,
+} from '../../focus/focus.js'
 import eventListeners from '../../lib/eventListeners.js'
 import { trigger } from '../../lib/reactivity/effect.js'
 import { Log } from '../../lib/log.js'
@@ -71,7 +76,7 @@ export default {
       }
 
       if (cb !== undefined && event.keyCode) {
-        keyUpCallbacks.set(event.keyCode, cb)
+        keyUpCallbacks.set(event.keyCode, { callback: cb, component: componentWithInputEvent })
       }
 
       return true
@@ -98,14 +103,15 @@ export default {
      */
     value: function () {
       this.eol = true
+      removeKeyUpCallbacks(this)
       this[symbols.lifecycle].state = 'destroy'
 
+      removeEffects(this[symbols.effects])
+
       // when destroying a component that currently has focus
       // pass focus to the parent so we don't get lost in focus limbo
       if (this.$hasFocus === true) this[symbols.parent].$focus()
 
-      removeEffects(this[symbols.effects])
-
       // @todo - is this really necessary?
       // This cause an issue with auto sizing of parent (and required an extra eol check there)
       for (let key in this[symbols.state]) {

package/src/engines/L3/element.js

@@ -275,7 +275,9 @@ const propsTransformer = {
     this.props['zIndex'] = v
   },
   set color(v) {
-    if (typeof v === 'string' && v.startsWith('{') === false) {
+    if (typeof v === 'number') {
+      this.props['color'] = v
+    } else if (typeof v === 'string' && v.startsWith('{') === false) {
       this.props['color'] = colors.normalize(v)
     } else if (typeof v === 'object' || (isObjectString(v) === true && (v = parseToObject(v)))) {
       this.props['color'] = 0
@@ -649,10 +651,11 @@ const Element = {
     if (this.props.props['color'] === undefined && '__textnode' in props === false) {
       this.props.props['color'] = 0
     }
-
-    this.node = props.__textnode
-      ? renderer.createTextNode({ ...textDefaults, ...this.props.props })
-      : renderer.createNode(this.props.props)
+    const isTextNode = props.__textnode
+    this.node =
+      isTextNode === true
+        ? renderer.createTextNode({ ...textDefaults, ...this.props.props })
+        : renderer.createNode(this.props.props)
 
     if (this.props['holder'] === true) {
       holderComponentMap.set(this.node, this.component)
@@ -680,7 +683,8 @@ const Element = {
 
     if (this.config.parent.props !== undefined && this.config.parent.props.__layout === true) {
       this.config.parent.triggerLayout(this.config.parent.props)
-      this.node.on('loaded', () => {
+
+      this.node.on(isTextNode === true ? 'textCalculated' : 'loaded', () => {
         if (this.eol === true) return
         this.config.parent.triggerLayout(this.config.parent.props)
       })
@@ -809,6 +813,20 @@ const Element = {
     // @ts-ignore
     this.props.raw[prop] = value
 
+    if (prop === 'color' && typeof value === 'number') {
+      // A gradient can share its base color with the new solid color (notably zero).
+      // The renderer skips equal base colors, so reset its sides in that case.
+      if (this.node.color === value) {
+        this.node.colorTop = value
+        this.node.colorBottom = value
+        this.node.colorLeft = value
+        this.node.colorRight = value
+      }
+      // Use the renderer setter to invalidate colors, including text colors.
+      this.node.color = value
+      return
+    }
+
     this.props.props = {}
     // @ts-ignore
     this.props[prop] = unpackTransition(value)
@@ -908,6 +926,7 @@ const Element = {
     if (transition.start !== undefined && typeof transition.start === 'function') {
       // fire transition start callback when animation really starts (depending on specified delay)
       f.once('animating', () => {
+        if (this.eol === true) return
         transition.start.call(this.component, this, prop, startValue)
       })
     }
@@ -929,6 +948,7 @@ const Element = {
     }
 
     f.once('stopped', () => {
+      if (this.eol === true) return
       if (
         this.scheduledTransitions[prop] !== undefined &&
         this.scheduledTransitions[prop].canceled === true
@@ -936,7 +956,7 @@ const Element = {
         return
       }
       // fire transition end callback when animation ends (if specified)
-      if (this.node !== undefined && transition.end && typeof transition.end === 'function') {
+      if (transition.end && typeof transition.end === 'function') {
         transition.end.call(this.component, this, prop, this.node[prop])
       }
       // remove the prop from scheduled transitions
@@ -1010,7 +1030,7 @@ const Element = {
     delete this.forComponent
 
     this.node.destroy()
-    this.node = null
+    this.node = undefined
   },
   get nodeId() {
     return this.node && this.node.id

package/src/focus/focus.js

@@ -29,6 +29,12 @@ let setFocusTimeout
 
 export const keyUpCallbacks = new Map()
 
+export const removeKeyUpCallbacks = (component) => {
+  for (const [keyCode, entry] of keyUpCallbacks) {
+    if (entry.component === component) keyUpCallbacks.delete(keyCode)
+  }
+}
+
 export default {
   _hold: false,
   set hold(v) {
@@ -99,7 +105,7 @@ export default {
     }
 
     if (cb !== undefined) {
-      keyUpCallbacks.set(event.keyCode, cb)
+      keyUpCallbacks.set(event.keyCode, { callback: cb, component: componentWithInputEvent })
     }
   },
 }

package/src/helpers/fetchJson.js

@@ -22,10 +22,18 @@ export default (file) => {
       if (xhr.readyState == XMLHttpRequest.DONE) {
         // file protocol returns 0
         // http(s) protocol returns 200
-        if (xhr.status === 0 || xhr.status === 200) resolve(JSON.parse(xhr.responseText))
-        else reject(xhr.statusText)
+        if (xhr.status === 0 || xhr.status === 200) {
+          try {
+            resolve(JSON.parse(xhr.responseText))
+          } catch (err) {
+            reject(err)
+          }
+        } else reject(xhr.statusText || xhr.status)
       }
     }
+
+    xhr.onerror = () => reject(new Error('Network request failed'))
+
     xhr.open('GET', file)
     xhr.send(null)
   })

package/src/lib/colors/colors.js

@@ -15,7 +15,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import colorsMap from './htmlColors.js'
+import htmlColors from './htmlColors.js'
+
+const colorsMap = { ...htmlColors }
 
 const hex = /^#?([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i
 const rgba =

package/src/lib/colors/htmlColors.d.ts

@@ -0,0 +1,4 @@
+/** Known HTML color names mapped to hexadecimal RGBA strings, including transparent. */
+declare const htmlColors: Readonly<Record<string, `0x${string}` | undefined>>
+
+export default htmlColors

package/src/lib/reactivity/effect.js

@@ -18,14 +18,17 @@
 let currentEffect = null
 let currentKey = null
 
-let paused = false
+// counter that tracks all pauseTracking invocations
+// to ensure nested array operations don't prematurely
+// resume before all operations have completed
+let pauseCounter = 0
 
 export const pauseTracking = () => {
-  paused = true
+  pauseCounter++
 }
 
 export const resumeTracking = () => {
-  paused = false
+  if (pauseCounter > 0) pauseCounter--
 }
 
 const objectMap = new WeakMap()
@@ -45,7 +48,7 @@ export const removeEffects = (effectsToRemove) => {
 
 export const track = (target, key) => {
   if (currentEffect !== null) {
-    if (paused) {
+    if (pauseCounter > 0) {
       return
     }
     // note: nesting the conditions like this seems to perform better ¯\_(ツ)_/¯
@@ -76,7 +79,7 @@ export const track = (target, key) => {
 }
 
 export const trigger = (target, key, force = false) => {
-  if (paused === true) return
+  if (pauseCounter > 0) return
   const effectsMap = objectMap.get(target)
   if (effectsMap === undefined) {
     return
@@ -89,10 +92,17 @@ export const trigger = (target, key, force = false) => {
   }
 }
 
-export const effect = (effect, key = null) => {
-  currentEffect = effect
+export const effect = (effectFn, key = null) => {
+  const previousEffect = currentEffect
+  const previousKey = currentKey
+
+  currentEffect = effectFn
   currentKey = key
-  currentEffect()
-  currentEffect = null
-  currentKey = null
+
+  try {
+    effectFn()
+  } finally {
+    currentEffect = previousEffect
+    currentKey = previousKey
+  }
 }

package/src/lib/reactivity/reactive.js

@@ -67,9 +67,19 @@ const reactiveProxy = (original, _parent = null, _key) => {
         // augment array path methods (that change the length of the array)
         if (arrayPatchMethods.indexOf(key) !== -1) {
           return function (...args) {
+            const oldLength = target.length
             pauseTracking()
-            const result = target[key].apply(this, args)
-            resumeTracking()
+            let result
+            try {
+              result = target[key].apply(this, args)
+            } finally {
+              resumeTracking()
+            }
+            // trigger a change when the length of the array has changed
+            // by the array operation
+            if (_parent === null && target.length !== oldLength) {
+              trigger(target, 'length')
+            }
             // trigger a change on the parent object and the key
             // i.e. when pushing a new item to `obj.data`, _parent will equal `obj`
             // and _key will equal `data`
@@ -78,6 +88,10 @@ const reactiveProxy = (original, _parent = null, _key) => {
           }
         }
         if (key === 'length') {
+          // only track root level to prevent double reactive executions
+          if (_parent === null) {
+            track(target, 'length')
+          }
           return original.length
         }
 

package/src/platforms/dom/announcer.d.ts

@@ -0,0 +1,28 @@
+import type { AnnouncerDriver } from '@lightningjs/blits'
+
+export interface DOMAnnouncerOptions {
+  /**
+   * Document in which the live region is created. Defaults to the global document.
+   */
+  document?: Document | null
+  /**
+   * Element that receives the live region. Defaults to document.body.
+   */
+  container?: HTMLElement
+  /**
+   * ID used to find or create the single live region.
+   *
+   * @default 'blits-announcer'
+   */
+  id?: string
+  /**
+   * Delay between clearing the region and inserting the next message.
+   *
+   * @default 0
+   */
+  updateDelay?: number
+}
+
+declare function createAnnouncer(options?: DOMAnnouncerOptions): AnnouncerDriver
+
+export default createAnnouncer

package/src/platforms/dom/announcer.js

@@ -0,0 +1,111 @@
+/*
+ * Copyright 2026 Comcast Cable Communications Management, LLC
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+const globalScope = globalThis
+const defaultId = 'blits-announcer'
+
+const visuallyHiddenStyles = {
+  position: 'absolute',
+  width: '1px',
+  height: '1px',
+  padding: '0',
+  margin: '-1px',
+  overflow: 'hidden',
+  clip: 'rect(0, 0, 0, 0)',
+  whiteSpace: 'nowrap',
+  border: '0',
+}
+
+const createAnnouncer = (options = {}) => {
+  const documentRef = Object.prototype.hasOwnProperty.call(options, 'document')
+    ? options.document
+    : globalScope.document
+  const id = options.id || defaultId
+  const updateDelay = options.updateDelay === undefined ? 0 : options.updateDelay
+
+  let region
+  let pendingUpdate
+
+  const getRegion = () => {
+    if (!documentRef || typeof documentRef.createElement !== 'function') return
+    if (region && region.isConnected !== false) return region
+
+    region = typeof documentRef.getElementById === 'function' && documentRef.getElementById(id)
+
+    if (!region) {
+      const parent = options.container || documentRef.body || documentRef.documentElement
+      if (!parent || typeof parent.appendChild !== 'function') return
+
+      region = documentRef.createElement('div')
+      region.id = id
+      parent.appendChild(region)
+    }
+
+    Object.assign(region.style, visuallyHiddenStyles)
+    region.setAttribute('role', 'alert')
+    region.setAttribute('aria-live', 'assertive')
+    region.setAttribute('aria-atomic', 'true')
+
+    return region
+  }
+
+  const cancelPendingUpdate = (error = 'canceled') => {
+    if (pendingUpdate === undefined) return
+    clearTimeout(pendingUpdate.timer)
+    pendingUpdate.reject({ error })
+    pendingUpdate = undefined
+  }
+
+  // Create the empty region before the first announcement so assistive
+  // technology can observe subsequent content changes reliably.
+  getRegion()
+
+  return {
+    speak(announcement) {
+      if (!announcement || announcement.message === undefined || announcement.message === null) {
+        return Promise.reject({ error: 'Missing message' })
+      }
+
+      const liveRegion = getRegion()
+      if (!liveRegion) {
+        return Promise.reject({ error: 'unavailable' })
+      }
+
+      cancelPendingUpdate()
+      liveRegion.textContent = ''
+
+      return new Promise((resolve, reject) => {
+        const update = {
+          reject,
+          timer: setTimeout(() => {
+            if (pendingUpdate !== update) return
+            liveRegion.textContent = String(announcement.message)
+            pendingUpdate = undefined
+            resolve()
+          }, updateDelay),
+        }
+        pendingUpdate = update
+      })
+    },
+    cancel() {
+      cancelPendingUpdate()
+      if (region) region.textContent = ''
+    },
+  }
+}
+
+export default createAnnouncer

package/src/plugins/language.js

@@ -55,7 +55,7 @@ export default {
     }
 
     const setDict = (language) => {
-      return new Promise((resolve) => {
+      return new Promise((resolve, reject) => {
         const translationObj = translations[language]
         if (typeof translationObj === 'object') {
           dictionary = translationObj
@@ -71,6 +71,7 @@ export default {
             })
             .catch((e) => {
               Log.error(e)
+              reject(e)
             })
         }
       })

package/src/plugins/storage/storage.js

@@ -17,11 +17,11 @@
 
 import localCookie from './localCookie.js'
 
-let lc = new localCookie()
-
 export default {
   name: 'storage',
   plugin() {
+    const lc = new localCookie()
+
     return {
       get(key) {
         try {

package/src/plugins/theme.js

@@ -111,7 +111,6 @@ export default {
         if (theme in themes) {
           themeMap = {}
           state.variant = theme
-          console.log('change variant', theme)
         } else {
           Log.warn(`Variant ${theme} not found`)
         }