gilbarbara

Implementation based on Gregor Aisch's work with Raphäel

gilbarbara

/**
 * Facebook SDK for JavaScript
 * The Facebook SDK for JavaScript provides a rich set of client-side functionality for adding Social Plugins, making API calls and implementing Facebook Login.
 */

/**
 * @fileoverview Externs for Facebook Javascript SDK
 * @see http://developers.facebook.com/docs/reference/javascript/
 * @externs
 */

gilbarbara

$('#playback').append('<img id="disco-ball" src="http://gilbarbara.com/ide/discoBall.gif" style="position:absolute;top: 0px;left: 29%;opacity:0;">');

$('#playback').append('<img class="dancers" src="http://gilbarbara.com/ide/dancer.gif" style="position:absolute;top: 70px;left: -26%;opacity:0;""><img class="dancers" src="http://gilbarbara.com/ide/dancer.gif" style="position:absolute;top: 70px;right:-26%;opacity:0;"">');

$('#disco-ball').animate({ top: 150, opacity: 1 }, 2000);$('.dancers').delay(1000).animate({ opacity: 1 }, 2000);

gilbarbara

linters:
  BangFormat:
    enabled: true
    space_before_bang: true
    space_after_bang: false

  BorderZero:
    enabled: true

  ColorKeyword:

gilbarbara

var React     = require('react/addons'),
	Bootstrap = require('react-bootstrap'),
	Formsy    = require('formsy-react');

var InputValidate = React.createClass({
	mixins: [Formsy.Mixin, React.addons.PureRenderMixin],

	getDefaultProps: function () {
		return {
			autocomplete: 'off',

gilbarbara

{
  "parser": "babel-eslint",
  "ecmaFeatures": {
    "modules": true,
    "experimentalObjectRestSpread": true
  },
  "env": {
    "amd": true,
    "browser": true,
    "es6": true,

gilbarbara

{
  "ecmaFeatures": {
    "arrowFunctions": true,
    "blockBindings": true,
    "classes": true,
    "defaultParams": true,
    "destructuring": true,
    "modules": true,
    "objectLiteralComputedProperties": true,
    "objectLiteralShorthandMethods": true,

gilbarbara

# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org

root = true

[*]
# change these settings to your own preference
indent_style = space
indent_size = 4

gilbarbara

// require() some stuff from npm (like you were using browserify)
// and then hit Rebuild to run it on the right
var esformatter = require( 'esformatter' );
var esformatterJSX = require( 'esformatter-jsx' );
var collapser = require( 'esformatter-collapse-objects' )
var throttle = require( 'lodash.throttle' );
var hash = window.location.hash.substr( 1 );
var extend = require('extend');

var params;

gilbarbara

# replace require to imports
^.*?([^ ]+)\s+= require\(([^ ,;]+)\)[,;]$
import $1 from $2;

# replace React.createClass
[varletcons]+ (\w+) = React.createClass\(\{
export default class $1 extends React.Component {

# replace function with arrows
function (\(.*\))