Prevent component from breaking during server side rendering

[carloslancha]

In those components that uses the dom in the lifecycle we need to implement this pattern in order to avoid problems in SSR

import {isServerSide} from 'metal';
import Component from 'metal-component';
import Soy from 'metal-soy';
import Toggler from 'metal-toggler';

import templates from './Sidebar.soy.js';

class Sidebar extends Component {
	attached() {
		if (isServerSide()) {
			return;
		}

		Toggler.CSS_EXPANDED = 'open';

	    this._toggler = new Toggler({
			content: '.sidebar-toggler-content',
			header: '.sidebar-toggler'
		});
	}

	disposed() {
		if (isServerSide()) {
			return;
		}

		this._toggler.dispose();
	}

};

Soy.register(Sidebar, templates);

export default Sidebar;

[julien]

Thanks @carloslancha