refactor(type-service): remove it from the this.rb object

If you need to use, import it

Author: jyounce

README.md

@@ -13,12 +13,12 @@ $ npm install @rapid-build-ui/rb-base
 * The view rendering engine [lit-html](https://polymer.github.io/lit-html/).
 * Imports:
 	* guid-service.js
+	* type-service.js
 	* view-directives.js
 * Callbacks:
 	* viewReady()
 * Creates this.rb object that contains a set of common helper objects:
 	* this.rb.events
-	* this.rb.type
 	* this.rb.view
 
 
@@ -57,6 +57,7 @@ Executed once when view is ready and all its rb sub components views are ready.
 Use when you need to make sure elements are accessible in the shadow dom.
 
 
+
 ## Imports (optional)
 
 ### guid-service.js
@@ -65,8 +66,30 @@ Use when you need to make sure elements are accessible in the shadow dom.
 
 ```js
 // Example
-import guid from '../../rb-base/scripts/guid-service.js';
-const id = guid.create();
+import Guid from '../../rb-base/scripts/guid-service.js';
+const guid = Guid.create();
+```
+
+
+### type-service.js
+* Methods (**is.methods() :boolean**)
+	* get(val) :string (returns val type)
+	* is.array(val)
+	* is.boolean(val)
+	* is.function(val)
+	* is.int(val)
+	* is.null(val)
+	* is.number(val)
+	* is.object(val)
+	* is.promise(val)
+	* is.string(val)
+	* is.stringArray(val)
+	* is.undefined(val)
+
+```js
+// Example
+import Type from '../../rb-base/scripts/type-service.js';
+const isString = Type.is.string('rapid');
 ```
 
 
@@ -99,22 +122,6 @@ to be used in view.
 	* emit(elm, 'event' [, { detail: any } ]) :boolean
 
 
-### this.rb.type
-* Methods (**is.methods() :boolean**)
-	* get(val) :string (returns val type)
-	* is.array(val)
-	* is.boolean(val)
-	* is.function(val)
-	* is.int(val)
-	* is.null(val)
-	* is.number(val)
-	* is.object(val)
-	* is.promise(val)
-	* is.string(val)
-	* is.stringArray(val)
-	* is.undefined(val)
-
-
 ### this.rb.view
 * Properties
 	* isReady :boolean (readonly, will be true when view is ready)

src/client/scripts/event-service.js

@@ -12,7 +12,7 @@
  - this.rb.events.emit(elm, 'event' [, { detail: any } ]); :boolean
  ********************************************************************************/
 import { emit } from '../../../skatejs/dist/esnext/emit.js';
-import guid from './guid-service.js';
+import Guid from './guid-service.js';
 
 /* Event Helpers
  ****************/
@@ -24,7 +24,7 @@ const EventHelper = {
 	},
 	_getSpace(target, space = null) { // :string
 		if (target.dataset.rbEvent) return target.dataset.rbEvent;
-		if (!space) space = guid.create(5);
+		if (!space) space = Guid.create(5);
 		target.dataset.rbEvent = space;
 		return space;
 	},
@@ -99,7 +99,7 @@ const EventHelper = {
 			return EventHelper.getCallbackName.call(this, callback.func);
 
 		if (!callback.name) // for anonymous functions (set name for removeAll())
-			Object.defineProperty(callback, 'name', { value: guid.create(5) });
+			Object.defineProperty(callback, 'name', { value: Guid.create(5) });
 
 		// bound functions are prefixed with 'bound '
 		return callback.name.replace(/^bound /, '');

src/client/scripts/guid-service.js

@@ -2,9 +2,9 @@
  * GUID SERVICE
  ****************************************
  * HOW TO USE
- - import guid from './guid-service.js';
+ - import Guid from './guid-service.js';
  * API
- - guid.create(maxLength = 12); :string
+ - Guid.create(maxLength = 12); :string
  ****************************************/
 const GuidService = {
 	create(maxLength = 12) { // :string (sometimes returns maxLength - 1 chars)

src/client/scripts/rb-base.js

@@ -4,7 +4,6 @@
 import { props, withComponent } from '../../../skatejs/dist/esnext/index.js';
 import { html, render } from '../../../lit-html/lit-html.js';
 import EventService from './event-service.js';
-import TypeService from './type-service.js';
 import ViewService from './view-service.js';
 
 /* RB Base Class
@@ -16,7 +15,6 @@ const RbBase = (Base = HTMLElement) => class extends withComponent(Base) {
 		super();
 		this.rb = {
 			events: EventService.call(this),
-			type:   TypeService,
 			view:   ViewService.call(this)
 		}
 	}

src/client/scripts/type-service.js

@@ -1,10 +1,10 @@
-/***********************************************************
+/****************************************
  * TYPE SERVICE
- ***********************************************************
+ ****************************************
  * HOW TO USE
- - import TypeService from './type-service.js';
- - this.rb.type = TypeService; :object (set in constructor)
- ***********************************************************/
+ - import Type from './type-service.js';
+ - Type = TypeService; :object
+ ****************************************/
 const TypeService = {
 	/* Return Type as String
 	 ************************/