-
Notifications
You must be signed in to change notification settings - Fork 57
Expand file tree
/
Copy pathclient-entry.js
More file actions
86 lines (78 loc) · 2.19 KB
/
client-entry.js
File metadata and controls
86 lines (78 loc) · 2.19 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import ReactDOM from "react-dom";
import React, { Component } from "react";
import {getPageWithParamsFromPath} from './router';
import Radium from 'radium';
import dateParser from './date-parser';
let routes = [];
let element;
let initialStateHydrated = false;
let lastPage;
const settings = {};
export function config(key, value) {
if(value) {
settings[key] = value;
} else {
return settings[key];
}
}
export function getSettings() {
let defaults = {};
Object.keys(settings).forEach((key) => {
if(key.startsWith('default')) {
defaults[key.split('.')[1]] = settings[key];
}
});
return defaults;
}
export function route(path, page) {
routes.push({path: path, page: page});
}
function renderCurrentPage() {
let {page, params} = getPageWithParamsFromPath(routes, location.pathname + location.search);
const wrapper = document.getElementById("application");
params.ref = (e) => {element = e;};
class Page extends page {
constructor(props) {
super(props);
this.resetState();
}
}
const current = React.createElement(Radium(Page), params);
ReactDOM.render(current, wrapper, function() {
if(window.initialState && !initialStateHydrated) {
const initialState = JSON.parse(JSON.stringify(window.initialState), dateParser);
element.setState(initialState);
element.set(window.initialSettings);
} else if(element.historyDidUpdate) {
element.historyDidUpdate();
}
if(element.ready) {
element.ready();
}
initialStateHydrated = true;
});
}
export function redirect(target) {
history.pushState({}, document.title, target);
renderCurrentPage();
}
export function ready() {
renderCurrentPage();
window.addEventListener('popstate', function(event) {
renderCurrentPage();
});
window.addEventListener('click', function(event) {
const target = event.target.getAttribute('href');
if(target && target.startsWith('/')) {
event.preventDefault();
event.returnValue = false;
redirect(target);
}
});
window.addEventListener('submit', function(event) {
if(event.target.tagName.toLowerCase() == 'form') {
event.preventDefault();
event.returnValue = false;
}
});
}