giuseppeg

define(function (require) {
    
    var registry = require('flight/lib/registry');
    
    return withTeardownColletion;
    
    function withTeardownCollection() {
        this.before('teardown', function () {
            if (typeof this.attr.collectionName == 'string') {
                Object.keys(registry.allInstances).forEach(function (instanceKey) {

giuseppeg

this.off = function() {
  var $element, type, callback;
  var lastIndex = arguments.length - 1;
  var instanceInfo,
    origTypeRegex = '^(type)(?:\.(.+)|)$';

  if (typeof arguments[lastIndex] == 'function') {
    callback = arguments[lastIndex];
    lastIndex -= 1;
  }

giuseppeg

'use strict';

var tests = Object.keys(window.__karma__.files).filter(function (file) {
  return (/\.spec\.js$/.test(file));
});

requirejs.config({
  // Karma serves files from '/base'
  baseUrl: '/base/app/bower_components',

giuseppeg

this.off = function() {
  var $element, type, proxiedTo, callback;
  var lastIndex = arguments.length - 1, origin = arguments[lastIndex];

  if (typeof origin == 'function') {
    callback = origin;
    arguments[lastIndex] = undefined;
  }

  if (lastIndex == 1) {

giuseppeg

// a.js
require(["b"], function(b) {
  jsResult.innerHTML += "2 "

  require(["c"], function() {
    jsResult.innerHTML += "4 "
  });
});

// b.js

giuseppeg

Components (or modules) talk to each other via events.

• vendor [3rd party scripts, this could as well be bower_components if you use bower]
• core [app core functionalities/utilities]
• component
  • component1
    • index.js [the actual js component]
    • spec.js [tests]
    • style.css [component styles]
• index.partial.template

giuseppeg

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

/** 
experiment: responsive (framework) all teh things

Usage
<div class="arrange" data-responsive-medium="block width red">test</div>

giuseppeg

<div class="Header">
  render_component('Button', {
      href: '/blog'
    },
    [ /* contextual styles (array of utility classes) */
      'u-size-1',
      'u-space-2-top'
    ]
  )
</div>

giuseppeg

// ----
// libsass (v3.2.4)
// ----

.test-support {
  @each $fn in (get-color, to-hex) {
    @if (not function-exists($fn)) {
      @warn "#{$fn} doesn't exists or is not supported";
    }
  }

giuseppeg

<!-- 
  Components are independent from each other.
  They have no margin or position.
  Components internal sizes are in ems.
  https://gist.github.com/giuseppeg/0c3509803f8b14fa785a
  (I am also trying to figure out if default line-height set to 1 is a good or bad thing
  and if it helps with v-align stuff)
  Component internals are styled with modifiers when necessary.
  
  At rendering time components are contextualized with custom attrs.