Skip to content

Instantly share code, notes, and snippets.

View runspired's full-sized avatar
💜
Pondering Paradigms

Chris Thoburn runspired

💜
Pondering Paradigms
View GitHub Profile
import Component from '@ember/component';
import { action } from "@ember/object";
export default Component.extend({
foo: "1",
myAction: action(function() { console.log(this); alert("hi"); }),
});
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';
import { dependentKeyCompat } from '@ember/object/compat';
export default class ApplicationController extends Controller {
@service store;
appName = 'Ember Twiddle';
import Component from '@glimmer/component';
import { action } from "@ember/object";
const ThirtyMonths = new Set([
4,
6,
9,
10,
]);
import Component from '@glimmer/component';
import { tracked } from "@glimmer/tracking";
import { cached } from "ember-cached-decorator-polyfill";
class Resource {
@tracked named = null;
@tracked positional = null;
constructor(update) {
@runspired
runspired / components.my-component\.js
Last active January 31, 2022 23:31
Async Getter as a State Machine Pattern
import Component from '@glimmer/component';
import { tracked } from "@glimmer/tracking";
import { cached } from "ember-cached-decorator-polyfill";
async function fetchData(searchTerm) {
const data = [];
for (let i = 0; i < 10; i++) {
data.push({
name: `Term: <${searchTerm}> search result ${i + 1}`,
});
@runspired
runspired / controllers.application\.js
Last active January 27, 2022 19:04
Simplest Reproduction
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
count = 124479;
error = null;
constructor() {
super(...arguments);
const Arr1 = [];
@runspired
runspired / components.plus-btn\.js
Last active January 28, 2022 01:22
Box and Mask
import Component from '@glimmer/component';
export default class extends Component {}
@runspired
runspired / components.ad-form\.js
Last active January 21, 2022 18:01
Dynamic Form
import Component from '@glimmer/component';
import { tracked } from "@glimmer/tracking";
import { set, action } from "@ember/object";
export default class extends Component {
@tracked ads = [];
@tracked selectedAdType = null;
// this is just here for funsies
get json() {
@runspired
runspired / controllers.application\.js
Last active December 6, 2021 23:28
Bug in Routes
import Controller from '@ember/controller';
import { tracked } from "@glimmer/tracking";
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
@tracked
foo = { ids: 6 };
constructor() {
super(...arguments);