Ups

lib/systems/CoreSystem.js

@@ -5,7 +5,7 @@ import Modules from '../../modules';
 import EventSystem from './EventSystem';
 import * as Font from 'expo-font';
 export default class CoreSystem {
-	constructor() {
+	constructor(dev = false) {
 		// TODO -- Make correct Initialization
 		this.Routing = new RoutingSystem();
 		this.ModuleSystem = new ModuleSystem();
@@ -13,7 +13,7 @@ export default class CoreSystem {
 		this.ViewSystem    = new ViewSystem(this);
 		this.loadFonts()
 		this.__loadModules(Modules);
-
+		this._devMode = dev;
 
 	}
 	onUpdate(fn) {this._onUpdate = fn;}
@@ -32,7 +32,6 @@ export default class CoreSystem {
 	      'semibold': require('../assets/fonts/SFCompactDisplay-Semibold_0.otf'),
 	      'thin': require('../assets/fonts/SFCompactDisplay-Thin_0.otf'),
 	      'ultralight': require('../assets/fonts/SFCompactDisplay-Ultralight_0.otf')
-
 	    });
 	}
 

lib/systems/ViewSystem.js

@@ -290,7 +290,8 @@ let Renderer = (props) => {
 			...node.props,
 			depth: node.depth,
 			content: ViewNodeReact,
-			ID: node.id
+			ID: node.id,
+			CoreSystem: CoreSystem
 		},
 		childrenReact,
 		node.id

modules/BaseHolder/index.js

@@ -28,7 +28,7 @@ export default class BaseHolder extends React.Component {
 			width,
 			height,
 			overflow,
-
+			CoreSystem,
 			stretchContainer,
 			content,
 			...restProps
@@ -36,7 +36,7 @@ export default class BaseHolder extends React.Component {
 		if(!width) width = undefined;
 		if(!height) height = undefined;
 		let styl = [styles.base];
-		if (selected) styl.push(styles.selected); 
+		if (CoreSystem._devMode && selected) styl.push(styles.selected); 
 		if (stretchContainer) styl.push(styles.stretchToContent);
 		return (
 			// self container
@@ -52,7 +52,7 @@ export default class BaseHolder extends React.Component {
 	    		{content}
 				<View WRAPPER={true} style={ //children Container 
 		    	 	[
-		    	 	(!!content || stretchContainer) ? styles.stretchToContent : {borderColor:'yellow'},
+		    	 	(!!content || stretchContainer) ? styles.stretchToContent : {},
 		    	 	{
 		    	 		justifyContent,
 						alignItems,
@@ -89,10 +89,9 @@ const styles = StyleSheet.create({
 	contentWrapper: {
 	},
 	selected: {
-		boxShadow: 'inset 0px 0px 1px 1px #fce8e8',
-		border: '1px solid #f28d8d',
-
-		// boxShadow: 'inset 0px 0px 1px 1px rgba(250,10,0,0.81)',
+		
+		borderWidth: 1,
+		borderColor: '#f28d8d',
 		shadowColor: "rgba(250,10,0,0.81)",
 		shadowOffset: {
 			width: 0,