Skip to content

Instantly share code, notes, and snippets.

@jgwhite
jgwhite / components.x-beacon.js
Created July 14, 2017 14:54
didReceiveAttrs vs. didChange
import Ember from 'ember';
export default Ember.Component.extend({
condition: false,
risingEdgeOnly: true,
count: 0,
tagName: '',
didReceiveAttrs() {
this._super(...arguments);
@jgwhite
jgwhite / glimmer-application.diff
Last active April 14, 2017 13:17
Passing web components attributes to glimmer components
==> https://github.com/glimmerjs/glimmer-application/compare/master...jgwhite:attributes
diff --git a/src/application.ts b/src/application.ts
index 3ae3a49..e16e6b8 100644
--- a/src/application.ts
+++ b/src/application.ts
@@ -39,7 +39,8 @@ export interface AppRoot {
id: number,
component: string | ComponentDefinition<Component>,
parent: Simple.Node,
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
/**
* app/services/storage.js
*/
import Service from 'ember-service';
import computed from 'ember-computed';
import Ember from 'ember';
const { getOwner } = Ember;
@jgwhite
jgwhite / controllers.application.js
Created November 28, 2016 09:52 — forked from mupkoo/controllers.application.js
Inputs in Ember Sortable
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
colors: ['green', 'red', 'blue'],
actions: {
reorder(colors) {
this.set('colors', colors);
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
onPaste(event) {
event.preventDefault();
event.clipboardData.items[0].getAsString(s => {
this.set('value', reverse(s));
x-coordinator/a model={{coordinator.model}}
/*jshint node:true*/
var COLOR_CODES = {
red: '31',
green: '32'
};
module.exports = Reporter;
function Reporter(out) {
@jgwhite
jgwhite / components.pick-random.js
Created May 10, 2016 08:33
Pick Random Examples
import Ember from 'ember';
const PickRandom = Ember.Component.extend({
tagName: '',
data: null,
choice: null,
init() {
this._super();
this.pick();