@lightningjs/blits 1.45.0 → 2.0.0-beta.1

package/src/components/FPScounter.js

@@ -25,6 +25,47 @@ 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',
+        ]
         const elementConfigs = []
         const forloops = []
         const props = []
@@ -98,10 +139,16 @@ export default () =>
         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)
           }
         }
 
@@ -183,10 +230,16 @@ export default () =>
         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)
           }
         }
 
@@ -258,10 +311,16 @@ export default () =>
         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)
           }
         }
 
@@ -333,10 +392,16 @@ export default () =>
         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)
           }
         }
 
@@ -423,10 +488,16 @@ export default () =>
         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)
           }
         }
 
@@ -509,10 +580,16 @@ export default () =>
         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)
           }
         }
 
@@ -584,10 +661,16 @@ export default () =>
         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)
           }
         }
 
@@ -659,10 +742,16 @@ export default () =>
         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)
           }
         }
 
@@ -750,10 +839,16 @@ export default () =>
         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)
           }
         }
 
@@ -836,10 +931,16 @@ export default () =>
         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)
           }
         }
 
@@ -911,10 +1012,16 @@ export default () =>
         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)
           }
         }
 
@@ -986,10 +1093,16 @@ export default () =>
         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)
           }
         }
 
@@ -1076,10 +1189,16 @@ export default () =>
         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)
           }
         }
 
@@ -1161,10 +1280,16 @@ export default () =>
         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)
           }
         }
 
@@ -1236,10 +1361,16 @@ export default () =>
         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)
           }
         }
 
@@ -1311,10 +1442,16 @@ export default () =>
         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)
           }
         }
 
@@ -1464,10 +1601,11 @@ export default () =>
             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' ||
@@ -1475,10 +1613,10 @@ export default () =>
           )
             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' ||
@@ -1486,10 +1624,10 @@ export default () =>
           )
             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' ||
@@ -1497,10 +1635,10 @@ export default () =>
           )
             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' ||
@@ -1508,10 +1646,10 @@ export default () =>
           )
             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' ||
@@ -1519,10 +1657,10 @@ export default () =>
           )
             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' ||
@@ -1530,10 +1668,10 @@ export default () =>
           )
             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' ||
@@ -1541,10 +1679,10 @@ export default () =>
           )
             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' ||
@@ -1552,10 +1690,10 @@ export default () =>
           )
             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' ||
@@ -1563,10 +1701,10 @@ export default () =>
           )
             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' ||
@@ -1574,10 +1712,10 @@ export default () =>
           )
             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' ||
@@ -1585,10 +1723,10 @@ export default () =>
           )
             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' ||
@@ -1596,7 +1734,7 @@ export default () =>
           )
             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

@@ -28,6 +28,47 @@ 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',
+        ]
         const elementConfigs = []
         const forloops = []
         const props = []
@@ -48,8 +89,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]['h'] = parent.node.h * (100 / 100)
         elms[0].populate(elementConfigs[0])
 
         if (inSlot === true) {
@@ -72,6 +113,7 @@ export default () =>
             props.length = 0
             skips.length = 0
           },
+          skips,
         }
       },
       effects: [],
@@ -84,8 +126,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)
+        if (
+          this[symbols.parent][symbols.routerHooks] &&
+          this[symbols.parent][symbols.routerHooks].init
+        ) {
+          await this[symbols.parent][symbols.routerHooks].init.apply(this[symbols.parent])
         }
         hashchangeHandler = () => Router.navigate.apply(this)
         Router.navigate.apply(this)
@@ -104,7 +149,7 @@ export default () =>
       back(e) {
         const navigating = Router.back.call(this)
         if (navigating === false) {
-          this.parent.$focus(e)
+          this[symbols.parent].$focus(e)
         }
       },
     },