gt

generator-tvml

TVML Yeoman Template to create tvOS apps

Showing:

Popularity

Downloads/wk

6

GitHub Stars

1

Maintenance

Last Commit

2yrs ago

Contributors

1

Package

Dependencies

4

Size (min+gzip)

189.6KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Reviews

Average Rating

5.0/51
Read All Reviews
WarenGonzaga

Top Feedback

1Great Documentation
1Performant
1Highly Customizable
1Hard to Use

Readme

TVML Yeoman Template

Greenkeeper badge

Build Status npm version Code Climate Dependency Status devDependency Status

The template provides a basic TVML sceleton for tvOS which uses WebPack and LiveReloading to build apps for the AppleTV platform

NPM

Feel free to donate

Click here to lend your support to: NPM packages and make a donation at pledgie.com ! Or donate Bitcoins: Bitcoin

Also via greenaddress

Usage

Or the develop build, which maybe not be stable

(sudo) npm install -g yo generator-tvml@next
yo tvml

About

This is a basic template which uses atvjs framework for blazing fast Apple TV application development using pure JavaScript. It relies on the tvOS provided TVML and TVJS for Apple TV development. However this framework does most of the heavy lifting for you and lets you concentrate on your application logic without worrying about the hassles of complicated architecture for Apple TV development. Build your Apple TV application the same way how you are used to building your SPA applications in JavaScript and let the framework handle the rest for you.

This template also includes livereloading and modules with WebPack and ES2015.

Feel free to donate

Click here to lend your support to: NPM packages and make a donation at www.pledgie.com !

Creating Pages

Create pages in your application using the page factory. You will then be able to navigate to these pages using the name of the page.

ATV.Page.create({
    name: 'home',
    // use a template function from your favourite templating engine
    // or pass a raw template function
    template(data) {
        return `<document>
                    <alertTemplate>
                        <title>${data.title}</title>
                        <description>${data.description}</description>
                    </alertTemplate>
                </document>`;
    },
    // pass some raw data to be applied
    // or a data function that returns the data
    data: {
        title: 'Homepage',
        description: 'This is my super awesome homepage created using atvjs.'
    }
});

// later in your application you can do something like below to navigate to the page
ATV.Navigation.navigate('home');

Or you can use the jade loader:

import alertTemplate from './templates/alert.jade';

ATV.Page.create({
    name: 'home',
    // use a template function from your favourite templating engine
    // or pass a raw template function
    template: alertTemplate,
    // pass some raw data to be applied
    // or a data function that returns the data
    data: {
        title: 'Homepage',
        description: 'This is my super awesome homepage created using atvjs.'
    }
});

// later in your application you can do something like below to navigate to the page
ATV.Navigation.navigate('home');

Rate & Review

Great Documentation1
Easy to Use0
Performant1
Highly Customizable1
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use1
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
Waren GonzagaMetro Manila, Philippines51 Ratings620 Reviews
I'm the person who wastes my time just to save yours! ✌😎
10 months ago
Hard to Use
Performant
Great Documentation
Highly Customizable

The project is reliable and I love it. Still use till today. Useful if you are working with Yeoman to create tvOS apps.


0