alexlafroscia

import Controller from '@ember/controller';
import { timeout } from "ember-concurrency";
import { task, lastValue } from "ember-concurrency-decorators";

export default class ApplicationController extends Controller {
  wasCalled = false;

  @lastValue('myTask') value = "Not Yet Started";

  @task myTask = function* () {

alexlafroscia

import Controller from '@ember/controller';
import { action, computed } from '@ember/object';
import { Changeset } from 'ember-changeset';

class User {
  name = '';
}

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';

alexlafroscia

import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';

  @service locationLogger;
}

alexlafroscia

import Ember from 'ember';

export default Ember.Controller.extend({
  someText: Ember.computed({
    get() {
      return 'Initial Value';
    },
    set(key, value) {
      return value;
    }

alexlafroscia

import Ember from 'ember';
import { task } from 'ember-concurrency';

export default Ember.Component.extend({
  childTask: task(function*() {
    yield this.performParentTask()
  })
});

alexlafroscia

import Ember from 'ember';

export default Ember.Component.extend({
  didInsertElement() {
    alert(Ember.ViewUtils.getViewBounds(this)); 
  }
});

alexlafroscia

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  init() {
    this._super(...arguments);
    
    this.objects = [
      { label: 'First' },

alexlafroscia

ShadyCSS Skate.js Mixin

Out of the box, Skate.js doesn't work that well with ShadyCSS. This is a mixin that helps bridge the gap.

Usage

The usage example below assumes you're using a build tool like Webpack to transform a CSS file into a string when loaded.

import Component from 'skatejs';

alexlafroscia

import Ember from 'ember';
import fetch from 'fetch';

export default Ember.Component.extend({
  actions: {
    submit() {
      const name = this.get("name");
      
      return fetch('/whatever-endpoint', {
        method: 'POST',

alexlafroscia

{
  "release": {
    "verifyConditions": [
      "@semantic-release/npm",
      "@semantic-release/git",
      "@semantic-release/github"
    ],
    "prepare": [
      "@semantic-release/npm",
      {