caseywatts

Using these technologies:

• https://geoslack.ceriously.com/ to track the geo data
• Gravatar for user icons
• https://github.com/rossengeorgiev/nite-overlay for the daylight overlay

caseywatts

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

caseywatts

Todd Evanoff and I just did a quick survey of Code of Conduct in Ember plugins.

• Of the top 10 addons on Ember Observer, only one has a code of conduct. Ember Data uses the Ember guidelines.
• We also checked emberx-select's which uses the Contributor Covenant.
• Github.com has a special place for Code of Conduct in apps. It auto-suggests the Contributor Covenant. which is pretty good/popular.
• It would be awesome if Ember Observer recorded which projects have a Code of Conduct or not, and incorporated that into the score.

For posterity, the top 10 addons on Ember Observer as of Nov 15, 2018:

caseywatts

Mirage Includes

The way mirage mocks out our included records isn't accurate currently.

An example: In a request for addon, it includes some information about the relationship to company.

The "relationship object" we get looks like

company: { id: 123 }

caseywatts

codemod-cli is straightforward - but it's especially made for codemod projects that have multiple transforms. For a single transform, we could/should have a simpler interface for consumers.

Here are three ways to share your codemod with others. The npx methods require you npm publish the repo.

Method 1 - global install, using githubusercontent

Easiest method for the developer, especially if you only have one transform and/or if you're not using codemod-cli. This uses the github-hosted raw.githubusercontent link to run it, kinda like running it from a gist. Here's an example using ember-mocha-codemods.

npm install -g jscodeshift

caseywatts

short url: caseywatts.com/graphviz

Graphviz is like markdown, for diagrams.

It's a tool that can transform text input into a "directed graph" output, which is nodes pointing to other nodes. You can use it for architecture diagrams, DB diagrams, documentation for users, etc.

You'll want to use a tool with a two-pane layout - the left side is the source text, the right side is the image output.

• For just you working on it, use (shown above; it has more features)

caseywatts

digraph bubbles {
    node [
      color=lightcyan2,
      style=filled,
      fillcolor=lightcyan
    ]
    edge [
      color=white
    ]
    

caseywatts

Keys

G	C	F	Bb	Eb	Ab
1	0	1	2	3	4
F#	_	Bb	Bb, Eb	Bb, Eb, Ab	Bb, Eb, Ab, Db

Song	Key	Starting Note
Gloucestershire Wassail	G	D (5) -> G (1)

caseywatts

UPDATE: You don't need shims anymore! We can just use this now, and eventually it'll even be in Ember core.

app.import() works with node_modules now! As of Ember 2.15. Previously it only worked with bower_components and vendor.

Docs for app.import are here: https://ember-cli.com/managing-dependencies#standard-non-amd-asset

caseywatts

// app/helpers/json-pretty-print.js
// usage {{json-pretty-print someJson}}
// see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#The_space_argument

import Helper from '@ember/component/helper';

export default Helper.extend({
  compute(params, hash) {
    const [json] = params;
    return JSON.stringify(json, null, '  ');