How to use eruda - 10 common examples
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 
componentWillUnmount() {
eruda.hide()
// if (this.props.page !== 0) {
// }
// eruda.destroy()
// eruda = undefined
process.env.NODE_ENV === "production" || console.log('Eruda.componentWillUnmount')
}
toggleEruda(bool) {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 = erudaimport 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() {componentDidMount() {
window.APP.eruda = eruda
if (this.props.page === 0) {
eruda.show()
}
process.env.NODE_ENV === "production" || console.log('Eruda.componentDidMount')
}
shouldComponentUpdate(nextProps, nextState) {toggleEruda(bool) {
if (this.props.page === 0) {
eruda.show()
} else {
eruda.hide()
}
}
render() {toggleEruda(bool) {
if (this.props.page === 0) {
eruda.show()
} else {
eruda.hide()
}
}
render() {this.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 = '';
}
