anasnakawa

// AMD / Common Js / Browser Wrapper pattern
// copyright to [millermedeiros](https://github.com/millermedeiros/js-signals/blob/master/src/wrapper.js)
// ---------------------------------
(function(global){
    
    var libName;
    // define your library

    //exports to multiple environments
    if(typeof define === 'function' && define.amd){ //AMD

anasnakawa

/*! Js Pub/Sub
 * http://anasnakawa.com/
 * Copyright (c) Anas Nakawa 
 * inspired by Ben Alman's one <https://gist.github.com/cowboy/661855>
 * MIT License  
 */

(function( p ) {
  
  var e = p.e = {};

anasnakawa

var elementToCheck;
var DELAY = 200;

function checker() {
    elementToCheck = document.querySelector('#spoAppComponent');
    if(elementToCheck != null) {
        putBreakPoint();
        return;
    }
    // otherwise, keep listening

anasnakawa

/**
 * when you open https://status.aws.amazon.com/, trying to find what went wrong on a specific day, 
 * it can become hard to notice the blue & yellow circles among thousands of green check marks
 * open the developer tools, and add the following css, and you'll only see errors
 */

/* hide green mark */
img[src*="/images/status0.gif"],
/* hide disabled (-) mark */
img[src*="status-disabled.gif"] {

anasnakawa

/**
 * acceps colors as arguments, and will simply print them out to console
 *
 * e.g: console.color('red', 'blue', 'green'); // prints red, blue and green squares
 */
console.color = function() {
    var result = '';
    var args = [];
    for(var i = 0; i < arguments.length; i++) {
        result += '%c ' + arguments[i] + ' ';

anasnakawa

<script type="text/javascript">
(function() {
  /**
   * hook method to be executed as soon as shortpoint
   * rendered on the page
   */
  function ShortPointReady() {
    shortpoint.$('#openMe').click();
  };
  // shortpoint not yet available in the page

anasnakawa

<script type="text/javascript">
(function() {
  
  'use strict';

  /**
   * configurations
   */

  var tickersClass = 'my-paused-text-shows';

anasnakawa

// ui component class structure
// ----------------------------
(function(sandbox) {

	'use strict';

	var Component = function(foo, bar) {
		
		this.foo = foo;
		this.bar = bar;

anasnakawa

<script type="text/javascript">
(function() {
  
  'use strict';

  /**
   * configurations
   */

  var tabsClass = 'my-rotating-tabs'; // <- put the css class of the tabs you want to control

anasnakawa

<script type="text/javascript">
(function() {
  
  'use strict';

  /**
   * configurations
   */

  var tickersClass = 'my-paused-ticker';