import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';

export default class CounterComponent extends Component {
  @tracked count = 0;

  @action
  increment() {
    debugger;
    this.count = this.count + 1;
  }

  @action
  decrement() {
    this.count = this.count - 1;
  }
}

const __COLOCATED_TEMPLATE__ = (0, _templateFactory.createTemplateFactory)(
  /*
    <div>
    <p></p>
    <button type="button" >+1</button>
    <button type="button" >-1</button>
  </div>
  */
  {
    id: 'wGHOXBQC',
    block:
      '[[[10,0],[12],[1,"\\n  "],[10,2],[12],[1,[30,0,["count"]]],[13],[1,"\\n  "],[11,"button"],[24,4,"button"],[4,[38,0],["click",[30,0,["increment"]]],null],[12],[1,"+1"],[13],[1,"\\n  "],[11,"button"],[24,4,"button"],[4,[38,0],["click",[30,0,["decrement"]]],null],[12],[1,"-1"],[13],[1,"\\n"],[13]],[],false,["on"]]',
    moduleName: 'ember-quickstart/components/counter.hbs',
    isStrictMode: false
  }
)
let CounterComponent = (_exports.default =
  ((_class = class CounterComponent extends _component2.default {
    constructor (...args) {
      super(...args)
      _initializerDefineProperty(this, 'count', _descriptor, this)
    }
    increment () {
      debugger
      this.count = this.count + 1
    }
    decrement () {
      this.count = this.count - 1
    }
  }),
  ((_descriptor = _applyDecoratedDescriptor(
    _class.prototype,
    'count',
    [_tracking.tracked],
    {
      configurable: true,
      enumerable: true,
      writable: true,
      initializer: function () {
        return 0
      }
    }
  )),
  _applyDecoratedDescriptor(
    _class.prototype,
    'increment',
    [_object.action],
    Object.getOwnPropertyDescriptor(_class.prototype, 'increment'),
    _class.prototype
  ),
  _applyDecoratedDescriptor(
    _class.prototype,
    'decrement',
    [_object.action],
    Object.getOwnPropertyDescriptor(_class.prototype, 'decrement'),
    _class.prototype
  )),
  _class))
;(0, _component.setComponentTemplate)(__COLOCATED_TEMPLATE__, CounterComponent)

import { precompile, WireFormatDebugger } from '@glimmer/compiler';

function compile(content) {
  let parsed = JSON.parse(precompile(content, {}));
  let block = JSON.parse(parsed.block);

  return Object.assign({}, parsed, { block });
}

const actual =compile(`
<div>
  <p></p>
  <button type="button" >+1</button>
  <button type="button" >-1</button>
</div>`)

let debugActual = new WireFormatDebugger(actual.block).format(actual.block)
console.log(JSON.stringify(debugActual, null, 2));

// let symbols = new ProgramSymbols();
// const statements = buildStatements(JSON.parse(res.block), symbols)
// console.log(JSON.stringify(res, null, 2), statements);