neborn

import {
  useEffect,
  useMemo
} from 'https://unpkg.com/htm@3.0.4/preact/standalone.module.js';

// Inspired by https://github.com/machty/ember-concurrency

export default function useTask(generator) {
  const cancellable = useMemo(() => Cancellable.create(generator), [generator]);
  useEffect(() => () => cancellable.cancel(), [cancellable]);

neborn

import Component from '@glimmer/component';
import { action, computed } from '@ember/object';
import { inject as service } from '@ember/service';
import { task } from 'ember-concurrency';

export default class ContainerComponent extends Component {
  @service
  api;
  
  // this should be much cleaner with ember-concurrency 2.0

neborn

import Component from '@glimmer/component';
import { action } from '@ember/object';
import { inject as service } from '@ember/service';

export default class ContainerComponent extends Component {
  @service
  api;
  
  @action
  performAsyncAction(willSucceed) {

neborn

import Component from '@glimmer/component';
import { inject as service } from '@ember/service';
import { cached } from 'tracked-toolbox';

export default class AddEmployeesToGroupComponent extends Component {
  @service groupActions;
  
  @cached
  get flowModel() {
    return this.groupActions.createAddEmployeesToGroupFlow({

neborn

import Component from '@glimmer/component';
import { action } from '@ember/object';
import { inject as service } from '@ember/service';

export default class EmployeeSearchComponent extends Component {
  @service employeeSearch;
  
  _employeeSearchQuery;

  get employeeSearchQuery() {

neborn

import Component from '@glimmer/component';
import { action } from '@ember/object';
import { inject as service } from '@ember/service';

export default class ActionBarComponent extends Component {
  @service employeeSearch;
}

neborn

import Controller from '@ember/controller';
import { task, timeout } from 'ember-concurrency';
import { cached } from 'tracked-toolbox';
import { tracked } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
  @tracked haveFetchSucceed = true;

  @cached
  get appName() {

neborn

import Controller from '@ember/controller';
import { action } from '@ember/object';
import { inject as service } from '@ember/service';
import { TrackedSet } from 'tracked-built-ins';


export default class ApplicationController extends Controller {
  @service
  myService;
  

neborn

import Controller from '@ember/controller';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
  queryParams = ['appName'];

  @tracked
  appName = 'Ember Twiddle';

neborn

import Controller from '@ember/controller';
import { decorate } from '../services/my-service';

export default class ApplicationController extends Controller {
  @decorate('foo')
  appName;
}