f6bdc7b48c
- Relocate webpack stuff to assets/build
- Switch all js to airbnb code style
- Update webpack to v2.0 (beta)
- Update all other dependencies
- Assets manifest uses relative path as key [1]
- Code should be compatible with Node 4.5.0
- All dependencies have been updated
[1]: Previously the assets manifest would use the basename of a file path as
its key when looking up a cachebusted file. This was to be consistent with
Sage 8. This change makes it so that the relative path is used instead.
To clarify, review the following example.
Before:
```
{
"main.js": "scripts/main_5f4bfc9a9f82291c6dea.js",
"main.css": "styles/main_5f4bfc9a9f82291c6dea.css",
"customizer.js": "scripts/customizer_5f4bfc9a9f82291c6dea.js"
}
```
After:
```
{
"scripts/main.js":"scripts/main_5f4bfc9a9f82291c6dea.js",
"styles/main.css":"styles/main_5f4bfc9a9f82291c6dea.css",
"scripts/customizer.js":"scripts/customizer_5f4bfc9a9f82291c6dea.js"
}
```
44 lines
1.3 KiB
JavaScript
44 lines
1.3 KiB
JavaScript
/* ========================================================================
|
|
* DOM-based Routing
|
|
* Based on http://goo.gl/EUTi53 by Paul Irish
|
|
*
|
|
* Only fires on body classes that match. If a body class contains a dash,
|
|
* replace the dash with an underscore when adding it to the object below.
|
|
* ======================================================================== */
|
|
|
|
import camelCase from './camelCase';
|
|
|
|
// The routing fires all common scripts, followed by the page specific scripts.
|
|
// Add additional events for more control over timing e.g. a finalize event
|
|
export default class Router {
|
|
constructor(routes) {
|
|
this.routes = routes;
|
|
}
|
|
|
|
fire(route, fn = 'init', args) {
|
|
const fire = route !== '' && this.routes[route] && typeof this.routes[route][fn] === 'function';
|
|
if (fire) {
|
|
this.routes[route][fn](args);
|
|
}
|
|
}
|
|
|
|
loadEvents() {
|
|
// Fire common init JS
|
|
this.fire('common');
|
|
|
|
// Fire page-specific init JS, and then finalize JS
|
|
document.body.className
|
|
.toLowerCase()
|
|
.replace(/-/g, '_')
|
|
.split(/\s+/)
|
|
.map(camelCase)
|
|
.forEach((className) => {
|
|
this.fire(className);
|
|
this.fire(className, 'finalize');
|
|
});
|
|
|
|
// Fire common finalize JS
|
|
this.fire('common', 'finalize');
|
|
}
|
|
}
|