'use strict';
var React = require('react'),
TransferedProperties = require('itsa-react-server-webpack-builder/core-components/transfered-properties'),
NON_CLIENT_PROPS = {
'__itsacommonscript': true,
'__itsapagescript': true,
'__itsapagelinkcss': true,
'__itsapageinlinecss': true
};
var Page = React.createClass({
render: function() {
var that = this,
commonscript = this.props.__itsacommonscript && ,
pagescript = this.props.__itsapagescript && ,
googleAnalyticsInit, gaInit, ga, pagecss, gaInitScript, googleAnalyticsGa, keys, clientProps;
if (this.props.__ga) {
gaInitScript = '(function(i,s,o,g,r,a,m){i[\'GoogleAnalyticsObject\']=r;i[r]=i[r]||function(){'+
'(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),'+
'm=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)'+
'})(window,document,\'script\',\'//www.google-analytics.com/analytics.js\',\'ga\');';
gaInit = {__html: gaInitScript};
googleAnalyticsInit = ;
ga = {__html: 'ga(\'create\',\''+this.props.__ga+'\',\'auto\');ga(\'send\',\'pageview\');'};
googleAnalyticsGa = ;
}
if (this.props.__itsapagelinkcss) {
pagecss = ;
}
else if (this.props.__itsapageinlinecss) {
pagecss = ;
}
// clone the props-oject, but leave some parts out:
// don't send the heavy script and css, they are not needed as props on the client:
clientProps = {};
keys = Object.keys(this.props);
keys.forEach(function(key) {
if (!NON_CLIENT_PROPS[key]) {
clientProps[key] = that.props[key];
}
});
return (
{pagecss}
{this.props.__title}
{googleAnalyticsInit}
{this.props.children}
{commonscript}
{pagescript}
{googleAnalyticsGa}
);
}
});
module.exports = Page;