How to use the eruda.add function in eruda
To help you get started, we’ve selected a few eruda examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
yhtml5 / yhtml5-app / apps / test-tools / src / Containers / TestDashboard / Components / Eruda.jsx View on Github 
import React from 'react';
import eruda from 'eruda';
import erudaFps from 'eruda-fps';
import erudaMemory from 'eruda-memory';
import erudaTiming from 'eruda-timing';
import erudaFeatures from 'eruda-features';
import styles from './Eruda.pcss';
eruda.init();
eruda.add(erudaFps);
eruda.add(erudaMemory);
eruda.add(erudaTiming);
eruda.add(erudaFeatures);
class Eruda extends React.Component {
constructor(props) {
super(props)
this.state = {}
this.toggleEruda = this.toggleEruda.bind(this)
process.env.NODE_ENV === "production" || console.log('Eruda.constructor')
}
componentWillMount() {
process.env.NODE_ENV === "production" || console.log('Eruda.componentWillMount')
}
componentDidMount() {
window.APP.eruda = eruda
if (this.props.page === 0) {
eruda.show()
}import React from 'react';
import eruda from 'eruda';
import erudaFps from 'eruda-fps';
import erudaMemory from 'eruda-memory';
import erudaTiming from 'eruda-timing';
import erudaFeatures from 'eruda-features';
import styles from './Eruda.pcss';
eruda.init();
eruda.add(erudaFps);
eruda.add(erudaMemory);
eruda.add(erudaTiming);
eruda.add(erudaFeatures);
class Eruda extends React.Component {
constructor(props) {
super(props)
this.state = {}
this.toggleEruda = this.toggleEruda.bind(this)
process.env.NODE_ENV === "production" || console.log('Eruda.constructor')
}
componentWillMount() {
process.env.NODE_ENV === "production" || console.log('Eruda.componentWillMount')
}
componentDidMount() {
window.APP.eruda = eruda
if (this.props.page === 0) {
eruda.show()import React from 'react';
import eruda from 'eruda';
import erudaFps from 'eruda-fps';
import erudaMemory from 'eruda-memory';
import erudaTiming from 'eruda-timing';
import erudaFeatures from 'eruda-features';
import styles from './Eruda.pcss';
eruda.init();
eruda.add(erudaFps);
eruda.add(erudaMemory);
eruda.add(erudaTiming);
eruda.add(erudaFeatures);
class Eruda extends React.Component {
constructor(props) {
super(props)
this.state = {}
this.toggleEruda = this.toggleEruda.bind(this)
process.env.NODE_ENV === "production" || console.log('Eruda.constructor')
}
componentWillMount() {
process.env.NODE_ENV === "production" || console.log('Eruda.componentWillMount')
}
componentDidMount() {
window.APP.eruda = eruda
if (this.props.page === 0) {import React from 'react';
import eruda from 'eruda';
import erudaFps from 'eruda-fps';
import erudaMemory from 'eruda-memory';
import erudaTiming from 'eruda-timing';
import erudaFeatures from 'eruda-features';
import styles from './Eruda.pcss';
eruda.init();
eruda.add(erudaFps);
eruda.add(erudaMemory);
eruda.add(erudaTiming);
eruda.add(erudaFeatures);
class Eruda extends React.Component {
constructor(props) {
super(props)
this.state = {}
this.toggleEruda = this.toggleEruda.bind(this)
process.env.NODE_ENV === "production" || console.log('Eruda.constructor')
}
componentWillMount() {
process.env.NODE_ENV === "production" || console.log('Eruda.componentWillMount')
}
componentDidMount() {
window.APP.eruda = erudathis.statsContainer.current.appendChild(stats.dom);
const children = stats.dom.children;
for (let i = 0; i < children.length; i += 1) {
children[i].style.display = 'inline-block';
children[i].style.width = '32%';
children[i].style.marginRight = '1%';
children[i].style.height = '84px';
}
}
eruda.init({
container: this.consoleContainer.current,
tool: ['console', 'timing', 'info']
});
eruda.add(erudaTiming);
eruda.show();
const devTools = document.getElementsByClassName('eruda-dev-tools')[0] as HTMLDivElement;
devTools.style.height = '';
}
