dist/modules/RootComp/index.js

@@ -1 +1 @@
-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\\src\\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\\Konstanitnos\\Development\\TrapiLib\\src\\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 @@
-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\\src\\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\\Konstanitnos\\Development\\TrapiLib\\src\\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 @@
-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\\src\\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\\Konstanitnos\\Development\\TrapiLib\\src\\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/rules/BaseRules.css

@@ -0,0 +1,11 @@
+ROOT > Card {
+	
+}
+
+
+ROOT > ~Card {
+	paddingLeft: 16;
+	paddingRight:16;
+	paddingTop:24;
+	paddingBottom:24;
+}

dist/rules/Universal.css

@@ -34,13 +34,3 @@ Image > * {
 	justifyContent: center;
 	alignSelf: center;
 }
-
-
-Badge - Button {
-	width: 10;
-}
-
-
-Badge + Button {
-	paddingTop: 100; 
-}

src/lib/Module.js

@@ -1,6 +1,6 @@
 import React, {Fragment} from 'react';
 import { View } from 'react-native';
-
+import Types from './Types';
 import { Resolver } from './Types';
 import Injection from './systems/InjectionSystem';
 
@@ -252,4 +252,16 @@ const StyleProps = {
 	"scrollSnapType":1,
 	"WebkitMaskImage":1,
 	"WebkitOverflowScrolling":1
+}
+
+
+Module.Inputs = {
+	paddingLeft: new Types.Integer(),
+	paddingRight: new Types.Integer(),
+	paddingTop: new Types.Integer(),
+	paddingBottom: new Types.Integer(),
+	marginLeft: new Types.Integer(),
+	marginRight: new Types.Integer(),
+	marginTop: new Types.Integer(),
+	marginBottom: new Types.Integer()
 }

src/lib/systems/CoreSystem.js

@@ -10,7 +10,7 @@ import * as Font from 'expo-font';
 
 
 import Data from '!!raw-loader!../../rules/Universal.css';
-
+import BaseRules from '!!raw-loader!../../rules/BaseRules.css';
 
 export default class CoreSystem {
 	constructor(dev = false) {
@@ -28,6 +28,7 @@ export default class CoreSystem {
 		this.RulingSystem = new RulingSystem();
 		InjectionSystem.depend("Ruling", this.RulingSystem);
 		this.RulingSystem.addRuleFile(Data);
+		this.RulingSystem.addRuleFile(BaseRules);
 		this.RulingSystem.onUpdate(() => this.forceUpdate())
 
 		this.ViewSystem    = new ViewSystem(this);

src/modules/NativeBase/index.js

@@ -575,6 +575,7 @@ export class View extends Module {
 }
 
 Text.Inputs = {
+	...Module.Inputs,
 	fontSize: new Types.Integer(),
 	fontWeight: new Types.Text(),
 	fontFamily: new Types.Text(),
@@ -583,15 +584,19 @@ Text.Inputs = {
 	content: new Types.Text().default("Hello world!")
 }
 Accordion.Inputs = {
+	...Module.Inputs,
 	
 }
 Actionsheet.Inputs = {
+	...Module.Inputs,
 	
 }
 Body.Inputs = {
+	...Module.Inputs,
 	
 }
 Button.Inputs = {
+	...Module.Inputs,
 	text: new Types.Text().default("Press me"),
 	onPress: new Types.Action(),
 	block: new Types.Bool(),
@@ -609,6 +614,7 @@ Button.Inputs = {
 	active: new Types.Bool()
 }
 Badge.Inputs = {
+	...Module.Inputs,
 	icon: new Types.Text(),
 	text: new Types.Text().require().default("1"),
 	color: new Types.Text().color().require().default("rgba(255,255,255,1)"),
@@ -619,72 +625,91 @@ Badge.Inputs = {
 	info: new Types.Bool()
 }
 Card.Inputs = {
+	...Module.Inputs,
 	header: new Types.Text().default("Header"),
 	body: new Types.Text().default("Lorem ipsum body bla la trapala"),
 	footer: new Types.Text().default("Add footer here"),
 	bodyModules: new Types.Array(new Types.Module()),
-	texts: new Types.Array(new Types.Text())
+	texts: new Types.Array(new Types.Text()),
+
 }
 CardItem.Inputs = {
+	...Module.Inputs,
 	header: new Types.Bool(),
 	cardBody: new Types.Bool(),
 	footer: new Types.Bool(),
 	button: new Types.Bool()
 }
 Checkbox.Inputs = {
+	...Module.Inputs,
 	checked: new Types.Bool()
 }
 Container.Inputs = {
+	...Module.Inputs,
 	
 }
 Content.Inputs = {
+	...Module.Inputs,
 	disableKBDismissScroll: new Types.Bool(),
 	keyboardShouldPersistTaps: new Types.Text(),
 	padder: new Types.Bool()
 }
 DatePicker.Inputs = {
+	...Module.Inputs,
 	
 }
 DeckSwiper.Inputs = {
+	...Module.Inputs,
 	
 }
 Fab.Inputs = {
+	...Module.Inputs,
 	
 }
 Footer.Inputs = {
+	...Module.Inputs,
 	
 }
 FooterTab.Inputs = {
+	...Module.Inputs,
 	
 }
 Form.Inputs = {
+	...Module.Inputs,
 	inputs: new Types.Array(new Types.Text()),
 	button: new Types.Text().default('Submit'),
 	onSubmit: new Types.Action()
 }
 Gravatar.Inputs = {
+	...Module.Inputs,
 	email: new Types.Text().require(),
 	size: new Types.Real(),
 	circular: new Types.Bool(),
 	square: new Types.Bool()
 }
 H1.Inputs = {
+	...Module.Inputs,
 	...Text.Inputs
 }
 H2.Inputs = {
+	...Module.Inputs,
 	...Text.Inputs
 }
 H3.Inputs = {
+	...Module.Inputs,
 	...Text.Inputs	
 }
 Header.Inputs = {
+	...Module.Inputs,
 	searchBar: new Types.Bool(),
 	rounded: new Types.Bool()
 }
 IconNB.Inputs = {
+	...Module.Inputs,
 	
 }
 Item.Inputs = {
+	...Module.Inputs,
 	mod: new Types.Module(),
 	inlineLabel: new Types.Bool(),
 	floatingLabel: new Types.Bool(),
@@ -694,11 +719,13 @@ Item.Inputs = {
 	error: new Types.Bool()
 }
 Input.Inputs = {
+	...Module.Inputs,
 	icon: new Types.Text(),
 	placeholder: new Types.Text(),
 	...Item.Inputs
 }
 InputGroup.Inputs = {
+	...Module.Inputs,
 	regular: new Types.Bool(),
 	underline: new Types.Bool(),
 	rounded: new Types.Bool(),
@@ -707,80 +734,103 @@ InputGroup.Inputs = {
 	disabled: new Types.Bool()
 }
 Label.Inputs = {
+	...Module.Inputs,
 	floatBack: new Types.Real()
 }
 Left.Inputs = {
+	...Module.Inputs,
 	
 }
 List.Inputs = {
+	...Module.Inputs,
 	
 }
 ListItem.Inputs = {
+	...Module.Inputs,
 	itemDivider: new Types.Bool(),
 	button: new Types.Bool()
 }
 PickerItem.Inputs = {
+	...Module.Inputs,
 	
 }
 Radio.Inputs = {
+	...Module.Inputs,
 	selected: new Types.Bool(),
 	standardStyle: new Types.Bool()
 }
 Right.Inputs = {
+	...Module.Inputs,
 	
 }
 Root.Inputs = {
+	...Module.Inputs,
 	
 }
 Segment.Inputs = {
+	...Module.Inputs,
 	
 }
 Separator.Inputs = {
+	...Module.Inputs,
 	
 }
 Spinner.Inputs = {
+	...Module.Inputs,
 	color: new Types.Text(),
 	inverse: new Types.Bool()
 }
 Subtitle.Inputs = {
+	...Module.Inputs,
 	
 }
 SwipeRow.Inputs = {
+	...Module.Inputs,
 	
 }
 Switch.Inputs = {
+	...Module.Inputs,
 	
 }
 Tab.Inputs = {
+	...Module.Inputs,
 	
 }
 TabContainer.Inputs = {
+	...Module.Inputs,
 	
 }
 TabHeading.Inputs = {
+	...Module.Inputs,
 	
 }
 Textarea.Inputs = {
+	...Module.Inputs,
 	placeholder: new Types.Text(),
 	rowSpan: new Types.Real(),
 	bordered: new Types.Bool(),
 	underline: new Types.Bool()
 }
 Thumbnail.Inputs = {
+	...Module.Inputs,
 	square: new Types.Bool(),
 	circular: new Types.Bool(),
 	size: new Types.Real()
 }
 Title.Inputs = {
+	...Module.Inputs,
 	
 }
 Toast.Inputs = {
+	...Module.Inputs,
 	
 }
 ToastContainer.Inputs = {
+	...Module.Inputs,
 	
 }
 View.Inputs = {
+	...Module.Inputs,
 	
 }
 

src/rules/BaseRules.css

@@ -0,0 +1,11 @@
+ROOT > Card {
+	
+}
+
+
+ROOT > ~Card {
+	paddingLeft: 16;
+	paddingRight:16;
+	paddingTop:24;
+	paddingBottom:24;
+}

src/rules/Universal.css

@@ -34,13 +34,3 @@ Image > * {
 	justifyContent: center;
 	alignSelf: center;
 }
-
-
-Badge - Button {
-	width: 10;
-}
-
-
-Badge + Button {
-	paddingTop: 100; 
-}