New Twiddle

controllers.application.js

import Ember from 'ember';
import DS from 'ember-data';

const {
  PromiseArray
} = DS;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  repos: Ember.computed({
    get() {
      let url = `https://api.github.com/search/repositories?q={query}{&page,per_page,sort,order}`;
      return PromiseArray.create({
        promise: fetch(url).then((resp) => resp.json()).then((json) => json.items)
      });
    }
  }),
  actions: {
    searchRepo(term) {
      let url = `https://api.github.com/search/repositories?q=${term}`;
      return fetch(url).then((resp) => resp.json()).then((json) => json.items);
    }
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{#power-select-multiple
  search=(action "searchRepo")
  options=repos
  selected=selected
  onchange=(action (mut selected))
  as |repo|
}}
  {{repo.full_name}}
{{/power-select-multiple}}
<br>
<br>
<div id="ember-basic-dropdown-wormhole"></div>

twiddle.json

{
  "version": "0.13.0",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.16.2",
    "ember-template-compiler": "2.16.2",
    "ember-testing": "2.16.2"
  },
  "addons": {
    "ember-data": "2.16.3",
    "ember-power-select": "1.9.1"
  }
}