@lightningjs/blits 0.3.8 → 0.3.10

package/boilerplate/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits",
-  "version": "0.3.8",
+  "version": "0.3.10",
   "description": "Blits: The Lightning 3 App Development Framework",
   "bin": "bin/index.cjs",
   "exports": {
@@ -39,7 +39,7 @@
     "tape": "^5.5.0"
   },
   "dependencies": {
-    "@lightningjs/renderer": "^0.3.0",
+    "@lightningjs/renderer": "^0.3.6",
     "@lightningjs/vite-plugin-import-chunk-url": "^0.3.0"
   }
 }

package/src/component.d.ts

@@ -141,12 +141,12 @@ declare namespace Component {
     /**
     * Set a timeout that is automatically cleaned upon component destroy
     */
-    $setTimeout: (callback: (args: any) => void, ms?: number | undefined) => typeof setTimeout
+    $setTimeout: (callback: (args: any) => void, ms?: number | undefined) => ReturnType<typeof setTimeout>
 
     /**
     * Set an interval that is automatically cleaned upon component destroy
     */
-    $setInterval: (callback: (args: any) => void, ms?: number | undefined) => typeof setInterval
+    $setInterval: (callback: (args: any) => void, ms?: number | undefined) => ReturnType<typeof setInterval>
 
     /**
     * Log to the console with prettier output and configurable debug levels in Settings

package/src/components/Sprite.js

@@ -36,7 +36,7 @@ export default () =>
             : this.map[this.frame]
 
         if (this.spriteTexture && options) {
-          return this.___renderer.makeTexture('SubTexture', {
+          return this.___renderer.createTexture('SubTexture', {
             texture: this.spriteTexture,
             x: options.x,
             y: options.y,
@@ -48,7 +48,7 @@ export default () =>
     },
     hooks: {
       ready() {
-        this.spriteTexture = this.___renderer.makeTexture('ImageTexture', {
+        this.spriteTexture = this.___renderer.createTexture('ImageTexture', {
           src: `${window.location.protocol}//${window.location.host}/${this.image}`,
         })
       },

package/src/components/Text.js

@@ -32,6 +32,7 @@ export default () =>
         stretch="$stretch"
         contain="$_contain"
         :w="$w"
+        :h="$h"
         :textAlign="$align"
         @loaded="$@loaded"
         @error="$@error"
@@ -54,6 +55,7 @@ export default () =>
       'stretch',
       'align',
       'w',
+      'h',
       'contain',
       '@loaded',
       '@error',
@@ -63,7 +65,7 @@ export default () =>
         return this.slotcontent || this.content || ''
       },
       _contain() {
-        return this.contain || (this.align ? 'width' : null)
+        return this.contain || (this.w && this.h ? 'both' : this.w ? 'width' : 'none')
       },
     },
   })

package/src/element.js

@@ -123,7 +123,7 @@ const transformations = {
     }
   },
   effects(props) {
-    props.shader = renderer.makeShader('DynamicShader', {
+    props.shader = renderer.createShader('DynamicShader', {
       effects: props.effects.map((eff) => {
         if (eff.props && eff.props.color) {
           eff.props.color = colors.normalize(eff.props.color)

package/src/lib/reactivity/reactive.js

@@ -28,7 +28,15 @@ const arrayMethods = [
   'splice',
   'unshift',
 ]
+
+const proxyMap = new WeakMap()
+
 const reactiveProxy = (target) => {
+  const isProxy = proxyMap.get(target)
+  if (isProxy) {
+    return isProxy
+  }
+
   const handler = {
     get(target, key, receiver) {
       if (Array.isArray(target) && arrayMethods.includes(key)) {
@@ -36,11 +44,7 @@ const reactiveProxy = (target) => {
       }
       track(target, key)
 
-      if (
-        target[key] !== null &&
-        typeof target[key] === 'object' &&
-        Object.getPrototypeOf(target[key]) === Object.prototype
-      ) {
+      if (target[key] !== null && typeof target[key] === 'object') {
         return reactiveProxy(target[key])
       }
 
@@ -65,7 +69,10 @@ const reactiveProxy = (target) => {
       return result
     },
   }
-  return new Proxy(target, handler)
+
+  const proxy = new Proxy(target, handler)
+  proxyMap.set(target, proxy)
+  return proxy
 }
 
 const reactiveDefineProperty = (target) => {