Andrew Levine DrewML

## hipchat-titlebar.css
// Application title bar
body.dark .aui-header {
    background: #000;
}

// "New Chat" button
body.dark .aui-header .aui-button {
    background: #3C4444;
}

## protractor-mocha-tags.js
// Note: ES6 syntax requires a version of Node.js >= 4.0.0
'use strict';

// Can use any lib (or none, if you choose) to parse args.
// "npm install yargs --save" to use this example as-is
let argv = require('yargs').argv;

const DELIMITER = ',';
const TAG_IDENT = '#';
let tagsOpt = typeof argv.tags === 'string' && argv.tags;

## react-devtools-architecture-research.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                DrewML
                / react-devtools-architecture-research.md
            
            
              Last active
              October 8, 2015 22:06
            
              
                A high-level overview of React DevTools new cross-browser extension
              
          
    React DevTools Research

Concepts


Shell - A view layer for the inspector

Shells included: Chrome, Firefox, and plain (iframe)


Front End - A react application that mimics the typical DevTools element panel (node tree)

Is always displayed inside a shell
Receives data from bridge
Fires the following events


setState
	// Application title bar
	body.dark .aui-header {
	background: #000;
	}

	// "New Chat" button
	body.dark .aui-header .aui-button {
	background: #3C4444;
	}
	// Note: ES6 syntax requires a version of Node.js >= 4.0.0
	'use strict';

	// Can use any lib (or none, if you choose) to parse args.
	// "npm install yargs --save" to use this example as-is
	let argv = require('yargs').argv;

	const DELIMITER = ',';
	const TAG_IDENT = '#';
	let tagsOpt = typeof argv.tags === 'string' && argv.tags;