Function service

An alternative to Ember's built in @service decorator.

This decorator takes a resource and ties the resource's lifeime to the app / owner.

The reason a resource is required, as opposed to allowing "any class", is that a resource already has implemented the concept of "teardown" or "cleanup", and native classes do not have this concept.

Example:

import Component from '@glimmer/component';
import { resource } from 'ember-resources';
import { service } from 'reactiveweb/resource/service';

class PlanetsAPI { ... }

const Planets = resource(({ on, owner }) => {
  let api = new PlanetsAPI(owner); // for further injections

  // on cleanup, we want to cancel any pending requests
  on.cleanup(() => api.abortAll());

  return api;
});

class Demo extends Component {
  @service(Planets) planets;
}
Copy

For Stage 1 decorators and typescript, you'll need to manually declare the type:

class Demo extends Component {
  @service(Planets) declare planets: Planets;
}
Copy