diff --git a/js/components/Button/component.js b/js/components/Button/component.js deleted file mode 100644 index 3e36eff..0000000 --- a/js/components/Button/component.js +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react' - -import btn from './styles.css' - -export default class Button extends React.Component { - render () { - return ( - - ) - } -} diff --git a/js/components/Button/index.js b/js/components/Button/index.js deleted file mode 100644 index ce4ea33..0000000 --- a/js/components/Button/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import component from './component' - -export default component diff --git a/js/components/Button/styles.css b/js/components/Button/styles.css deleted file mode 100644 index 3ddd87b..0000000 --- a/js/components/Button/styles.css +++ /dev/null @@ -1,5 +0,0 @@ -.red { - font-size: 25px; - background-color: red; - color: white; -} diff --git a/js/components/Root.js b/js/components/Root.js deleted file mode 100644 index 5e571e4..0000000 --- a/js/components/Root.js +++ /dev/null @@ -1,21 +0,0 @@ -// components/Root.jsx -var React = require('react') -var Router = require('react-router') -var RouteHandler = Router.RouteHandler - -var Root = React.createClass({ - render: function () { - return ( - - - {this.props.title} - - - - - - ) - } -}) - -module.exports = Root diff --git a/js/data.js b/js/data.js deleted file mode 100644 index 7af0bd0..0000000 --- a/js/data.js +++ /dev/null @@ -1,10 +0,0 @@ - -// data.js -module.exports = { - title: 'My Static Site', - routes: [ - '/', - '/about', - '/inbox' - ] -} diff --git a/js/entry.js b/js/entry.js deleted file mode 100644 index 6b5d34b..0000000 --- a/js/entry.js +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom'; -import ReactDOMServer from 'react-dom/server'; - -import { - Router, - useRouterHistory, -} from 'react-router' -import { createHashHistory } from 'history' - -import Routes from './routes' -import template from './template' - -// Client render (optional): -if (typeof document !== 'undefined') { - const outlet = document.getElementById('content'); - - ReactDOM.render(, outlet) -} - -export default (locals, callback) => { - const appHistory = useRouterHistory(createHashHistory)({ queryKey: false }) - - var Html = require('./Html.js') - var data = require('./data.js') - - var reactApp = { - __html: ReactDOMServer.renderToString({Routes}) - }; - - var html = ReactDOMServer.renderToStaticMarkup( - - ); - callback(null, '' + html); -} diff --git a/js/pages/Links.js b/js/pages/Links.js deleted file mode 100644 index 3572a58..0000000 --- a/js/pages/Links.js +++ /dev/null @@ -1,13 +0,0 @@ -import React from 'react' -import { Link } from 'react-router' - -export default class Links extends React.Component { - render () { - return ( - - ) - } -} diff --git a/js/router.js b/js/router.js index d549830..ea97ffa 100644 --- a/js/router.js +++ b/js/router.js @@ -4,9 +4,10 @@ import ReactDOMServer from 'react-dom/server' import { Router, RouterContext, match, createMemoryHistory, browserHistory } from 'react-router' import routes from './routes' -import Main from './pages/Main' import template from './template' +import Main from './pages/Main' + if (typeof document !== 'undefined') { const outlet = document.getElementById('outlet'); diff --git a/webpack.config.js b/webpack.config.js index 2ac8f35..e753a19 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -1,15 +1,10 @@ var StaticSiteGeneratorPlugin = require('static-site-generator-webpack-plugin') var ExtractTextPlugin = require('extract-text-webpack-plugin') - -var data = require('./js/data') -const paths = ['/', '/about/'] -const scope = { - window: {} -} - var precss = require('precss'); var autoprefixer = require('autoprefixer'); +const paths = ['/', '/about/'] + module.exports = { entry: { 'main': './js/router.js' @@ -26,7 +21,7 @@ module.exports = { plugins: [ new ExtractTextPlugin('styles.css'), - new StaticSiteGeneratorPlugin('main', paths, { greet: 'Hello' }, scope) + new StaticSiteGeneratorPlugin('main', paths, { greet: 'Hello' }) ], module: {