Sean Goresht srsgores

Skylight ember-cli-mirage Types

These types were written by the team at https://www.skylight.io/, specifically @gitKrystan (with lots of help from @chancancode).

Gist filenames don't allow slashes, so I replaced them with :.

Before you start

Add "<app-name>/mirage/*": ["mirage/*"] to your paths config in your tsconfig.json

Vanilla Lettering.js

A vanilla JS fork of Lettering.js. Follow along in the tutorial video at https://gomakethings.com/converting-a-jquery-plugin-to-vanilla-js-lettering.js/.

Usage

1. Instantiate the plugin

Pass in a selector for the elements you want to run Vanilla Lettering.js on.

Here's my setup:

Home server running Ubuntu 14.04.5 LTS (GNU/Linux 3.13.0-93-generic x86_64)
Plex Media Server debian package running on server
Netgear Nighthawk R6900 home router
Dynamic hostname from no-ip.org, which I'll use for this setup

Prep

Complete up to the "Generate the cert" section in this gist

Ember Addon Essentials

This document is meant to be a brief "checklist" of things to setup for your Ember addon when beginning development in order to have the best possible architecture and workflow out of the gate. For more comprehensive material, the following are bookshelf-caliber:

Ember CLI's Official Addon Guide
Ember Addon Secrets - Written around the Ember 2.6 era, this article takes a much deeper dive into several of the topics mentioned here.

Filling out `package.json`

This post is one in a series on converting a Backbone app to Ember. See also Ember-Data Notes.

Recently, our team has been trying to get Ember-Data to work with an API that does not conform to the json:api standard. The experience has been mostly good, but we've really struggled with the relationships. We have a Customer model that has many pastInvoices and a single monthToDateInvoice. The URL for past invoices is /billing/invoice?explicit_customer_id={{customerId}}; for month-to-date, it's /billing?no_list=true&explicit_customer_id={{customerId}}. The JSON that the API returns for a customer does not include any link to those URLs.

First Attempt: `InvoiceAdapter`

Our first attempt was to create an InvoiceAdapter that understood how to fetch invoices from those URLs:

// app/billing/invoices/adapter.js:

	#!/bin/sh

	#RESPONSE=`curl -s https://www.landoleet.org/`

	ping -c1 google.de \|\| exit -1

	NEWVERISON=6.`~/bin/reaper-download-url\|grep -o '/reaper[^>]*_linux_x86_64.tar.xz'\|tail -1\|cut -c9-\| cut -d_ -f1`

	cd ~/aur/reaper
	git reset --hard origin/master

	import React, {Component} from 'react';
	import IncrementerPresenter from './IncrementerPresenter';
	export default class IncrementerContainer extends Component {
	constructor(props){
	super(props);
	this.state = {count: 0};
	this.increment = this.increment.bind(this)
	}
	increment(){
	this.setState((currState) => ({count: currState.count + 1}));

	/**
	* Primary application logic for our Functional Programming blog example
	* See related blog series at: http://www.datchley.name/tag/functional-programming/
	* Version: 2.0
	*/

	// A simple, resuable comparison for '>='
	function greaterThanOrEqual(a, b) {
	return a >= b
	}

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };