Komodo WebOS Add-on Install

From WebOS Internals

Jump to: navigation, search

Contents

Brief Description

  • The Palm Development Kit (SDK) is a free download from Palm
  • Komodo Edit is a free cross-platform editor from ActiveState
  • There is a Komodo webOS Add-on from Austin (IRC, twitter Templarian) to assist the Palm Pre development in this environment to make things easier.
  • The Komodo WebOS Add-on features:
    • Quick Project Generation
      • Image:Komodo_Folder_Pre_Add.png New Project
      • Image:Komodo_Page_White_Add.png New Scene
    • One Click Deploy
      • Image:Komodo_Box_Add.png Package, Install, Launch to Emulator
      • Image:Komodo_Box_Magnifier.png Package, Install, Inspect in Emulator
      • Image:Komodo_Box_Delete.png Remove Application from Emulator
      • Image:Komodo_Box_Go.png Launch Application in the Emulator
      • Image:Komodo_Box_Cancel.png Close Application in the Emulator
      • Image:Komodo_Pre_Add.png Package, Install, Launch to Device
      • Image:Komodo_Pre_Delete.png Remove Application from the Device
      • Image:Komodo_Pre_Go.png Launch Application on the Device
      • Image:Komodo_Pre_Cancel.png Close application on the Device
    • Image:Komodo_Script_Gear.png Integrated JSLint with line and character jump!
    • Image:Komodo_Cog_Go.png Quick Commands for even more features like "log" or "ssh"
    • Image:Komodo_Keyboard.png Editable Key Bindings for all important views and commands.
    • Image:Komodo_Clipboard.png ToDo List
    • GUI Application Options
      • Image:Komodo_Page_White_Text_Edit.png Edit Information with quick one click reversion. (appinfo.json)
      • Image:Komodo_Cog_20.png One click change of log settings. (framework_config.json)
    • Sorting of .ipk files into debug and release builds.
    • Other
      • Over 100 icons including animated processing icons.
      • Constantly updating with extended features.
      • Extends Komodo macros for more specific functionality.
      • Work side-by-side non webOS Projects.
    • Coming Soon
      • Image:Komodo_Script_Palette.png Beautifier
      • Image:Komodo_Bug.png Integrated Debugging


Below are specific installation instructions for the Komodo webOS Add-on.

Add-On Prerequisites

  • Virtual Box
  • The SDK (Palm Software Development Kit. - including the emulator.)
  • You need Komodo Edit v.5.2.x - Click the "Download Now" button to download it and install. (not covered here.)

Komodo WebOS Add-on Download

Download the Komodo webOS Add-on from Templarian HERE

  • This is the Add-on you'll need for Palm Pre development. Go to this page and view the link to the file.
  • You'll need the .xpi file itself, save into any folder.

Komodo WebOS Add-on Install

  • Run Komodo first.
  • Then open the folder where you've saved the Add-On .xpi file
  • Arrange windows so that you can view them With both Komodo and the Folder open at the same time.
  • Drag-and-drop the .xpi into Komodo, to the blank space right of Help on the menu bar, below the blue title bar as shown here (the white icon in this image is the dragged-over .xpi file)
Dropping the XPI file into Komodo
Dropping the XPI file into Komodo
  • When you release the dragged-over icon, it will install itself into Komodo.
  • Komodo detects the install attempt and shows the Authors Whom You Trust warning.
  • You must choose INSTALL NOW button - this is the execution of the install.
Install Screen
Install Screen
  • You only need to do this once - future upgrades happen automatically from within Komodo Edit, itself.
  • Next Komodo should show the completed Add-ons completion screen shown below.
  • Choose RESTART KOMODO EDIT button to restart Komodo, for the Add-On to begin running.
Restart Screen
Restart Screen


Enable the WebOS Add-On

  • The Komodo WebOS Add-On is disabled by default after install.
  • In order to enable it, go into menu item View - and choose WebOS near the bottom.
Enable webOS Tab
Enable webOS Tab

Verify the Install

  • Your finished Komodo should look like the below.
  • If you can see the new tab for the Add-On near the bottom section "WebOS", the install worked.
  • Some options are disabled (greyed-out) at first if there isn't yet a project open. This is expected.
  • Future updates are automatic on startup of Komodo!
webOS Tab
webOS Tab



Code Intelligence

  • Next we'll install the "Code Intelligence" add-on, which splashes code suggestions as-you-type.

Download Code Intelligence

Install Code Intelligence

From within Komodo, do menu items:

  • Edit
  • Preferences
  • Code Intelligence
    • Add an API CATALOG BUTTON near the bottom-right, and
    • Browse to your download folder and Select the .cix file for Code Intelligence.

Verify Code Intelligence

  • Open any .js file,
  • type the word them
  • A pop-up should suggest theme
  • If you don't see a pop-up, then you may be out of scope try Mojo..
  • If you see the pop-up, then Code Intelligence is successfully enabled.
Code Completion Test
Code Completion Test


Updates

  • Updates to Komodo WebOS Add-on are detected automatically, but not installed.
  • You can also check for them manually

Install the Update

Manual Update
Manual Update

  • To see available updates and install, do Tools - Add-Ons...
    • At the bottom use the FIND UPDATES button
    • If an update is found for the webOS Add-on, use the INSTALL UPDATES button.
    • At completion of the upgrade, choose RESTART KOMODO EDIT button.
Install Update
Install Update

Verify

  • In Komodo, do Tools - Add-Ons...
  • At the bottom use the FIND UPDATES button again.
  • Now, the result should be "no updates were found" - if so, you've successfully updated!


Personal tools
webos announcements
Toolbox
Sponsored Links