react-cosmos/dist/dom/container.js

CLI for running React Cosmos inside webpack-powered apps

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getDomContainer = getDomContainer;

function getDomContainer(querySelector) {
  if (!querySelector) {
    return getFallbackDomContainer();
  }

  var existingContainer = document.querySelector(querySelector);

  if (!existingContainer) {
    console.warn("Query selector \"".concat(querySelector, "\" doesn't match any existing DOM element. ") + "Are you using a custom HTML template? " + "Add an element matching \"".concat(querySelector, "\" to your template or change the containerQuerySelector setting."));
    return getFallbackDomContainer();
  }

  return existingContainer;
}

function getFallbackDomContainer() {
  return document.getElementById('root') || createDomContainer();
}

function createDomContainer() {
  var container = document.createElement('div');
  container.setAttribute('id', 'root');
  document.body.appendChild(container);
  return container;
}