@randy.tarampi/jsx/esm/lib/clientRoot.js

Some common JSX components for www.randytarampi.ca

import { logger } from "@randy.tarampi/browser-logger";
import { config as metricsConfig } from "@randy.tarampi/redux-metrics";
import React, { PureComponent } from "react";
import { metrics } from "react-metrics";
import Sniffr from "sniffr";
export class ClientRoot extends PureComponent {
  constructor(props) {
    super(props);
    logger.info("Hey! I see you looking over there.");
    logger.info("Looking for this?\n\t\thttps://www.randytarampi.ca/resume");
    logger.info("Or was it this?\n\t\thttps://github.com/randytarampi/me/#readme");
    logger.info("Or maybe even this?\n\t\thttps://github.com/users/randytarampi/projects/4");
    var sniffr = new Sniffr();
    sniffr.sniff();

    if (sniffr.browser.name === "firefox") {
      logger.info("If you don't already have them, these should make your analysis a bit more interesting.\n\t\thttps://addons.mozilla.org/en-US/firefox/addon/react-devtools\n\t\thttps://addons.mozilla.org/en-US/firefox/addon/remotedev");
    } else if (sniffr.browser.name === "chrome") {
      logger.info("If you don't already have them, these should make your analysis a bit more interesting.\n\t\thttps://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi\n\t\thttps://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd");
    } else if (sniffr.browser.name === "ie") {
      logger.warn("Do yourself a favour and go here before you do anything else:\n\t\thttp://outdatedbrowser.com");
    } else {
      logger.warn("If you're a developer and you're reading this message, do the right thing, give me a fair shake and come back in Chrome or Firefox.\n\t\thttps://www.mozilla.org/firefox\n\t\thttps://www.google.com/chrome");
    }
  }

  render() {
    return /*#__PURE__*/React.createElement("main", null, this.props.children);
  }

}
export default metrics(metricsConfig)(ClientRoot);