zombiebox-extension-cutejs's Introduction

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());
	}
}

zombiebox-extension-cutejs's People

Contributors

Stargazers

Watchers

zombiebox-extension-cutejs's Issues

ENOENT: no such file or directory, open

I managed to get the following packages installed

{
  "name": "zb-demo-project",
  "version": "1.0.0",
  "scripts": {
    "start": "zombiebox run",
    "build": "zombiebox build all"
  },
  "dependencies": {
    "zb-utils": "^0.1.8",
    "zombiebox": "^2.0.0",
    "zombiebox-extension-cutejs": "^1.2.0",
    "zombiebox-extension-dependency-injection": "2.0.0",
    "zombiebox-extension-ui": "^2.0.0",
    "zombiebox-platform-android-tv": "^3.0.0",
    "zombiebox-platform-pc": "^2.0.0"
  }
}

when I run to npm start

I get the following

$ zombiebox run
Extension cutejs loaded
Extension dependency-injection loaded
Extension ui loaded
Platform android loaded
Platform pc loaded

Replace Autoprefixer browsers option to Browserslist config.
Use browserslist key in package.json or .browserslistrc file.

Using browsers option cause some error. Browserslist config
can be used for Babel, Autoprefixer, postcss-normalize and other tools.

If you really need to use option, rename it to overrideBrowserslist.

Learn more at:
https://github.com/browserslist/browserslist#readme
https://twitter.com/browserslist

Open http://localhost:1337/

However when I visit the browser I get...

ENOENT: no such file or directory, open '/usr/src/.generated/cutejs/demo/scenes/abstract-base/abstract-base.jst.js'
Referrer: modules/demo/scenes/abstract-base/abstract-base
ENOENT: no such file or directory, open '/usr/src/.generated/cutejs/demo/scenes/custom-input/custom-input.jst.js'
Referrer: modules/demo/scenes/custom-input/custom-input
.....

On checking the .generated folder it appears that the files were not generated as planned.

I'm assuming that the extension is not compatible with the new changes?