Ups

App.js

@@ -130,7 +130,7 @@ VS.replace(NodeK,EditNode)
 
 let CS = new CoreSystem()
 // .addPage('test', VS2, 'VS1')
-.setHome('Home');
+.setHome('test');
 CS.import(Environment);
 
 // let data = CS.export();
@@ -157,53 +157,31 @@ const useForceUpdate = (text) => useState(text)[1];
 export default class App extends React.Component {
   constructor(){
       super()
-
+      CS.onUpdate(() => this.forceUpdate());
   }
 
   /*let [text, setText] = useState('');
   let forceUpdate = useForceUpdate(text);
   */
   componentDidMount() {
-    Font.loadAsync({
-      'black': require('./assets/fonts/SFCompactDisplay-Black_0.otf'),
-      'bold': require('./assets/fonts/SFCompactDisplay-Bold_0.otf'),
-      'heavy': require('./assets/fonts/SFCompactDisplay-Heavy_0.otf'),
-      'light': require('./assets/fonts/SFCompactDisplay-Light_0.otf'),
-      'medium': require('./assets/fonts/SFCompactDisplay-Medium_0.otf'),
-      'regular': require('./assets/fonts/SFCompactDisplay-Regular_0.otf'),
-      'semibold': require('./assets/fonts/SFCompactDisplay-Semibold_0.otf'),
-      'thin': require('./assets/fonts/SFCompactDisplay-Thin_0.otf'),
-      'ultralight': require('./assets/fonts/SFCompactDisplay-Ultralight_0.otf')
-
-    });
+    // Font.loadAsync({
+    //   'black': require('./assets/fonts/SFCompactDisplay-Black_0.otf'),
+    //   'bold': require('./assets/fonts/SFCompactDisplay-Bold_0.otf'),
+    //   'heavy': require('./assets/fonts/SFCompactDisplay-Heavy_0.otf'),
+    //   'light': require('./assets/fonts/SFCompactDisplay-Light_0.otf'),
+    //   'medium': require('./assets/fonts/SFCompactDisplay-Medium_0.otf'),
+    //   'regular': require('./assets/fonts/SFCompactDisplay-Regular_0.otf'),
+    //   'semibold': require('./assets/fonts/SFCompactDisplay-Semibold_0.otf'),
+    //   'thin': require('./assets/fonts/SFCompactDisplay-Thin_0.otf'),
+    //   'ultralight': require('./assets/fonts/SFCompactDisplay-Ultralight_0.otf')
+
+    // });
   }
   render(){
   let currentView2 = CS.render();  
   return (
     <Div>
-      <Div>{CS.ModuleSystem.createElementCtor(BlogFeed)}</Div>
       <Div>{currentView2}</Div>
     </Div>)
     }
   }
-
-
-const ImageStyle = StyleSheet.create({
-  ImageCont:{
-    width:250,
-    height:250
-  }
-})
-
-
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
-
-

dist/lib/index.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _CoreSystem=_interopRequireDefault(require("./systems/CoreSystem"));var _ViewSystem=require("./systems/ViewSystem");var _Types=_interopRequireDefault(require("./Types"));var _default={CoreSystem:_CoreSystem["default"],ViewSystem:_CoreSystem["default"],ViewNode:_ViewSystem.ViewNode,View:_ViewSystem.View,Node:_ViewSystem.Node,DataTypes:_Types["default"]};exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _CoreSystem=_interopRequireDefault(require("./systems/CoreSystem"));var _ViewSystem=require("./systems/ViewSystem");var _Types=_interopRequireDefault(require("./Types"));var _default={CoreSystem:_CoreSystem.default,ViewSystem:_CoreSystem.default,ViewNode:_ViewSystem.ViewNode,View:_ViewSystem.View,Node:_ViewSystem.Node,DataTypes:_Types.default};exports.default=_default;

dist/lib/systems/EventSystem.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var EventSystem=function(){function EventSystem(){(0,_classCallCheck2["default"])(this,EventSystem);this.listeners={test:function test(){return console.log('This is default listener!');}};this.addEventListener=this.on;this.removeEventListener=this.off;}(0,_createClass2["default"])(EventSystem,[{key:"on",value:function on(eventId,fn){this.listeners[eventId]=fn;return this;}},{key:"off",value:function off(eventId){delete this.listeners[eventId];return this;}},{key:"emit",value:function emit(eventId,data){return this.listeners[eventId](data);}}]);return EventSystem;}();exports["default"]=EventSystem;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var EventSystem=function(){function EventSystem(){(0,_classCallCheck2.default)(this,EventSystem);this.listeners={test:function test(){return console.log('This is default listener!');}};this.addEventListener=this.on;this.removeEventListener=this.off;}(0,_createClass2.default)(EventSystem,[{key:"on",value:function on(eventId,fn){this.listeners[eventId]=fn;return this;}},{key:"off",value:function off(eventId){delete this.listeners[eventId];return this;}},{key:"emit",value:function emit(eventId,data){return this.listeners[eventId](data);}}]);return EventSystem;}();exports.default=EventSystem;

dist/lib/systems/InjectionSystem.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var InjectionSystem=function(){function InjectionSystem(){(0,_classCallCheck2["default"])(this,InjectionSystem);}(0,_createClass2["default"])(InjectionSystem,[{key:"inject",value:function inject(component){}}]);return InjectionSystem;}();exports["default"]=InjectionSystem;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var InjectionSystem=function(){function InjectionSystem(){(0,_classCallCheck2.default)(this,InjectionSystem);}(0,_createClass2.default)(InjectionSystem,[{key:"inject",value:function inject(component){}}]);return InjectionSystem;}();exports.default=InjectionSystem;

dist/lib/systems/LinkManager.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var LinkManager=function LinkManager(){(0,_classCallCheck2["default"])(this,LinkManager);};exports["default"]=LinkManager;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var LinkManager=function LinkManager(){(0,_classCallCheck2.default)(this,LinkManager);};exports.default=LinkManager;

dist/lib/systems/StyleSystem.js

@@ -1 +0,0 @@
-"use strict";

dist/modules/Button/styles/arial.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _default={textColor:'rgba(255, 255, 255, 1)',width:'100%',height:'48',borderRadius:0,FontSize:18,backgroundColor:'rgba(73, 156, 219, 1)'};exports["default"]=_default;
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default={textColor:'rgba(255, 255, 255, 1)',width:'100%',height:'48',borderRadius:0,FontSize:18,backgroundColor:'rgba(73, 156, 219, 1)'};exports.default=_default;

dist/modules/Button/styles/black.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _default={textColor:'rgba(255, 255, 255, 1)',width:'150',height:'48',borderRadius:0,FontSize:18,backgroundColor:'rgba(52, 52, 52, 1)'};exports["default"]=_default;
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default={textColor:'rgba(255, 255, 255, 1)',width:'150',height:'48',borderRadius:0,FontSize:18,backgroundColor:'rgba(52, 52, 52, 1)'};exports.default=_default;

dist/modules/Button/styles/deepblue.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _default={textColor:'rgba(255, 255, 255, 1)',width:'150',height:'48',borderRadius:24,FontSize:18,backgroundColor:'rgba(96, 96, 248, 1)'};exports["default"]=_default;
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default={textColor:'rgba(255, 255, 255, 1)',width:'150',height:'48',borderRadius:24,FontSize:18,backgroundColor:'rgba(96, 96, 248, 1)'};exports.default=_default;

dist/modules/Button/styles/fake.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _default={textColor:'red',width:'100',height:'100',borderRadius:0,FontSize:22,backgroundColor:'black'};exports["default"]=_default;
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default={textColor:'red',width:'100',height:'100',borderRadius:0,FontSize:22,backgroundColor:'black'};exports.default=_default;

dist/modules/Button/styles/gray.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _default={textColor:'rgba(35, 35, 35, 1)',width:'258',height:'48',borderRadius:5,FontSize:18,backgroundColor:'rgba(233, 233, 233, 1)'};exports["default"]=_default;
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default={textColor:'rgba(35, 35, 35, 1)',width:'258',height:'48',borderRadius:5,FontSize:18,backgroundColor:'rgba(233, 233, 233, 1)'};exports.default=_default;

dist/modules/Button/styles/index.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _arial=_interopRequireDefault(require("./arial"));var _black=_interopRequireDefault(require("./black"));var _deepblue=_interopRequireDefault(require("./deepblue"));var _fake=_interopRequireDefault(require("./fake"));var _gray=_interopRequireDefault(require("./gray"));var _lightgreen=_interopRequireDefault(require("./lightgreen"));var _lightred=_interopRequireDefault(require("./lightred"));var _white=_interopRequireDefault(require("./white"));var _default={arial:_arial["default"],black:_black["default"],deepblue:_deepblue["default"],fake:_fake["default"],gray:_gray["default"],lightgreen:_lightgreen["default"],lightred:_lightred["default"],white:_white["default"]};exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _arial=_interopRequireDefault(require("./arial"));var _black=_interopRequireDefault(require("./black"));var _deepblue=_interopRequireDefault(require("./deepblue"));var _fake=_interopRequireDefault(require("./fake"));var _gray=_interopRequireDefault(require("./gray"));var _lightgreen=_interopRequireDefault(require("./lightgreen"));var _lightred=_interopRequireDefault(require("./lightred"));var _white=_interopRequireDefault(require("./white"));var _default={arial:_arial.default,black:_black.default,deepblue:_deepblue.default,fake:_fake.default,gray:_gray.default,lightgreen:_lightgreen.default,lightred:_lightred.default,white:_white.default};exports.default=_default;

dist/modules/Button/styles/lightgreen.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _default={textColor:'rgba(35, 35, 35, 1)',width:'150',height:'48',borderRadius:24,FontSize:18,backgroundColor:'rgba(97, 255, 171, 1)'};exports["default"]=_default;
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default={textColor:'rgba(35, 35, 35, 1)',width:'150',height:'48',borderRadius:24,FontSize:18,backgroundColor:'rgba(97, 255, 171, 1)'};exports.default=_default;

dist/modules/Button/styles/lightred.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _default={textColor:'rgba(255, 255, 255, 1)',width:'150',height:'48',borderRadius:0,FontSize:18,backgroundColor:'rgba(255, 119, 119, 1)'};exports["default"]=_default;
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default={textColor:'rgba(255, 255, 255, 1)',width:'150',height:'48',borderRadius:0,FontSize:18,backgroundColor:'rgba(255, 119, 119, 1)'};exports.default=_default;

dist/modules/Button/styles/white.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _default={textColor:'rgba(255, 119, 119, 1)',width:'258',height:'48',borderRadius:5,FontSize:18,backgroundColor:'rgba(255, 255, 255, 1)'};exports["default"]=_default;
+Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default={textColor:'rgba(255, 119, 119, 1)',width:'258',height:'48',borderRadius:5,FontSize:18,backgroundColor:'rgba(255, 255, 255, 1)'};exports.default=_default;

dist/modules/NativeBase/.expo/packager-info.json

@@ -1,3 +0,0 @@
-{
-  "devToolsPort": 19002
-}

dist/modules/NativeBase/.expo/settings.json

@@ -1,8 +0,0 @@
-{
-  "hostType": "lan",
-  "lanType": "ip",
-  "dev": true,
-  "minify": false,
-  "urlRandomness": null,
-  "https": false
-}

dist/modules/NativeBase/compiled.js

@@ -1 +0,0 @@
-"use strict";

dist/modules/NativeBase/generator.js

@@ -1 +0,0 @@
-"use strict";

dist/modules/NativeBase/indexize.js

@@ -1 +0,0 @@
-"use strict";

dist/modules/RootComp/index.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireDefault(require("react"));var _Types=_interopRequireDefault(require("../../lib/Types"));var _Module2=_interopRequireDefault(require("../../lib/Module"));var _reactNative=require("react-native");var _jsxFileName="C:\\Users\\Karteri\\Desktop\\Development\\TrapiLib\\modules\\RootComp\\index.js";var RootComp=function(_Module){(0,_inherits2["default"])(RootComp,_Module);function RootComp(props){(0,_classCallCheck2["default"])(this,RootComp);return(0,_possibleConstructorReturn2["default"])(this,(0,_getPrototypeOf2["default"])(RootComp).call(this,props));}(0,_createClass2["default"])(RootComp,[{key:"display",value:function display(){return;_react["default"].createElement(_reactNative.Text,{__source:{fileName:_jsxFileName,lineNumber:14}},this.props.text||""," - ",this.props.second);}}]);return RootComp;}(_Module2["default"]);exports["default"]=RootComp;RootComp.Inputs={text:new _Types["default"].Text().require()["default"]("Sample Text"),second:new _Types["default"].Integer().require()["default"](5)};
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireDefault(require("react"));var _Types=_interopRequireDefault(require("../../lib/Types"));var _Module2=_interopRequireDefault(require("../../lib/Module"));var _reactNative=require("react-native");var _jsxFileName="C:\\Users\\Karteri\\Desktop\\Development\\TrapiLib\\modules\\RootComp\\index.js";var RootComp=function(_Module){(0,_inherits2.default)(RootComp,_Module);function RootComp(props){(0,_classCallCheck2.default)(this,RootComp);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(RootComp).call(this,props));}(0,_createClass2.default)(RootComp,[{key:"display",value:function display(){return;_react.default.createElement(_reactNative.Text,{__source:{fileName:_jsxFileName,lineNumber:14}},this.props.text||""," - ",this.props.second);}}]);return RootComp;}(_Module2.default);exports.default=RootComp;RootComp.Inputs={text:new _Types.default.Text().require().default("Sample Text"),second:new _Types.default.Integer().require().default(5)};

dist/modules/View.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireDefault(require("react"));var _Module2=_interopRequireDefault(require("../lib/Module"));var _reactNative=require("react-native");var _jsxFileName="C:\\Users\\Karteri\\Desktop\\Development\\TrapiLib\\modules\\View.js";var ViewComp=function(_Module){(0,_inherits2["default"])(ViewComp,_Module);function ViewComp(props){(0,_classCallCheck2["default"])(this,ViewComp);return(0,_possibleConstructorReturn2["default"])(this,(0,_getPrototypeOf2["default"])(ViewComp).call(this,props));}(0,_createClass2["default"])(ViewComp,[{key:"display",value:function display(){return _react["default"].createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:16}},this.props.children);}}]);return ViewComp;}(_Module2["default"]);exports["default"]=ViewComp;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireDefault(require("react"));var _Module2=_interopRequireDefault(require("../lib/Module"));var _reactNative=require("react-native");var _jsxFileName="C:\\Users\\Karteri\\Desktop\\Development\\TrapiLib\\modules\\View.js";var ViewComp=function(_Module){(0,_inherits2.default)(ViewComp,_Module);function ViewComp(props){(0,_classCallCheck2.default)(this,ViewComp);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(ViewComp).call(this,props));}(0,_createClass2.default)(ViewComp,[{key:"display",value:function display(){return _react.default.createElement(_reactNative.View,{__source:{fileName:_jsxFileName,lineNumber:16}},this.props.children);}}]);return ViewComp;}(_Module2.default);exports.default=ViewComp;

dist/modules/ViewComp.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireDefault(require("react"));var _Module2=_interopRequireDefault(require("../lib/Module"));var _reactNative=require("react-native");var _jsxFileName="C:\\Users\\Karteri\\Desktop\\Development\\TrapiLib\\modules\\ViewComp.js";var ViewComp=function(_Module){(0,_inherits2["default"])(ViewComp,_Module);function ViewComp(props){(0,_classCallCheck2["default"])(this,ViewComp);return(0,_possibleConstructorReturn2["default"])(this,(0,_getPrototypeOf2["default"])(ViewComp).call(this,props));}(0,_createClass2["default"])(ViewComp,[{key:"display",value:function display(){return _react["default"].createElement(_reactNative.View,{key:Math.random(),__source:{fileName:_jsxFileName,lineNumber:16}});}}]);return ViewComp;}(_Module2["default"]);exports["default"]=ViewComp;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireDefault(require("react"));var _Module2=_interopRequireDefault(require("../lib/Module"));var _reactNative=require("react-native");var _jsxFileName="C:\\Users\\Karteri\\Desktop\\Development\\TrapiLib\\modules\\ViewComp.js";var ViewComp=function(_Module){(0,_inherits2.default)(ViewComp,_Module);function ViewComp(props){(0,_classCallCheck2.default)(this,ViewComp);return(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(ViewComp).call(this,props));}(0,_createClass2.default)(ViewComp,[{key:"display",value:function display(){return _react.default.createElement(_reactNative.View,{key:Math.random(),__source:{fileName:_jsxFileName,lineNumber:16}});}}]);return ViewComp;}(_Module2.default);exports.default=ViewComp;

dist/modules/index.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _BaseContainer=_interopRequireDefault(require("./BaseContainer"));var _BaseHolder=_interopRequireDefault(require("./BaseHolder"));var _BlogFeed=_interopRequireDefault(require("./BlogFeed"));var _BlogPost=_interopRequireDefault(require("./BlogPost"));var _Button=_interopRequireDefault(require("./Button"));var _Form=_interopRequireDefault(require("./Form"));var _Icon=_interopRequireDefault(require("./Icon"));var _Image=_interopRequireDefault(require("./Image"));var _NativeBase=_interopRequireDefault(require("./NativeBase"));var _RootComp=_interopRequireDefault(require("./RootComp"));var _Text=_interopRequireDefault(require("./Text"));var _default={BaseContainer:_BaseContainer["default"],BaseHolder:_BaseHolder["default"],BlogFeed:_BlogFeed["default"],BlogPost:_BlogPost["default"],Button:_Button["default"],Form:_Form["default"],Icon:_Icon["default"],Image:_Image["default"],NativeBase:_NativeBase["default"],RootComp:_RootComp["default"],Text:_Text["default"]};exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _BaseContainer=_interopRequireDefault(require("./BaseContainer"));var _BaseHolder=_interopRequireDefault(require("./BaseHolder"));var _BlogFeed=_interopRequireDefault(require("./BlogFeed"));var _BlogPost=_interopRequireDefault(require("./BlogPost"));var _Button=_interopRequireDefault(require("./Button"));var _Form=_interopRequireDefault(require("./Form"));var _Icon=_interopRequireDefault(require("./Icon"));var _Image=_interopRequireDefault(require("./Image"));var _NativeBase=_interopRequireDefault(require("./NativeBase"));var _RootComp=_interopRequireDefault(require("./RootComp"));var _Text=_interopRequireDefault(require("./Text"));var _default={BaseContainer:_BaseContainer.default,BaseHolder:_BaseHolder.default,BlogFeed:_BlogFeed.default,BlogPost:_BlogPost.default,Button:_Button.default,Form:_Form.default,Icon:_Icon.default,Image:_Image.default,NativeBase:_NativeBase.default,RootComp:_RootComp.default,Text:_Text.default};exports.default=_default;

lib/Module.js

@@ -25,6 +25,14 @@ export default class Module extends React.Component{
 		}
 	}
 
+	createAction(action) {
+		if(!this.props.CoreSystem) {
+			console.warning("This module was constructed without a CoreSystem");
+			return;
+		}
+		return this.props.CoreSystem.ActionSystem.createAction(action);
+	}
+
 	setContainerStyle(style) { 
 		this._containerStyle = style;
 	}

lib/Types.js

@@ -12,6 +12,7 @@ let Types = {
 	Float: 10,
 	Modules: 11,
 	Whatever: 12,
+	Action: 13
 }
 
 
@@ -59,6 +60,34 @@ class Bool extends Type {
 	}
 }
 
+class Action extends Type {
+	constructor() {
+		super(Types.Action);
+	}
+
+	resolve(value) {
+		if(typeof value !== "object")
+			return false;
+		if(typeof value.type !== "string") 
+			return false;
+		return true;
+	}
+
+	parse(value) {
+		if(!value) return { _Action: {empty: true}};
+		let {
+			type,
+			data
+		} = value;
+
+		return {
+			_Action: {initial: value},
+			type,
+			data
+		};
+	}
+}
+
 class Text extends Type {
 	constructor() {
 		super(Types.Text);
@@ -152,6 +181,7 @@ class JSArray extends Type{
 }
 
 export default {
+	Action,
 	Bool,
 	Real,
 	Object: JSObject,
@@ -224,7 +254,8 @@ export function Resolver (Inputs, props) {
 	let structure = {};
 	for(var i in Inputs) {
 		let field = Inputs[i];
-		let value = field.parse(props[i] || field.defaultValue);
+		let parseVal = (props[i] === undefined) ? field.defaultValue : props[i];
+		let value = field.parse(parseVal);
 		if(field.resolve(value)){
 			structure[i] = value;
 			// console.log(value);

lib/systems/ActionSystem.js

@@ -0,0 +1,64 @@
+import RoutingSystem from './RoutingSystem.js';
+import ViewSystem, { View } from './ViewSystem.js';
+import ModuleSystem from './ModuleSystem.js';
+import Modules from '../../modules';
+import EventSystem from './EventSystem';
+import * as Font from 'expo-font';
+export default class ActionSystem {
+	constructor(CS) {
+		// TODO -- Make correct Initialization
+		this.CoreSystem = CS;
+		this.EventSystem = new EventSystem();
+		
+		this.events = [...ActionSystem.Actions];
+
+		this._disabled = false;
+
+		this.setupEvents();
+	}
+	setupEvents() {
+		this.events.map((Action) => {
+			this.EventSystem.on(Action.id, (d) => this.dispatch(Action, d));
+		});
+	}
+	
+	dispatch(Action, data) {
+		return !this._disabled && new Action(this.CoreSystem).run(data)
+	}
+
+	disable() {this._disabled = true;}
+	enable() {this._disabled = false;}
+	toggle() {this._disabled = !this._disabled;}
+
+	createAction(action) {
+		if (!action.type) return;
+		this.EventSystem.emit(action.type, action.data);
+	}
+
+	onUpdate(fn) {this._onUpdate = fn;}
+	forceUpdate() {
+		this._onUpdate && this._onUpdate();
+	}
+}
+
+
+export class RouteAction {
+	constructor(CS) {
+		this.CoreSystem = CS;
+	}
+
+	run(data) {
+		let {
+			route
+		} = data;
+		if(route) 
+			this.CoreSystem.goto(route);
+	}
+}
+RouteAction.id = "changeRoute";
+
+ActionSystem.RouteAction = RouteAction;
+
+ActionSystem.Actions = [
+	RouteAction
+];

lib/systems/CoreSystem.js

@@ -3,6 +3,7 @@ import ViewSystem, { View } from './ViewSystem.js';
 import ModuleSystem from './ModuleSystem.js';
 import Modules from '../../modules';
 import EventSystem from './EventSystem';
+import ActionSystem from './ActionSystem';
 import * as Font from 'expo-font';
 export default class CoreSystem {
 	constructor(dev = false) {
@@ -10,6 +11,8 @@ export default class CoreSystem {
 		this.Routing = new RoutingSystem();
 		this.ModuleSystem = new ModuleSystem();
 		this.EventSystem = new EventSystem();
+		this.ActionSystem = new ActionSystem(this);
+		this.ActionSystem.onUpdate(() => this.forceUpdate());
 		this.ViewSystem    = new ViewSystem(this);
 		this.loadFonts()
 		this.__loadModules(Modules);
@@ -22,6 +25,8 @@ export default class CoreSystem {
 	}
 
 	fresh() {
+		this.ActionSystem = new ActionSystem(this);
+		this.ActionSystem.onUpdate(() => this.forceUpdate());
 		this.Routing = new RoutingSystem();
 		this.ModuleSystem = new ModuleSystem();
 		this.EventSystem = new EventSystem();
@@ -68,7 +73,9 @@ export default class CoreSystem {
 	}
 
 	goto( route ) {
-		return this.Routing.goTo(route);
+		let res = this.Routing.goTo(route);
+		this.forceUpdate();
+		return res;
 	}
 
 	addPage( route , View, ViewID = Math.random()) {

lib/systems/ViewSystem.js

@@ -279,7 +279,7 @@ let Renderer = (props) => {
 				CoreSystem: CoreSystem,
 				View: selfView
 			},
-			[], // children
+			null, // children
 			viewNode.namespace,
 			viewNode.id
 		);

modules/BaseHolder/index.js

@@ -56,13 +56,16 @@ export default class BaseHolder extends React.Component {
 				paddingBottom,
 				marginLeft,
 				marginRight,
-				overflow
+				overflow,
+
+				pointerEvents: 'auto'
 			}]}>
 	    		{content}
 				<View WRAPPER={true} style={ //children Container 
 		    	 	[
 		    	 	(!!content || stretchContainer) ? styles.stretchToContent : {},
 		    	 	{
+		    	 		pointerEvents: 'none',
 		    	 		justifyContent,
 						alignItems,
 						alignContent,

modules/NativeBase/.expo/packager-info.json

@@ -1,3 +0,0 @@
-{
-  "devToolsPort": 19002
-}

modules/NativeBase/.expo/settings.json

@@ -1,8 +0,0 @@
-{
-  "hostType": "lan",
-  "lanType": "ip",
-  "dev": true,
-  "minify": false,
-  "urlRandomness": null,
-  "https": false
-}

modules/NativeBase/index.js

@@ -75,7 +75,17 @@ export class Badge extends Module {
 		super(props);
 	}
 	display() {
-		return <BadgeCtor {...this.props} />
+		let {
+			text,
+			icon,
+			style,
+			color,
+			...restProps
+		} = this.props;
+		return <BadgeCtor {...restProps} style={[{flexDirection: 'row'}, style]}>
+			{icon ? <IconNBCtor name={icon}  style={{ fontSize: 15, color, lineHeight: 27 }}/> : null}
+			{text ? <TextCtor  style={{ fontSize: 15, color, lineHeight: 27 }}>{text}</TextCtor> : null}
+		</BadgeCtor>
 	}
 }
 export class Body extends Module {
@@ -93,10 +103,16 @@ export class Button extends Module {
 	display() {
 		let {
 			text,
+			icon,
+			onPress,
 			...rest
 		} = this.props;
-		return <ButtonCtor {...rest}>
-            	{text ? <TextCtor>{text}</TextCtor> : null}
+		let run = () => {
+			this.createAction(onPress)
+		};
+		return <ButtonCtor {...rest} onClick={run} onPress={run}>
+			{icon ? <IconCtor name={icon} /> : null}
+        	{text ? <TextCtor>{text}</TextCtor> : null}
 		</ButtonCtor>
 	}
 }
@@ -111,8 +127,7 @@ export class Card extends Module {
 			footer,
 			...rest
 		} = this.props;
-		return  
-        <CardCtor {...rest}>
+		return  <CardCtor {...rest}>
             <CardItemCtor header>
               <TextCtor>{header}</TextCtor>
             </CardItemCtor>
@@ -206,7 +221,14 @@ export class Form extends Module {
 		super(props);
 	}
 	display() {
-		return <FormCtor {...this.props} />
+		return <FormCtor {...this.props}>
+            <ItemCtor>
+              <InputCtor placeholder="Username" />
+            </ItemCtor>
+            <ItemCtor last>
+              <InputCtor placeholder="Password" />
+            </ItemCtor>
+          </FormCtor>
 	}
 }
 export class Gravatar extends Module {
@@ -280,7 +302,15 @@ export class Input extends Module {
 		super(props);
 	}
 	display() {
-		return <InputCtor {...this.props} />
+		let {
+			icon,
+			placeholder,
+			...rest
+		} = this.props;
+		return  <ItemCtor {...rest}>
+			<InputCtor placeholder={placeholder}/>
+			{icon ? <IconNBCtor active name={icon} /> : null}
+		</ItemCtor>;		
 	}
 }
 export class InputGroup extends Module {
@@ -296,7 +326,13 @@ export class Item extends Module {
 		super(props);
 	}
 	display() {
-		return <ItemCtor {...this.props} />
+		let {
+			placeholder,
+			...rest
+		} = this.props;
+		return <ItemCtor {...rest}>
+			<InputCtor placeholder={placeholder}/>
+		</ItemCtor>;
 	}
 }
 export class Label extends Module {
@@ -511,15 +547,13 @@ Accordion.Inputs = {
 }
 Actionsheet.Inputs = {
 	
-}
-Badge.Inputs = {
-	
 }
 Body.Inputs = {
 	
 }
 Button.Inputs = {
 	text: new Types.Text().default("Press me"),
+	onPress: new Types.Action(),
 	block: new Types.Bool(),
 	primary: new Types.Bool(),
 	transparent: new Types.Bool(),
@@ -534,6 +568,16 @@ Button.Inputs = {
 	small: new Types.Bool(),
 	active: new Types.Bool()
 }
+Badge.Inputs = {
+	icon: new Types.Text(),
+	text: new Types.Text().require().default("1"),
+	color: new Types.Text().color().require().default("rgba(255,255,255,1)"),
+	primary: new Types.Bool(),
+	success: new Types.Bool(),
+	danger: new Types.Bool(),
+	warning: new Types.Bool(),
+	info: new Types.Bool()
+}
 Card.Inputs = {
 	header: new Types.Text().default("Header"),
 	body: new Types.Text().default("Lorem ipsum body bla la trapala"),
@@ -595,9 +639,19 @@ Header.Inputs = {
 }
 IconNB.Inputs = {
 	
+}
+Item.Inputs = {
+	inlineLabel: new Types.Bool(),
+	floatingLabel: new Types.Bool(),
+	stackedLabel: new Types.Bool(),
+	fixedLabel: new Types.Bool(),
+	success: new Types.Bool(),
+	error: new Types.Bool()
 }
 Input.Inputs = {
-	
+	icon: new Types.Text(),
+	placeholder: new Types.Text(),
+	...Item.Inputs
 }
 InputGroup.Inputs = {
 	regular: new Types.Bool(),
@@ -607,14 +661,6 @@ InputGroup.Inputs = {
 	error: new Types.Bool(),
 	disabled: new Types.Bool()
 }
-Item.Inputs = {
-	inlineLabel: new Types.Bool(),
-	floatingLabel: new Types.Bool(),
-	stackedLabel: new Types.Bool(),
-	fixedLabel: new Types.Bool(),
-	success: new Types.Bool(),
-	error: new Types.Bool()
-}
 Label.Inputs = {
 	floatBack: new Types.Real()
 }

package.json

@@ -10,7 +10,7 @@
     "elements": "babel ./modules/NativeBase/index.js --out-file ./modules/NativeBase/compiled.js && node ./modules/NativeBase/compiled.js"
   },
   "dependencies": {
-    "expo": "^34.0.0-experiment.8",
+    "expo": "^33.0.0",
     "native-base": "^2.13.8",
     "prop-types": "^15.7.2",
     "react": "16.8.3",