Merge pull request #48 from sunesimonsen/fix/unique-component-alias

Unique alias for components to avoid conflicts with host projects.

Author: sapegin

src/components/Components/Components.js

@@ -1,5 +1,5 @@
 import { Component, PropTypes } from 'react';
-import ReactComponent from 'components/ReactComponent';
+import ReactComponent from 'react-styleguidist/components/ReactComponent';
 
 export default class Components extends Component {
 	static propTypes = {

src/components/Layout/Layout.js

@@ -1,5 +1,5 @@
 import { Component, PropTypes } from 'react';
-import Components from 'components/Components';
+import Components from 'react-styleguidist/components/Components';
 
 import s from './Layout.css';
 

src/components/Playground/Playground.js

@@ -1,6 +1,6 @@
 import { Component, PropTypes } from 'react';
-import Editor from 'components/Editor';
-import Preview from 'components/Preview';
+import Editor from 'react-styleguidist/components/Editor';
+import Preview from 'react-styleguidist/components/Preview';
 
 import s from './Playground.css';
 

src/components/Preview/Preview.js

@@ -3,7 +3,7 @@
 import React, { Component, PropTypes } from 'react';
 import ReactDOM from 'react-dom';
 import babel from 'babel-core/browser';
-import Wrapper from 'components/Wrapper';
+import Wrapper from 'react-styleguidist/components/Wrapper';
 
 import s from './Preview.css';
 

src/components/ReactComponent/ReactComponent.js

@@ -1,6 +1,6 @@
 import { Component, PropTypes } from 'react';
-import Props from 'components/Props';
-import Playground from 'components/Playground';
+import Props from 'react-styleguidist/components/Props';
+import Playground from 'react-styleguidist/components/Playground';
 
 import s from './ReactComponent.css';
 

src/components/StyleGuide/StyleGuide.js

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import Layout from 'components/Layout';
+import Layout from 'react-styleguidist/components/Layout';
 
 export default class StyleGuide extends Component {
 	render() {

src/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { setComponentsNames, globalizeComponents } from './utils/utils';
-import StyleGuide from 'components/StyleGuide';
+import StyleGuide from 'react-styleguidist/components/StyleGuide';
 
 import './styles.css';
 

src/make-webpack-config.js

@@ -12,6 +12,7 @@ module.exports = function(env) {
 	var isProd = env === 'production';
 
 	var codeMirrorPath = path.join(__dirname, '../../codemirror');  // npm 3
+	var componentsPath = path.join(__dirname, 'components');
 	if (!fs.existsSync(codeMirrorPath)) {
 		codeMirrorPath = path.join(__dirname, '../node_modules/codemirror');  // npm 2 or react-styleguidist develop
 	}
@@ -40,7 +41,8 @@ module.exports = function(env) {
 				'node_modules'
 			],
 			alias: {
-				'codemirror': codeMirrorPath
+				'codemirror': codeMirrorPath,
+				'react-styleguidist/components': componentsPath
 			}
 		},
 		resolveLoader: {