Useful Tips

There are useful tips for webOS TV IDE such as:

Shortcut

The webOS TV IDE provides shortcut keys for webOS menu. To use the shortcuts below, click the guided set buttons simultaneously, then click the representative character. For example, "Ctrl+Alt+W, P" is telling you to press the Ctrl key and while continuing to hold the Ctrl key, press the Alt key and W. Then release all keys from the keyboard and press P key to perform the shortcut.

The shortcut keys are listed on the right bottom of the screen by pressing "Ctrl+Alt+W".

Menu Shortcut
New webOS Project Ctrl+Alt+W, P
Register Application as Template Ctrl+Alt+W, A
New Enyo Source File Ctrl+Alt+W, F
Import webOS Project Ctrl+Alt+W, I
Export IPK Ctrl+Alt+W, E
Run as browser Ctrl+Alt+W, B
Run webOS Application Ctrl+Alt+W, R
Debug webOS Application Ctrl+Alt+W, D
Debug JS service with Node inspector Ctrl+Alt+W, N

Exporting IPK

The web application must be packaged to be tested on a real TV, to be submitted to Seller Lounge or any other purposes.

Following shows how to export a package file (.ipk) in the webOS TV IDE:

  1. Click webOS Menu > Export IPK from the menu.
  2. On Export IPK window, select a packaging type: minify or non-minify. If needed, select a location to export an IPK file after packaging a web application.
  3. If your app has service(s) to package, follow the steps below. If not, skip this step.
    1. Click the Next button.
    2. Select the service(s) to package with the app.
  4. Click Finish button.
    After packaging a web application, the package file (.ipk) is created, where the user sets in Export IPK menu. You can check the status and the path of the created package file in Console.

Running HTML on Web Browser

The webOS TV IDE provides the preview on an integrated chromium browser as an external web browser. This enables you to check the preview of an application before launching on a target device.

Following shows how to run a web application on a web browser:

  1. In the IDE, select an html file in the Project Explorer which you want to preview.
  2. Click webOS Menu > Run as browser from the menu. Or,
    Click toolbar icon (icon_browser.png).
  3. Then, the preview is launched on a chromium browser.

Using Enyo Content Assist

webOS TV IDE provides content assist feature to enyo developers. Content assist provided for JavaScript source file of webOS project. It contains following features:

  • Content assist for Enyo, Moonstone, onyx, canvas, layout, spotlight, and svg libraries.
  • Preferences settings (webOS Menu >webOS preferences >Content Assist) to get content assist support for private properties.
Name Description
Variable Creation

Content assist for require and import libraries

 

Export kind

Content assist for module export to define kind

 

Define kind library

Content assist to show library variables to extend component

 

Define components

Content assist to define components object, which shows name, kind, mixins, respective properties and events

 

Expose property for other library

Object to define property to expose. Property changed method also suggested as content assist.

 

Define events

Events object to define new events. Defined events can handle in handlers object.

 

Define handlers

Handler object to define function name for event handlers and same function will suggest as content assist.

 

Bindings

Binding to map properties of defined component through $.componentname &map properties of kind through propertyname. It support all predefined binding property.

 

Mixins

Mixins array shows all possible library which supports mixins property.

 

Functions
  • Shows public function of kind library which user can override.
  • Shows functions for event handlers
  • Shows for property changed

 

webOS service request
  • Shows webOS service request template to call service
  • Shows luna services library
  • Shows method of defined library and parameter
 
Enyo service request
  • Shows enyo service request template to call service
  • Shows luna services library.
  • Show method of defined library
  • Shows parameter on service’s go method.
 

Opening Views

During developing an application in IDE, any view such as Project Explore, Target Configuration can be closed by mistake.

Following shows how to open views:

  1. Click Window > Show View from the menu.
    The openable views are listed on the left or right side of the menu.
  2. Select one among Console, Image Viewer, Outline, Problems, Project Explorer, Search, Servers, Target Configuration and other.
  3. Then, the selected view will be open to the current perspective.

Help Menu

The About webOS IDE for webOS TV Developers menu provides the helpful link for developers.

  1. In the IDE, click Help > About webOS IDE for webOS TV Developers from the menu.
  2. Click the link on the popup window. Then, the web browser is open and goes to the Using webOS TV Eclipse IDE help page in the LG Developer site.
Navigation