Merge pull request #55 from makotot/export

export as default

Author: makotot

README.md

@@ -20,7 +20,7 @@ $ npm i react-scrollspy
 ## Usage
 
 ```js
-var Scrollspy = require('react-scrollspy').Scrollspy;
+import Scrollspy from 'react-scrollspy'
 
 ...
 

__test__/index.js

@@ -1,7 +1,7 @@
 import test from 'ava'
 import React from 'react'
 import { shallow, mount, render } from 'enzyme'
-import { Scrollspy } from '../src/js/lib/Scrollspy'
+import Scrollspy from '../src/js/lib/Scrollspy'
 
 test('renders correct children length', (t) => {
   const wrapper = shallow(
@@ -22,3 +22,12 @@ test('renders children with correct props', (t) => {
   )
   t.is(wrapper.find('li').prop('randomProp'), 'someText')
 })
+
+test('renders expected html tag', (t) => {
+  const defaultTag = shallow(<Scrollspy></Scrollspy>)
+  const customTag = shallow(<Scrollspy componentTag={ 'div' }></Scrollspy>)
+
+  t.is(defaultTag.type(), 'ul')
+  t.is(customTag.type(), 'div')
+})
+

docs.sh

@@ -5,7 +5,7 @@ mkdir gh_pages
 ls -la
 cd gh_pages
 
-cp -r ../build/* .
+cp -r ../dist/* .
 
 git init
 git config user.name "${GIT_COMITTER_NAME}"

gulpfile.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import { Scrollspy } from './lib/Scrollspy.jsx'
+import Scrollspy from './lib/Scrollspy.jsx'
 import Highlight from 'react-highlight'
 
 import 'style-loader!css-loader!postcss-loader!sass-loader!../scss/app.scss'
@@ -64,7 +64,7 @@ const App = React.createClass({
                   </pre>
                   <p className="c-paragraph">Then, import this library in your JS.</p>
                   <pre className="c-code">
-                    <Highlight className="c-code__inner">{'import { Scrollspy } from \'react-scrollspy\''}</Highlight>
+                    <Highlight className="c-code__inner">{'import Scrollspy from \'react-scrollspy\''}</Highlight>
                   </pre>
                 </div>
               </div>

src/js/app.jsx

@@ -3,7 +3,7 @@ import React from 'react'
 import classNames from 'classnames'
 import throttle from './throttle'
 
-export class Scrollspy extends React.Component {
+export default class Scrollspy extends React.Component {
 
   static get PropTypes () {
     return {

src/js/lib/Scrollspy.jsx

@@ -62,7 +62,7 @@ export default {
   plugins: [
     new HtmlWebpackPlguin({
       filename: 'index.html',
-      inject: true,
+      inject: false,
       template: './src/templates/index.ejs',
     }),
     new webpack.LoaderOptionsPlugin({