Difference between revisions of "Komodo WebOS Add-on Install"

Latest revision as of 13:16, 23 December 2011

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
  - New Project
  - New Scene
- One Click Deploy
  - Package, Install, Launch to Emulator
  - Package, Install, Inspect in Emulator
  - Remove Application from Emulator
  - Launch Application in the Emulator
  - Close Application in the Emulator
  - Package, Install, Launch to Device
  - Remove Application from the Device
  - Launch Application on the Device
  - Close application on the Device
- Integrated JSLint with line and character jump!
- Quick Commands for even more features like "log" or "ssh"
- Editable Key Bindings for all important views and commands.
- ToDo List
- GUI Application Options
  - Edit Information with quick one click reversion. (appinfo.json)
  - 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
  - Beautifier
  - 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

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

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

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

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

Code Intelligence

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

Download Code Intelligence

Download Code Intelligence to any local folder

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

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

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

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!

@@ Line 5: / Line 5: @@
 * 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 Templarian to assist the Palm Pre development in this environment to make things easier.
+* 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
+** Quick Project Generation
-** One button packaging and testing of your projects to the Emulator for testing
+*** [[Image:Komodo_Folder_Pre_Add.png]] New Project
-*** as well as to the Pre itself!
+*** [[Image:Komodo_Page_White_Add.png]] New Scene
-** One button close and removal of projects from the Emulator
+** One Click Deploy
-** Integrates JSLint !
+*** [[Image:Komodo_Box_Add.png]] Package, Install, Launch to Emulator
-** Saves valuable time when developing your application for the Palm Pre WebOS.
+*** [[Image:Komodo_Box_Magnifier.png]] Package, Install, Inspect in Emulator
-<BR><BR>Below are specific installation instructions for the Komodo webOS Add-on.<BR><BR>
+*** [[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
+<BR>Below are specific installation instructions for the Komodo webOS Add-on.<BR><BR>
 |column2=
 ==Add-On Prerequisites==
 * Virtual Box
 * The SDK (Palm Software Development Kit. - including the emulator.)
-* You need [http://www.activestate.com/komodo_edit/ Komodo Edit v.5.1] - Click the "Download Now" button to download it and install. (not covered here.)
+* You need [http://www.activestate.com/komodo_edit/ Komodo Edit v.5.2.x] - Click the "Download Now" button to download it and install. (not covered here.)
 }}
 ==Komodo WebOS Add-on Download==
-[http://webos.templarian.com/komodo/ Download the Komodo webOS Add-on from Templarian HERE]
+[http://community.activestate.com/xpi/webos 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. <BR><BR>
@@ Line 29: / Line 52: @@
 * 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)
-[[Image:Komodo1.gif]]<BR>
+[[Image:Komodo_XPI_Drop.png|frame|none|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.
-[[Image:Komodo2.gif]]<BR>
+[[Image:Komodo_XPI_Install.png|frame|none|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.
-[[Image:Komodo4.gif]]
+[[Image:Komodo_XPI_Restart.png|frame|none|Restart Screen]]
-<BR><BR>
+<BR>
 ===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.
-[[Image:Komodo3.gif]]<BR><BR>
+[[Image:Komodo_Drop_Down.png|frame|none|Enable webOS Tab]]<BR>
 ===Verify the Install===
 * Your finished Komodo should look like the below.
@@ Line 48: / Line 71: @@
 * 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!<BR>
-[[Image:Komodo5.gif]]
+[[Image:Komodo_Tab.png|frame|none|webOS Tab]]
-<BR><BR><BR>
+<BR><BR>
 ==Code Intelligence==
 * Next we'll install the "Code Intelligence" add-on, which splashes code suggestions as-you-type.
 ===Download Code Intelligence===
-* [http://webos.templarian.com/wp-content/uploads/2009/05/rawmojo.zip Download Code Intelligence] to any local folder
+* [http://www.mediafire.com/?d427teb7apbd7ii Download Code Intelligence] to any local folder
 ===Install Code Intelligence===
 From within Komodo, do menu items:
@@ Line 64: / Line 87: @@
 ===Verify Code Intelligence===
 * Open any .js file,
-* type the word ''' ''then'' '''
+* 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.
-<BR><BR><BR>
+[[Image:Komodo_Code_Completion.png|frame|none|Code Completion Test]]
-<HR>
+<BR>
 ==Updates==
 * Updates to Komodo WebOS Add-on are detected automatically, but not installed.
 * You can also check for them manually
 ===Install the Update===
-[[Image:Komodo8.gif]]<BR>
+[[Image:Komodo_Manual_Update.png|frame|none|Manual Update]]<BR>
 * 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.
-[[Image:Komodo9.gif]]<BR>
+[[Image:Komodo_Update.png|frame|none|Install Update]]<BR>
 ===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!
-<BR><BR>
+<BR>