a-toolkit -> a-ui-toolkit

Author: snickell

a-toolkit/a-toolkit.js renamed to a-toolkit/a-ui-toolkit.js

@@ -11,7 +11,7 @@ function getRandomInt(min, max) {
   return Math.floor(Math.random() * (max - min)) + min; //The maximum is exclusive and the minimum is inclusive
 }
 
-console.log("Registering a-toolkit");
+console.log("Registering a-ui-toolkit");
 const requireDreem = path => window.defineDreem.requireDreem(path);
 
 const dreemAppendChild = function(parent, child){
@@ -34,7 +34,7 @@ const dreemAppendChild = function(parent, child){
 	parent.relayout();
 }
 
-AFRAME.registerComponent('a-toolkit', {
+AFRAME.registerComponent('a-ui-toolkit', {
   schema: {
     widthPx: {type: 'int', default: 800},
     heightPx: {type: 'int', default: 600}
@@ -134,11 +134,8 @@ AFRAME.registerComponent('a-toolkit', {
 
 		window.widgies = [];
 		Array.from(widgetNameToPath.entries()).forEach(([widgetName, dreemPath]) => {
-			console.log("Registering component: ", widgetName);
 			AFRAME.registerComponent(widgetName, {
-				init() {
-					console.log("initializing ", widgetName, dreemPath);
-					
+				init() {					
 					const DreemClass = requireDreem(dreemPath);
 					const dreemInstance = new DreemClass(props(this.el));
 
@@ -195,15 +192,15 @@ AFRAME.registerComponent('a-toolkit', {
   play: function () {}
 });
 
-AFRAME.registerPrimitive('a-toolkit', {
+AFRAME.registerPrimitive('a-ui-toolkit', {
   defaultComponents: {
-    "a-toolkit": {},
+    "a-ui-toolkit": {},
 	  geometry: {primitive: 'box', width: 1.33333333, height: 1, depth: 0.02, color: 'white' }		
   },
   // Maps HTML attributes to the `ocean` component's properties.
   mappings: {
-    widtpx: 'a-toolkit.widthPx',
-    heightpx: 'a-toolkit.depthPx',  },
+    widtpx: 'a-ui-toolkit.widthPx',
+    heightpx: 'a-ui-toolkit.depthPx',  },
 		depth: 'geometry.depth',
   	height: 'geometry.height',
   	width: 'geometry.width'		

a-toolkit/index.js

@@ -1,4 +1,4 @@
-import './a-toolkit';
+import './a-ui-toolkit';
 import library from './dreem-imports';
 import define from '../system/base/define';
 import defineRequire from '../system/base/define.require';

index.html

@@ -7,7 +7,7 @@
   <meta http-equiv="cache-control" content="no-cache" />
   <meta http-equiv="pragma" content="no-cache" />
 
-  <script src="dist/aframe-toolkit-component.js"></script>
+  <script src="dist/aframe-ui-toolkit.js"></script>
 
 </head>
 
@@ -16,14 +16,14 @@
   <a-scene id="scene">
     <a-assets></a-assets>
 
-    <a-toolkit position="0 1.5 -1.5">
+    <a-ui-toolkit position="0 1.5 -1.5">
     	<a-button text="Hi Hi Hi World"></a-button>
 			<a-slider  value="0.1"></a-slider>
 			<a-view funny="surely">
     		<a-button text="Ground Control to Major Tom"></a-button>
     		<a-button text="UR Circuits Ded LOL"></a-button>
 			</a-view>
-    </a-toolkit>
+    </a-ui-toolkit>
 
     <a-sky color="#87CEEB"></a-sky>
     <a-plane position="0 -10 -25" rotation="-90 0 0" width="50" height="50" color="#7BC8A4"></a-plane>

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "a-toolkit",
+  "name": "a-ui-toolkit",
   "version": "0.0.1",
-  "description": "2D UI Widget Toolkit for A-Frame, based on DreemGL",
+  "description": "UI Toolkit for A-Frame, based on DreemGL. Large set of widgets, but 2D. Good for screens.",
   "scripts": {
     "start": "webpack-dev-server -d --progress",
     "test": "echo \"Error: no test specified\" && exit 1",

webpack.config.js

@@ -5,7 +5,7 @@ const path = require("path");
 
 module.exports = {
     entry: {
-        "aframe-toolkit-component": "./a-toolkit/index.js"        
+        "aframe-ui-toolkit": "./a-toolkit/index.js"        
     },
     output: {
         path: path.resolve(__dirname, ""),