@lightningjs/blits 1.51.0 → 2.0.0-beta.10

package/src/components/FPScounter.js

@@ -25,6 +25,48 @@ export const FPScounter = Blits.Component('FPScounter', {
   code: {
     render: function anonymous(parent, component, context, components, effect, getRaw, Log) {
       const elms = []
+      const validAttributes = [
+        'parent',
+        'rotation',
+        'w',
+        'width',
+        'h',
+        'height',
+        'x',
+        'y',
+        'z',
+        'zIndex',
+        'color',
+        'src',
+        'texture',
+        'fit',
+        'rtt',
+        'mount',
+        'pivot',
+        'scale',
+        'show',
+        'alpha',
+        'rounded',
+        'border',
+        'shadow',
+        'shader',
+        'clipping',
+        'overflow',
+        'font',
+        'size',
+        'maxwidth',
+        'maxheight',
+        'maxlines',
+        'textoverflow',
+        'letterspacing',
+        'lineheight',
+        'contain',
+        'align',
+        'content',
+        'placement',
+        'inspector-data',
+        'holder',
+      ]
       const elementConfigs = []
       const forloops = []
       const props = []
@@ -100,10 +142,15 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[3]['frame'] = 'fps'
 
       skips[3] = []
-      if (typeof cmps[3] !== 'undefined') {
-        for (let key in cmps[3][Symbol.for('config')].props) {
-          delete elementConfigs[3][cmps[3][Symbol.for('config')].props[key]]
-          skips[3].push(cmps[3][Symbol.for('config')].props[key])
+      if (typeof cmps[3] !== 'undefined' && cmps[3][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[3][Symbol.for('config')].props
+        if (Array.isArray(props) === false) props = Object.keys(cmps[3][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[3][key]
+          skips[3].push(key)
         }
       }
 
@@ -186,10 +233,15 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[6]['frame'] = component.fps[0]
 
       skips[6] = []
-      if (typeof cmps[6] !== 'undefined') {
-        for (let key in cmps[6][Symbol.for('config')].props) {
-          delete elementConfigs[6][cmps[6][Symbol.for('config')].props[key]]
-          skips[6].push(cmps[6][Symbol.for('config')].props[key])
+      if (typeof cmps[6] !== 'undefined' && cmps[6][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[6][Symbol.for('config')].props
+        if (Array.isArray(props) === false) props = Object.keys(cmps[6][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[6][key]
+          skips[6].push(key)
         }
       }
 
@@ -262,10 +314,15 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[8]['frame'] = component.fps[1]
 
       skips[8] = []
-      if (typeof cmps[8] !== 'undefined') {
-        for (let key in cmps[8][Symbol.for('config')].props) {
-          delete elementConfigs[8][cmps[8][Symbol.for('config')].props[key]]
-          skips[8].push(cmps[8][Symbol.for('config')].props[key])
+      if (typeof cmps[8] !== 'undefined' && cmps[8][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[8][Symbol.for('config')].props
+        if (Array.isArray(props) === false) props = Object.keys(cmps[8][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[8][key]
+          skips[8].push(key)
         }
       }
 
@@ -338,10 +395,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[10]['frame'] = component.fps[2]
 
       skips[10] = []
-      if (typeof cmps[10] !== 'undefined') {
-        for (let key in cmps[10][Symbol.for('config')].props) {
-          delete elementConfigs[10][cmps[10][Symbol.for('config')].props[key]]
-          skips[10].push(cmps[10][Symbol.for('config')].props[key])
+      if (typeof cmps[10] !== 'undefined' && cmps[10][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[10][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[10][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[10][key]
+          skips[10].push(key)
         }
       }
 
@@ -429,10 +492,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[13]['frame'] = 'avg'
 
       skips[13] = []
-      if (typeof cmps[13] !== 'undefined') {
-        for (let key in cmps[13][Symbol.for('config')].props) {
-          delete elementConfigs[13][cmps[13][Symbol.for('config')].props[key]]
-          skips[13].push(cmps[13][Symbol.for('config')].props[key])
+      if (typeof cmps[13] !== 'undefined' && cmps[13][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[13][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[13][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[13][key]
+          skips[13].push(key)
         }
       }
 
@@ -516,10 +585,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[16]['frame'] = component.avgFps[0]
 
       skips[16] = []
-      if (typeof cmps[16] !== 'undefined') {
-        for (let key in cmps[16][Symbol.for('config')].props) {
-          delete elementConfigs[16][cmps[16][Symbol.for('config')].props[key]]
-          skips[16].push(cmps[16][Symbol.for('config')].props[key])
+      if (typeof cmps[16] !== 'undefined' && cmps[16][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[16][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[16][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[16][key]
+          skips[16].push(key)
         }
       }
 
@@ -592,10 +667,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[18]['frame'] = component.avgFps[1]
 
       skips[18] = []
-      if (typeof cmps[18] !== 'undefined') {
-        for (let key in cmps[18][Symbol.for('config')].props) {
-          delete elementConfigs[18][cmps[18][Symbol.for('config')].props[key]]
-          skips[18].push(cmps[18][Symbol.for('config')].props[key])
+      if (typeof cmps[18] !== 'undefined' && cmps[18][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[18][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[18][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[18][key]
+          skips[18].push(key)
         }
       }
 
@@ -668,10 +749,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[20]['frame'] = component.avgFps[2]
 
       skips[20] = []
-      if (typeof cmps[20] !== 'undefined') {
-        for (let key in cmps[20][Symbol.for('config')].props) {
-          delete elementConfigs[20][cmps[20][Symbol.for('config')].props[key]]
-          skips[20].push(cmps[20][Symbol.for('config')].props[key])
+      if (typeof cmps[20] !== 'undefined' && cmps[20][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[20][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[20][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[20][key]
+          skips[20].push(key)
         }
       }
 
@@ -760,10 +847,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[23]['frame'] = 'min'
 
       skips[23] = []
-      if (typeof cmps[23] !== 'undefined') {
-        for (let key in cmps[23][Symbol.for('config')].props) {
-          delete elementConfigs[23][cmps[23][Symbol.for('config')].props[key]]
-          skips[23].push(cmps[23][Symbol.for('config')].props[key])
+      if (typeof cmps[23] !== 'undefined' && cmps[23][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[23][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[23][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[23][key]
+          skips[23].push(key)
         }
       }
 
@@ -847,10 +940,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[26]['frame'] = component.minFps[0]
 
       skips[26] = []
-      if (typeof cmps[26] !== 'undefined') {
-        for (let key in cmps[26][Symbol.for('config')].props) {
-          delete elementConfigs[26][cmps[26][Symbol.for('config')].props[key]]
-          skips[26].push(cmps[26][Symbol.for('config')].props[key])
+      if (typeof cmps[26] !== 'undefined' && cmps[26][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[26][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[26][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[26][key]
+          skips[26].push(key)
         }
       }
 
@@ -923,10 +1022,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[28]['frame'] = component.minFps[1]
 
       skips[28] = []
-      if (typeof cmps[28] !== 'undefined') {
-        for (let key in cmps[28][Symbol.for('config')].props) {
-          delete elementConfigs[28][cmps[28][Symbol.for('config')].props[key]]
-          skips[28].push(cmps[28][Symbol.for('config')].props[key])
+      if (typeof cmps[28] !== 'undefined' && cmps[28][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[28][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[28][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[28][key]
+          skips[28].push(key)
         }
       }
 
@@ -999,10 +1104,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[30]['frame'] = component.minFps[2]
 
       skips[30] = []
-      if (typeof cmps[30] !== 'undefined') {
-        for (let key in cmps[30][Symbol.for('config')].props) {
-          delete elementConfigs[30][cmps[30][Symbol.for('config')].props[key]]
-          skips[30].push(cmps[30][Symbol.for('config')].props[key])
+      if (typeof cmps[30] !== 'undefined' && cmps[30][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[30][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[30][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[30][key]
+          skips[30].push(key)
         }
       }
 
@@ -1090,10 +1201,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[33]['frame'] = 'max'
 
       skips[33] = []
-      if (typeof cmps[33] !== 'undefined') {
-        for (let key in cmps[33][Symbol.for('config')].props) {
-          delete elementConfigs[33][cmps[33][Symbol.for('config')].props[key]]
-          skips[33].push(cmps[33][Symbol.for('config')].props[key])
+      if (typeof cmps[33] !== 'undefined' && cmps[33][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[33][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[33][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[33][key]
+          skips[33].push(key)
         }
       }
 
@@ -1176,10 +1293,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[36]['frame'] = component.maxFps[0]
 
       skips[36] = []
-      if (typeof cmps[36] !== 'undefined') {
-        for (let key in cmps[36][Symbol.for('config')].props) {
-          delete elementConfigs[36][cmps[36][Symbol.for('config')].props[key]]
-          skips[36].push(cmps[36][Symbol.for('config')].props[key])
+      if (typeof cmps[36] !== 'undefined' && cmps[36][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[36][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[36][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[36][key]
+          skips[36].push(key)
         }
       }
 
@@ -1252,10 +1375,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[38]['frame'] = component.maxFps[1]
 
       skips[38] = []
-      if (typeof cmps[38] !== 'undefined') {
-        for (let key in cmps[38][Symbol.for('config')].props) {
-          delete elementConfigs[38][cmps[38][Symbol.for('config')].props[key]]
-          skips[38].push(cmps[38][Symbol.for('config')].props[key])
+      if (typeof cmps[38] !== 'undefined' && cmps[38][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[38][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[38][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[38][key]
+          skips[38].push(key)
         }
       }
 
@@ -1328,10 +1457,16 @@ export const FPScounter = Blits.Component('FPScounter', {
       elementConfigs[40]['frame'] = component.maxFps[2]
 
       skips[40] = []
-      if (typeof cmps[40] !== 'undefined') {
-        for (let key in cmps[40][Symbol.for('config')].props) {
-          delete elementConfigs[40][cmps[40][Symbol.for('config')].props[key]]
-          skips[40].push(cmps[40][Symbol.for('config')].props[key])
+      if (typeof cmps[40] !== 'undefined' && cmps[40][Symbol.for('config')].props !== undefined) {
+        // attributes that are a prop should be removed from element config (even if it's a know element prop)
+        let props = cmps[40][Symbol.for('config')].props
+        if (Array.isArray(props) === false)
+          props = Object.keys(cmps[40][Symbol.for('config')].props)
+        for (let k = 0; k < props.length; k++) {
+          const key = props[k]
+          if (validAttributes.indexOf(key) !== -1) continue
+          delete elementConfigs[40][key]
+          skips[40].push(key)
         }
       }
 
@@ -1481,10 +1616,11 @@ export const FPScounter = Blits.Component('FPScounter', {
           props.length = 0
           skips.length = 0
         },
+        skips,
       }
     },
     effects: [
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[6] === 'undefined' ||
@@ -1492,10 +1628,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[6].set('frame', component.fps[0])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[7][Symbol.for('props')]['frame'] = component.fps[0]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[8] === 'undefined' ||
@@ -1503,10 +1639,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[8].set('frame', component.fps[1])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[9][Symbol.for('props')]['frame'] = component.fps[1]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[10] === 'undefined' ||
@@ -1514,10 +1650,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[10].set('frame', component.fps[2])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[11][Symbol.for('props')]['frame'] = component.fps[2]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[16] === 'undefined' ||
@@ -1525,10 +1661,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[16].set('frame', component.avgFps[0])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[17][Symbol.for('props')]['frame'] = component.avgFps[0]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[18] === 'undefined' ||
@@ -1536,10 +1672,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[18].set('frame', component.avgFps[1])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[19][Symbol.for('props')]['frame'] = component.avgFps[1]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[20] === 'undefined' ||
@@ -1547,10 +1683,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[20].set('frame', component.avgFps[2])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[21][Symbol.for('props')]['frame'] = component.avgFps[2]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[26] === 'undefined' ||
@@ -1558,10 +1694,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[26].set('frame', component.minFps[0])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[27][Symbol.for('props')]['frame'] = component.minFps[0]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[28] === 'undefined' ||
@@ -1569,10 +1705,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[28].set('frame', component.minFps[1])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[29][Symbol.for('props')]['frame'] = component.minFps[1]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[30] === 'undefined' ||
@@ -1580,10 +1716,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[30].set('frame', component.minFps[2])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[31][Symbol.for('props')]['frame'] = component.minFps[2]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[36] === 'undefined' ||
@@ -1591,10 +1727,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[36].set('frame', component.maxFps[0])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[37][Symbol.for('props')]['frame'] = component.maxFps[0]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[38] === 'undefined' ||
@@ -1602,10 +1738,10 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[38].set('frame', component.maxFps[1])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[39][Symbol.for('props')]['frame'] = component.maxFps[1]
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         if (
           typeof skips === 'undefined' ||
           typeof skips[40] === 'undefined' ||
@@ -1613,7 +1749,7 @@ export const FPScounter = Blits.Component('FPScounter', {
         )
           elms[40].set('frame', component.maxFps[2])
       },
-      function anonymous(component, elms, context, components, rootComponent, effect) {
+      function anonymous(component, elms, context, components, rootComponent, skips, effect) {
         elms[41][Symbol.for('props')]['frame'] = component.maxFps[2]
       },
     ],

package/src/components/RouterView.js

@@ -32,6 +32,48 @@ export default () =>
       code: {
         render: function anonymous(parent, component, context, components, effect, getRaw, Log) {
           const elms = []
+          const validAttributes = [
+            'parent',
+            'rotation',
+            'w',
+            'width',
+            'h',
+            'height',
+            'x',
+            'y',
+            'z',
+            'zIndex',
+            'color',
+            'src',
+            'texture',
+            'fit',
+            'rtt',
+            'mount',
+            'pivot',
+            'scale',
+            'show',
+            'alpha',
+            'rounded',
+            'border',
+            'shadow',
+            'shader',
+            'clipping',
+            'overflow',
+            'font',
+            'size',
+            'maxwidth',
+            'maxheight',
+            'maxlines',
+            'textoverflow',
+            'letterspacing',
+            'lineheight',
+            'contain',
+            'align',
+            'content',
+            'placement',
+            'inspector-data',
+            'holder',
+          ]
           const elementConfigs = []
           const forloops = []
           const props = []
@@ -53,8 +95,8 @@ export default () =>
             inSlot === true ? slotComponent : component
           )
 
-          elementConfigs[0]['w'] = parent.node.width * (100 / 100)
-          elementConfigs[0]['height'] = parent.node.height * (100 / 100)
+          elementConfigs[0]['w'] = parent.node.w * (100 / 100)
+          elementConfigs[0]['height'] = parent.node.h * (100 / 100)
           elms[0].populate(elementConfigs[0])
 
           if (inSlot === true) {
@@ -77,6 +119,7 @@ export default () =>
               props.length = 0
               skips.length = 0
             },
+            skips,
           }
         },
         effects: [],
@@ -89,9 +132,11 @@ export default () =>
       },
       hooks: {
         async ready() {
-          if (this.parent[symbols.routerHooks] && this.parent[symbols.routerHooks].init) {
-            await this.parent[symbols.routerHooks].init.apply(this.parent)
+          const parent = this[symbols.parent]
+          if (parent && parent[symbols.routerHooks] && parent[symbols.routerHooks].init) {
+            await parent[symbols.routerHooks].init.apply(parent)
           }
+
           hashchangeHandler = () => Router.navigate.apply(this)
           Router.navigate.apply(this)
           window.addEventListener('hashchange', hashchangeHandler)
@@ -107,13 +152,20 @@ export default () =>
       },
       input: {
         back(e) {
+          const parent = this[symbols.parent]
+
           if (routerState.backNavigation === false) {
-            this.parent.$input(e)
+            if (parent && parent.$input) {
+              parent.$input(e)
+            }
             return
           }
+
           const navigating = Router.back.call(this)
           if (navigating === false) {
-            this.parent.$focus(e)
+            if (parent && parent.$focus) {
+              parent.$focus(e)
+            }
           }
         },
       },