This is an interactive file that can be run with the zx utility: https://github.com/google/zx
$.verbose = false
const DEFAULT_REF_BRANCH = 'develop';
const DEFAULT_BRANCH_FILTER = 'renovate';
const DEFAULT_REMOTE = 'origin';
if (argv.help || argv.h) {
console.log(`
| import Ember from 'ember'; | |
| import {inject as service} from '@ember/service'; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle', | |
| myService: service(), | |
| init(){ | |
| this._super(...arguments); |
| import Ember from 'ember'; | |
| import SlotsMixin from 'ember-block-slots'; | |
| export default Ember.Component.extend(SlotsMixin, { | |
| }); |
| import Ember from 'ember'; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle', | |
| init(){ | |
| this.setProperties({ | |
| ids: [1, 3, 5], | |
| objects: [{id:1, label:'one'}, {id:2, label:'two'}, {id:3, label:'three'}, {id:4, label:'four'}, {id:5, label:'five'}] | |
| }); | |
| }, |
| import Ember from 'ember'; | |
| import {task, timeout} from 'ember-concurrency'; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle', | |
| count: 0, | |
| recursiveTask: task(function*(){ | |
| yield timeout(1000); | |
| this.incrementProperty("count", 1); |
| import Ember from 'ember'; | |
| import {task, timeout} from 'ember-concurrency'; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle', | |
| inputValue: 0, | |
| numProcessed: 0, | |
| onValueChange: Ember.observer("inputValue", function(){ | |
| this.get("processSoon").perform(this.get("inputValue")); |
| import Ember from 'ember'; | |
| import {task, timeout} from 'ember-concurrency'; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle', | |
| holdAndWait: task(function*(millis, value){ | |
| yield timeout(millis); | |
| return value; | |
| }), |
| import Ember from 'ember'; | |
| export default Ember.Component.extend({ | |
| vizProp: Ember.computed("isVisible", function(){ | |
| let viz = this.get("isVisible"); | |
| return viz === undefined ? "undefined" : (viz === null ? "null" : viz); | |
| }) | |
| }); |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| circle.node { | |
| cursor: pointer; | |
| stroke: #000; | |
| stroke-width: .5px; | |
| } |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| svg circle { | |
| cursor: pointer; | |
| fill-opacity: 0.2; | |
| } | |
| svg text { |