Giter Club home page Giter Club logo

tizen-web-base's Introduction

Tizen Webpack Base

This repository contains a base that is intended to develop apps for the Tizen OS.

The project is based on framework version 3.0, adds the TAU framework and is configured to use a modern javascript development environment.

You'll find a basic environment configured with

  • Webpack
  • Typescript
  • Sass (scss)
  • TAU (Tizen Advanced UI framework)
  • Tizen type definitions (to use intellisense within typescript when referencing to tizen API)

The basic config.xml has been taken directly from the tizen-cli.

Important! It seems that the TAU that comes with the example apps of Tizen Studio was broken, several images were missing. I managed to recover an old version of it and created some other images myself. I will try to update the TAU framework when a new version comes out, hoping that the Tizen team realizes that advanced js tools exist.

Requirements

To use this scaffold you need to have installed npm or yarn. You'll also need to have the tizen studio installed in order to actually test / build the final package.

Usage

Configure

Tizen wants your application to have a name, package and version. Name and version are interpolated by webpack, taking those defined in the package.json file.

You can edit the tizen-package property in the package.json to use your custom package name.

Develop

Develop your application code under the src directory, making sure to insert some bootstrapping code in the app.ts file.

All your styles will go under the css directory, you can import third party libraries as usual using the @import statement. The base TAU css is already included and if you wish to change the theme you can do so by editing the default theme to other TAU themes. (Possible values are black, blue, brown, changeable, default)

Build

To build the final distribution run yarn build or npm run build.

This will generate the final application in the build directory.

You can then use the tizen-cli to test the application and then build the final application distributable.

Whole process on Linux:

yarn build
cd build
tizen package -t wgt -s <yourProfileName> -- ./
tizen install -n <outputName> -t <deviceName> -- ./

You need to have defined the signing certificate and the signing profile in order to install the package (it won't install otherwise).

License

This starter pack is licensed under MIT license. The enclosed TAU (Tizen Advanced Ui) framework is licensed under the Flora license which you find enclosed in the repository.

tizen-web-base's People

Contributors

lukeds-it avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

shakahl alex4386

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.