const { Liquid, Tag, Value } = require('liquidjs')

const engine = new Liquid({
  extname: '.liquid',
  globals: { title: 'NodeJS Demo for LiquidJS' },
  // root files for `.render()` and `.parse()`
  root: __dirname,
  // layout files for `{% layout %}`
  layouts: './layouts',
  // partial files for `{% include %}` and `{% render %}`
  partials: './partials'
})

engine.registerTag('header', class HeaderTag extends Tag {
  constructor (token, remainTokens, liquid) {
    super(token, remainTokens, liquid)
    this.value = new Value(token.args, liquid)
  }
  * render (ctx, emitter) {
    const title = yield this.value.value(ctx)
    emitter.write(`<h1>${title}</h1>`)
  }
})

const ctx = {
  todos: ['fork and clone', 'make it better', 'make a pull request']
}

async function main () {
  console.log('==========renderFile===========')
  const html = await engine.renderFile('todolist', ctx)
  console.log(html)

  console.log('===========Streamed===========')
  const tpls = await engine.parseFile('todolist')
  engine.renderToNodeStream(tpls, ctx)
    .on('data', data => process.stdout.write(data))
    .on('end', () => console.log(''))
}

main()