Merge pull request #15 from tom76kimo/installable

make module publishable

Author: tom76kimo

.gitignore

@@ -2,3 +2,5 @@ bundle.js
 node_modules/
 playground/playgroundBundle.js
 .DS_Store
+dist/
+npm-debug.log

DEVELOP.md

@@ -13,7 +13,13 @@ then
 3. compose playground page in `/playground/Playground.js`
 4. see result on `/playground/index.html`
 
-build code
+### Publish steps
+
+1. Make sure the modules you want to export have been specified in `index.js` at root folder.
+
+2. Raise npm module version
+
+3. run
 ```
-$ npm run build
+$ npm publish ./
 ```

index.js

@@ -1,15 +1,15 @@
-import Button from './src/components/Button';
-import Slider from './src/components/Slider';
-import Tooltip from './src/components/Tooltip';
-import Checkbox from './src/components/Checkbox';
-import Radio from './src/components/Radio';
-import RadioGroup from './src/components/RadioGroup';
+var Button = require('./dist/components/Button');
+var Slider = require('./dist/components/Slider');
+var Tooltip = require('./dist/components/Tooltip');
+var Checkbox = require('./dist/components/Checkbox');
+var Radio = require('./dist/components/Radio');
+var RadioGroup = require('./dist/components/RadioGroup');
 
-export default {
-    Button: Button,
-    Checkbox: Checkbox,
-    Radio: Radio,
-    RadioGroup: RadioGroup,
-    Slider: Slider,
-    Tooltip: Tooltip,
+module.exports = {
+  Button: Button,
+  Checkbox: Checkbox,
+  Radio: Radio,
+  RadioGroup: RadioGroup,
+  Slider: Slider,
+  Tooltip: Tooltip
 };

package.json

@@ -1,14 +1,16 @@
 {
   "name": "mdor",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Google Material Design Lite on Reactjs",
-  "main": "bundle.js",
+  "main": "index.js",
   "scripts": {
     "build": "grunt",
     "dev": "grunt watch",
     "play": "grunt playground",
     "lint": "eslint index.js playground/Playground.js src/**/*.js",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "compile": "babel src/ --out-dir  dist",
+    "prepublish": "npm run compile"
   },
   "keywords": [
     "google",
@@ -19,6 +21,7 @@
   "author": "react-td <tom76kimo@gmail.com> (https://github.com/react-md)",
   "license": "MIT",
   "devDependencies": {
+    "babel": "^5.6.23",
     "babel-eslint": "^3.1.23",
     "babel-loader": "^5.3.1",
     "css-loader": "^0.15.2",

playground/Playground.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 // add whatever you want to play with
-import mdor from '../index';
+import mdor from './index';
 
 const {Button, Slider, Tooltip, Checkbox, Radio, RadioGroup} = mdor;
 

playground/index.js

@@ -0,0 +1,15 @@
+import Button from '../src/components/Button';
+import Slider from '../src/components/Slider';
+import Tooltip from '../src/components/Tooltip';
+import Checkbox from '../src/components/Checkbox';
+import Radio from '../src/components/Radio';
+import RadioGroup from '../src/components/RadioGroup';
+
+export default {
+    Button: Button,
+    Checkbox: Checkbox,
+    Radio: Radio,
+    RadioGroup: RadioGroup,
+    Slider: Slider,
+    Tooltip: Tooltip,
+};