zombiebox-extension-cutejs

ZombieBox CuteJS template engine extension.

Usage

All compiled components may be accessed trough generated/cutejs/* import path. Also extension provides two additional namespaces:

• cutejs-lib - CuteJS's client-library
• cutejs - Contains abstract/base implementation of CuteJS's interfaces, includes: abstract-pupup, abstract-scene, inline-widget, abstract-widget

Example

app/widgets/container/container.jst

<div class="w-container" data-export-id="{{@container}}">Hello</div>

app/widgets/container/container.js

// Compiled template
import {render, Out} from 'generated/cutejs/<app>/widgets/container/container.jst';
// CuteJS's client-library
import {ComponentContainerInterface, ComponentInterface} from 'cutejs-lib/cute-library';
// Extension's library
import AbstractPopup from 'cutejs/layers/abstract-popup';
import AbstractScene from 'cutejs/layers/abstract-scene';
import InlineWidget from 'cutejs/widgets/inline-widget';
import AbstractWidget from 'cutejs/widgets/abstract-widget';

class Container extends AbstractWidget {
	constructor() {
		super();
		
		/**
         * @type {Out}
         * @protected
         */
        this._exported;
	}
	
	/**
	 * @override
	 */
	_renderTemplate(){
		return render(this._getTemplateData(), this._getTemplateOptions());
	}
}