jrhe

Ember Router Async Facelift

The Ember router is getting number of enhancements that will greatly enhance its power, reliability, predictability, and ability to handle asynchronous loading logic (so many abilities), particularly when used in conjunction with promises, though the API is friendly enough that a deep understanding of promises is not required for the simpler use cases.

Component List

This is a list of Ember components that can hopefully inspire your own solution to handle some really common cases. Please let me know of more.

router.js Architecture

Let this serve as a guide for anyone who'd like to dig into router.js's internals, understand what's going on, and hopefully contribute!

Scope of router.js (et al)

router.js is most popularly known as the routing microlib used by the Ember.js Router, though other folk have been known to use it beyond Ember, including some Angular folk who weren't satisfied with

This post is also on my blog, since Gist doesn't support @ notifications.

Components are taking center stage in Ember 2.0. Here are some things you can do today to make the transition as smooth as possible:

Use Ember CLI
In general, replace views + controllers with components
Only use controllers at the top-level for receiving data from the route, and use Ember.Controller instead of Ember.ArrayController or Ember.ObjectController
Fetch data in your route, and set it as normal properties on your top-level controller. Export an Ember.Controller, otherwise a proxy will be generated. You can use Ember.RSVP.hash to simulate setting normal props on your controller.



	# Install MacTex: http://mirror.ctan.org/systems/mac/mactex/mactex-basic.pkg

	$ sudo chown -R `whoami` /usr/local/texlive
	$ tlmgr update --self
	$ tlmgr install ucs
	$ tlmgr install etoolbox

	# Install pandoc view homebrew

	# So, this is pretty horrible. If we just encode using btoa, any UTF-8 chars cause an error.
	# If we use either of the workarounds on MDN[1], the £ sign is encoded wrong. I suspect
	# Excel totally sucking at encodings is the reason why. So, the workaround is, to use
	# the MDN workaround on chars with values > 255, and allow chars 0-255 to be encoded
	# as is with btoa. Note that if you use either of the workarounds on MDN, chars
	# 128-255 will be encoded as UTF-8, which includeds the £ sign. This will cause excel
	# to choke on these chars. Excel will still choke on chars > 255, but at least the £
	# sign works now...

	# [1] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Base64_encoding_and_decoding

	#original attribution https://gist.github.com/alexspeller/6251054

	bound = (fnName) -> Ember.computed fnName -> @get(fnName).bind(@)

	App.ClickElsewhereMixin = Ember.Mixin.create

	#use this method hook to define your desired behavior
	onClickElsewhere: Ember.K

	#bound version of our instance method

	<?xml version="1.0"?>
	<root>
	<item>
	<name>Tarmak transitional layout</name>
	<!-- http://forum.colemak.com/viewtopic.php?pid=8786#p8786 -->
	<item>
	<name>Tarmak1(E) transitional layout (E>K>N>J)</name>
	<identifier>private.tarmak.tarmak_1_e</identifier>
	<autogen>__KeyToKey__ KeyCode::K, KeyCode::E</autogen>
	<autogen>__KeyToKey__ KeyCode::N, KeyCode::K</autogen>

	'''
	Most heatmap tutorials I found online use pyplot.pcolormesh with random sets of
	data from Numpy; I just needed to plot x, y, z values stored in lists--without
	all the Numpy mumbo jumbo. Here I have code to plot intensity on a 2D array, and
	I only use Numpy where I need to (pcolormesh expects Numpy arrays as inputs).
	'''
	import matplotlib.pyplot as plt
	import numpy as np

	#here's our data to plot, all normal Python lists

	ApplicationAdpater = DS.ActiveModelAdapter.extend
	synchronizer: Em.inject.service()
	ajax: (url, type, options) ->
	hash = @ajaxOptions(url, type, options)
	# set up hash.success & hash.error callbacks normally
	@get('synchronizer').handleRequest(hash)