Typing

Author: jeffreylanters

lib/Styles.js renamed to lib/components/Styles.js

@@ -3,6 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+/**
+ * Static styles used by the Unity component
+ */
 exports.default = {
     unity: {
         width: '100%',

lib/Unity.js renamed to lib/components/Unity.js

@@ -10,7 +10,7 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _UnityLoaderService = require('./UnityLoaderService');
+var _UnityLoaderService = require('../services/UnityLoaderService');
 
 var _UnityLoaderService2 = _interopRequireDefault(_UnityLoaderService);
 
@@ -37,53 +37,52 @@ var Unity = function (_Component) {
         _this.state = {
             error: null
         };
-        _this.unityLoaderService = new _UnityLoaderService2.default();
+        _this._unityLoaderService = new _UnityLoaderService2.default();
         return _this;
     }
 
     _createClass(Unity, [{
         key: 'componentDidMount',
         value: function componentDidMount() {
-            this.instantiate();
+            this._instantiate();
         }
     }, {
         key: 'componentWillUnmount',
         value: function componentWillUnmount() {
-            this.unityLoaderService.unmount();
+            this._unityLoaderService.unmount();
         }
     }, {
-        key: 'instantiate',
-        value: function instantiate() {
+        key: '_instantiate',
+        value: function _instantiate() {
             var _this2 = this;
 
             var error = null;
-
             if (typeof this.props.loader === 'undefined') error = 'Please provide Unity with a path to the UnityLoader in the loader prop.';
             if (typeof this.props.src === 'undefined') error = 'Please provide Unity with a path to a valid JSON in the src prop.';
 
             if (error !== null) {
                 console.error(error);
                 this.setState({ error: error });
             } else {
-                this.unityLoaderService.append(this.props.loader).then(function () {
+                this._unityLoaderService.append(this.props.loader).then(function () {
                     var unityInstance = UnityLoader.instantiate('unity', _this2.props.src, {
-                        onProgress: _this2.onProgress.bind(_this2),
+                        onProgress: _this2._onProgress.bind(_this2),
                         Module: _this2.props.module
                     });
                     module.exports.UnityInstance = unityInstance;
                 });
             }
         }
     }, {
-        key: 'onProgress',
-        value: function onProgress(unityInstance, progression) {
+        key: '_onProgress',
+        value: function _onProgress(unityInstance, progression) {
             if (typeof this.props.onProgress !== 'undefined') {
                 this.props.onProgress(progression);
             }
         }
     }, {
-        key: 'getContainerStyles',
-        value: function getContainerStyles() {
+        key: '_getContainerStyles',
+        value: function _getContainerStyles() {
             return {
                 width: this.props.width || '100%',
                 height: this.props.height || '100%'
@@ -94,7 +93,7 @@ var Unity = function (_Component) {
         value: function render() {
             return _react2.default.createElement(
                 'div',
-                { className: 'unity', style: this.getContainerStyles() },
+                { className: 'unity', style: this._getContainerStyles() },
                 this.state.error !== null ? _react2.default.createElement(
                     'b',
                     null,

lib/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SendMessage = exports.RegisterExternalListener = undefined;
 
-var _Unity = require('./Unity');
+var _Unity = require('./components/Unity');
 
 var _Unity2 = _interopRequireDefault(_Unity);
 
-var _RegisterExternalListener = require('./RegisterExternalListener');
+var _RegisterExternalListener = require('./modules/RegisterExternalListener');
 
-var _SendMessage = require('./SendMessage');
+var _SendMessage = require('./modules/SendMessage');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

lib/RegisterExternalListener.js renamed to lib/modules/RegisterExternalListener.js

@@ -2,7 +2,8 @@
   "name": "react-unity-webgl",
   "version": "6.2.2",
   "description": "A Unity WebGL component for your React application",
-  "main": "lib/index.js",
+  "main": "library/index.js",
+  "types": "source/types.d.ts",
   "scripts": {
     "compile": "babel --presets react source --out-dir lib"
   },

lib/SendMessage.js renamed to lib/modules/SendMessage.js

@@ -1,3 +1,6 @@
+/**
+ * Static styles used by the Unity component
+ */
 export default {
     unity: {
         width: '100%',

lib/UnityLoaderService.js renamed to lib/services/UnityLoaderService.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react'
-import UnityLoaderService from './UnityLoaderService'
+import UnityLoaderService from '../services/UnityLoaderService'
 import Styles from './Styles'
 
 export default class Unity extends Component {
@@ -8,17 +8,16 @@ export default class Unity extends Component {
         this.state = {
             error: null
         }
-        this.unityLoaderService = new UnityLoaderService ()
+        this._unityLoaderService = new UnityLoaderService ()
     }
     componentDidMount () {
-        this.instantiate ()
+        this._instantiate ()
     }
     componentWillUnmount () {
-        this.unityLoaderService.unmount ()
+        this._unityLoaderService.unmount ()
     }
-    instantiate () {
+    _instantiate () {
         let error = null
-
         if (typeof this.props.loader === 'undefined')
             error = 'Please provide Unity with a path to the UnityLoader in the loader prop.'
         if (typeof this.props.src === 'undefined')
@@ -29,29 +28,29 @@ export default class Unity extends Component {
             this.setState ({ error: error })
         } 
         else {
-            this.unityLoaderService.append (this.props.loader).then (() => {
+            this._unityLoaderService.append (this.props.loader).then (() => {
                 let unityInstance = UnityLoader.instantiate ('unity', this.props.src, {
-                    onProgress: this.onProgress.bind (this),
+                    onProgress: this._onProgress.bind (this),
                     Module : this.props.module
                 })
                 module.exports.UnityInstance = unityInstance
             })
         }
     }
-    onProgress (unityInstance, progression) {
+    _onProgress (unityInstance, progression) {
         if (typeof this.props.onProgress !== 'undefined') {
             this.props.onProgress (progression)
         }
     }
-    getContainerStyles () {
+    _getContainerStyles () {
         return {
             width: this.props.width || '100%',
             height: this.props.height || '100%'
         }
     }
     render () {
         return (
-            <div className='unity' style={this.getContainerStyles ()}>
+            <div className='unity' style={this._getContainerStyles ()}>
                 {this.state.error !== null ? (
                     <b>React-Unity-Webgl error {this.state.error}</b>
                 ):(

package.json

@@ -1,6 +1,6 @@
-import Unity from './Unity'
-import { RegisterExternalListener } from './RegisterExternalListener'
-import { SendMessage } from './SendMessage'
+import Unity from './components/Unity'
+import { RegisterExternalListener } from './modules/RegisterExternalListener'
+import { SendMessage } from './modules/SendMessage'
 
 export default Unity
 export { RegisterExternalListener, SendMessage }