├── src
    ├── index.js
    ├── utils.js
    ├── router-wrapper.js
    ├── router-view.js
    └── router.js
├── docs
    ├── favicon.ico
    ├── static
    │   ├── js
    │   │   ├── 0.d20f7d51.chunk.js
    │   │   └── 0.d20f7d51.chunk.js.map
    │   └── css
    │   │   ├── main.5c32c3f2.css
    │   │   └── main.5c32c3f2.css.map
    ├── asset-manifest.json
    ├── manifest.json
    ├── index.html
    └── service-worker.js
├── index.js
├── public
    ├── favicon.ico
    ├── manifest.json
    └── index.html
├── docs-src
    ├── views
    │   ├── admin
    │   │   ├── page3.jsx
    │   │   ├── Dashboard.jsx
    │   │   ├── page1.jsx
    │   │   └── page2.jsx
    │   ├── About.jsx
    │   ├── User.jsx
    │   ├── UserInfo.jsx
    │   ├── Home.jsx
    │   └── Error.jsx
    ├── demo.jsx
    ├── index.js
    ├── assets
    │   ├── anim.css
    │   ├── common.css
    │   └── anim.less
    ├── components
    │   ├── navbar.jsx
    │   └── admin-view.jsx
    ├── App.jsx
    ├── router.js
    └── registerServiceWorker.js
├── config
    ├── jest
    │   ├── fileTransform.js
    │   └── cssTransform.js
    ├── polyfills.js
    ├── index.js
    ├── paths.js
    ├── env.js
    ├── webpackDevServer.config.js
    ├── webpack.config.dev.js
    ├── webpack.config.pack.js
    └── webpack.config.docs.js
├── .gitignore
├── scripts
    ├── test.js
    ├── start.js
    ├── docs.js
    └── pack.js
├── LICENSE
├── package.json
├── README.md
└── dist
    ├── index.js
    └── index.js.map


/src/index.js:
--------------------------------------------------------------------------------
1 | import Router from './router'
2 | 
3 | export default Router
4 | 


--------------------------------------------------------------------------------
/docs/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mengdu/react-concise-router/HEAD/docs/favicon.ico


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | import Router from './dist'
2 | 
3 | export {
4 |   Router as default,
5 |   Router
6 | }
7 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mengdu/react-concise-router/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/docs-src/views/admin/page3.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | 
3 | export default function Page3 () {
4 |   return <div>Admin Page3</div>
5 | }
6 | 


--------------------------------------------------------------------------------
/docs-src/demo.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | export default class Demo extends React.Component {
 4 |   render () {
 5 |     return (
 6 |       <div>this is a demo.</div>
 7 |     )
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/docs/static/js/0.d20f7d51.chunk.js:
--------------------------------------------------------------------------------
1 | webpackJsonp([0],{228:function(e,n,t){"use strict";function u(){return r.a.createElement("div",null,"Admin Page3")}Object.defineProperty(n,"__esModule",{value:!0}),n.default=u;var a=t(0),r=t.n(a)}});
2 | //# sourceMappingURL=0.d20f7d51.chunk.js.map


--------------------------------------------------------------------------------
/docs-src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import './assets/common.css'
4 | import App from './App'
5 | import registerServiceWorker from './registerServiceWorker'
6 | 
7 | ReactDOM.render(<App />, document.getElementById('root'))
8 | registerServiceWorker()
9 | 


--------------------------------------------------------------------------------
/docs-src/views/About.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Navbar from '../components/navbar'
 3 | 
 4 | export default class About extends React.Component {
 5 |   render () {
 6 |     return (
 7 |       <div>
 8 |         <Navbar />
 9 |         <p>About Page</p>
10 |       </div>
11 |     )
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/docs-src/views/User.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Navbar from '../components/navbar'
 3 | 
 4 | 
 5 | export default class User extends React.Component {
 6 |   render () {
 7 |     return (
 8 |       <div>
 9 |         <Navbar />
10 |         <p>User Page</p>
11 |       </div>
12 |     )
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/docs-src/views/admin/Dashboard.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | export default class Dashboard extends React.Component {
 4 |   componentWillMount () {
 5 |     console.log('Dashboard', this)
 6 |   }
 7 | 
 8 |   render () {
 9 |     return (
10 |       <div>
11 |         Dashboard
12 |       </div>
13 |     )
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/docs-src/views/UserInfo.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Navbar from '../components/navbar'
 3 | 
 4 | export default class UserInfo extends React.Component {
 5 |   render () {
 6 |     console.log(this.props)
 7 |     return (
 8 |       <div>
 9 |         <Navbar />
10 |         <p>UserInfo Page</p>
11 |       </div>
12 |     )
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/docs/asset-manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |   "main.css": "static/css/main.5c32c3f2.css",
3 |   "main.css.map": "static/css/main.5c32c3f2.css.map",
4 |   "main.js": "static/js/main.70aeb1bf.js",
5 |   "main.js.map": "static/js/main.70aeb1bf.js.map",
6 |   "static/js/0.d20f7d51.chunk.js": "static/js/0.d20f7d51.chunk.js",
7 |   "static/js/0.d20f7d51.chunk.js.map": "static/js/0.d20f7d51.chunk.js.map"
8 | }


--------------------------------------------------------------------------------
/config/jest/fileTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | 
 5 | // This is a custom Jest transformer turning file imports into filenames.
 6 | // http://facebook.github.io/jest/docs/en/webpack.html
 7 | 
 8 | module.exports = {
 9 |   process(src, filename) {
10 |     return `module.exports = ${JSON.stringify(path.basename(filename))};`;
11 |   },
12 | };
13 | 


--------------------------------------------------------------------------------
/docs-src/views/Home.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Navbar from '../components/navbar'
 3 | 
 4 | export default class Home extends React.Component {
 5 |   componentWillMount () {
 6 |     console.log(this.props)
 7 |   }
 8 | 
 9 |   render () {
10 |     return (
11 |       <div>
12 |         <Navbar />
13 |         <p>Home Page</p>
14 |       </div>
15 |     )
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | 
 6 | # testing
 7 | /coverage
 8 | 
 9 | # production
10 | /build
11 | 
12 | # misc
13 | .DS_Store
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 | 
19 | npm-debug.log*
20 | yarn-debug.log*
21 | yarn-error.log*
22 | 


--------------------------------------------------------------------------------
/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // This is a custom Jest transformer turning style imports into empty objects.
 4 | // http://facebook.github.io/jest/docs/en/webpack.html
 5 | 
 6 | module.exports = {
 7 |   process() {
 8 |     return 'module.exports = {};';
 9 |   },
10 |   getCacheKey() {
11 |     // The output is always the same.
12 |     return 'cssTransform';
13 |   },
14 | };
15 | 


--------------------------------------------------------------------------------
/docs/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": "./index.html",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": "./index.html",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/docs-src/assets/anim.css:
--------------------------------------------------------------------------------
 1 | .fade-in-enter {
 2 |   opacity: 0;
 3 |   transform: translateY(100px);
 4 | }
 5 | .fade-in-enter-active {
 6 |   opacity: 1;
 7 |   transform: translateY(0);
 8 |   transition: all ease-in-out 0.3s;
 9 | }
10 | .fade-in-exit {
11 |   opacity: 1;
12 | }
13 | .fade-in-exit-active {
14 |   opacity: 0;
15 |   transform: translateY(100px);
16 |   transition: all ease-in-out 0.3s;
17 | }
18 | 


--------------------------------------------------------------------------------
/docs-src/assets/common.css:
--------------------------------------------------------------------------------
 1 | a {
 2 |   margin: 0 5px;
 3 | }
 4 | .demo-block {
 5 |   width: 600px;
 6 |   min-height: 300px;
 7 |   border: solid 1px #1FADF2;
 8 |   padding: 15px;
 9 |   margin: 0 auto;
10 | }
11 | .link-active {
12 |   font-weight: bold;
13 |   color: #E04843;
14 | }
15 | 
16 | .anim-list .anim-item {
17 |   margin-bottom: 10px;
18 |   background: #ddd;
19 |   padding: 10px;
20 | }
21 | 
22 | @import url('./anim.css');


--------------------------------------------------------------------------------
/docs-src/views/Error.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { Link } from 'react-router-dom'
 3 | 
 4 | export default class Home extends React.Component {
 5 |   render () {
 6 |     return (
 7 |       <div>
 8 |         <p style={{color: 'red'}}>404 Page Not Found !</p>
 9 |         <p>
10 |           <Link to="/" >Home</Link>
11 |           <Link to="/user" >User</Link>
12 |           <Link to="/404" >404</Link>
13 |         </p>
14 |       </div>
15 |     )
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="./manifest.json"><link rel="shortcut icon" href="./favicon.ico"><title>A concise router base on react-router.</title><link href="./static/css/main.5c32c3f2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/main.70aeb1bf.js"></script></body></html>


--------------------------------------------------------------------------------
/docs-src/views/admin/page1.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import QueueAnim from 'rc-queue-anim'
 3 | 
 4 | export default function Page1 () {
 5 |   return (
 6 |     <div>
 7 |       <div>Admin Page1</div>
 8 |       <div className="anim-list">
 9 |         <QueueAnim type="bottom" >
10 |           <div className="anim-item" key="i1">item1</div>
11 |           <div className="anim-item" key="i2">item1</div>
12 |           <div className="anim-item" key="i3">item1</div>
13 |           <div className="anim-item" key="i4">item1</div>
14 |         </QueueAnim>
15 |       </div>
16 |     </div>
17 |   )
18 | }
19 | 


--------------------------------------------------------------------------------
/docs-src/components/navbar.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { NavLink } from 'react-router-dom'
 3 | 
 4 | export default function Navbar () {
 5 |   return (
 6 |     <div>
 7 |       <NavLink to="/" activeClassName="link-active" exact>Home</NavLink>
 8 |       <NavLink to="/user" activeClassName="link-active" exact>User</NavLink>
 9 |       <NavLink to="/user/100" activeClassName="link-active" exact>UserInfo</NavLink>
10 |       <NavLink to="/about" activeClassName="link-active" exact>About</NavLink>
11 |       <NavLink to="/admin" activeClassName="link-active" exact>Admin</NavLink>
12 |       <NavLink to="/404" activeClassName="link-active" exact>404</NavLink>
13 |     </div>
14 |   )
15 | }
16 | 


--------------------------------------------------------------------------------
/docs-src/assets/anim.less:
--------------------------------------------------------------------------------
 1 | // .fade-in-enter {
 2 | //   opacity: 0;
 3 | //   transform: scale(0.9);
 4 | // }
 5 | // .fade-in-enter-active {
 6 | //   opacity: 1;
 7 | //   transform: translateX(0);
 8 | //   transition: opacity 300ms, transform 300ms;
 9 | // }
10 | // .fade-in-exit {
11 | //   opacity: 1;
12 | // }
13 | // .fade-in-exit-active {
14 | //   opacity: 0;
15 | //   transform: scale(0.9);
16 | //   transition: opacity 300ms, transform 300ms;
17 | // }
18 | 
19 | .fade-in-enter {
20 |   opacity: 0;
21 |   transform: translateY(100px);
22 | }
23 | .fade-in-enter-active {
24 |   opacity: 1;
25 |   transform: translateY(0);
26 |   transition: all ease-in-out 0.3s;
27 | }
28 | .fade-in-exit {
29 |   opacity: 1;
30 | }
31 | .fade-in-exit-active {
32 |   opacity: 0;
33 |   transform: translateY(100px);
34 |   transition: all ease-in-out 0.3s;
35 | }
36 | 


--------------------------------------------------------------------------------
/scripts/test.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | // Do this as the first thing so that any code reading it knows the right env.
 4 | process.env.BABEL_ENV = 'test';
 5 | process.env.NODE_ENV = 'test';
 6 | process.env.PUBLIC_URL = '';
 7 | 
 8 | // Makes the script crash on unhandled rejections instead of silently
 9 | // ignoring them. In the future, promise rejections that are not handled will
10 | // terminate the Node.js process with a non-zero exit code.
11 | process.on('unhandledRejection', err => {
12 |   throw err;
13 | });
14 | 
15 | // Ensure environment variables are read.
16 | require('../config/env');
17 | 
18 | const jest = require('jest');
19 | let argv = process.argv.slice(2);
20 | 
21 | // Watch unless on CI or in coverage mode
22 | if (!process.env.CI && argv.indexOf('--coverage') < 0) {
23 |   argv.push('--watch');
24 | }
25 | 
26 | 
27 | jest.run(argv);
28 | 


--------------------------------------------------------------------------------
/src/utils.js:
--------------------------------------------------------------------------------
 1 | /**
 2 | * @param {string} path 路径
 3 | * @return {string} 返回连接路径
 4 | **/
 5 | export function resolve () {
 6 |   let paths = []
 7 |   for (let i in arguments) {
 8 |     paths.push(arguments[i].replace(/^\s*|\s*$/g, '').replace(/^\//, ''))
 9 |   }
10 |   return paths.join('/')
11 | }
12 | 
13 | /**
14 | * 编译字符串 :var
15 | * @param {string} tpl
16 | * @return {function} 返回函数
17 | **/
18 | export function compileString (tpl) {
19 |   let expression = tpl.replace(/('|"|\\)/g, '\\$1')
20 |     .replace(/:(\w+)/g, function (txt, key) {
21 |       return '\' + data[\'' + key + '\'] + \''
22 |     })
23 |   /*eslint no-new-func: "off"*/
24 |   return new Function('data', 'return (\'' + expression + '\')')
25 | }
26 | 
27 | export function objectToQueryString (obj) {
28 |   let qs = []
29 |   for (let key in obj) {
30 |     qs.push(`${key}=${encodeURIComponent(obj[key])}`)
31 |   }
32 | 
33 |   return qs.join('&')
34 | }
35 | 


--------------------------------------------------------------------------------
/config/polyfills.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | if (typeof Promise === 'undefined') {
 4 |   // Rejection tracking prevents a common issue where React gets into an
 5 |   // inconsistent state due to an error, but it gets swallowed by a Promise,
 6 |   // and the user has no idea what causes React's erratic future behavior.
 7 |   require('promise/lib/rejection-tracking').enable();
 8 |   window.Promise = require('promise/lib/es6-extensions.js');
 9 | }
10 | 
11 | // fetch() polyfill for making API calls.
12 | require('whatwg-fetch');
13 | 
14 | // Object.assign() is commonly used with React.
15 | // It will use the native implementation if it's present and isn't buggy.
16 | Object.assign = require('object-assign');
17 | 
18 | // In tests, polyfill requestAnimationFrame since jsdom doesn't provide it yet.
19 | // We don't polyfill it in the browser--this is user's responsibility.
20 | if (process.env.NODE_ENV === 'test') {
21 |   require('raf').polyfill(global);
22 | }
23 | 


--------------------------------------------------------------------------------
/docs-src/components/admin-view.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { NavLink } from 'react-router-dom'
 3 | import router from '../router'
 4 | 
 5 | export default class View extends React.Component {
 6 |   render () {
 7 |     return (
 8 |       <div>
 9 |         Admin Page.
10 |         <div style={{ padding: '15px' }}>
11 |           <NavLink to="/" activeClassName="link-active" exact>Home</NavLink>
12 |           <NavLink to="/admin" activeClassName="link-active" exact>Dashboard</NavLink>
13 |           <NavLink to="/admin/page1" activeClassName="link-active" exact>page1</NavLink>
14 |           <NavLink to="/admin/page2" activeClassName="link-active" exact>page2</NavLink>
15 |           <NavLink to="/admin/page3" activeClassName="link-active" exact>page3</NavLink>
16 |           <NavLink to="/admin/other" activeClassName="link-active" exact>404</NavLink>
17 |         </div>
18 |         <div>{router.view('admin-view')}</div>
19 |       </div>
20 |     )
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/docs-src/App.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | // import { BrowserRouter as Router, NavLink } from 'react-router-dom'
 3 | import router from './router'
 4 | 
 5 | window.router = router
 6 | 
 7 | export default class App extends React.Component {
 8 |   render () {
 9 |     // console.log(process.env)
10 |     return (
11 |       <div style={{textAlign: 'center'}}>
12 |         <p>wellcome !</p>
13 |         {/* <p>
14 |           <iframe src="//ghbtns.com/github-btn.html?user=mengdu&amp;repo=react-concise-router&amp;type=star&amp;count=true" allowtransparency="true" frameBorder="0" scrolling="0" width="100" height="20" title="star"></iframe>
15 |           <iframe src="//ghbtns.com/github-btn.html?user=mengdu&amp;repo=react-concise-router&amp;type=fork&amp;count=true" allowtransparency="true" frameBorder="0" scrolling="0" width="100" height="20" title="fork"></iframe>
16 |         </p> */}
17 |         
18 |         <div className="demo-block">
19 |           {router.view()}
20 |         </div>
21 |       </div>
22 |     )
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/src/router-wrapper.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | 
 3 | /**
 4 | * 用于包裹页面，实现切换事件
 5 | **/
 6 | export default class RouterWrapper extends React.Component {
 7 |   state = {
 8 |     waiting: true
 9 |   }
10 | 
11 |   done () {
12 |     return (to) => {
13 |       if (to) {
14 |         const path = typeof to === 'string' ? to : this.props.router.route(to)
15 |         this.props.history.push(path)
16 |       } else {
17 |         this.setState({
18 |           waiting: false
19 |         })
20 |       }
21 |     }
22 |   }
23 | 
24 |   componentWillMount () {
25 |     if (this.props.router.beforeEach) {
26 |       if (typeof this.props.router.beforeEach !== 'function') {
27 |         throw new Error('The `router.beforeEach` must be a function.')
28 |       }
29 | 
30 |       this.props.router.beforeEach(this.props, this.done())
31 |     } else {
32 |       this.setState({
33 |         waiting: false
34 |       })
35 |     }
36 |   }
37 |   render () {
38 |     if (this.state.waiting) return null
39 | 
40 |     // 这里要传递Route组件的props
41 |     return <this.props.children { ...this.props } />
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
 1 | const path = require('path')
 2 | const fs = require('fs')
 3 | require('dotenv').config()
 4 | 
 5 | const appDirectory = fs.realpathSync(process.cwd())
 6 | const resolve = relativePath => path.resolve(appDirectory, relativePath)
 7 | 
 8 | module.exports = {
 9 |   base: {
10 |     appNodeModules: resolve('node_modules'),
11 |     yarnLockFile: resolve('yarn.lock'),
12 |     appPackageJson: resolve('package.json')
13 |   },
14 |   dev: {
15 |     appHtml: resolve('public/index.html'),
16 |     entryPath: resolve('docs-src'),
17 |     entry: resolve('docs-src/index.js'),
18 |     appPublic: resolve('public'),
19 |     autoOpenBrowser: false,
20 |     outputPath: resolve('docs'),
21 |     assetsPublicPath: './',
22 |     sourceMap: true
23 |   },
24 |   pack: {
25 |     entryPath: resolve('src'),
26 |     entry: resolve('src/index.js'),
27 |     outputPath: resolve('dist'),
28 |     filename: 'index.js',
29 |     // library: 'jQuery',
30 |     libraryTarget: 'umd',
31 |     // 暴露指定模块，空表示暴露 module.exports
32 |     libraryExport: '',
33 |     umdNamedDefine: true,
34 |     sourceMap: true
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 蓝月萧枫
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/router-view.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { BrowserRouter, HashRouter, Switch, Route } from 'react-router-dom'
 3 | 
 4 | function Fade (props) {
 5 |   return <Route render={({ location }) => {
 6 |     const wrapper = props.wrapper
 7 |     // location for react-transition-group
 8 |     return typeof wrapper === 'function' ? wrapper(props.children, location) : props.children
 9 |   }} />
10 | }
11 | 
12 | export default function RouterView (props) {
13 |   const router = props.router
14 |   const name = props.name || 'default'
15 | 
16 |   if (!router.views[name]) throw new Error('The view name `' + name + '` is not defined.')
17 | 
18 |   const wrapper = router.wrappers[name]
19 | 
20 |   if (name === 'default') {
21 |     if (router.mode === 'hash') {
22 |       return (
23 |         <HashRouter>
24 |           <Fade wrapper={wrapper}><Switch key="switch1">{router.views[name]}</Switch></Fade>
25 |         </HashRouter>
26 |       )
27 |     } else {
28 |       return (
29 |         <BrowserRouter>
30 |           <Fade wrapper={wrapper}><Switch key="switch2">{router.views[name]}</Switch></Fade>
31 |         </BrowserRouter>
32 |       )
33 |     }
34 |   }
35 | 
36 |   return <Fade wrapper={wrapper}><Switch key="switch3">{router.views[name]}</Switch></Fade>
37 | }
38 | 


--------------------------------------------------------------------------------
/docs/static/js/0.d20f7d51.chunk.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["../static/js/0.d20f7d51.chunk.js","views/admin/page3.jsx"],"names":["webpackJsonp","228","module","__webpack_exports__","__webpack_require__","Page3","__WEBPACK_IMPORTED_MODULE_0_react___default","a","createElement","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0_react__","n"],"mappings":"AAAAA,cAAc,IAERC,IACA,SAAUC,EAAQC,EAAqBC,GAE7C,YCHe,SAASC,KACtB,MAAOC,GAAAC,EAAAC,cAAA,0BDGTC,OAAOC,eAAeP,EAAqB,cAAgBQ,OAAO,IACjCR,EAA6B,QAAIE,CAC7C,IAAIO,GAAsCR,EAAoB,GAC1DE,EAA8CF,EAAoBS,EAAED","file":"static/js/0.d20f7d51.chunk.js","sourcesContent":["webpackJsonp([0],{\n\n/***/ 228:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony export (immutable) */ __webpack_exports__[\"default\"] = Page3;\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\nfunction Page3(){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div',null,'Admin Page3');}\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/0.d20f7d51.chunk.js","import React from 'react'\r\n\r\nexport default function Page3 () {\r\n  return <div>Admin Page3</div>\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./docs-src/views/admin/page3.jsx"],"sourceRoot":""}


--------------------------------------------------------------------------------
/docs-src/views/admin/page2.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import { TransitionGroup, CSSTransition } from 'react-transition-group'
 3 | 
 4 | export default class Page2 extends React.Component {
 5 |   state = {
 6 |     items: [1, 2],
 7 |     test: true
 8 |   }
 9 | 
10 |   add () {
11 |     // const list = this.state.items.push(1)
12 |     this.setState({ items: [...this.state.items, 1] })
13 |   }
14 | 
15 |   reduce () {
16 |     const list = [...this.state.items]
17 |     list.pop()
18 |     this.setState({ items: list })
19 |   }
20 | 
21 |   render () {
22 |     return (
23 |       <div>
24 |         <div>Admin Page2</div>
25 |         <div style={{ padding: '15px' }} className="anim-list">
26 |           <div>
27 |             <button onClick={() => this.add()}>add</button>
28 |             <button onClick={() => this.reduce()}>reduce</button>
29 |           </div><br/>
30 | 
31 |           {/* <TransitionGroup in={false} onEx>
32 |             <CSSTransition>
33 |             {this.state.items.map((e, index) => {
34 |               return (<div className="anim-item" key={ 'k-' + index}>item {index}</div>)
35 |             })}
36 |             </CSSTransition>
37 |           </TransitionGroup> */}
38 |           
39 |           <TransitionGroup>
40 |             {
41 |               this.state.items.map((e, index) => {
42 |                 return (
43 |                   <CSSTransition timeout={1000} classNames="fade-in" key={ 'k-' + index}>
44 |                     <div className="anim-item">item {index}</div>
45 |                   </CSSTransition>
46 |                 )
47 |               })
48 |             }
49 |           </TransitionGroup>
50 | 
51 |         </div>
52 |       </div>
53 |     )
54 |   }
55 | }
56 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 6 |     <meta name="theme-color" content="#000000">
 7 |     <!--
 8 |       manifest.json provides metadata used when your web app is added to the
 9 |       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
10 |     -->
11 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
12 |     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
13 |     <!--
14 |       Notice the use of %PUBLIC_URL% in the tags above.
15 |       It will be replaced with the URL of the `public` folder during the build.
16 |       Only files inside the `public` folder can be referenced from the HTML.
17 | 
18 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
19 |       work correctly both with client-side routing and a non-root public URL.
20 |       Learn how to configure a non-root public URL by running `npm run build`.
21 |     -->
22 |     <title>A concise router base on react-router.</title>
23 |   </head>
24 |   <body>
25 |     <noscript>
26 |       You need to enable JavaScript to run this app.
27 |     </noscript>
28 |     <div id="root"></div>
29 |     <!--
30 |       This HTML file is a template.
31 |       If you open it directly in the browser, you will see an empty page.
32 | 
33 |       You can add webfonts, meta tags, or analytics to this file.
34 |       The build step will place the bundled scripts into the <body> tag.
35 | 
36 |       To begin the development, run `npm start` or `yarn start`.
37 |       To create a production bundle, use `npm run build` or `yarn build`.
38 |     -->
39 |   </body>
40 | </html>
41 | 


--------------------------------------------------------------------------------
/docs/static/css/main.5c32c3f2.css:
--------------------------------------------------------------------------------
1 | .fade-in-enter{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px)}.fade-in-enter-active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease-in-out;-o-transition:all ease-in-out .3s;transition:all .3s ease-in-out}.fade-in-exit{opacity:1}.fade-in-exit-active{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:all .3s ease-in-out;-o-transition:all ease-in-out .3s;transition:all .3s ease-in-out}a{margin:0 5px}.demo-block{width:600px;min-height:300px;border:1px solid #1fadf2;padding:15px;margin:0 auto}.link-active{font-weight:700;color:#e04843}.anim-list .anim-item{margin-bottom:10px;background:#ddd;padding:10px}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;-webkit-box-shadow:0 0 10px #29d,0 0 5px #29d;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);-ms-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
2 | /*# sourceMappingURL=main.5c32c3f2.css.map*/


--------------------------------------------------------------------------------
/config/paths.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const path = require('path');
 4 | const fs = require('fs');
 5 | const url = require('url');
 6 | 
 7 | // Make sure any symlinks in the project folder are resolved:
 8 | // https://github.com/facebookincubator/create-react-app/issues/637
 9 | const appDirectory = fs.realpathSync(process.cwd());
10 | const resolve = relativePath => path.resolve(appDirectory, relativePath);
11 | 
12 | const envPublicUrl = process.env.PUBLIC_URL;
13 | 
14 | function ensureSlash(path, needsSlash) {
15 |   const hasSlash = path.endsWith('/');
16 |   if (hasSlash && !needsSlash) {
17 |     return path.substr(path, path.length - 1);
18 |   } else if (!hasSlash && needsSlash) {
19 |     return `${path}/`;
20 |   } else {
21 |     return path;
22 |   }
23 | }
24 | 
25 | const getPublicUrl = appPackageJson =>
26 |   envPublicUrl || require(appPackageJson).homepage;
27 | 
28 | // We use `PUBLIC_URL` environment variable or "homepage" field to infer
29 | // "public path" at which the app is served.
30 | // Webpack needs to know it to put the right <script> hrefs into HTML even in
31 | // single-page apps that may serve index.html for nested URLs like /todos/42.
32 | // We can't use a relative path in HTML because we don't want to load something
33 | // like /todos/42/static/js/bundle.7289d.js. We have to know the root.
34 | function getServedPath(appPackageJson) {
35 |   const publicUrl = getPublicUrl(appPackageJson);
36 |   const servedUrl =
37 |     envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');
38 |   return ensureSlash(servedUrl, true);
39 | }
40 | 
41 | // config after eject: we're in ./config/
42 | module.exports = {
43 |   dotenv: resolve('.env'),
44 |   appBuild: resolve('build'),
45 |   appPublic: resolve('public'),
46 |   appHtml: resolve('public/index.html'),
47 |   appIndexJs: resolve('docs-src/index.js'),
48 |   appPackageJson: resolve('package.json'),
49 |   appSrc: resolve('docs-src'),
50 |   yarnLockFile: resolve('yarn.lock'),
51 |   testsSetup: resolve('docs-src/setupTests.js'),
52 |   appNodeModules: resolve('node_modules'),
53 |   publicUrl: getPublicUrl(resolve('package.json')),
54 |   servedPath: getServedPath(resolve('package.json')),
55 |   dist: resolve('dist')
56 | };
57 | 


--------------------------------------------------------------------------------
/docs-src/router.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Loadable from 'react-loadable'
 3 | import Router from '~/src'
 4 | import Home from './views/Home'
 5 | import User from './views/User'
 6 | import About from './views/About'
 7 | import ErrorPage from './views/Error'
 8 | import UserInfo from './views/UserInfo'
 9 | import view from './components/admin-view'
10 | import Dashboard from './views/admin/Dashboard'
11 | import Page1 from './views/admin/page1'
12 | import Page2 from './views/admin/page2'
13 | import QueueAnim from 'rc-queue-anim'
14 | // import { TransitionGroup, CSSTransition } from 'react-transition-group'
15 | import NProgress from 'nprogress'
16 | import 'nprogress/nprogress.css'
17 | 
18 | const Loading = () => <div>Loading...</div>
19 | 
20 | const Page3 = Loadable({
21 |   loader: () => import('./views/admin/page3'),
22 |   loading: Loading,
23 |   delay: 5000
24 | })
25 | 
26 | function anim (Page) {
27 |   return function (props) {
28 |     return <QueueAnim type={['right', 'left']}><Page key="anim" {...props} /></QueueAnim>
29 |   }
30 | }
31 | 
32 | const router = new Router ({
33 |   // mode: 'hash',
34 |   // wrapper: function (route, location) {
35 |   //   // key for CSSTransition
36 |   //   const key = location.pathname.indexOf('/admin') === 0 ? '/admin' : location.key
37 |   //   // TransitionGroup 过渡会使路由执行两次，目前不知道原因
38 |   //   // return <TransitionGroup><CSSTransition timeout={300}  classNames="fade-in" key={key}>{route}</CSSTransition></TransitionGroup>
39 |   //   return <QueueAnim type={['right', 'left']}>{route}</QueueAnim>
40 |   // },
41 |   routes: [
42 |     { path: '/', component: Home },
43 |     { path: '/user', component: anim(User) },
44 |     { path: '/user/:userId', component: UserInfo },
45 |     { path: '/about', component: About },
46 |     { 
47 |       path: '/admin',
48 |       name: 'admin-view',
49 |       component: view,
50 |       // wrapper: function (route, location) {
51 |       //   console.log(location)
52 |       //   return <QueueAnim type={['right', 'left']}>{route}</QueueAnim>
53 |       //   // return <TransitionGroup><CSSTransition timeout={300}  classNames="fade-in" key={location.key}>{route}</CSSTransition></TransitionGroup>
54 |       // },
55 |       children: [
56 |         { path: '', component: anim(Dashboard), meta: { title: 'Admin dashboard' } },
57 |         { path: 'page1', component: anim(Page1) },
58 |         { path: '/page2', component: anim(Page2) },
59 |         { path: 'page3', component: Page3 },
60 |         { path: '*', component: ErrorPage } // /admin/other 的 404页面
61 |       ]
62 |     },
63 |     { name: '404', component: ErrorPage } // 全局的404
64 |   ]
65 | })
66 | 
67 | router.beforeEach = function (ctx, next) {
68 |   console.log('start', ctx)
69 |   NProgress.start()
70 |   next()
71 |   NProgress.inc(0.4)
72 |   setTimeout(() => {
73 |     NProgress.done()
74 |   }, 200)
75 | }
76 | 
77 | console.log(router)
78 | 
79 | export default router
80 | 


--------------------------------------------------------------------------------
/docs/service-worker.js:
--------------------------------------------------------------------------------
1 | "use strict";var precacheConfig=[["./index.html","271d5c7ddf49664440824cc941f87a6f"],["./static/css/main.5c32c3f2.css","7388b423c58bc85d182b5a4c5711b8c9"],["./static/js/0.d20f7d51.chunk.js","48b33ed7292e92eb47c9d26bb95ca573"],["./static/js/main.70aeb1bf.js","4827051db16690dded0011c19b3f2298"]],cacheName="sw-precache-v3-sw-precache-webpack-plugin-"+(self.registration?self.registration.scope:""),ignoreUrlParametersMatching=[/^utm_/],addDirectoryIndex=function(e,t){var n=new URL(e);return"/"===n.pathname.slice(-1)&&(n.pathname+=t),n.toString()},cleanResponse=function(t){return t.redirected?("body"in t?Promise.resolve(t.body):t.blob()).then(function(e){return new Response(e,{headers:t.headers,status:t.status,statusText:t.statusText})}):Promise.resolve(t)},createCacheKey=function(e,t,n,r){var a=new URL(e);return r&&a.pathname.match(r)||(a.search+=(a.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),a.toString()},isPathWhitelisted=function(e,t){if(0===e.length)return!0;var n=new URL(t).pathname;return e.some(function(e){return n.match(e)})},stripIgnoredUrlParameters=function(e,n){var t=new URL(e);return t.hash="",t.search=t.search.slice(1).split("&").map(function(e){return e.split("=")}).filter(function(t){return n.every(function(e){return!e.test(t[0])})}).map(function(e){return e.join("=")}).join("&"),t.toString()},hashParamName="_sw-precache",urlsToCacheKeys=new Map(precacheConfig.map(function(e){var t=e[0],n=e[1],r=new URL(t,self.location),a=createCacheKey(r,hashParamName,n,/\.\w{8}\./);return[r.toString(),a]}));function setOfCachedUrls(e){return e.keys().then(function(e){return e.map(function(e){return e.url})}).then(function(e){return new Set(e)})}self.addEventListener("install",function(e){e.waitUntil(caches.open(cacheName).then(function(r){return setOfCachedUrls(r).then(function(n){return Promise.all(Array.from(urlsToCacheKeys.values()).map(function(t){if(!n.has(t)){var e=new Request(t,{credentials:"same-origin"});return fetch(e).then(function(e){if(!e.ok)throw new Error("Request for "+t+" returned a response with status "+e.status);return cleanResponse(e).then(function(e){return r.put(t,e)})})}}))})}).then(function(){return self.skipWaiting()}))}),self.addEventListener("activate",function(e){var n=new Set(urlsToCacheKeys.values());e.waitUntil(caches.open(cacheName).then(function(t){return t.keys().then(function(e){return Promise.all(e.map(function(e){if(!n.has(e.url))return t.delete(e)}))})}).then(function(){return self.clients.claim()}))}),self.addEventListener("fetch",function(t){if("GET"===t.request.method){var e,n=stripIgnoredUrlParameters(t.request.url,ignoreUrlParametersMatching),r="index.html";(e=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,r),e=urlsToCacheKeys.has(n));var a="./index.html";!e&&"navigate"===t.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],t.request.url)&&(n=new URL(a,self.location).toString(),e=urlsToCacheKeys.has(n)),e&&t.respondWith(caches.open(cacheName).then(function(e){return e.match(urlsToCacheKeys.get(n)).then(function(e){if(e)return e;throw Error("The cached response that was expected is missing.")})}).catch(function(e){return console.warn('Couldn\'t serve response for "%s" from cache: %O',t.request.url,e),fetch(t.request)}))}});


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "react-concise-router",
  3 |   "version": "0.2.1",
  4 |   "description": "A concise router base on react-router.",
  5 |   "main": "index.js",
  6 |   "devDependencies": {
  7 |     "autoprefixer": "7.1.6",
  8 |     "babel-core": "6.26.0",
  9 |     "babel-eslint": "7.2.3",
 10 |     "babel-jest": "20.0.3",
 11 |     "babel-loader": "7.1.2",
 12 |     "babel-preset-react-app": "^3.1.1",
 13 |     "babel-runtime": "6.26.0",
 14 |     "case-sensitive-paths-webpack-plugin": "2.1.1",
 15 |     "chalk": "1.1.3",
 16 |     "css-loader": "0.28.7",
 17 |     "dotenv": "4.0.0",
 18 |     "dotenv-expand": "4.2.0",
 19 |     "eslint": "4.10.0",
 20 |     "eslint-config-react-app": "^2.1.0",
 21 |     "eslint-loader": "1.9.0",
 22 |     "eslint-plugin-flowtype": "2.39.1",
 23 |     "eslint-plugin-import": "2.8.0",
 24 |     "eslint-plugin-jsx-a11y": "5.1.1",
 25 |     "eslint-plugin-react": "7.4.0",
 26 |     "extract-text-webpack-plugin": "3.0.2",
 27 |     "file-loader": "1.1.5",
 28 |     "fs-extra": "3.0.1",
 29 |     "html-webpack-plugin": "2.29.0",
 30 |     "jest": "20.0.4",
 31 |     "nprogress": "^0.2.0",
 32 |     "object-assign": "4.1.1",
 33 |     "postcss-flexbugs-fixes": "3.2.0",
 34 |     "postcss-loader": "2.0.8",
 35 |     "promise": "8.0.1",
 36 |     "raf": "3.4.0",
 37 |     "rc-queue-anim": "^1.6.12",
 38 |     "react": "^16.4.1",
 39 |     "react-dev-utils": "^5.0.1",
 40 |     "react-dom": "^16.4.1",
 41 |     "react-loadable": "^5.5.0",
 42 |     "react-router": "^4.3.1",
 43 |     "react-router-dom": "^4.3.1",
 44 |     "react-transition-group": "^4.2.1",
 45 |     "resolve": "1.6.0",
 46 |     "style-loader": "0.19.0",
 47 |     "sw-precache-webpack-plugin": "0.11.4",
 48 |     "url-loader": "0.6.2",
 49 |     "webpack": "3.8.1",
 50 |     "webpack-dev-server": "2.9.4",
 51 |     "webpack-manifest-plugin": "1.3.2",
 52 |     "whatwg-fetch": "2.0.3"
 53 |   },
 54 |   "scripts": {
 55 |     "start": "node scripts/start.js",
 56 |     "build:docs": "node scripts/docs.js",
 57 |     "build": "node scripts/pack.js",
 58 |     "serve": "dev serve -o -p 3000 -d ./docs",
 59 |     "test": "node scripts/test.js --env=jsdom"
 60 |   },
 61 |   "files": [
 62 |     "dist",
 63 |     "src",
 64 |     "index.js"
 65 |   ],
 66 |   "jest": {
 67 |     "collectCoverageFrom": [
 68 |       "src/**/*.{js,jsx,mjs}"
 69 |     ],
 70 |     "setupFiles": [
 71 |       "<rootDir>/config/polyfills.js"
 72 |     ],
 73 |     "testMatch": [
 74 |       "<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}",
 75 |       "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
 76 |     ],
 77 |     "testEnvironment": "node",
 78 |     "testURL": "http://localhost",
 79 |     "transform": {
 80 |       "^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest",
 81 |       "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
 82 |       "^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
 83 |     },
 84 |     "transformIgnorePatterns": [
 85 |       "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"
 86 |     ],
 87 |     "moduleNameMapper": {
 88 |       "^react-native$": "react-native-web"
 89 |     },
 90 |     "moduleFileExtensions": [
 91 |       "web.js",
 92 |       "js",
 93 |       "json",
 94 |       "web.jsx",
 95 |       "jsx",
 96 |       "node",
 97 |       "mjs"
 98 |     ]
 99 |   },
100 |   "babel": {
101 |     "presets": [
102 |       "react-app"
103 |     ]
104 |   },
105 |   "eslintConfig": {
106 |     "extends": "react-app"
107 |   }
108 | }
109 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # react-concise-router
  2 | 
  3 | A concise router base on [react-router v4.x](https://github.com/ReactTraining/react-router).
  4 | 
  5 | ```ls
  6 | npm install -S react-concise-router
  7 | ```
  8 | 
  9 | **Required**
 10 | 
 11 | ```ls
 12 | npm install -S react-router-dom
 13 | ```
 14 | 
 15 | ## use
 16 | 
 17 | ```js
 18 | import Router from 'react-concise-router'
 19 | ```
 20 | 
 21 | ## API
 22 | 
 23 | **new Router(options)** 创建路由对象，返回router。
 24 | 
 25 | + **options** `object` 路由配置的对象
 26 | + **options.mode** `string` 定义路由类型，`hash` | `history`
 27 | + **options.wrapper** `function` 定义包裹组件，返回组件即可；可以用于定义路由切换过渡
 28 | + **options.routes** `array` 路由列表
 29 | + **options.routes[].name** `string` 路由名称，如果当前存在children属性，表示路由出口名称
 30 | + **options.routes[].path** `string` 路径
 31 | + **options.routes[].component** `Function` 路由组件；如果当前存在 children 属性，表示子路由组件
 32 | + **options.routes[].children** `array` 子路由列表
 33 | + **options.routes[].wrapper** `function` 含有children的路由，定义包裹组件，返回组件即可；可以用于定义路由切换过渡
 34 | 
 35 | > `options.path` 不存在或者为 `*` 路由会当做notMath路由，匹配404
 36 | 
 37 | ### router
 38 | 
 39 | + **router.route(route)** 生成url，用于history.push。
 40 | 
 41 | + **router.beforeEach(cxt, next)** 路由切换中间件，可以做一些路由拦截等操作
 42 | 
 43 | ### router.view
 44 | 
 45 | `<router.view />` 是一个路由出口组件。
 46 | 
 47 | **props**
 48 | 
 49 |   + **props.name** string 路由出口子名称，默认'default'；在 `options.routes[].name` 设置。
 50 | 
 51 | ### router.link
 52 | 
 53 | `router.link` 是一个类似于 `Link` 的组件。
 54 | 
 55 | **props**
 56 | 
 57 | 具有同 `Link` 组件一致的属性
 58 | 
 59 | + **props.to** object|string 路径或者路径对象route。
 60 | 
 61 | 
 62 | ### router.beforeEach
 63 | 
 64 | `router.beforeEach` 是一个路由中间件，你可以做一些路由切换事件；比如授权拦截，重定向，等待等操作。
 65 | 
 66 | 你应该把它定义为一个函数
 67 | 
 68 | ```js
 69 | router.beforeEach = function (ctx, next) {}
 70 | ```
 71 | 
 72 | + **ctx** 这个是一个上下文对象，`{route, router, history,...}`
 73 | + **next** 这是一个回调函数，请在最后调用它；`next` 可以接受一个字符串路径或者对象，这样可以重定向到别的路由。
 74 | 
 75 | ### route
 76 | 
 77 | + **route.name** `string` 命名路由 `name`
 78 | + **route.path** `string` 路径
 79 | + **route.params** `object` 路由参数对象
 80 | + **route.query** `object` 查询字符串对象
 81 | + **route.hash** `string` 链接 hash
 82 | 
 83 | ## Example
 84 | 
 85 | 更完整的例子，请看 `docs-src` 。
 86 | 
 87 | **router.js**
 88 | 
 89 | ```js
 90 | import Router from '~/src'
 91 | import Home from './views/Home'
 92 | import User from './views/User'
 93 | import UserInfo from './views/UserInfo'
 94 | import ErrorPage from './views/Error'
 95 | import view from './views/admin/view'
 96 | import Dashboard from './views/admin/Dashboard'
 97 | 
 98 | const router = new Router ({
 99 |   mode: 'hash',
100 |   routes: [
101 |     {path: '/', component: Home},
102 |     {path: '/user', component: User},
103 |     {path: '/user/:userId', name: 'info', component: UserInfo},
104 |     {
105 |       path: '/admin',
106 |       component: view,
107 |       name: 'admin-view',
108 | 
109 |       children: [
110 |         {path: '/', component: Dashboard},
111 |         {path: '/test', component: Dashboard},
112 |         {component: ErrorPage}
113 |       ]
114 |     },
115 |     {path: '*', component: ErrorPage},
116 |   ]
117 | })
118 | 
119 | router.beforeEach = function (ctx, next) {
120 |   console.log('start', ctx)
121 |   if (ctx.route.name === 'info') {
122 |     next('/')
123 |   } else {
124 |     setTimeout(() => {
125 |       next()
126 |     }, 100)
127 |   }
128 | }
129 | 
130 | export default router
131 | ```
132 | 
133 | **App.jsx**
134 | 
135 | ```jsx
136 | import React from 'react'
137 | import router from './router'
138 | 
139 | export default class App extends React.Component {
140 |   render () {
141 |     return (
142 |       <div>
143 |         <p>wellcome !</p>
144 |         <router.view />
145 |       </div>
146 |     )
147 |   }
148 | }
149 | ```
150 | 


--------------------------------------------------------------------------------
/config/env.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const fs = require('fs');
 4 | const path = require('path');
 5 | const paths = require('./paths');
 6 | 
 7 | // Make sure that including paths.js after env.js will read .env variables.
 8 | delete require.cache[require.resolve('./paths')];
 9 | 
10 | const NODE_ENV = process.env.NODE_ENV;
11 | if (!NODE_ENV) {
12 |   throw new Error(
13 |     'The NODE_ENV environment variable is required but was not specified.'
14 |   );
15 | }
16 | 
17 | // https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
18 | var dotenvFiles = [
19 |   `${paths.dotenv}.${NODE_ENV}.local`,
20 |   `${paths.dotenv}.${NODE_ENV}`,
21 |   // Don't include `.env.local` for `test` environment
22 |   // since normally you expect tests to produce the same
23 |   // results for everyone
24 |   NODE_ENV !== 'test' && `${paths.dotenv}.local`,
25 |   paths.dotenv,
26 | ].filter(Boolean);
27 | 
28 | // Load environment variables from .env* files. Suppress warnings using silent
29 | // if this file is missing. dotenv will never modify any environment variables
30 | // that have already been set.  Variable expansion is supported in .env files.
31 | // https://github.com/motdotla/dotenv
32 | // https://github.com/motdotla/dotenv-expand
33 | dotenvFiles.forEach(dotenvFile => {
34 |   if (fs.existsSync(dotenvFile)) {
35 |     require('dotenv-expand')(
36 |       require('dotenv').config({
37 |         path: dotenvFile,
38 |       })
39 |     );
40 |   }
41 | });
42 | 
43 | // We support resolving modules according to `NODE_PATH`.
44 | // This lets you use absolute paths in imports inside large monorepos:
45 | // https://github.com/facebookincubator/create-react-app/issues/253.
46 | // It works similar to `NODE_PATH` in Node itself:
47 | // https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
48 | // Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
49 | // Otherwise, we risk importing Node.js core modules into an app instead of Webpack shims.
50 | // https://github.com/facebookincubator/create-react-app/issues/1023#issuecomment-265344421
51 | // We also resolve them to make sure all tools using them work consistently.
52 | const appDirectory = fs.realpathSync(process.cwd());
53 | process.env.NODE_PATH = (process.env.NODE_PATH || '')
54 |   .split(path.delimiter)
55 |   .filter(folder => folder && !path.isAbsolute(folder))
56 |   .map(folder => path.resolve(appDirectory, folder))
57 |   .join(path.delimiter);
58 | 
59 | // Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
60 | // injected into the application via DefinePlugin in Webpack configuration.
61 | const REACT_APP = /^REACT_APP_/i;
62 | function getClientEnvironment(publicUrl) {
63 |   const raw = Object.keys(process.env)
64 |     .filter(key => REACT_APP.test(key))
65 |     .reduce(
66 |       (env, key) => {
67 |         env[key] = process.env[key];
68 |         return env;
69 |       },
70 |       {
71 |         // Useful for determining whether we’re running in production mode.
72 |         // Most importantly, it switches React into the correct mode.
73 |         NODE_ENV: process.env.NODE_ENV || 'development',
74 |         // Useful for resolving the correct path to static assets in `public`.
75 |         // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
76 |         // This should only be used as an escape hatch. Normally you would put
77 |         // images into the `src` and `import` them in code to get their paths.
78 |         PUBLIC_URL: publicUrl,
79 |       }
80 |     );
81 |   // Stringify all values so we can feed into Webpack DefinePlugin
82 |   const stringified = {
83 |     'process.env': Object.keys(raw).reduce((env, key) => {
84 |       env[key] = JSON.stringify(raw[key]);
85 |       return env;
86 |     }, {}),
87 |   };
88 | 
89 |   return { raw, stringified };
90 | }
91 | 
92 | module.exports = getClientEnvironment;
93 | 


--------------------------------------------------------------------------------
/docs/static/css/main.5c32c3f2.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["assets/anim.css","assets/common.css","../node_modules/nprogress/nprogress.css"],"names":[],"mappings":"AAAA,eACE,UACA,oCACI,gCACI,2BAA6B,CAEvC,sBACE,UACA,gCACI,4BACI,wBACR,uCACA,kCACA,8BAAiC,CAEnC,cACE,SAAW,CAEb,qBACE,UACA,oCACI,gCACI,4BACR,uCACA,kCACA,8BAAiC,CCzBnC,EACE,YAAc,CAEhB,YACE,YACA,iBACA,yBACA,aACA,aAAe,CAEjB,aACE,gBACA,aAAe,CAGjB,sBACE,mBACA,gBACA,YAAc,CCjBhB,WACE,mBAAqB,CAGvB,gBACE,gBAEA,eACA,aACA,MACA,OAEA,WACA,UAAY,CAId,gBACE,cACA,kBACA,QACA,YACA,YACA,8CACQ,sCACR,UAEA,gDACI,4CACI,uCAA6C,CAIvD,oBACE,cACA,eACA,aACA,SACA,UAAY,CAGd,yBACE,WACA,YACA,8BACQ,sBAER,6BACA,sBACA,uBACA,kBAEA,wDACQ,+CAAmD,CAG7D,yBACE,gBACA,iBAAmB,CAGrB,sFAEE,iBAAmB,CAGrB,qCACE,GAAO,8BAAgC,CACvC,GAAO,+BAAkC,CAAE,CAE7C,6BACE,GAAO,+BAAiC,sBAAwB,CAChE,GAAO,gCAAmC,uBAA0B,CAAE","file":"static/css/main.5c32c3f2.css","sourcesContent":[".fade-in-enter {\r\n  opacity: 0;\r\n  -webkit-transform: translateY(100px);\r\n      -ms-transform: translateY(100px);\r\n          transform: translateY(100px);\r\n}\r\n.fade-in-enter-active {\r\n  opacity: 1;\r\n  -webkit-transform: translateY(0);\r\n      -ms-transform: translateY(0);\r\n          transform: translateY(0);\r\n  -webkit-transition: all ease-in-out 0.3s;\r\n  -o-transition: all ease-in-out 0.3s;\r\n  transition: all ease-in-out 0.3s;\r\n}\r\n.fade-in-exit {\r\n  opacity: 1;\r\n}\r\n.fade-in-exit-active {\r\n  opacity: 0;\r\n  -webkit-transform: translateY(100px);\r\n      -ms-transform: translateY(100px);\r\n          transform: translateY(100px);\r\n  -webkit-transition: all ease-in-out 0.3s;\r\n  -o-transition: all ease-in-out 0.3s;\r\n  transition: all ease-in-out 0.3s;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./docs-src/assets/anim.css","a {\r\n  margin: 0 5px;\r\n}\r\n.demo-block {\r\n  width: 600px;\r\n  min-height: 300px;\r\n  border: solid 1px #1FADF2;\r\n  padding: 15px;\r\n  margin: 0 auto;\r\n}\r\n.link-active {\r\n  font-weight: bold;\r\n  color: #E04843;\r\n}\r\n\r\n.anim-list .anim-item {\r\n  margin-bottom: 10px;\r\n  background: #ddd;\r\n  padding: 10px;\r\n}\r\n\r\n@import url('./anim.css');\n\n\n// WEBPACK FOOTER //\n// ./docs-src/assets/common.css","/* Make clicks pass-through */\n#nprogress {\n  pointer-events: none;\n}\n\n#nprogress .bar {\n  background: #29d;\n\n  position: fixed;\n  z-index: 1031;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 2px;\n}\n\n/* Fancy blur effect */\n#nprogress .peg {\n  display: block;\n  position: absolute;\n  right: 0px;\n  width: 100px;\n  height: 100%;\n  -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n          box-shadow: 0 0 10px #29d, 0 0 5px #29d;\n  opacity: 1.0;\n\n  -webkit-transform: rotate(3deg) translate(0px, -4px);\n      -ms-transform: rotate(3deg) translate(0px, -4px);\n          transform: rotate(3deg) translate(0px, -4px);\n}\n\n/* Remove these to get rid of the spinner */\n#nprogress .spinner {\n  display: block;\n  position: fixed;\n  z-index: 1031;\n  top: 15px;\n  right: 15px;\n}\n\n#nprogress .spinner-icon {\n  width: 18px;\n  height: 18px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n\n  border: solid 2px transparent;\n  border-top-color: #29d;\n  border-left-color: #29d;\n  border-radius: 50%;\n\n  -webkit-animation: nprogress-spinner 400ms linear infinite;\n          animation: nprogress-spinner 400ms linear infinite;\n}\n\n.nprogress-custom-parent {\n  overflow: hidden;\n  position: relative;\n}\n\n.nprogress-custom-parent #nprogress .spinner,\n.nprogress-custom-parent #nprogress .bar {\n  position: absolute;\n}\n\n@-webkit-keyframes nprogress-spinner {\n  0%   { -webkit-transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); }\n}\n@keyframes nprogress-spinner {\n  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\n  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/nprogress/nprogress.css"],"sourceRoot":""}


--------------------------------------------------------------------------------
/scripts/start.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | // Do this as the first thing so that any code reading it knows the right env.
  4 | process.env.BABEL_ENV = 'development';
  5 | process.env.NODE_ENV = 'development';
  6 | 
  7 | // Makes the script crash on unhandled rejections instead of silently
  8 | // ignoring them. In the future, promise rejections that are not handled will
  9 | // terminate the Node.js process with a non-zero exit code.
 10 | process.on('unhandledRejection', err => {
 11 |   throw err;
 12 | });
 13 | 
 14 | // Ensure environment variables are read.
 15 | // require('../config/env');
 16 | const path = require('path')
 17 | const fs = require('fs');
 18 | const chalk = require('chalk');
 19 | const webpack = require('webpack');
 20 | const WebpackDevServer = require('webpack-dev-server');
 21 | const clearConsole = require('react-dev-utils/clearConsole');
 22 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 23 | const {
 24 |   choosePort,
 25 |   createCompiler,
 26 |   prepareProxy,
 27 |   prepareUrls,
 28 | } = require('react-dev-utils/WebpackDevServerUtils');
 29 | const openBrowser = require('react-dev-utils/openBrowser');
 30 | const config = require('../config')
 31 | const webpackConfig = require('../config/webpack.config.dev');
 32 | const createDevServerConfig = require('../config/webpackDevServer.config');
 33 | 
 34 | const useYarn = fs.existsSync(config.base.yarnLockFile);
 35 | const isInteractive = process.stdout.isTTY;
 36 | 
 37 | // 必须存在文件
 38 | if (!checkRequiredFiles([config.dev.appHtml, path.resolve(config.dev.entryPath, 'index.js')])) {
 39 |   process.exit(1);
 40 | }
 41 | 
 42 | // Tools like Cloud9 rely on this.
 43 | const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
 44 | const HOST = process.env.HOST || '0.0.0.0';
 45 | 
 46 | if (process.env.HOST) {
 47 |   console.log(
 48 |     chalk.cyan(
 49 |       `Attempting to bind to HOST environment variable: ${chalk.yellow(
 50 |         chalk.bold(process.env.HOST)
 51 |       )}`
 52 |     )
 53 |   );
 54 |   console.log(
 55 |     `If this was unintentional, check that you haven't mistakenly set it in your shell.`
 56 |   );
 57 |   console.log(`Learn more here: ${chalk.yellow('http://bit.ly/2mwWSwH')}`);
 58 |   console.log();
 59 | }
 60 | 
 61 | // We attempt to use the default port but if it is busy, we offer the user to
 62 | // run on a different port. `choosePort()` Promise resolves to the next free port.
 63 | choosePort(HOST, DEFAULT_PORT)
 64 |   .then(port => {
 65 |     if (port == null) {
 66 |       // We have not found a port.
 67 |       return;
 68 |     }
 69 |     const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
 70 |     const appName = require(config.base.appPackageJson).name;
 71 |     const urls = prepareUrls(protocol, HOST, port);
 72 |     // Create a webpack compiler that is configured with custom messages.
 73 |     const compiler = createCompiler(webpack, webpackConfig, appName, urls, useYarn);
 74 |     // Load proxy config
 75 |     const proxySetting = require(config.base.appPackageJson).proxy;
 76 |     const proxyConfig = prepareProxy(proxySetting, config.dev.appPublic);
 77 |     // Serve webpack assets generated by the compiler over a web sever.
 78 |     const serverConfig = createDevServerConfig(
 79 |       proxyConfig,
 80 |       urls.lanUrlForConfig
 81 |     );
 82 |     const devServer = new WebpackDevServer(compiler, serverConfig);
 83 |     // Launch WebpackDevServer.
 84 |     devServer.listen(port, HOST, err => {
 85 |       if (err) {
 86 |         return console.log(err);
 87 |       }
 88 |       if (isInteractive) {
 89 |         clearConsole();
 90 |       }
 91 |       console.log(chalk.cyan('Starting the development server...\n'));
 92 |       config.dev.autoOpenBrowser && openBrowser(urls.localUrlForBrowser)
 93 |     });
 94 | 
 95 |     ['SIGINT', 'SIGTERM'].forEach(function(sig) {
 96 |       process.on(sig, function() {
 97 |         devServer.close();
 98 |         process.exit();
 99 |       });
100 |     });
101 |   })
102 |   .catch(err => {
103 |     if (err && err.message) {
104 |       console.log(err.message);
105 |     }
106 |     process.exit(1);
107 |   });
108 | 


--------------------------------------------------------------------------------
/src/router.js:
--------------------------------------------------------------------------------
  1 | import React from 'react'
  2 | import { Route, Link, NavLink } from 'react-router-dom'
  3 | import RouterWrapper from './router-wrapper'
  4 | import RouterView from './router-view'
  5 | import { resolve, compileString, objectToQueryString } from './utils'
  6 | 
  7 | function generateRoute (route, router) {
  8 |   return (
  9 |     <Route
 10 |       exact={route.exact}
 11 |       path={route.path}
 12 |       key={route.name ? route.name : route.path}
 13 |       strict={route.strict}
 14 |       sensitive={route.sensitive}
 15 |       render={(props) => {
 16 |         return (
 17 |           <RouterWrapper {...props} route={route} router={router}>
 18 |             {route.component}
 19 |           </RouterWrapper>
 20 |         )
 21 |       }}
 22 |       />
 23 |   )
 24 | }
 25 | 
 26 | export default class Router {
 27 |   constructor (options) {
 28 |     const routes = options.routes
 29 |     this.routes = options.routes
 30 | 
 31 |     if (options.mode && ['hash', 'history'].indexOf(options.mode.toLocaleLowerCase()) === -1) {
 32 |       throw new Error('The options.mode value must be \'hash\' or \'history\'.')
 33 |     }
 34 | 
 35 |     this.mode = options.mode || 'history'
 36 | 
 37 |     // 存视图
 38 |     this.views = {
 39 |       'default': []
 40 |     }
 41 | 
 42 |     // 包裹组件映射
 43 |     this.wrappers = {
 44 |       'default': options.wrapper
 45 |     }
 46 | 
 47 |     // 构造 views
 48 |     for (let i = 0; i < routes.length; i++) {
 49 |       if (Array.isArray(routes[i].children)) {
 50 |         // 路由视图要禁用完全匹配
 51 |         routes[i].exact = false
 52 | 
 53 |         // 父视图也要放到default里
 54 |         this.views['default'].unshift(generateRoute(routes[i], this))
 55 | 
 56 |         if (routes[i].wrapper) {
 57 |           this.wrappers[routes[i].name] = routes[i].wrapper
 58 |         }
 59 | 
 60 |         if (!routes[i].name) throw new Error('Routes with `children` must provide the `name` attribute')
 61 | 
 62 |         this.views[routes[i].name] = []
 63 | 
 64 |         for (let j = 0; j < routes[i].children.length; j++) {
 65 |           const child = routes[i].children[j]
 66 |           child.exact = true
 67 | 
 68 |           // 连接父级 path
 69 |           if (typeof child.path !== 'undefined') {
 70 |             child.path = '/' + resolve(routes[i].path, child.path)
 71 |           }
 72 | 
 73 |           const route = generateRoute(child, this)
 74 | 
 75 |           this.views[routes[i].name].push(route)
 76 |         }
 77 |       } else {
 78 |         routes[i].exact = true
 79 |         const route = generateRoute(routes[i], this)
 80 |         this.views['default'].push(route)
 81 |       }
 82 |     }
 83 |   }
 84 | 
 85 |   /**
 86 |   * 路由出口
 87 |   * e.g: <router.link to="/">Link</router.link>
 88 |   * @props {string|object} to 同Link
 89 |   **/
 90 |   get link () {
 91 |     const RouterLink = (props) => {
 92 |       if (props.type === 'NavLink') {
 93 |         return <NavLink { ...props } to={typeof props.to === 'object' ? this.route(props.to) : props.to}>{props.children}</NavLink>
 94 |       }
 95 |       return <Link { ...props } to={typeof props.to === 'object' ? this.route(props.to) : props.to}>{props.children}</Link>
 96 |     }
 97 |     return RouterLink
 98 |   }
 99 | 
100 |   /**
101 |   * 路由出口
102 |   * e.g: {router.view(name)}
103 |   * @props {string} name 子路由名称，默认default，根路由
104 |   **/
105 |   view (name) {
106 |     return <RouterView name={name} router={this} />
107 |   }
108 |   
109 |   /**
110 |   * 生成push函数参数
111 |   * @param {object} args
112 |   * @param {string} args.name 路由名称
113 |   * @param {string} args.path 路由
114 |   * @param {object} args.query 查询参数对象
115 |   * @param {object} args.params 路由参数
116 |   * @param {string} args.hash hash值
117 |   * @return {string} 返回url
118 |   **/
119 |   route ({ params = {}, query = {}, hash, path, name }) {
120 |     if (name) {
121 |       const route = this.routes.filter(e => e.name === name)[0]
122 | 
123 |       if (!route) throw new Error('The name \'' + name + '\' is cannot found in routes')
124 | 
125 |       path = route.path
126 |     }
127 |   
128 |     path = compileString(path)(params)
129 | 
130 |     const queryString = query ? (objectToQueryString(query)) : ''
131 | 
132 |     hash = hash ? ('#' + hash) : ''
133 | 
134 |     return `${path}${queryString ? '?' + queryString : ''}${hash}`
135 |   }
136 | }
137 | 


--------------------------------------------------------------------------------
/scripts/docs.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | // Do this as the first thing so that any code reading it knows the right env.
  4 | process.env.BABEL_ENV = 'production';
  5 | process.env.NODE_ENV = 'production';
  6 | 
  7 | // Makes the script crash on unhandled rejections instead of silently
  8 | // ignoring them. In the future, promise rejections that are not handled will
  9 | // terminate the Node.js process with a non-zero exit code.
 10 | process.on('unhandledRejection', err => {
 11 |   throw err;
 12 | });
 13 | 
 14 | // Ensure environment variables are read.
 15 | // require('../config/env');
 16 | 
 17 | const path = require('path');
 18 | const chalk = require('chalk');
 19 | const fs = require('fs-extra');
 20 | const webpack = require('webpack');
 21 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 22 | const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 23 | const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 24 | const printBuildError = require('react-dev-utils/printBuildError');
 25 | const webpackConfig = require('../config/webpack.config.docs');
 26 | const config = require('../config')
 27 | 
 28 | const useYarn = fs.existsSync(config.base.yarnLockFile);
 29 | 
 30 | // These sizes are pretty large. We'll warn for bundles exceeding them.
 31 | const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
 32 | const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
 33 | 
 34 | // Warn and crash if required files are missing
 35 | if (!checkRequiredFiles([config.dev.appHtml, config.dev.entry])) {
 36 |   process.exit(1);
 37 | }
 38 | 
 39 | // 创建生产版本并打印部署说明。
 40 | function build(previousFileSizes) {
 41 |   console.log('Creating an optimized production build...');
 42 | 
 43 |   let compiler = webpack(webpackConfig);
 44 |   return new Promise((resolve, reject) => {
 45 |     compiler.run((err, stats) => {
 46 |       if (err) {
 47 |         return reject(err);
 48 |       }
 49 |       const messages = formatWebpackMessages(stats.toJson({}, true));
 50 |       if (messages.errors.length) {
 51 |         // Only keep the first error. Others are often indicative
 52 |         // of the same problem, but confuse the reader with noise.
 53 |         if (messages.errors.length > 1) {
 54 |           messages.errors.length = 1;
 55 |         }
 56 |         return reject(new Error(messages.errors.join('\n\n')));
 57 |       }
 58 |       if (
 59 |         process.env.CI &&
 60 |         (typeof process.env.CI !== 'string' ||
 61 |           process.env.CI.toLowerCase() !== 'false') &&
 62 |         messages.warnings.length
 63 |       ) {
 64 |         console.log(
 65 |           chalk.yellow(
 66 |             '\nTreating warnings as errors because process.env.CI = true.\n' +
 67 |               'Most CI servers set it automatically.\n'
 68 |           )
 69 |         );
 70 |         return reject(new Error(messages.warnings.join('\n\n')));
 71 |       }
 72 |       return resolve({
 73 |         stats,
 74 |         previousFileSizes,
 75 |         warnings: messages.warnings,
 76 |       });
 77 |     });
 78 |   });
 79 | }
 80 | 
 81 | function copyPublicFolder() {
 82 |   fs.copySync(config.dev.appPublic, config.dev.outputPath, {
 83 |     dereference: true,
 84 |     filter: file => file !== config.dev.appHtml,
 85 |   });
 86 | }
 87 | 
 88 | //首先，在生成目录中读取当前文件大小。
 89 | //这可以让我们显示它们后来改变了多少。
 90 | FileSizeReporter.measureFileSizesBeforeBuild(config.dev.outputPath)
 91 |   .then(previousFileSizes => {
 92 |     // 清空文件加
 93 |     fs.emptyDirSync(config.dev.outputPath);
 94 |     // 合并静态文件目录
 95 |     copyPublicFolder();
 96 |     // 开始webpack打包
 97 |     return build(previousFileSizes);
 98 |   })
 99 |   .then(
100 |     ({ stats, previousFileSizes, warnings }) => {
101 |       if (warnings.length) {
102 |         console.log(chalk.yellow('Compiled with warnings.\n'));
103 |         console.log(warnings.join('\n\n'));
104 |         console.log(
105 |           '\nSearch for the ' +
106 |             chalk.underline(chalk.yellow('keywords')) +
107 |             ' to learn more about each warning.'
108 |         );
109 |         console.log(
110 |           'To ignore, add ' +
111 |             chalk.cyan('// eslint-disable-next-line') +
112 |             ' to the line before.\n'
113 |         );
114 |       } else {
115 |         console.log(chalk.green('Compiled successfully.\n'));
116 |       }
117 | 
118 |       console.log('File sizes after gzip:\n');
119 |       FileSizeReporter.printFileSizesAfterBuild(
120 |         stats,
121 |         previousFileSizes,
122 |         config.dev.outputPath,
123 |         WARN_AFTER_BUNDLE_GZIP_SIZE,
124 |         WARN_AFTER_CHUNK_GZIP_SIZE
125 |       );
126 |     },
127 |     err => {
128 |       console.log(chalk.red('Failed to compile.\n'));
129 |       printBuildError(err);
130 |       process.exit(1);
131 |     }
132 |   );
133 | 


--------------------------------------------------------------------------------
/scripts/pack.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | // Do this as the first thing so that any code reading it knows the right env.
  4 | process.env.BABEL_ENV = 'production';
  5 | process.env.NODE_ENV = 'production';
  6 | 
  7 | // Makes the script crash on unhandled rejections instead of silently
  8 | // ignoring them. In the future, promise rejections that are not handled will
  9 | // terminate the Node.js process with a non-zero exit code.
 10 | process.on('unhandledRejection', err => {
 11 |   throw err;
 12 | });
 13 | 
 14 | const path = require('path');
 15 | const chalk = require('chalk');
 16 | const fs = require('fs-extra');
 17 | const webpack = require('webpack');
 18 | const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
 19 | const formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
 20 | const printHostingInstructions = require('react-dev-utils/printHostingInstructions');
 21 | const FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 22 | const printBuildError = require('react-dev-utils/printBuildError');
 23 | const config = require('../config/index')
 24 | const webpackConfig = require('../config/webpack.config.pack');
 25 | 
 26 | // These sizes are pretty large. We'll warn for bundles exceeding them.
 27 | const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
 28 | const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
 29 | 
 30 | // 如果缺少必需的文件，则发出警告并崩溃
 31 | if (!checkRequiredFiles([config.pack.entry])) {
 32 |   process.exit(1);
 33 | }
 34 | 
 35 | // 创建生产版本并打印部署说明。
 36 | function build(previousFileSizes) {
 37 |   console.log('Creating an optimized production build...');
 38 |   let compiler = webpack(webpackConfig);
 39 |   return new Promise((resolve, reject) => {
 40 |     compiler.run((err, stats) => {
 41 |       if (err) {
 42 |         return reject(err);
 43 |       }
 44 |       const messages = formatWebpackMessages(stats.toJson({}, true));
 45 |       if (messages.errors.length) {
 46 |         // Only keep the first error. Others are often indicative
 47 |         // of the same problem, but confuse the reader with noise.
 48 |         if (messages.errors.length > 1) {
 49 |           messages.errors.length = 1;
 50 |         }
 51 |         return reject(new Error(messages.errors.join('\n\n')));
 52 |       }
 53 |       if (
 54 |         process.env.CI &&
 55 |         (typeof process.env.CI !== 'string' ||
 56 |           process.env.CI.toLowerCase() !== 'false') &&
 57 |         messages.warnings.length
 58 |       ) {
 59 |         console.log(
 60 |           chalk.yellow(
 61 |             '\nTreating warnings as errors because process.env.CI = true.\n' +
 62 |               'Most CI servers set it automatically.\n'
 63 |           )
 64 |         );
 65 |         return reject(new Error(messages.warnings.join('\n\n')));
 66 |       }
 67 |       return resolve({
 68 |         stats,
 69 |         previousFileSizes,
 70 |         warnings: messages.warnings,
 71 |       });
 72 |     });
 73 |   });
 74 | }
 75 | 
 76 | //首先，在生成目录中读取当前文件大小。
 77 | //这可以让我们显示它们后来改变了多少。
 78 | FileSizeReporter.measureFileSizesBeforeBuild(config.pack.outputPath)
 79 |   .then(previousFileSizes => {
 80 |     // 清空文件加
 81 |     fs.emptyDirSync(config.pack.outputPath);
 82 |     // 开始webpack打包
 83 |     return build(previousFileSizes);
 84 |   })
 85 |   .then(
 86 |     ({ stats, previousFileSizes, warnings }) => {
 87 |       if (warnings.length) {
 88 |         console.log(chalk.yellow('Compiled with warnings.\n'));
 89 |         console.log(warnings.join('\n\n'));
 90 |         console.log(
 91 |           '\nSearch for the ' +
 92 |             chalk.underline(chalk.yellow('keywords')) +
 93 |             ' to learn more about each warning.'
 94 |         );
 95 |         console.log(
 96 |           'To ignore, add ' +
 97 |             chalk.cyan('// eslint-disable-next-line') +
 98 |             ' to the line before.\n'
 99 |         );
100 |       } else {
101 |         console.log(chalk.green('Compiled successfully.\n'));
102 |       }
103 | 
104 |       console.log('File sizes after gzip:\n');
105 |       FileSizeReporter.printFileSizesAfterBuild(
106 |         stats,
107 |         previousFileSizes,
108 |         config.pack.outputPath,
109 |         WARN_AFTER_BUNDLE_GZIP_SIZE,
110 |         WARN_AFTER_CHUNK_GZIP_SIZE
111 |       );
112 |       console.log();
113 | 
114 |       // const appPackage = require(paths.appPackageJson);
115 |       // const publicUrl = paths.publicUrl;
116 |       // const publicPath = config.output.publicPath;
117 |       // const buildFolder = path.relative(process.cwd(), paths.dist);
118 |       // printHostingInstructions(
119 |       //   appPackage,
120 |       //   publicUrl,
121 |       //   publicPath,
122 |       //   buildFolder,
123 |       //   useYarn
124 |       // );
125 |     },
126 |     err => {
127 |       console.log(chalk.red('Failed to compile.\n'));
128 |       printBuildError(err);
129 |       process.exit(1);
130 |     }
131 |   );
132 | 


--------------------------------------------------------------------------------
/docs-src/registerServiceWorker.js:
--------------------------------------------------------------------------------
  1 | // In production, we register a service worker to serve assets from local cache.
  2 | 
  3 | // This lets the app load faster on subsequent visits in production, and gives
  4 | // it offline capabilities. However, it also means that developers (and users)
  5 | // will only see deployed updates on the "N+1" visit to a page, since previously
  6 | // cached resources are updated in the background.
  7 | 
  8 | // To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
  9 | // This link also includes instructions on opting out of this behavior.
 10 | 
 11 | const isLocalhost = Boolean(
 12 |   window.location.hostname === 'localhost' ||
 13 |     // [::1] is the IPv6 localhost address.
 14 |     window.location.hostname === '[::1]' ||
 15 |     // 127.0.0.1/8 is considered localhost for IPv4.
 16 |     window.location.hostname.match(
 17 |       /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
 18 |     )
 19 | );
 20 | 
 21 | export default function register() {
 22 |   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
 23 |     // The URL constructor is available in all browsers that support SW.
 24 |     const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
 25 |     if (publicUrl.origin !== window.location.origin) {
 26 |       // Our service worker won't work if PUBLIC_URL is on a different origin
 27 |       // from what our page is served on. This might happen if a CDN is used to
 28 |       // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
 29 |       return;
 30 |     }
 31 | 
 32 |     window.addEventListener('load', () => {
 33 |       const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
 34 | 
 35 |       if (isLocalhost) {
 36 |         // This is running on localhost. Lets check if a service worker still exists or not.
 37 |         checkValidServiceWorker(swUrl);
 38 | 
 39 |         // Add some additional logging to localhost, pointing developers to the
 40 |         // service worker/PWA documentation.
 41 |         navigator.serviceWorker.ready.then(() => {
 42 |           console.log(
 43 |             'This web app is being served cache-first by a service ' +
 44 |               'worker. To learn more, visit https://goo.gl/SC7cgQ'
 45 |           );
 46 |         });
 47 |       } else {
 48 |         // Is not local host. Just register service worker
 49 |         registerValidSW(swUrl);
 50 |       }
 51 |     });
 52 |   }
 53 | }
 54 | 
 55 | function registerValidSW(swUrl) {
 56 |   navigator.serviceWorker
 57 |     .register(swUrl)
 58 |     .then(registration => {
 59 |       registration.onupdatefound = () => {
 60 |         const installingWorker = registration.installing;
 61 |         installingWorker.onstatechange = () => {
 62 |           if (installingWorker.state === 'installed') {
 63 |             if (navigator.serviceWorker.controller) {
 64 |               // At this point, the old content will have been purged and
 65 |               // the fresh content will have been added to the cache.
 66 |               // It's the perfect time to display a "New content is
 67 |               // available; please refresh." message in your web app.
 68 |               console.log('New content is available; please refresh.');
 69 |             } else {
 70 |               // At this point, everything has been precached.
 71 |               // It's the perfect time to display a
 72 |               // "Content is cached for offline use." message.
 73 |               console.log('Content is cached for offline use.');
 74 |             }
 75 |           }
 76 |         };
 77 |       };
 78 |     })
 79 |     .catch(error => {
 80 |       console.error('Error during service worker registration:', error);
 81 |     });
 82 | }
 83 | 
 84 | function checkValidServiceWorker(swUrl) {
 85 |   // Check if the service worker can be found. If it can't reload the page.
 86 |   fetch(swUrl)
 87 |     .then(response => {
 88 |       // Ensure service worker exists, and that we really are getting a JS file.
 89 |       if (
 90 |         response.status === 404 ||
 91 |         response.headers.get('content-type').indexOf('javascript') === -1
 92 |       ) {
 93 |         // No service worker found. Probably a different app. Reload the page.
 94 |         navigator.serviceWorker.ready.then(registration => {
 95 |           registration.unregister().then(() => {
 96 |             window.location.reload();
 97 |           });
 98 |         });
 99 |       } else {
100 |         // Service worker found. Proceed as normal.
101 |         registerValidSW(swUrl);
102 |       }
103 |     })
104 |     .catch(() => {
105 |       console.log(
106 |         'No internet connection found. App is running in offline mode.'
107 |       );
108 |     });
109 | }
110 | 
111 | export function unregister() {
112 |   if ('serviceWorker' in navigator) {
113 |     navigator.serviceWorker.ready.then(registration => {
114 |       registration.unregister();
115 |     });
116 |   }
117 | }
118 | 


--------------------------------------------------------------------------------
/config/webpackDevServer.config.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | const errorOverlayMiddleware = require('react-dev-utils/errorOverlayMiddleware');
 4 | const noopServiceWorkerMiddleware = require('react-dev-utils/noopServiceWorkerMiddleware');
 5 | const ignoredFiles = require('react-dev-utils/ignoredFiles');
 6 | const config = require('./webpack.config.dev');
 7 | const paths = require('./paths');
 8 | 
 9 | const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
10 | const host = process.env.HOST || '0.0.0.0';
11 | 
12 | module.exports = function(proxy, allowedHost) {
13 |   return {
14 |     // WebpackDevServer 2.4.3 introduced a security fix that prevents remote
15 |     // websites from potentially accessing local content through DNS rebinding:
16 |     // https://github.com/webpack/webpack-dev-server/issues/887
17 |     // https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a
18 |     // However, it made several existing use cases such as development in cloud
19 |     // environment or subdomains in development significantly more complicated:
20 |     // https://github.com/facebookincubator/create-react-app/issues/2271
21 |     // https://github.com/facebookincubator/create-react-app/issues/2233
22 |     // While we're investigating better solutions, for now we will take a
23 |     // compromise. Since our WDS configuration only serves files in the `public`
24 |     // folder we won't consider accessing them a vulnerability. However, if you
25 |     // use the `proxy` feature, it gets more dangerous because it can expose
26 |     // remote code execution vulnerabilities in backends like Django and Rails.
27 |     // So we will disable the host check normally, but enable it if you have
28 |     // specified the `proxy` setting. Finally, we let you override it if you
29 |     // really know what you're doing with a special environment variable.
30 |     disableHostCheck:
31 |       !proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true',
32 |     // Enable gzip compression of generated files.
33 |     compress: true,
34 |     // Silence WebpackDevServer's own logs since they're generally not useful.
35 |     // It will still show compile warnings and errors with this setting.
36 |     clientLogLevel: 'none',
37 |     // By default WebpackDevServer serves physical files from current directory
38 |     // in addition to all the virtual build products that it serves from memory.
39 |     // This is confusing because those files won’t automatically be available in
40 |     // production build folder unless we copy them. However, copying the whole
41 |     // project directory is dangerous because we may expose sensitive files.
42 |     // Instead, we establish a convention that only files in `public` directory
43 |     // get served. Our build script will copy `public` into the `build` folder.
44 |     // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
45 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
46 |     // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
47 |     // Note that we only recommend to use `public` folder as an escape hatch
48 |     // for files like `favicon.ico`, `manifest.json`, and libraries that are
49 |     // for some reason broken when imported through Webpack. If you just want to
50 |     // use an image, put it in `src` and `import` it from JavaScript instead.
51 |     contentBase: paths.appPublic,
52 |     // By default files from `contentBase` will not trigger a page reload.
53 |     watchContentBase: true,
54 |     // Enable hot reloading server. It will provide /sockjs-node/ endpoint
55 |     // for the WebpackDevServer client so it can learn when the files were
56 |     // updated. The WebpackDevServer client is included as an entry point
57 |     // in the Webpack development configuration. Note that only changes
58 |     // to CSS are currently hot reloaded. JS changes will refresh the browser.
59 |     hot: true,
60 |     // It is important to tell WebpackDevServer to use the same "root" path
61 |     // as we specified in the config. In development, we always serve from /.
62 |     publicPath: config.output.publicPath,
63 |     // WebpackDevServer is noisy by default so we emit custom message instead
64 |     // by listening to the compiler events with `compiler.plugin` calls above.
65 |     quiet: true,
66 |     // Reportedly, this avoids CPU overload on some systems.
67 |     // https://github.com/facebookincubator/create-react-app/issues/293
68 |     // src/node_modules is not ignored to support absolute imports
69 |     // https://github.com/facebookincubator/create-react-app/issues/1065
70 |     watchOptions: {
71 |       ignored: ignoredFiles(paths.appSrc),
72 |     },
73 |     // Enable HTTPS if the HTTPS environment variable is set to 'true'
74 |     https: protocol === 'https',
75 |     host: host,
76 |     overlay: false,
77 |     historyApiFallback: {
78 |       // Paths with dots should still use the history fallback.
79 |       // See https://github.com/facebookincubator/create-react-app/issues/387.
80 |       disableDotRule: true,
81 |     },
82 |     public: allowedHost,
83 |     proxy,
84 |     before(app) {
85 |       // This lets us open files from the runtime error overlay.
86 |       app.use(errorOverlayMiddleware());
87 |       // This service worker file is effectively a 'no-op' that will reset any
88 |       // previous service worker registered for the same host:port combination.
89 |       // We do this in development to avoid hitting the production cache if
90 |       // it used the same host and port.
91 |       // https://github.com/facebookincubator/create-react-app/issues/2272#issuecomment-302832432
92 |       app.use(noopServiceWorkerMiddleware());
93 |     },
94 |   };
95 | };
96 | 


--------------------------------------------------------------------------------
/dist/index.js:
--------------------------------------------------------------------------------
1 | !function(e,t){if("object"===typeof exports&&"object"===typeof module)module.exports=t(require("react"),require("react-router-dom"));else if("function"===typeof define&&define.amd)define(["react","react-router-dom"],t);else{var r="object"===typeof exports?t(require("react"),require("react-router-dom")):t(e.react,e["react-router-dom"]);for(var n in r)("object"===typeof exports?exports:e)[n]=r[n]}}(this,function(e,t){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=2)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t,r){e.exports=r(3)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(4);t.default=n.a},function(e,t,r){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){return i.a.createElement(u.Route,{exact:e.exact,path:e.path,key:e.name?e.name:e.path,strict:e.strict,sensitive:e.sensitive,render:function(r){return i.a.createElement(c.a,Object.assign({},r,{route:e,router:t}),e.component)}})}var a=r(0),i=r.n(a),u=r(1),c=(r.n(u),r(5)),s=r(6),f=r(7),p="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),h=function(){function e(t){n(this,e);var r=t.routes;if(this.routes=t.routes,t.mode&&-1===["hash","history"].indexOf(t.mode.toLocaleLowerCase()))throw new Error("The options.mode value must be 'hash' or 'history'.");this.mode=t.mode||"history",this.views={default:[]},this.wrappers={default:t.wrapper};for(var a=0;a<r.length;a++)if(Array.isArray(r[a].children)){if(r[a].exact=!1,this.views.default.unshift(o(r[a],this)),r[a].wrapper&&(this.wrappers[r[a].name]=r[a].wrapper),!r[a].name)throw new Error("Routes with `children` must provide the `name` attribute");this.views[r[a].name]=[];for(var i=0;i<r[a].children.length;i++){var u=r[a].children[i];u.exact=!0,"undefined"!==typeof u.path&&(u.path="/"+Object(f.c)(r[a].path,u.path));var c=o(u,this);this.views[r[a].name].push(c)}}else{r[a].exact=!0;var s=o(r[a],this);this.views.default.push(s)}}return l(e,[{key:"view",value:function(e){return i.a.createElement(s.a,{name:e,router:this})}},{key:"route",value:function(e){var t=e.params,r=void 0===t?{}:t,n=e.query,o=void 0===n?{}:n,a=e.hash,i=e.path,u=e.name;if(u){var c=this.routes.filter(function(e){return e.name===u})[0];if(!c)throw new Error("The name '"+u+"' is cannot found in routes");i=c.path}i=Object(f.a)(i)(r);var s=o?Object(f.b)(o):"";return a=a?"#"+a:"",i+(s?"?"+s:"")+a}},{key:"link",get:function(){var e=this;return function(t){return"NavLink"===t.type?i.a.createElement(u.NavLink,Object.assign({},t,{to:"object"===p(t.to)?e.route(t.to):t.to}),t.children):i.a.createElement(u.Link,Object.assign({},t,{to:"object"===p(t.to)?e.route(t.to):t.to}),t.children)}}}]),e}();t.a=h},function(e,t,r){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function a(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var i=r(0),u=r.n(i),c=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),s=function(e){function t(){var e,r,a,i;n(this,t);for(var u=arguments.length,c=Array(u),s=0;s<u;s++)c[s]=arguments[s];return r=a=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(c))),a.state={waiting:!0},i=r,o(a,i)}return a(t,e),c(t,[{key:"done",value:function(){var e=this;return function(t){if(t){var r="string"===typeof t?t:e.props.router.route(t);e.props.history.push(r)}else e.setState({waiting:!1})}}},{key:"componentWillMount",value:function(){if(this.props.router.beforeEach){if("function"!==typeof this.props.router.beforeEach)throw new Error("The `router.beforeEach` must be a function.");this.props.router.beforeEach(this.props,this.done())}else this.setState({waiting:!1})}},{key:"render",value:function(){return this.state.waiting?null:u.a.createElement(this.props.children,this.props)}}]),t}(u.a.Component);t.a=s},function(e,t,r){"use strict";function n(e){return i.a.createElement(u.Route,{render:function(t){var r=t.location,n=e.wrapper;return"function"===typeof n?n(e.children,r):e.children}})}function o(e){var t=e.router,r=e.name||"default";if(!t.views[r])throw new Error("The view name `"+r+"` is not defined.");var o=t.wrappers[r];return"default"===r?"hash"===t.mode?i.a.createElement(u.HashRouter,null,i.a.createElement(n,{wrapper:o},i.a.createElement(u.Switch,{key:"switch1"},t.views[r]))):i.a.createElement(u.BrowserRouter,null,i.a.createElement(n,{wrapper:o},i.a.createElement(u.Switch,{key:"switch2"},t.views[r]))):i.a.createElement(n,{wrapper:o},i.a.createElement(u.Switch,{key:"switch3"},t.views[r]))}t.a=o;var a=r(0),i=r.n(a),u=r(1);r.n(u)},function(e,t,r){"use strict";function n(){var e=[];for(var t in arguments)e.push(arguments[t].replace(/^\s*|\s*$/g,"").replace(/^\//,""));return e.join("/")}function o(e){var t=e.replace(/('|"|\\)/g,"\\$1").replace(/:(\w+)/g,function(e,t){return"' + data['"+t+"'] + '"});return new Function("data","return ('"+t+"')")}function a(e){var t=[];for(var r in e)t.push(r+"="+encodeURIComponent(e[r]));return t.join("&")}t.c=n,t.a=o,t.b=a}])});
2 | //# sourceMappingURL=index.js.map


--------------------------------------------------------------------------------
/config/webpack.config.dev.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | const autoprefixer = require('autoprefixer');
  3 | const path = require('path');
  4 | const webpack = require('webpack');
  5 | const HtmlWebpackPlugin = require('html-webpack-plugin');
  6 | const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
  7 | const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
  8 | const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
  9 | const eslintFormatter = require('react-dev-utils/eslintFormatter');
 10 | const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 11 | const config = require('./index')
 12 | 
 13 | 
 14 | 
 15 | const publicPath = '/';
 16 | // Get environment variables to inject into our app.
 17 | // process.exit()
 18 | // This is the development configuration.
 19 | // It is focused on developer experience and fast rebuilds.
 20 | // The production configuration is different and lives in a separate file.
 21 | module.exports = {
 22 |   // You may want 'eval' instead if you prefer to see the compiled output in DevTools.
 23 |   // See the discussion in https://github.com/facebookincubator/create-react-app/issues/343.
 24 |   devtool: 'cheap-module-source-map',
 25 |   // These are the "entry points" to our application.
 26 |   // This means they will be the "root" imports that are included in JS bundle.
 27 |   // The first two entry points enable "hot" CSS and auto-refreshes for JS.
 28 |   entry: [
 29 |     // We ship a few polyfills by default:
 30 |     require.resolve('./polyfills'),
 31 |     // Include an alternative client for WebpackDevServer. A client's job is to
 32 |     // connect to WebpackDevServer by a socket and get notified about changes.
 33 |     // When you save a file, the client will either apply hot updates (in case
 34 |     // of CSS changes), or refresh the page (in case of JS changes). When you
 35 |     // make a syntax error, this client will display a syntax error overlay.
 36 |     // Note: instead of the default WebpackDevServer client, we use a custom one
 37 |     // to bring better experience for Create React App users. You can replace
 38 |     // the line below with these two lines if you prefer the stock client:
 39 |     // require.resolve('webpack-dev-server/client') + '?/',
 40 |     // require.resolve('webpack/hot/dev-server'),
 41 |     require.resolve('react-dev-utils/webpackHotDevClient'),
 42 |     // Finally, this is your app's code:
 43 |     config.dev.entry
 44 |     // We include the app code last so that if there is a runtime error during
 45 |     // initialization, it doesn't blow up the WebpackDevServer client, and
 46 |     // changing JS code would still trigger a refresh.
 47 |   ],
 48 |   output: {
 49 |     // Add /* filename */ comments to generated require()s in the output.
 50 |     pathinfo: true,
 51 |     // This does not produce a real file. It's just the virtual path that is
 52 |     // served by WebpackDevServer in development. This is the JS bundle
 53 |     // containing code from all our entry points, and the Webpack runtime.
 54 |     filename: 'static/js/bundle.js',
 55 |     // There are also additional JS chunk files if you use code splitting.
 56 |     chunkFilename: 'static/js/[name].chunk.js',
 57 |     // This is the URL that app is served from. We use "/" in development.
 58 |     publicPath: publicPath,
 59 |     // Point sourcemap entries to original disk location (format as URL on Windows)
 60 |     devtoolModuleFilenameTemplate: info =>
 61 |       path.resolve(info.absoluteResourcePath).replace(/\\/g, '/'),
 62 |   },
 63 |   resolve: {
 64 |     // This allows you to set a fallback for where Webpack should look for modules.
 65 |     // We placed these paths second because we want `node_modules` to "win"
 66 |     // if there are any conflicts. This matches Node resolution mechanism.
 67 |     // https://github.com/facebookincubator/create-react-app/issues/253
 68 |     modules: ['node_modules', config.base.appNodeModules, config.pack.entryPath],
 69 |     // These are the reasonable defaults supported by the Node ecosystem.
 70 |     // We also include JSX as a common component filename extension to support
 71 |     // some tools, although we do not recommend using it, see:
 72 |     // https://github.com/facebookincubator/create-react-app/issues/290
 73 |     // `web` extension prefixes have been added for better support
 74 |     // for React Native Web.
 75 |     extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx'],
 76 |     alias: {
 77 |       
 78 |       // Support React Native Web
 79 |       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
 80 |       'react-native': 'react-native-web',
 81 |       '@': config.dev.entryPath,
 82 |       '~': path.resolve('./')
 83 |     },
 84 |     plugins: [
 85 |       // Prevents users from importing files from outside of src/ (or node_modules/).
 86 |       // This often causes confusion because we only process files within src/ with babel.
 87 |       // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
 88 |       // please link the files into your node_modules/ and let module-resolution kick in.
 89 |       // Make sure your source files are compiled, as they will not be processed in any way.
 90 |       // new ModuleScopePlugin(config.dev.entryPath, [config.base.appPackageJson, config.pack.entryPath, config.pack.outputPath]),
 91 |     ],
 92 |   },
 93 |   module: {
 94 |     strictExportPresence: true,
 95 |     rules: [
 96 |       // TODO: Disable require.ensure as it's not a standard language feature.
 97 |       // We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
 98 |       // { parser: { requireEnsure: false } },
 99 | 
100 |       // First, run the linter.
101 |       // It's important to do this before Babel processes the JS.
102 |       {
103 |         test: /\.(js|jsx|mjs)$/,
104 |         enforce: 'pre',
105 |         use: [
106 |           {
107 |             options: {
108 |               formatter: eslintFormatter,
109 |               eslintPath: require.resolve('eslint'),
110 |               
111 |             },
112 |             loader: require.resolve('eslint-loader'),
113 |           },
114 |         ],
115 |         include: [config.dev.entryPath, config.pack.entryPath],
116 |       },
117 |       {
118 |         // "oneOf" will traverse all following loaders until one will
119 |         // match the requirements. When no loader matches it will fall
120 |         // back to the "file" loader at the end of the loader list.
121 |         oneOf: [
122 |           // "url" loader works like "file" loader except that it embeds assets
123 |           // smaller than specified limit in bytes as data URLs to avoid requests.
124 |           // A missing `test` is equivalent to a match.
125 |           {
126 |             test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
127 |             loader: require.resolve('url-loader'),
128 |             options: {
129 |               limit: 10000,
130 |               name: 'static/media/[name].[hash:8].[ext]',
131 |             },
132 |           },
133 |           // Process JS with Babel.
134 |           {
135 |             test: /\.(js|jsx|mjs)$/,
136 |             // 这里要包含config.pack.entryPath，不然载入docs-src外面的jsx不会解析
137 |             include: [config.dev.entryPath, config.pack.entryPath],
138 |             loader: require.resolve('babel-loader'),
139 |             options: {
140 |               
141 |               // This is a feature of `babel-loader` for webpack (not Babel itself).
142 |               // It enables caching results in ./node_modules/.cache/babel-loader/
143 |               // directory for faster rebuilds.
144 |               cacheDirectory: true,
145 |             },
146 |           },
147 |           // "postcss" loader applies autoprefixer to our CSS.
148 |           // "css" loader resolves paths in CSS and adds assets as dependencies.
149 |           // "style" loader turns CSS into JS modules that inject <style> tags.
150 |           // In production, we use a plugin to extract that CSS to a file, but
151 |           // in development "style" loader enables hot editing of CSS.
152 |           {
153 |             test: /\.css$/,
154 |             use: [
155 |               require.resolve('style-loader'),
156 |               {
157 |                 loader: require.resolve('css-loader'),
158 |                 options: {
159 |                   importLoaders: 1,
160 |                 },
161 |               },
162 |               {
163 |                 loader: require.resolve('postcss-loader'),
164 |                 options: {
165 |                   // Necessary for external CSS imports to work
166 |                   // https://github.com/facebookincubator/create-react-app/issues/2677
167 |                   ident: 'postcss',
168 |                   plugins: () => [
169 |                     require('postcss-flexbugs-fixes'),
170 |                     autoprefixer({
171 |                       browsers: [
172 |                         '>1%',
173 |                         'last 4 versions',
174 |                         'Firefox ESR',
175 |                         'not ie < 9', // React doesn't support IE8 anyway
176 |                       ],
177 |                       flexbox: 'no-2009',
178 |                     }),
179 |                   ],
180 |                 },
181 |               },
182 |             ],
183 |           },
184 |           // "file" loader makes sure those assets get served by WebpackDevServer.
185 |           // When you `import` an asset, you get its (virtual) filename.
186 |           // In production, they would get copied to the `build` folder.
187 |           // This loader doesn't use a "test" so it will catch all modules
188 |           // that fall through the other loaders.
189 |           {
190 |             // Exclude `js` files to keep "css" loader working as it injects
191 |             // its runtime that would otherwise processed through "file" loader.
192 |             // Also exclude `html` and `json` extensions so they get processed
193 |             // by webpacks internal loaders.
194 |             exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/],
195 |             loader: require.resolve('file-loader'),
196 |             options: {
197 |               name: 'static/media/[name].[hash:8].[ext]',
198 |             },
199 |           },
200 |         ],
201 |       },
202 |       // ** STOP ** Are you adding a new loader?
203 |       // Make sure to add the new loader(s) before the "file" loader.
204 |     ],
205 |   },
206 |   plugins: [
207 |     // Makes some environment variables available in index.html.
208 |     // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
209 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
210 |     // In development, this will be an empty string.
211 |     new InterpolateHtmlPlugin({
212 |       NODE_ENV: process.env.NODE_ENV || 'development',
213 |       PUBLIC_URL: ''
214 |     }),
215 |     // Generates an `index.html` file with the <script> injected.
216 |     new HtmlWebpackPlugin({
217 |       inject: true,
218 |       template: config.dev.appHtml,
219 |     }),
220 |     // Add module names to factory functions so they appear in browser profiler.
221 |     new webpack.NamedModulesPlugin(),
222 |     // Makes some environment variables available to the JS code, for example:
223 |     // if (process.env.NODE_ENV === 'development') { ... }. See `./env.js`.
224 |     new webpack.DefinePlugin({
225 |       'process.env': {
226 |         NODE_ENV: JSON.stringify(process.env.NODE_ENV),
227 |         PUBLIC_URL: JSON.stringify(publicPath),
228 |         DEMO: JSON.stringify({
229 |           info: 'this is a test.'
230 |         })
231 |       }
232 |     }),
233 |     // This is necessary to emit hot updates (currently CSS only):
234 |     new webpack.HotModuleReplacementPlugin(),
235 |     // Watcher doesn't work well if you mistype casing in a path so we use
236 |     // a plugin that prints an error when you attempt to do this.
237 |     // See https://github.com/facebookincubator/create-react-app/issues/240
238 |     new CaseSensitivePathsPlugin(),
239 |     // If you require a missing module and then `npm install` it, you still have
240 |     // to restart the development server for Webpack to discover it. This plugin
241 |     // makes the discovery automatic so you don't have to restart.
242 |     // See https://github.com/facebookincubator/create-react-app/issues/186
243 |     new WatchMissingNodeModulesPlugin(config.base.appNodeModules),
244 |     // Moment.js is an extremely popular library that bundles large locale files
245 |     // by default due to how Webpack interprets its code. This is a practical
246 |     // solution that requires the user to opt into importing specific locales.
247 |     // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
248 |     // You can remove this if you don't use Moment.js:
249 |     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
250 |   ],
251 |   // Some libraries import Node modules but don't use them in the browser.
252 |   // Tell Webpack to provide empty mocks for them so importing them works.
253 |   node: {
254 |     dgram: 'empty',
255 |     fs: 'empty',
256 |     net: 'empty',
257 |     tls: 'empty',
258 |     child_process: 'empty',
259 |   },
260 |   // Turn off performance hints during development because we don't do any
261 |   // splitting or minification in interest of speed. These warnings become
262 |   // cumbersome.
263 |   performance: {
264 |     hints: false,
265 |   },
266 | };
267 | 


--------------------------------------------------------------------------------
/config/webpack.config.pack.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | const autoprefixer = require('autoprefixer');
  4 | const path = require('path');
  5 | const webpack = require('webpack');
  6 | const HtmlWebpackPlugin = require('html-webpack-plugin');
  7 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
  8 | const ManifestPlugin = require('webpack-manifest-plugin');
  9 | const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
 10 | const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin');
 11 | const eslintFormatter = require('react-dev-utils/eslintFormatter');
 12 | const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 13 | const paths = require('./paths');
 14 | const config = require('./index')
 15 | 
 16 | // Webpack uses `publicPath` to determine where the app is being served from.
 17 | // It requires a trailing slash, or the file assets will get an incorrect path.
 18 | const publicPath = '/';
 19 | // Some apps do not use client-side routing with pushState.
 20 | // For these, "homepage" can be set to "." to enable relative asset paths.
 21 | const shouldUseRelativeAssetPaths = publicPath === './';
 22 | 
 23 | // Assert this just to be safe.
 24 | // Development builds of React are slow and not intended for production.
 25 | if (process.env.NODE_ENV !== 'production') {
 26 |   throw new Error('Production builds must have NODE_ENV=production.');
 27 | }
 28 | 
 29 | // Note: defined here because it will be used more than once.
 30 | const cssFilename = 'css/default.css';
 31 | 
 32 | // ExtractTextPlugin expects the build output to be flat.
 33 | // (See https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/27)
 34 | // However, our output is structured with css, js and media folders.
 35 | // To have this structure working with relative paths, we have to use custom options.
 36 | const extractTextPluginOptions = shouldUseRelativeAssetPaths
 37 |   ? // Making sure that the publicPath goes back to to build folder.
 38 |     { publicPath: Array(cssFilename.split('/').length).join('../') }
 39 |   : {};
 40 | 
 41 | // This is the production configuration.
 42 | // It compiles slowly and is focused on producing a fast and minimal bundle.
 43 | // The development configuration is different and lives in a separate file.
 44 | module.exports = {
 45 |   // Don't attempt to continue if there are any errors.
 46 |   bail: true,
 47 |   // We generate sourcemaps in production. This is slow but gives good results.
 48 |   // You can exclude the *.map files from the build during deployment.
 49 |   devtool: config.pack.sourceMap ? 'source-map' : false,
 50 |   // In production, we only want to load the polyfills and the app code.
 51 |   entry: [config.pack.entry],
 52 |   output: {
 53 |     // The build folder.
 54 |     path: config.pack.outputPath,
 55 |     // Generated JS file names (with nested folders).
 56 |     // There will be one main bundle, and one file per asynchronous chunk.
 57 |     // We don't currently advertise code splitting but Webpack supports it.
 58 |     filename: config.pack.filename,
 59 |     // e.g jQuery
 60 |     library: config.pack.library || '',
 61 |     // 导出，默认module.exports
 62 |     libraryExport: config.pack.libraryExport || '',
 63 |     // iife(web) , cjs(node) , umd(web&node)
 64 |     libraryTarget: config.pack.libraryTarget,
 65 |     umdNamedDefine: config.pack.umdNamedDefine,
 66 |     // chunkFilename: 'static/js/[name].[chunkhash:8].chunk.js',
 67 |     // We inferred the "public path" (such as / or /my-project) from homepage.
 68 |     publicPath: publicPath,
 69 |     // Point sourcemap entries to original disk location (format as URL on Windows)
 70 |     devtoolModuleFilenameTemplate: info =>
 71 |       path
 72 |         .relative(config.pack.entryPath, info.absoluteResourcePath)
 73 |         .replace(/\\/g, '/'),
 74 |   },
 75 |   externals: {
 76 |     "react": 'react',
 77 |     'react-router-dom': 'react-router-dom',
 78 |     'react-dom': 'react-dom'
 79 |   },
 80 |   resolve: {
 81 |     // This allows you to set a fallback for where Webpack should look for modules.
 82 |     // We placed these paths second because we want `node_modules` to "win"
 83 |     // if there are any conflicts. This matches Node resolution mechanism.
 84 |     // https://github.com/facebookincubator/create-react-app/issues/253
 85 |     modules: ['node_modules', config.base.appNodeModules],
 86 |     // These are the reasonable defaults supported by the Node ecosystem.
 87 |     // We also include JSX as a common component filename extension to support
 88 |     // some tools, although we do not recommend using it, see:
 89 |     // https://github.com/facebookincubator/create-react-app/issues/290
 90 |     // `web` extension prefixes have been added for better support
 91 |     // for React Native Web.
 92 |     extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx'],
 93 |     alias: {
 94 |       
 95 |       // Support React Native Web
 96 |       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
 97 |       'react-native': 'react-native-web',
 98 |     },
 99 |     plugins: [
100 |       // Prevents users from importing files from outside of src/ (or node_modules/).
101 |       // This often causes confusion because we only process files within src/ with babel.
102 |       // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
103 |       // please link the files into your node_modules/ and let module-resolution kick in.
104 |       // Make sure your source files are compiled, as they will not be processed in any way.
105 |       new ModuleScopePlugin(config.pack.entryPath, [config.base.appPackageJson]),
106 |     ],
107 |   },
108 |   module: {
109 |     strictExportPresence: true,
110 |     rules: [
111 |       // TODO: Disable require.ensure as it's not a standard language feature.
112 |       // We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
113 |       // { parser: { requireEnsure: false } },
114 | 
115 |       // First, run the linter.
116 |       // It's important to do this before Babel processes the JS.
117 |       {
118 |         test: /\.(js|jsx|mjs)$/,
119 |         enforce: 'pre',
120 |         use: [
121 |           {
122 |             options: {
123 |               formatter: eslintFormatter,
124 |               eslintPath: require.resolve('eslint'),
125 |               
126 |             },
127 |             loader: require.resolve('eslint-loader'),
128 |           },
129 |         ],
130 |         include: config.pack.entryPath,
131 |       },
132 |       {
133 |         // "oneOf" will traverse all following loaders until one will
134 |         // match the requirements. When no loader matches it will fall
135 |         // back to the "file" loader at the end of the loader list.
136 |         oneOf: [
137 |           // "url" loader works just like "file" loader but it also embeds
138 |           // assets smaller than specified size as data URLs to avoid requests.
139 |           {
140 |             test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
141 |             loader: require.resolve('url-loader'),
142 |             options: {
143 |               limit: 10000,
144 |               name: 'static/[name].[hash:8].[ext]',
145 |             },
146 |           },
147 |           // Process JS with Babel.
148 |           {
149 |             test: /\.(js|jsx|mjs)$/,
150 |             include: config.pack.entryPath,
151 |             loader: require.resolve('babel-loader'),
152 |             options: {
153 |               
154 |               compact: true,
155 |             },
156 |           },
157 |           // The notation here is somewhat confusing.
158 |           // "postcss" loader applies autoprefixer to our CSS.
159 |           // "css" loader resolves paths in CSS and adds assets as dependencies.
160 |           // "style" loader normally turns CSS into JS modules injecting <style>,
161 |           // but unlike in development configuration, we do something different.
162 |           // `ExtractTextPlugin` first applies the "postcss" and "css" loaders
163 |           // (second argument), then grabs the result CSS and puts it into a
164 |           // separate file in our build process. This way we actually ship
165 |           // a single CSS file in production instead of JS code injecting <style>
166 |           // tags. If you use code splitting, however, any async bundles will still
167 |           // use the "style" loader inside the async code so CSS from them won't be
168 |           // in the main CSS file.
169 |           {
170 |             test: /\.css$/,
171 |             loader: ExtractTextPlugin.extract(
172 |               Object.assign(
173 |                 {
174 |                   fallback: {
175 |                     loader: require.resolve('style-loader'),
176 |                     options: {
177 |                       hmr: false,
178 |                     },
179 |                   },
180 |                   use: [
181 |                     {
182 |                       loader: require.resolve('css-loader'),
183 |                       options: {
184 |                         importLoaders: 1,
185 |                         minimize: true,
186 |                         sourceMap: config.pack.sourceMap,
187 |                       },
188 |                     },
189 |                     {
190 |                       loader: require.resolve('postcss-loader'),
191 |                       options: {
192 |                         // Necessary for external CSS imports to work
193 |                         // https://github.com/facebookincubator/create-react-app/issues/2677
194 |                         ident: 'postcss',
195 |                         plugins: () => [
196 |                           require('postcss-flexbugs-fixes'),
197 |                           autoprefixer({
198 |                             browsers: [
199 |                               '>1%',
200 |                               'last 4 versions',
201 |                               'Firefox ESR',
202 |                               'not ie < 9', // React doesn't support IE8 anyway
203 |                             ],
204 |                             flexbox: 'no-2009',
205 |                           }),
206 |                         ],
207 |                       },
208 |                     },
209 |                   ],
210 |                 },
211 |                 extractTextPluginOptions
212 |               )
213 |             ),
214 |             // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
215 |           },
216 |           // "file" loader makes sure assets end up in the `build` folder.
217 |           // When you `import` an asset, you get its filename.
218 |           // This loader doesn't use a "test" so it will catch all modules
219 |           // that fall through the other loaders.
220 |           {
221 |             loader: require.resolve('file-loader'),
222 |             // Exclude `js` files to keep "css" loader working as it injects
223 |             // it's runtime that would otherwise processed through "file" loader.
224 |             // Also exclude `html` and `json` extensions so they get processed
225 |             // by webpacks internal loaders.
226 |             exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/],
227 |             options: {
228 |               name: 'static/[name].[hash:8].[ext]',
229 |             },
230 |           },
231 |           // ** STOP ** Are you adding a new loader?
232 |           // Make sure to add the new loader(s) before the "file" loader.
233 |         ],
234 |       },
235 |     ],
236 |   },
237 |   plugins: [
238 |     // Makes some environment variables available in index.html.
239 |     // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
240 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
241 |     // In production, it will be an empty string unless you specify "homepage"
242 |     // in `package.json`, in which case it will be the pathname of that URL.
243 |     // new InterpolateHtmlPlugin(env.raw),
244 |     // // Generates an `index.html` file with the <script> injected.
245 |     // new HtmlWebpackPlugin({
246 |     //   inject: true,
247 |     //   template: paths.appHtml,
248 |     //   minify: {
249 |     //     removeComments: true,
250 |     //     collapseWhitespace: true,
251 |     //     removeRedundantAttributes: true,
252 |     //     useShortDoctype: true,
253 |     //     removeEmptyAttributes: true,
254 |     //     removeStyleLinkTypeAttributes: true,
255 |     //     keepClosingSlash: true,
256 |     //     minifyJS: true,
257 |     //     minifyCSS: true,
258 |     //     minifyURLs: true,
259 |     //   },
260 |     // }),
261 |     // Makes some environment variables available to the JS code, for example:
262 |     // if (process.env.NODE_ENV === 'production') { ... }. See `./env.js`.
263 |     // It is absolutely essential that NODE_ENV was set to production here.
264 |     // Otherwise React will be compiled in the very slow development mode.
265 |     new webpack.DefinePlugin({
266 |       'process.env': {
267 |         NODE_ENV: JSON.stringify(process.env.NODE_ENV),
268 |         PUBLIC_URL: JSON.stringify('')
269 |       }
270 |     }),
271 |     // Minify the code.
272 |     new webpack.optimize.UglifyJsPlugin({
273 |       compress: {
274 |         warnings: false,
275 |         // Disabled because of an issue with Uglify breaking seemingly valid code:
276 |         // https://github.com/facebookincubator/create-react-app/issues/2376
277 |         // Pending further investigation:
278 |         // https://github.com/mishoo/UglifyJS2/issues/2011
279 |         comparisons: false,
280 |       },
281 |       mangle: {
282 |         safari10: true,
283 |       },
284 |       output: {
285 |         comments: false,
286 |         // Turned on because emoji and regex is not minified properly using default
287 |         // https://github.com/facebookincubator/create-react-app/issues/2488
288 |         ascii_only: true,
289 |       },
290 |       sourceMap: config.pack.sourceMap,
291 |     }),
292 |     // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
293 |     new ExtractTextPlugin({
294 |       filename: cssFilename,
295 |     }),
296 |     // Moment.js is an extremely popular library that bundles large locale files
297 |     // by default due to how Webpack interprets its code. This is a practical
298 |     // solution that requires the user to opt into importing specific locales.
299 |     // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
300 |     // You can remove this if you don't use Moment.js:
301 |     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
302 |   ],
303 |   // Some libraries import Node modules but don't use them in the browser.
304 |   // Tell Webpack to provide empty mocks for them so importing them works.
305 |   node: {
306 |     dgram: 'empty',
307 |     fs: 'empty',
308 |     net: 'empty',
309 |     tls: 'empty',
310 |     child_process: 'empty',
311 |   },
312 | };
313 | 


--------------------------------------------------------------------------------
/config/webpack.config.docs.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | 
  3 | const autoprefixer = require('autoprefixer');
  4 | const path = require('path');
  5 | const webpack = require('webpack');
  6 | const HtmlWebpackPlugin = require('html-webpack-plugin');
  7 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
  8 | const ManifestPlugin = require('webpack-manifest-plugin');
  9 | const InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
 10 | const SWPrecacheWebpackPlugin = require('sw-precache-webpack-plugin');
 11 | const eslintFormatter = require('react-dev-utils/eslintFormatter');
 12 | const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
 13 | const config = require('./index')
 14 | 
 15 | // Webpack uses `publicPath` to determine where the app is being served from.
 16 | // It requires a trailing slash, or the file assets will get an incorrect path.
 17 | const publicPath = config.dev.assetsPublicPath;
 18 | // Some apps do not use client-side routing with pushState.
 19 | // For these, "homepage" can be set to "." to enable relative asset paths.
 20 | const shouldUseRelativeAssetPaths = publicPath === './';
 21 | 
 22 | // `publicUrl` is just like `publicPath`, but we will provide it to our app
 23 | // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
 24 | // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.
 25 | const publicUrl = publicPath.slice(0, -1);
 26 | // Get environment variables to inject into our app.
 27 | 
 28 | // Assert this just to be safe.
 29 | // Development builds of React are slow and not intended for production.
 30 | if (process.env.NODE_ENV !== 'production') {
 31 |   throw new Error('Production builds must have NODE_ENV=production.');
 32 | }
 33 | 
 34 | // Note: defined here because it will be used more than once.
 35 | const cssFilename = 'static/css/[name].[contenthash:8].css';
 36 | 
 37 | // ExtractTextPlugin expects the build output to be flat.
 38 | // (See https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/27)
 39 | // However, our output is structured with css, js and media folders.
 40 | // To have this structure working with relative paths, we have to use custom options.
 41 | const extractTextPluginOptions = shouldUseRelativeAssetPaths
 42 |   ? // Making sure that the publicPath goes back to to build folder.
 43 |     { publicPath: Array(cssFilename.split('/').length).join('../') }
 44 |   : {};
 45 | 
 46 | // This is the production configuration.
 47 | // It compiles slowly and is focused on producing a fast and minimal bundle.
 48 | // The development configuration is different and lives in a separate file.
 49 | module.exports = {
 50 |   // Don't attempt to continue if there are any errors.
 51 |   bail: true,
 52 |   // We generate sourcemaps in production. This is slow but gives good results.
 53 |   // You can exclude the *.map files from the build during deployment.
 54 |   devtool: config.dev.sourceMap ? 'source-map' : false,
 55 |   // In production, we only want to load the polyfills and the app code.
 56 |   entry: [require.resolve('./polyfills'), config.dev.entry],
 57 |   output: {
 58 |     // The build folder.
 59 |     path: config.dev.outputPath,
 60 |     // Generated JS file names (with nested folders).
 61 |     // There will be one main bundle, and one file per asynchronous chunk.
 62 |     // We don't currently advertise code splitting but Webpack supports it.
 63 |     filename: 'static/js/[name].[chunkhash:8].js',
 64 |     chunkFilename: 'static/js/[name].[chunkhash:8].chunk.js',
 65 |     // We inferred the "public path" (such as / or /my-project) from homepage.
 66 |     publicPath: publicPath,
 67 |     // Point sourcemap entries to original disk location (format as URL on Windows)
 68 |     devtoolModuleFilenameTemplate: info =>
 69 |       path
 70 |         .relative(config.dev.entryPath, info.absoluteResourcePath)
 71 |         .replace(/\\/g, '/'),
 72 |   },
 73 |   resolve: {
 74 |     // This allows you to set a fallback for where Webpack should look for modules.
 75 |     // We placed these paths second because we want `node_modules` to "win"
 76 |     // if there are any conflicts. This matches Node resolution mechanism.
 77 |     // https://github.com/facebookincubator/create-react-app/issues/253
 78 |     modules: ['node_modules', config.base.appNodeModules, config.pack.entryPath],
 79 |     // These are the reasonable defaults supported by the Node ecosystem.
 80 |     // We also include JSX as a common component filename extension to support
 81 |     // some tools, although we do not recommend using it, see:
 82 |     // https://github.com/facebookincubator/create-react-app/issues/290
 83 |     // `web` extension prefixes have been added for better support
 84 |     // for React Native Web.
 85 |     extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx'],
 86 |     alias: {
 87 |       
 88 |       // Support React Native Web
 89 |       // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
 90 |       'react-native': 'react-native-web',
 91 |       '@': config.dev.entryPath,
 92 |       '~': path.resolve('./')
 93 |     },
 94 |     plugins: [
 95 |       // Prevents users from importing files from outside of src/ (or node_modules/).
 96 |       // This often causes confusion because we only process files within src/ with babel.
 97 |       // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
 98 |       // please link the files into your node_modules/ and let module-resolution kick in.
 99 |       // Make sure your source files are compiled, as they will not be processed in any way.
100 |       // new ModuleScopePlugin(config.dev.entryPath, [config.base.appPackageJson]),
101 |     ],
102 |   },
103 |   module: {
104 |     strictExportPresence: true,
105 |     rules: [
106 |       // TODO: Disable require.ensure as it's not a standard language feature.
107 |       // We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
108 |       // { parser: { requireEnsure: false } },
109 | 
110 |       // First, run the linter.
111 |       // It's important to do this before Babel processes the JS.
112 |       {
113 |         test: /\.(js|jsx|mjs)$/,
114 |         enforce: 'pre',
115 |         use: [
116 |           {
117 |             options: {
118 |               formatter: eslintFormatter,
119 |               eslintPath: require.resolve('eslint'),
120 |               
121 |             },
122 |             loader: require.resolve('eslint-loader'),
123 |           },
124 |         ],
125 |         include: [config.dev.entryPath, config.pack.entryPath],
126 |       },
127 |       {
128 |         // "oneOf" will traverse all following loaders until one will
129 |         // match the requirements. When no loader matches it will fall
130 |         // back to the "file" loader at the end of the loader list.
131 |         oneOf: [
132 |           // "url" loader works just like "file" loader but it also embeds
133 |           // assets smaller than specified size as data URLs to avoid requests.
134 |           {
135 |             test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
136 |             loader: require.resolve('url-loader'),
137 |             options: {
138 |               limit: 10000,
139 |               name: 'static/media/[name].[hash:8].[ext]',
140 |             },
141 |           },
142 |           // Process JS with Babel.
143 |           {
144 |             test: /\.(js|jsx|mjs)$/,
145 |             include: [config.dev.entryPath, config.pack.entryPath],
146 |             loader: require.resolve('babel-loader'),
147 |             options: {
148 |               
149 |               compact: true,
150 |             },
151 |           },
152 |           // The notation here is somewhat confusing.
153 |           // "postcss" loader applies autoprefixer to our CSS.
154 |           // "css" loader resolves paths in CSS and adds assets as dependencies.
155 |           // "style" loader normally turns CSS into JS modules injecting <style>,
156 |           // but unlike in development configuration, we do something different.
157 |           // `ExtractTextPlugin` first applies the "postcss" and "css" loaders
158 |           // (second argument), then grabs the result CSS and puts it into a
159 |           // separate file in our build process. This way we actually ship
160 |           // a single CSS file in production instead of JS code injecting <style>
161 |           // tags. If you use code splitting, however, any async bundles will still
162 |           // use the "style" loader inside the async code so CSS from them won't be
163 |           // in the main CSS file.
164 |           {
165 |             test: /\.(css|less)$/,
166 |             loader: ExtractTextPlugin.extract(
167 |               Object.assign(
168 |                 {
169 |                   fallback: {
170 |                     loader: require.resolve('style-loader'),
171 |                     options: {
172 |                       hmr: false,
173 |                     },
174 |                   },
175 |                   use: [
176 |                     {
177 |                       loader: require.resolve('css-loader'),
178 |                       options: {
179 |                         importLoaders: 1,
180 |                         minimize: true,
181 |                         sourceMap: config.dev.sourceMap,
182 |                       },
183 |                     },
184 |                     {
185 |                       loader: require.resolve('postcss-loader'),
186 |                       options: {
187 |                         // Necessary for external CSS imports to work
188 |                         // https://github.com/facebookincubator/create-react-app/issues/2677
189 |                         ident: 'postcss',
190 |                         plugins: () => [
191 |                           require('postcss-flexbugs-fixes'),
192 |                           autoprefixer({
193 |                             browsers: [
194 |                               '>1%',
195 |                               'last 4 versions',
196 |                               'Firefox ESR',
197 |                               'not ie < 9', // React doesn't support IE8 anyway
198 |                             ],
199 |                             flexbox: 'no-2009',
200 |                           }),
201 |                         ],
202 |                       },
203 |                     },
204 |                     // {
205 |                     //   loader: require.resolve('less-loader')
206 |                     // },
207 |                   ],
208 |                 },
209 |                 extractTextPluginOptions
210 |               )
211 |             ),
212 |             // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
213 |           },
214 |           // "file" loader makes sure assets end up in the `build` folder.
215 |           // When you `import` an asset, you get its filename.
216 |           // This loader doesn't use a "test" so it will catch all modules
217 |           // that fall through the other loaders.
218 |           {
219 |             loader: require.resolve('file-loader'),
220 |             // Exclude `js` files to keep "css" loader working as it injects
221 |             // it's runtime that would otherwise processed through "file" loader.
222 |             // Also exclude `html` and `json` extensions so they get processed
223 |             // by webpacks internal loaders.
224 |             exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/],
225 |             options: {
226 |               name: 'static/media/[name].[hash:8].[ext]',
227 |             },
228 |           },
229 |           // ** STOP ** Are you adding a new loader?
230 |           // Make sure to add the new loader(s) before the "file" loader.
231 |         ],
232 |       },
233 |     ],
234 |   },
235 |   plugins: [
236 |     // Makes some environment variables available in index.html.
237 |     // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
238 |     // <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
239 |     // In production, it will be an empty string unless you specify "homepage"
240 |     // in `package.json`, in which case it will be the pathname of that URL.
241 |     new InterpolateHtmlPlugin({
242 |       NODE_ENV: process.env.NODE_ENV || 'development',
243 |       PUBLIC_URL: publicUrl
244 |     }),
245 |     // Generates an `index.html` file with the <script> injected.
246 |     new HtmlWebpackPlugin({
247 |       inject: true,
248 |       template: config.dev.appHtml,
249 |       minify: {
250 |         removeComments: true,
251 |         collapseWhitespace: true,
252 |         removeRedundantAttributes: true,
253 |         useShortDoctype: true,
254 |         removeEmptyAttributes: true,
255 |         removeStyleLinkTypeAttributes: true,
256 |         keepClosingSlash: true,
257 |         minifyJS: true,
258 |         minifyCSS: true,
259 |         minifyURLs: true,
260 |       },
261 |     }),
262 |     // Makes some environment variables available to the JS code, for example:
263 |     // if (process.env.NODE_ENV === 'production') { ... }. See `./env.js`.
264 |     // It is absolutely essential that NODE_ENV was set to production here.
265 |     // Otherwise React will be compiled in the very slow development mode.
266 |     // new webpack.DefinePlugin(env.stringified),
267 |     new webpack.DefinePlugin({
268 |       'process.env': {
269 |         NODE_ENV: JSON.stringify(process.env.NODE_ENV),
270 |         PUBLIC_URL: JSON.stringify(publicUrl)
271 |       }
272 |     }),
273 |     // Minify the code.
274 |     new webpack.optimize.UglifyJsPlugin({
275 |       compress: {
276 |         warnings: false,
277 |         // Disabled because of an issue with Uglify breaking seemingly valid code:
278 |         // https://github.com/facebookincubator/create-react-app/issues/2376
279 |         // Pending further investigation:
280 |         // https://github.com/mishoo/UglifyJS2/issues/2011
281 |         comparisons: false,
282 |       },
283 |       mangle: {
284 |         safari10: true,
285 |       },
286 |       output: {
287 |         comments: false,
288 |         // Turned on because emoji and regex is not minified properly using default
289 |         // https://github.com/facebookincubator/create-react-app/issues/2488
290 |         ascii_only: true,
291 |       },
292 |       sourceMap: config.dev.sourceMap,
293 |     }),
294 |     // Note: this won't work without ExtractTextPlugin.extract(..) in `loaders`.
295 |     new ExtractTextPlugin({
296 |       filename: cssFilename,
297 |     }),
298 |     // Generate a manifest file which contains a mapping of all asset filenames
299 |     // to their corresponding output file so that tools can pick it up without
300 |     // having to parse `index.html`.
301 |     new ManifestPlugin({
302 |       fileName: 'asset-manifest.json',
303 |     }),
304 |     // Generate a service worker script that will precache, and keep up to date,
305 |     // the HTML & assets that are part of the Webpack build.
306 |     new SWPrecacheWebpackPlugin({
307 |       // By default, a cache-busting query parameter is appended to requests
308 |       // used to populate the caches, to ensure the responses are fresh.
309 |       // If a URL is already hashed by Webpack, then there is no concern
310 |       // about it being stale, and the cache-busting can be skipped.
311 |       dontCacheBustUrlsMatching: /\.\w{8}\./,
312 |       filename: 'service-worker.js',
313 |       logger(message) {
314 |         if (message.indexOf('Total precache size is') === 0) {
315 |           // This message occurs for every build and is a bit too noisy.
316 |           return;
317 |         }
318 |         if (message.indexOf('Skipping static resource') === 0) {
319 |           // This message obscures real errors so we ignore it.
320 |           // https://github.com/facebookincubator/create-react-app/issues/2612
321 |           return;
322 |         }
323 |         console.log(message);
324 |       },
325 |       minify: true,
326 |       // For unknown URLs, fallback to the index page
327 |       navigateFallback: publicUrl + '/index.html',
328 |       // Ignores URLs starting from /__ (useful for Firebase):
329 |       // https://github.com/facebookincubator/create-react-app/issues/2237#issuecomment-302693219
330 |       navigateFallbackWhitelist: [/^(?!\/__).*/],
331 |       // Don't precache sourcemaps (they're large) and build asset manifest:
332 |       staticFileGlobsIgnorePatterns: [/\.map$/, /asset-manifest\.json$/],
333 |     }),
334 |     // Moment.js is an extremely popular library that bundles large locale files
335 |     // by default due to how Webpack interprets its code. This is a practical
336 |     // solution that requires the user to opt into importing specific locales.
337 |     // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
338 |     // You can remove this if you don't use Moment.js:
339 |     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
340 |   ],
341 |   // Some libraries import Node modules but don't use them in the browser.
342 |   // Tell Webpack to provide empty mocks for them so importing them works.
343 |   node: {
344 |     dgram: 'empty',
345 |     fs: 'empty',
346 |     net: 'empty',
347 |     tls: 'empty',
348 |     child_process: 'empty',
349 |   },
350 | };
351 | 


--------------------------------------------------------------------------------
/dist/index.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["../webpack/universalModuleDefinition","../index.js","../webpack/bootstrap 54ab357dbe29f4735f75","../external \"react\"","../external \"react-router-dom\"","index.js","router.js","router-wrapper.js","router-view.js","utils.js"],"names":["root","factory","exports","module","require","define","amd","a","i","this","__WEBPACK_EXTERNAL_MODULE_0__","__WEBPACK_EXTERNAL_MODULE_1__","modules","__webpack_require__","moduleId","installedModules","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","__webpack_exports__","value","__WEBPACK_IMPORTED_MODULE_0__router__","_classCallCheck","instance","Constructor","TypeError","generateRoute","route","router","__WEBPACK_IMPORTED_MODULE_0_react___default","createElement","__WEBPACK_IMPORTED_MODULE_1_react_router_dom__","exact","path","key","strict","sensitive","render","props","__WEBPACK_IMPORTED_MODULE_2__router_wrapper__","assign","component","__WEBPACK_IMPORTED_MODULE_0_react__","__WEBPACK_IMPORTED_MODULE_3__router_view__","__WEBPACK_IMPORTED_MODULE_4__utils__","_typeof","Symbol","iterator","obj","constructor","_createClass","defineProperties","target","length","descriptor","writable","protoProps","staticProps","Router","options","routes","mode","indexOf","toLocaleLowerCase","Error","views","default","wrappers","wrapper","Array","isArray","children","unshift","j","child","push","_ref","_ref$params","params","undefined","_ref$query","query","hash","filter","e","queryString","_this","type","to","_possibleConstructorReturn","self","ReferenceError","_inherits","subClass","superClass","create","setPrototypeOf","__proto__","RouterWrapper","_React$Component","_temp","_ret","_len","arguments","args","_key","getPrototypeOf","apply","concat","state","waiting","_this2","history","setState","beforeEach","done","Component","Fade","location","RouterView","resolve","paths","replace","join","compileString","tpl","expression","txt","Function","objectToQueryString","qs","encodeURIComponent"],"mappings":"CAAA,SAAAA,EAAAC,GACA,oBAAAC,UAAA,iBAAAC,QACAA,OAAAD,QAAAD,EAAAG,QAAA,SAAAA,QAAA,yBACA,uBAAAC,gBAAAC,IACAD,QAAA,4BAAAJ,OACA,CACA,GAAAM,GAAA,iBAAAL,SAAAD,EAAAG,QAAA,SAAAA,QAAA,qBAAAH,EAAAD,EAAA,MAAAA,EAAA,oBACA,QAAAQ,KAAAD,IAAA,iBAAAL,iBAAAF,GAAAQ,GAAAD,EAAAC,KAECC,KAAA,SAAAC,EAAAC,GACD,MCAgB,UAAUC,GCN1B,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAZ,OAGA,IAAAC,GAAAY,EAAAD,IACAN,EAAAM,EACAE,GAAA,EACAd,WAUA,OANAU,GAAAE,GAAAG,KAAAd,EAAAD,QAAAC,IAAAD,QAAAW,GAGAV,EAAAa,GAAA,EAGAb,EAAAD,QAvBA,GAAAa,KA4DA,OAhCAF,GAAAK,EAAAN,EAGAC,EAAAM,EAAAJ,EAGAF,EAAAO,EAAA,SAAAlB,EAAAmB,EAAAC,GACAT,EAAAU,EAAArB,EAAAmB,IACAG,OAAAC,eAAAvB,EAAAmB,GACAK,cAAA,EACAC,YAAA,EACAC,IAAAN,KAMAT,EAAAgB,EAAA,SAAA1B,GACA,GAAAmB,GAAAnB,KAAA2B,WACA,WAA2B,MAAA3B,GAAA,SAC3B,WAAiC,MAAAA,GAEjC,OADAU,GAAAO,EAAAE,EAAA,IAAAA,GACAA,GAIAT,EAAAU,EAAA,SAAAQ,EAAAC,GAAsD,MAAAR,QAAAS,UAAAC,eAAAjB,KAAAc,EAAAC,IAGtDnB,EAAAsB,EAAA,IAGAtB,IAAAuB,EAAA,KDgBM,SAAUjC,EAAQD,GE7ExBC,EAAAD,QAAAQ,GFmFM,SAAUP,EAAQD,GGnFxBC,EAAAD,QAAAS,GHyFM,SAAUR,EAAQD,EAASW,GAEjCV,EAAOD,QAAUW,EAAoB,IAK/B,SAAUV,EAAQkC,EAAqBxB,GAE7C,YACAW,QAAOC,eAAeY,EAAqB,cAAgBC,OAAO,GAC7C,IAAIC,GAAwC1B,EAAoB,EIlGrFwB,GAAA,QAAeE,EAAf,GJuGM,SAAUpC,EAAQkC,EAAqBxB,GAE7C,YAQuuB,SAAS2B,GAAgBC,EAASC,GAAa,KAAKD,YAAoBC,IAAc,KAAM,IAAIC,WAAU,qCK7Gj1B,QAASC,GAAeC,EAAOC,GAC7B,MACEC,GAAAxC,EAAAyC,cAACC,EAAA,OACCC,MAAOL,EAAMK,MACbC,KAAMN,EAAMM,KACZC,IAAKP,EAAMxB,KAAOwB,EAAMxB,KAAOwB,EAAMM,KACrCE,OAAQR,EAAMQ,OACdC,UAAWT,EAAMS,UACjBC,OAAQ,SAACC,GACP,MACET,GAAAxC,EAAAyC,cAACS,EAAA,EAADjC,OAAAkC,UAAmBF,GAAOX,MAAOA,EAAOC,OAAQA,IAC7CD,EAAMc,cL2FE,GAAIC,GAAsC/C,EAAoB,GAC1DkC,EAA8ClC,EAAoBgB,EAAE+B,GACpEX,EAAiDpC,EAAoB,GAErE4C,GADyD5C,EAAoBgB,EAAEoB,GAC/BpC,EAAoB,IACpEgD,EAA6ChD,EAAoB,GACjEiD,EAAuCjD,EAAoB,GAChFkD,EAAwB,mBAATC,SAA8C,iBAAlBA,QAAOC,SAAoB,SAASC,GAAK,aAAcA,IAAM,SAASA,GAAK,MAAOA,IAAqB,mBAATF,SAAqBE,EAAIC,cAAcH,QAAQE,IAAMF,OAAO/B,UAAU,eAAgBiC,IAAUE,EAAa,WAAW,QAASC,GAAiBC,EAAOd,GAAO,IAAI,GAAIhD,GAAE,EAAEA,EAAEgD,EAAMe,OAAO/D,IAAI,CAAC,GAAIgE,GAAWhB,EAAMhD,EAAGgE,GAAW7C,WAAW6C,EAAW7C,aAAY,EAAM6C,EAAW9C,cAAa,EAAQ,SAAU8C,KAAWA,EAAWC,UAAS,GAAKjD,OAAOC,eAAe6C,EAAOE,EAAWpB,IAAIoB,IAAc,MAAO,UAAS9B,EAAYgC,EAAWC,GAAuI,MAAvHD,IAAWL,EAAiB3B,EAAYT,UAAUyC,GAAeC,GAAYN,EAAiB3B,EAAYiC,GAAoBjC,MK1FhsBkC,EL0Fg3C,WKzFn4C,QAAAA,GAAaC,GAASrC,EAAA/B,KAAAmE,EACpB,IAAME,GAASD,EAAQC,MAGvB,IAFArE,KAAKqE,OAASD,EAAQC,OAElBD,EAAQE,OAA2E,KAAlE,OAAQ,WAAWC,QAAQH,EAAQE,KAAKE,qBAC3D,KAAM,IAAIC,OAAM,sDAGlBzE,MAAKsE,KAAOF,EAAQE,MAAQ,UAG5BtE,KAAK0E,OACHC,YAIF3E,KAAK4E,UACHD,QAAWP,EAAQS,QAIrB,KAAK,GAAI9E,GAAI,EAAGA,EAAIsE,EAAOP,OAAQ/D,IACjC,GAAI+E,MAAMC,QAAQV,EAAOtE,GAAGiF,UAAW,CAWrC,GATAX,EAAOtE,GAAG0C,OAAQ,EAGlBzC,KAAK0E,MAAL,QAAsBO,QAAQ9C,EAAckC,EAAOtE,GAAIC,OAEnDqE,EAAOtE,GAAG8E,UACZ7E,KAAK4E,SAASP,EAAOtE,GAAGa,MAAQyD,EAAOtE,GAAG8E,UAGvCR,EAAOtE,GAAGa,KAAM,KAAM,IAAI6D,OAAM,2DAErCzE,MAAK0E,MAAML,EAAOtE,GAAGa,QAErB,KAAK,GAAIsE,GAAI,EAAGA,EAAIb,EAAOtE,GAAGiF,SAASlB,OAAQoB,IAAK,CAClD,GAAMC,GAAQd,EAAOtE,GAAGiF,SAASE,EACjCC,GAAM1C,OAAQ,EAGY,oBAAf0C,GAAMzC,OACfyC,EAAMzC,KAAO,IAAM3B,OAAAsC,EAAA,GAAQgB,EAAOtE,GAAG2C,KAAMyC,EAAMzC,MAGnD,IAAMN,GAAQD,EAAcgD,EAAOnF,KAEnCA,MAAK0E,MAAML,EAAOtE,GAAGa,MAAMwE,KAAKhD,QAE7B,CACLiC,EAAOtE,GAAG0C,OAAQ,CAClB,IAAML,GAAQD,EAAckC,EAAOtE,GAAIC,KACvCA,MAAK0E,MAAL,QAAsBU,KAAKhD,IL2DutC,MAbrvCuB,GAAaQ,IAASxB,IAAI,OAI1Bd,MAAM,SKzBHjB,GACJ,MAAO0B,GAAAxC,EAAAyC,cAACa,EAAA,GAAWxC,KAAMA,EAAMyB,OAAQrC,ULiCnC2C,IAAI,QAAQd,MAAM,SAAewD,GKpBe,GAAAC,GAAAD,EAA7CE,aAA6CC,KAAAF,OAAAG,EAAAJ,EAAhCK,YAAgCF,KAAAC,OAApBE,EAAoBN,EAApBM,KAAMjD,EAAc2C,EAAd3C,KAAM9B,EAAQyE,EAARzE,IAC5C,IAAIA,EAAM,CACR,GAAMwB,GAAQpC,KAAKqE,OAAOuB,OAAO,SAAAC,GAAA,MAAKA,GAAEjF,OAASA,IAAM,EAEvD,KAAKwB,EAAO,KAAM,IAAIqC,OAAM,aAAgB7D,EAAO,8BAEnD8B,GAAON,EAAMM,KAGfA,EAAO3B,OAAAsC,EAAA,GAAcX,GAAM6C,EAE3B,IAAMO,GAAcJ,EAAS3E,OAAAsC,EAAA,GAAoBqC,GAAU,EAI3D,OAFAC,GAAOA,EAAQ,IAAMA,EAAQ,GAEnBjD,GAAOoD,EAAc,IAAMA,EAAc,IAAKH,KLKymBhD,IAAI,OAAOxB,IAAI,WKjDtqB,GAAA4E,GAAA/F,IAOV,OANmB,UAAC+C,GAClB,MAAmB,YAAfA,EAAMiD,KACD1D,EAAAxC,EAAAyC,cAACC,EAAA,QAADzB,OAAAkC,UAAcF,GAAQkD,GAAwB,WAApB3C,EAAOP,EAAMkD,IAAkBF,EAAK3D,MAAMW,EAAMkD,IAAMlD,EAAMkD,KAAKlD,EAAMiC,UAEnG1C,EAAAxC,EAAAyC,cAACC,EAAA,KAADzB,OAAAkC,UAAWF,GAAQkD,GAAwB,WAApB3C,EAAOP,EAAMkD,IAAkBF,EAAK3D,MAAMW,EAAMkD,IAAMlD,EAAMkD,KAAKlD,EAAMiC,eL4CspCb,IAAwCvC,GAAuB,EAAI,GAI9zC,SAAUlC,EAAQkC,EAAqBxB,GAE7C,YAG8f,SAAS2B,GAAgBC,EAASC,GAAa,KAAKD,YAAoBC,IAAc,KAAM,IAAIC,WAAU,qCAAuC,QAASgE,GAA2BC,EAAK3F,GAAM,IAAI2F,EAAM,KAAM,IAAIC,gBAAe,4DAA8D,QAAO5F,GAAqB,iBAAPA,IAA+B,mBAAPA,GAAwB2F,EAAL3F,EAAW,QAAS6F,GAAUC,EAASC,GAAY,GAAuB,mBAAbA,IAAsC,OAAbA,EAAmB,KAAM,IAAIrE,WAAU,iEAAkEqE,GAAaD,GAAS9E,UAAUT,OAAOyF,OAAOD,GAAYA,EAAW/E,WAAWkC,aAAa7B,MAAMyE,EAASpF,YAAW,EAAM8C,UAAS,EAAK/C,cAAa,KAAWsF,IAAWxF,OAAO0F,eAAe1F,OAAO0F,eAAeH,EAASC,GAAYD,EAASI,UAAUH,GAF3wC,GAAIpD,GAAsC/C,EAAoB,GAC1DkC,EAA8ClC,EAAoBgB,EAAE+B,GACzFQ,EAAa,WAAW,QAASC,GAAiBC,EAAOd,GAAO,IAAI,GAAIhD,GAAE,EAAEA,EAAEgD,EAAMe,OAAO/D,IAAI,CAAC,GAAIgE,GAAWhB,EAAMhD,EAAGgE,GAAW7C,WAAW6C,EAAW7C,aAAY,EAAM6C,EAAW9C,cAAa,EAAQ,SAAU8C,KAAWA,EAAWC,UAAS,GAAKjD,OAAOC,eAAe6C,EAAOE,EAAWpB,IAAIoB,IAAc,MAAO,UAAS9B,EAAYgC,EAAWC,GAAuI,MAAvHD,IAAWL,EAAiB3B,EAAYT,UAAUyC,GAAeC,GAAYN,EAAiB3B,EAAYiC,GAAoBjC,MM9Ivd0E,ENgJA,SAASC,GAA4D,QAASD,KAAgB,GAAItB,GAASwB,EAAMd,EAAMe,CAAK/E,GAAgB/B,KAAK2G,EAAe,KAAI,GAAII,GAAKC,UAAUlD,OAAOmD,EAAKnC,MAAMiC,GAAMG,EAAK,EAAEA,EAAKH,EAAKG,IAAQD,EAAKC,GAAMF,UAAUE,EAAO,OAAaL,GAAOd,EAAMG,EAA2BlG,MAAMqF,EAAKsB,EAAcD,WAAW3F,OAAOoG,eAAeR,IAAgBnG,KAAK4G,MAAM/B,GAAMrF,MAAMqH,OAAOJ,KAAelB,EM/IncuB,OACEC,SAAS,GN8ImRT,EAAgMD,EAAOX,EAA2BH,EAAMe,GACha,MADxDT,GAAUM,EAAcC,GAAucjD,EAAagD,IAAgBhE,IAAI,OAAOd,MAAM,WM3InjB,GAAA2F,GAAAxH,IACN,OAAO,UAACiG,GACN,GAAIA,EAAI,CACN,GAAMvD,GAAqB,iBAAPuD,GAAkBA,EAAKuB,EAAKzE,MAAMV,OAAOD,MAAM6D,EACnEuB,GAAKzE,MAAM0E,QAAQrC,KAAK1C,OAExB8E,GAAKE,UACHH,SAAS,QNoIkvB5E,IAAI,qBAAqBd,MAAM,WM7HhyB,GAAI7B,KAAK+C,MAAMV,OAAOsF,WAAY,CAChC,GAA4C,mBAAjC3H,MAAK+C,MAAMV,OAAOsF,WAC3B,KAAM,IAAIlD,OAAM,8CAGlBzE,MAAK+C,MAAMV,OAAOsF,WAAW3H,KAAK+C,MAAO/C,KAAK4H,YAE9C5H,MAAK0H,UACHH,SAAS,ONqHsiC5E,IAAI,SAASd,MAAM,WMhHtkC,MAAI7B,MAAKsH,MAAMC,QAAgB,KAGxBjF,EAAAxC,EAAAyC,cAAAvC,KAAM+C,MAAMiC,SAAchF,KAAK+C,WN8GqE4D,GMjJpErE,EAAAxC,EAAM+H,UNiJoKjG,GAAuB,EAAI,GAI1O,SAAUlC,EAAQkC,EAAqBxB,GAE7C,YOzJA,SAAS0H,GAAM/E,GACb,MAAOT,GAAAxC,EAAAyC,cAACC,EAAA,OAAMM,OAAQ,SAAAuC,GAAkB,GAAf0C,GAAe1C,EAAf0C,SACjBlD,EAAU9B,EAAM8B,OAEtB,OAA0B,mBAAZA,GAAyBA,EAAQ9B,EAAMiC,SAAU+C,GAAYhF,EAAMiC,YAItE,QAASgD,GAAYjF,GAClC,GAAMV,GAASU,EAAMV,OACfzB,EAAOmC,EAAMnC,MAAQ,SAE3B,KAAKyB,EAAOqC,MAAM9D,GAAO,KAAM,IAAI6D,OAAM,kBAAoB7D,EAAO,oBAEpE,IAAMiE,GAAUxC,EAAOuC,SAAShE,EAEhC,OAAa,YAATA,EACkB,SAAhByB,EAAOiC,KAEPhC,EAAAxC,EAAAyC,cAACC,EAAA,WAAD,KACEF,EAAAxC,EAAAyC,cAACuF,GAAKjD,QAASA,GAASvC,EAAAxC,EAAAyC,cAACC,EAAA,QAAOG,IAAI,WAAWN,EAAOqC,MAAM9D,MAK9D0B,EAAAxC,EAAAyC,cAACC,EAAA,cAAD,KACEF,EAAAxC,EAAAyC,cAACuF,GAAKjD,QAASA,GAASvC,EAAAxC,EAAAyC,cAACC,EAAA,QAAOG,IAAI,WAAWN,EAAOqC,MAAM9D,MAM7D0B,EAAAxC,EAAAyC,cAACuF,GAAKjD,QAASA,GAASvC,EAAAxC,EAAAyC,cAACC,EAAA,QAAOG,IAAI,WAAWN,EAAOqC,MAAM9D,KP0HpCgB,EAAuB,EAAIoG,CACvC,IAAI7E,GAAsC/C,EAAoB,GAC1DkC,EAA8ClC,EAAoBgB,EAAE+B,GACpEX,EAAiDpC,EAAoB,EACZA,GAAoBgB,EAAEoB,IAMlG,SAAU9C,EAAQkC,EAAqBxB,GAE7C,YQrKO,SAAS6H,KACd,GAAIC,KACJ,KAAK,GAAInI,KAAKiH,WACZkB,EAAM9C,KAAK4B,UAAUjH,GAAGoI,QAAQ,aAAc,IAAIA,QAAQ,MAAO,IAEnE,OAAOD,GAAME,KAAK,KAQb,QAASC,GAAeC,GAC7B,GAAIC,GAAaD,EAAIH,QAAQ,YAAa,QACvCA,QAAQ,UAAW,SAAUK,EAAK7F,GACjC,MAAO,aAAiBA,EAAM,UAGlC,OAAO,IAAI8F,UAAS,OAAQ,YAAeF,EAAa,MAGnD,QAASG,GAAqBjF,GACnC,GAAIkF,KACJ,KAAK,GAAIhG,KAAOc,GACdkF,EAAGvD,KAAQzC,EAAX,IAAkBiG,mBAAmBnF,EAAId,IAG3C,OAAOgG,GAAGP,KAAK,KR0IgBxG,EAAuB,EAAIqG,EAC3BrG,EAAuB,EAAIyG,EQ3K5DzG,EAAA,EAAA8G","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"react-router-dom\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"react-router-dom\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"react\"), require(\"react-router-dom\")) : factory(root[\"react\"], root[\"react-router-dom\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"react-router-dom\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"react-router-dom\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"react\"), require(\"react-router-dom\")) : factory(root[\"react\"], root[\"react-router-dom\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 2);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(3);\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__router__ = __webpack_require__(4);\n/* harmony default export */ __webpack_exports__[\"default\"] = (__WEBPACK_IMPORTED_MODULE_0__router__[\"a\" /* default */]);\n\n/***/ }),\n/* 4 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router_dom__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__router_wrapper__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__router_view__ = __webpack_require__(6);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils__ = __webpack_require__(7);\nvar _typeof=typeof Symbol===\"function\"&&typeof Symbol.iterator===\"symbol\"?function(obj){return typeof obj;}:function(obj){return obj&&typeof Symbol===\"function\"&&obj.constructor===Symbol&&obj!==Symbol.prototype?\"symbol\":typeof obj;};var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if(\"value\"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError(\"Cannot call a class as a function\");}}function generateRoute(route,router){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__[\"Route\"],{exact:route.exact,path:route.path,key:route.name?route.name:route.path,strict:route.strict,sensitive:route.sensitive,render:function render(props){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2__router_wrapper__[\"a\" /* default */],Object.assign({},props,{route:route,router:router}),route.component);}});}var Router=function(){function Router(options){_classCallCheck(this,Router);var routes=options.routes;this.routes=options.routes;if(options.mode&&['hash','history'].indexOf(options.mode.toLocaleLowerCase())===-1){throw new Error('The options.mode value must be \\'hash\\' or \\'history\\'.');}this.mode=options.mode||'history';// 存视图\nthis.views={'default':[]// 包裹组件映射\n};this.wrappers={'default':options.wrapper// 构造 views\n};for(var i=0;i<routes.length;i++){if(Array.isArray(routes[i].children)){// 路由视图要禁用完全匹配\nroutes[i].exact=false;// 父视图也要放到default里\nthis.views['default'].unshift(generateRoute(routes[i],this));if(routes[i].wrapper){this.wrappers[routes[i].name]=routes[i].wrapper;}if(!routes[i].name)throw new Error('Routes with `children` must provide the `name` attribute');this.views[routes[i].name]=[];for(var j=0;j<routes[i].children.length;j++){var child=routes[i].children[j];child.exact=true;// 连接父级 path\nif(typeof child.path!=='undefined'){child.path='/'+Object(__WEBPACK_IMPORTED_MODULE_4__utils__[\"c\" /* resolve */])(routes[i].path,child.path);}var route=generateRoute(child,this);this.views[routes[i].name].push(route);}}else{routes[i].exact=true;var _route=generateRoute(routes[i],this);this.views['default'].push(_route);}}}/**\r\n  * 路由出口\r\n  * e.g: <router.link to=\"/\">Link</router.link>\r\n  * @props {string|object} to 同Link\r\n  **/_createClass(Router,[{key:'view',/**\r\n  * 路由出口\r\n  * e.g: {router.view(name)}\r\n  * @props {string} name 子路由名称，默认default，根路由\r\n  **/value:function view(name){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3__router_view__[\"a\" /* default */],{name:name,router:this});}/**\r\n  * 生成push函数参数\r\n  * @param {object} args\r\n  * @param {string} args.name 路由名称\r\n  * @param {string} args.path 路由\r\n  * @param {object} args.query 查询参数对象\r\n  * @param {object} args.params 路由参数\r\n  * @param {string} args.hash hash值\r\n  * @return {string} 返回url\r\n  **/},{key:'route',value:function route(_ref){var _ref$params=_ref.params,params=_ref$params===undefined?{}:_ref$params,_ref$query=_ref.query,query=_ref$query===undefined?{}:_ref$query,hash=_ref.hash,path=_ref.path,name=_ref.name;if(name){var route=this.routes.filter(function(e){return e.name===name;})[0];if(!route)throw new Error('The name \\''+name+'\\' is cannot found in routes');path=route.path;}path=Object(__WEBPACK_IMPORTED_MODULE_4__utils__[\"a\" /* compileString */])(path)(params);var queryString=query?Object(__WEBPACK_IMPORTED_MODULE_4__utils__[\"b\" /* objectToQueryString */])(query):'';hash=hash?'#'+hash:'';return''+path+(queryString?'?'+queryString:'')+hash;}},{key:'link',get:function get(){var _this=this;var RouterLink=function RouterLink(props){if(props.type==='NavLink'){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__[\"NavLink\"],Object.assign({},props,{to:_typeof(props.to)==='object'?_this.route(props.to):props.to}),props.children);}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__[\"Link\"],Object.assign({},props,{to:_typeof(props.to)==='object'?_this.route(props.to):props.to}),props.children);};return RouterLink;}}]);return Router;}();/* harmony default export */ __webpack_exports__[\"a\"] = (Router);\n\n/***/ }),\n/* 5 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\nvar _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if(\"value\"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError(\"Cannot call a class as a function\");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");}return call&&(typeof call===\"object\"||typeof call===\"function\")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!==\"function\"&&superClass!==null){throw new TypeError(\"Super expression must either be null or a function, not \"+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}/**\r\n* 用于包裹页面，实现切换事件\r\n**/var RouterWrapper=function(_React$Component){_inherits(RouterWrapper,_React$Component);function RouterWrapper(){var _ref;var _temp,_this,_ret;_classCallCheck(this,RouterWrapper);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return _ret=(_temp=(_this=_possibleConstructorReturn(this,(_ref=RouterWrapper.__proto__||Object.getPrototypeOf(RouterWrapper)).call.apply(_ref,[this].concat(args))),_this),_this.state={waiting:true},_temp),_possibleConstructorReturn(_this,_ret);}_createClass(RouterWrapper,[{key:'done',value:function done(){var _this2=this;return function(to){if(to){var path=typeof to==='string'?to:_this2.props.router.route(to);_this2.props.history.push(path);}else{_this2.setState({waiting:false});}};}},{key:'componentWillMount',value:function componentWillMount(){if(this.props.router.beforeEach){if(typeof this.props.router.beforeEach!=='function'){throw new Error('The `router.beforeEach` must be a function.');}this.props.router.beforeEach(this.props,this.done());}else{this.setState({waiting:false});}}},{key:'render',value:function render(){if(this.state.waiting)return null;// 这里要传递Route组件的props\nreturn __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(this.props.children,this.props);}}]);return RouterWrapper;}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);/* harmony default export */ __webpack_exports__[\"a\"] = (RouterWrapper);\n\n/***/ }),\n/* 6 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = RouterView;\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router_dom__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_router_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__);\nfunction Fade(props){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__[\"Route\"],{render:function render(_ref){var location=_ref.location;var wrapper=props.wrapper;// location for react-transition-group\nreturn typeof wrapper==='function'?wrapper(props.children,location):props.children;}});}function RouterView(props){var router=props.router;var name=props.name||'default';if(!router.views[name])throw new Error('The view name `'+name+'` is not defined.');var wrapper=router.wrappers[name];if(name==='default'){if(router.mode==='hash'){return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__[\"HashRouter\"],null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Fade,{wrapper:wrapper},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__[\"Switch\"],{key:'switch1'},router.views[name])));}else{return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__[\"BrowserRouter\"],null,__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Fade,{wrapper:wrapper},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__[\"Switch\"],{key:'switch2'},router.views[name])));}}return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Fade,{wrapper:wrapper},__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_react_router_dom__[\"Switch\"],{key:'switch3'},router.views[name]));}\n\n/***/ }),\n/* 7 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"c\"] = resolve;\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = compileString;\n/* harmony export (immutable) */ __webpack_exports__[\"b\"] = objectToQueryString;\n/**\r\n* @param {string} path 路径\r\n* @return {string} 返回连接路径\r\n**/function resolve(){var paths=[];for(var i in arguments){paths.push(arguments[i].replace(/^\\s*|\\s*$/g,'').replace(/^\\//,''));}return paths.join('/');}/**\r\n* 编译字符串 :var\r\n* @param {string} tpl\r\n* @return {function} 返回函数\r\n**/function compileString(tpl){var expression=tpl.replace(/('|\"|\\\\)/g,'\\\\$1').replace(/:(\\w+)/g,function(txt,key){return'\\' + data[\\''+key+'\\'] + \\'';});/*eslint no-new-func: \"off\"*/return new Function('data','return (\\''+expression+'\\')');}function objectToQueryString(obj){var qs=[];for(var key in obj){qs.push(key+'='+encodeURIComponent(obj[key]));}return qs.join('&');}\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// index.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 2);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 54ab357dbe29f4735f75","module.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"react\"\n// module id = 0\n// module chunks = 0","module.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"react-router-dom\"\n// module id = 1\n// module chunks = 0","import Router from './router'\r\n\r\nexport default Router\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.js","import React from 'react'\r\nimport { Route, Link, NavLink } from 'react-router-dom'\r\nimport RouterWrapper from './router-wrapper'\r\nimport RouterView from './router-view'\r\nimport { resolve, compileString, objectToQueryString } from './utils'\r\n\r\nfunction generateRoute (route, router) {\r\n  return (\r\n    <Route\r\n      exact={route.exact}\r\n      path={route.path}\r\n      key={route.name ? route.name : route.path}\r\n      strict={route.strict}\r\n      sensitive={route.sensitive}\r\n      render={(props) => {\r\n        return (\r\n          <RouterWrapper {...props} route={route} router={router}>\r\n            {route.component}\r\n          </RouterWrapper>\r\n        )\r\n      }}\r\n      />\r\n  )\r\n}\r\n\r\nexport default class Router {\r\n  constructor (options) {\r\n    const routes = options.routes\r\n    this.routes = options.routes\r\n\r\n    if (options.mode && ['hash', 'history'].indexOf(options.mode.toLocaleLowerCase()) === -1) {\r\n      throw new Error('The options.mode value must be \\'hash\\' or \\'history\\'.')\r\n    }\r\n\r\n    this.mode = options.mode || 'history'\r\n\r\n    // 存视图\r\n    this.views = {\r\n      'default': []\r\n    }\r\n\r\n    // 包裹组件映射\r\n    this.wrappers = {\r\n      'default': options.wrapper\r\n    }\r\n\r\n    // 构造 views\r\n    for (let i = 0; i < routes.length; i++) {\r\n      if (Array.isArray(routes[i].children)) {\r\n        // 路由视图要禁用完全匹配\r\n        routes[i].exact = false\r\n\r\n        // 父视图也要放到default里\r\n        this.views['default'].unshift(generateRoute(routes[i], this))\r\n\r\n        if (routes[i].wrapper) {\r\n          this.wrappers[routes[i].name] = routes[i].wrapper\r\n        }\r\n\r\n        if (!routes[i].name) throw new Error('Routes with `children` must provide the `name` attribute')\r\n\r\n        this.views[routes[i].name] = []\r\n\r\n        for (let j = 0; j < routes[i].children.length; j++) {\r\n          const child = routes[i].children[j]\r\n          child.exact = true\r\n\r\n          // 连接父级 path\r\n          if (typeof child.path !== 'undefined') {\r\n            child.path = '/' + resolve(routes[i].path, child.path)\r\n          }\r\n\r\n          const route = generateRoute(child, this)\r\n\r\n          this.views[routes[i].name].push(route)\r\n        }\r\n      } else {\r\n        routes[i].exact = true\r\n        const route = generateRoute(routes[i], this)\r\n        this.views['default'].push(route)\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n  * 路由出口\r\n  * e.g: <router.link to=\"/\">Link</router.link>\r\n  * @props {string|object} to 同Link\r\n  **/\r\n  get link () {\r\n    const RouterLink = (props) => {\r\n      if (props.type === 'NavLink') {\r\n        return <NavLink { ...props } to={typeof props.to === 'object' ? this.route(props.to) : props.to}>{props.children}</NavLink>\r\n      }\r\n      return <Link { ...props } to={typeof props.to === 'object' ? this.route(props.to) : props.to}>{props.children}</Link>\r\n    }\r\n    return RouterLink\r\n  }\r\n\r\n  /**\r\n  * 路由出口\r\n  * e.g: {router.view(name)}\r\n  * @props {string} name 子路由名称，默认default，根路由\r\n  **/\r\n  view (name) {\r\n    return <RouterView name={name} router={this} />\r\n  }\r\n  \r\n  /**\r\n  * 生成push函数参数\r\n  * @param {object} args\r\n  * @param {string} args.name 路由名称\r\n  * @param {string} args.path 路由\r\n  * @param {object} args.query 查询参数对象\r\n  * @param {object} args.params 路由参数\r\n  * @param {string} args.hash hash值\r\n  * @return {string} 返回url\r\n  **/\r\n  route ({ params = {}, query = {}, hash, path, name }) {\r\n    if (name) {\r\n      const route = this.routes.filter(e => e.name === name)[0]\r\n\r\n      if (!route) throw new Error('The name \\'' + name + '\\' is cannot found in routes')\r\n\r\n      path = route.path\r\n    }\r\n  \r\n    path = compileString(path)(params)\r\n\r\n    const queryString = query ? (objectToQueryString(query)) : ''\r\n\r\n    hash = hash ? ('#' + hash) : ''\r\n\r\n    return `${path}${queryString ? '?' + queryString : ''}${hash}`\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/router.js","import React from 'react'\r\n\r\n/**\r\n* 用于包裹页面，实现切换事件\r\n**/\r\nexport default class RouterWrapper extends React.Component {\r\n  state = {\r\n    waiting: true\r\n  }\r\n\r\n  done () {\r\n    return (to) => {\r\n      if (to) {\r\n        const path = typeof to === 'string' ? to : this.props.router.route(to)\r\n        this.props.history.push(path)\r\n      } else {\r\n        this.setState({\r\n          waiting: false\r\n        })\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillMount () {\r\n    if (this.props.router.beforeEach) {\r\n      if (typeof this.props.router.beforeEach !== 'function') {\r\n        throw new Error('The `router.beforeEach` must be a function.')\r\n      }\r\n\r\n      this.props.router.beforeEach(this.props, this.done())\r\n    } else {\r\n      this.setState({\r\n        waiting: false\r\n      })\r\n    }\r\n  }\r\n  render () {\r\n    if (this.state.waiting) return null\r\n\r\n    // 这里要传递Route组件的props\r\n    return <this.props.children { ...this.props } />\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/router-wrapper.js","import React from 'react'\r\nimport { BrowserRouter, HashRouter, Switch, Route } from 'react-router-dom'\r\n\r\nfunction Fade (props) {\r\n  return <Route render={({ location }) => {\r\n    const wrapper = props.wrapper\r\n    // location for react-transition-group\r\n    return typeof wrapper === 'function' ? wrapper(props.children, location) : props.children\r\n  }} />\r\n}\r\n\r\nexport default function RouterView (props) {\r\n  const router = props.router\r\n  const name = props.name || 'default'\r\n\r\n  if (!router.views[name]) throw new Error('The view name `' + name + '` is not defined.')\r\n\r\n  const wrapper = router.wrappers[name]\r\n\r\n  if (name === 'default') {\r\n    if (router.mode === 'hash') {\r\n      return (\r\n        <HashRouter>\r\n          <Fade wrapper={wrapper}><Switch key=\"switch1\">{router.views[name]}</Switch></Fade>\r\n        </HashRouter>\r\n      )\r\n    } else {\r\n      return (\r\n        <BrowserRouter>\r\n          <Fade wrapper={wrapper}><Switch key=\"switch2\">{router.views[name]}</Switch></Fade>\r\n        </BrowserRouter>\r\n      )\r\n    }\r\n  }\r\n\r\n  return <Fade wrapper={wrapper}><Switch key=\"switch3\">{router.views[name]}</Switch></Fade>\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/router-view.js","/**\r\n* @param {string} path 路径\r\n* @return {string} 返回连接路径\r\n**/\r\nexport function resolve () {\r\n  let paths = []\r\n  for (let i in arguments) {\r\n    paths.push(arguments[i].replace(/^\\s*|\\s*$/g, '').replace(/^\\//, ''))\r\n  }\r\n  return paths.join('/')\r\n}\r\n\r\n/**\r\n* 编译字符串 :var\r\n* @param {string} tpl\r\n* @return {function} 返回函数\r\n**/\r\nexport function compileString (tpl) {\r\n  let expression = tpl.replace(/('|\"|\\\\)/g, '\\\\$1')\r\n    .replace(/:(\\w+)/g, function (txt, key) {\r\n      return '\\' + data[\\'' + key + '\\'] + \\''\r\n    })\r\n  /*eslint no-new-func: \"off\"*/\r\n  return new Function('data', 'return (\\'' + expression + '\\')')\r\n}\r\n\r\nexport function objectToQueryString (obj) {\r\n  let qs = []\r\n  for (let key in obj) {\r\n    qs.push(`${key}=${encodeURIComponent(obj[key])}`)\r\n  }\r\n\r\n  return qs.join('&')\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/utils.js"],"sourceRoot":""}


--------------------------------------------------------------------------------