@lightningjs/blits 1.3.0 → 1.3.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## v1.3.1
+
+_27 aug 2024_
+
+- Moved `this.$log` functionality to a plugin, which delays the instantation and allows it to pick up launch settings (bug fix)
+
+
 ## v1.3.0
 
 _19 aug 2024_

package/package.json

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

package/src/component/base/index.js

@@ -18,7 +18,6 @@
 import methods from './methods.js'
 import scheduling from './timeouts_intervals.js'
 import events from './events.js'
-import log from './log.js'
 import router from './router.js'
 import announcer from './announcer.js'
 import utils from './utils.js'
@@ -26,7 +25,7 @@ import symbols from '../../lib/symbols.js'
 
 export default Object.defineProperties(
   {
-    [symbols['pluginsRegistered']]: false,
+    [symbols['launched']]: false,
   },
-  { ...methods, ...scheduling, ...events, ...log, ...router, ...announcer, ...utils }
+  { ...methods, ...scheduling, ...events, ...router, ...announcer, ...utils }
 )

package/src/component.js

@@ -199,8 +199,8 @@ const Component = (name = required('name'), config = required('config')) => {
   }
 
   const factory = (options = {}, parentEl, parentComponent, rootComponent) => {
-    // Register user defined plugins once on the Base object
-    if (Base[symbols['pluginsRegistered']] === false) {
+    if (Base[symbols['launched']] === false) {
+      // Register user defined plugins once on the Base object (after launch)
       Object.keys(plugins).forEach((pluginName) => {
         const prefixedPluginName = `$${pluginName}`
         if (prefixedPluginName in Base) {
@@ -219,7 +219,12 @@ const Component = (name = required('name'), config = required('config')) => {
           configurable: false,
         })
       })
-      Base[symbols['pluginsRegistered']] = true
+
+      // register global components once
+      globalComponents = components()
+
+      // mark launched true
+      Base[symbols['launched']] = true
     }
 
     // setup the component once per component type, using Base as the prototype
@@ -234,11 +239,6 @@ const Component = (name = required('name'), config = required('config')) => {
       config.code = codegenerator.call(config, parser(config.template, name))
     }
 
-    // register global components once
-    if (!globalComponents) {
-      globalComponents = components()
-    }
-
     // create an instance of the component, using base as the prototype (which contains Base)
     return component.call(Object.create(base), options, parentEl, parentComponent, rootComponent)
   }

package/src/lib/symbols.js

@@ -11,10 +11,10 @@ export default {
   init: Symbol('init'),
   inputEvents: Symbol('inputEvents'),
   intervals: Symbol('intervals'),
+  launched: Symbol('launched'),
   level: Symbol('level'),
   methodKeys: Symbol('methodKeys'),
   originalState: Symbol('originalState'),
-  pluginsRegistered: Symbol('pluginsRegistered'),
   propKeys: Symbol('propKeys'),
   raw: Symbol('raw'),
   ready: Symbol('ready'),

package/src/plugin.js

@@ -1,4 +1,9 @@
-export const plugins = {}
+import log from './plugins/log'
+
+export const plugins = {
+  // log plugin added by default
+  log,
+}
 
 const registerPlugin = (plugin, nameOrOptions = '', options = {}) => {
   // map name and options depending on the arguments provided

package/src/{component/base → plugins}/log.js

@@ -15,13 +15,11 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import log from '../../lib/log.js'
+import { default as log } from '../lib/log'
 
 export default {
-  $log: {
-    value: log('App'),
-    writable: false,
-    enumerable: true,
-    configurable: false,
+  name: 'log',
+  plugin() {
+    return log('App')
   },
 }