made-by-chris

$ = function(parameters) {
  this.state = {};
  this.state.nodeList = document.querySelectorAll(parameters)
  this.state.dom = [].slice.call(state.nodeList)
  return this instanceof $ ? this : new $(parameters)
}
$.prototype = {
  left: function(){
    console.log(this.state.dom.length, "turning left")
    return this

made-by-chris

const fm = (() => {
  let model = {}
  let observers = { fm_observe_all: [] }
  return {
    save: (key, val) => {
      model[key] = val
      emit(key)
    },
    silentSave:  (key, val) => {
      model[key] = val

made-by-chris

$ = function(domSelector) {
  this.state = {};
  this.state.nodeList = document.querySelectorAll(domSelector)
  this.state.dom = [].slice.call(state.nodeList)
  return this instanceof $ ? this : new $(domSelector)
}
$.prototype = {
  show : function() {
    this.state.dom.forEach(function(node) {
      node.style.display = ''

made-by-chris

$ = function(parameters) { 
  var state = {}
  state.nodeList = document.querySelectorAll(parameters)
  state.dom = [].slice.call(state.nodeList)
  return {
    left: function(){
      console.log(state.dom, “turning left”)
      return this
    },
    right: function(){

made-by-chris

$ = function(parameters) { 
  console.log(parameters)
  return {
    left: function(){
      console.log(parameters, "turning left")
      return this
    },
    right: function(){
      console.log(parameters, "turning right")
      return this

made-by-chris

$(".my-list li").left().right()
// logs "Uncaught TypeError: $ is not a function"

made-by-chris

$ = {
  left: function() {
    console.log("turning left")
    return this
  },
  right: function() {
    console.log("turning right")
    return this
  }
}

made-by-chris

$.left().right()
// logs "Uncaught TypeError: Cannot read property 'right' of undefined"

made-by-chris

$ = {
  left: function() {
    console.log("turning left")
  },
  right: function() {
    console.log("turning right")
  }
}
$.left()
// logs "turning left"

made-by-chris

//appen this to the end of your /.atom/snippets.cson
'.source.js':
  'Marionette.ItemView':
    'prefix': 'mit'
    'body': """
      var MyItemViewTemplate = require("./my-view.ejs");
      var MyItemView = Marionette.ItemView.extend({
        template: "#some-template",
        initialize: function(options){}
      });