PDA

View Full Version : Sencha Touch Jsbuilder help required



morgy
25 Nov 2010, 12:25 AM
Hi, as a newbie to this great technology I would really appreciate a bit more help regarding the Sencha Touch jsbuilder.
Any examples on how to get started would be great - I can't fathom how to begin reading the README.md
I see it's cross platform, I'm using Osx

Thanks

evant
25 Nov 2010, 12:56 AM
On Windows:



TouchPath\jsbuilder\JSBuilder.bat -d outputdir -p TouchPath\sencha-touch.jsb3 --verbose


On Mac/Linux


TouchPath/jsbuilder/JSBuilder.sh --projectFile TouchPath/sencha-touch.jsb3 --deployDir outputdir

morgy
25 Nov 2010, 1:08 AM
Thanks evant.

Do you have examples of the jsb3 file format? I guess I will need to analyse my index.js to see which libraries I'm using.

Cheers

SimonFlack
8 Dec 2010, 1:17 AM
Hey evant.

Any ideas as to how I can get rid of comments. I have patched Anim.js to work around the webkitTransitionEnd issue [OPEN-602] but when I rebuild sencha-touch.js using the shipped sencha-touch.jsb3 file my outputed sencha-touch-debug.js file is full of comments and actually larger than the shipped -w-comments.js file.


C:\Users\Simon\Work\sencha-touch-1.0.1\jsbuilder>JSBuilder.bat -p ..\sencha-touch.jsb3 -d .. --verbose

Loading the Sencha Touch Project
Loaded 12 Packages
Loaded 1 Builds

Creating the "Platform Util" target as "pkgs\platform\util.js"
- 20 file(s) included in this target.
+ src\platform\src\Ext.js
+ src\platform\src\util\Observable.js
+ src\platform\src\util\Stateful.js
+ src\platform\src\util\HashMap.js
+ src\platform\src\util\MixedCollection.js
+ src\platform\src\util\AbstractManager.js
+ src\platform\src\util\DelayedTask.js
+ src\platform\src\util\GeoLocation.js
+ src\platform\src\util\Point.js
+ src\platform\src\util\Offset.js
+ src\platform\src\util\Region.js
+ src\platform\src\util\Template.js
+ src\platform\src\util\XTemplate.js
+ src\platform\src\util\Sorter.js
+ src\platform\src\util\Filter.js
+ src\platform\src\util\Function.js
+ src\platform\src\util\Date.js
+ src\platform\src\util\Number.js
+ src\platform\src\util\Format.js
+ src\platform\src\util\LoadMask.js

Creating the "Platform Native" target as "pkgs\platform\native.js"
- 1 file(s) included in this target.
+ src\platform\src\native\Array.js

Creating the "Platform Core" target as "pkgs\platform\core.js"
- 5 file(s) included in this target.
+ src\platform\src\ComponentMgr.js
+ src\platform\src\ComponentQuery.js
+ src\platform\src\PluginMgr.js
+ src\platform\src\EventManager.js
+ src\platform\src\Support.js

Creating the "Platform MVC" target as "pkgs\platform\mvc.js"
- 9 file(s) included in this target.
+ src\core\History.js
+ src\platform\src\app\ControllerManager.js
+ src\platform\src\app\Controller.js
+ src\platform\src\app\Dispatcher.js
+ src\platform\src\app\Router.js
+ src\platform\src\app\Route.js
+ src\platform\src\app\Interaction.js
+ src\platform\src\app\Application.js
+ src\platform\src\app\ApplicationManager.js

Creating the "Data Foundation" target as "pkgs\platform\data-foundation.js"
- 36 file(s) included in this target.
+ src\platform\src\data\Batch.js
+ src\platform\src\data\Model.js
+ src\platform\src\data\Association.js
+ src\platform\src\data\HasManyAssociation.js
+ src\platform\src\data\BelongsToAssociation.js
+ src\platform\src\data\PolymorphicAssociation.js
+ src\platform\src\data\Validations.js
+ src\platform\src\data\Errors.js
+ src\platform\src\data\Field.js
+ src\platform\src\data\SortTypes.js
+ src\platform\src\data\Types.js
+ src\platform\src\data\ModelMgr.js
+ src\platform\src\data\Operation.js
+ src\platform\src\data\ProxyMgr.js
+ src\platform\src\data\ReaderMgr.js
+ src\platform\src\data\Request.js
+ src\platform\src\data\ResultSet.js
+ src\platform\src\data\stores\AbstractStore.js
+ src\platform\src\data\Store.js
+ src\platform\src\data\stores\TreeStore.js
+ src\platform\src\data\StoreMgr.js
+ src\platform\src\data\WriterMgr.js
+ src\platform\src\data\Tree.js
+ src\platform\src\data\Node.js
+ src\platform\src\data\proxies\Proxy.js
+ src\platform\src\data\proxies\ServerProxy.js
+ src\platform\src\data\proxies\AjaxProxy.js
+ src\platform\src\data\proxies\RestProxy.js
+ src\platform\src\data\proxies\ScriptTagProxy.js
+ src\platform\src\data\proxies\ClientProxy.js
+ src\platform\src\data\proxies\MemoryProxy.js
+ src\platform\src\data\proxies\WebStorageProxy.js
+ src\platform\src\data\proxies\LocalStorageProxy.js
+ src\platform\src\data\proxies\SessionStorageProxy.js
+ src\platform\src\data\readers\Reader.js
+ src\platform\src\data\writers\Writer.js

Creating the "Data - Json" target as "pkgs\platform\data-json.js"
- 7 file(s) included in this target.
+ src\platform\src\data\writers\JsonWriter.js
+ src\platform\src\data\readers\JsonReader.js
+ src\platform\src\data\readers\TreeReader.js
+ src\platform\src\data\readers\ArrayReader.js
+ src\platform\src\data\stores\ArrayStore.js
+ src\platform\src\data\stores\JsonStore.js
+ src\platform\src\data\stores\JsonPStore.js

Creating the "Data - XML" target as "pkgs\platform\data-xml.js"
- 3 file(s) included in this target.
+ src\platform\src\data\writers\XmlWriter.js
+ src\platform\src\data\readers\XmlReader.js
+ src\platform\src\data\stores\XmlStore.js

Creating the "Touch Core" target as "pkgs\core.js"
- 12 file(s) included in this target.
+ src\core\Ext.js
+ src\util\TapRepeater.js
+ src\util\JSON.js
+ src\util\JSONP.js
+ src\util\Draggable.js
+ src\util\Droppable.js
+ src\util\Scroller.js
+ src\util\Sortable.js
+ src\util\Date.js
+ src\data\Connection.js
+ src\util\EventSimulator.js
+ src\util\EventRecorder.js

Creating the "Touch Gestures" target as "pkgs\gestures.js"
- 8 file(s) included in this target.
+ src\gestures\Manager.js
+ src\gestures\Event.js
+ src\gestures\Gesture.js
+ src\gestures\Touch.js
+ src\gestures\Tap.js
+ src\gestures\Swipe.js
+ src\gestures\Drag.js
+ src\gestures\Pinch.js

Creating the "Touch DOM" target as "pkgs\dom.js"
- 14 file(s) included in this target.
+ src\core\Element.js
+ src\platform\src\core\Element.static.js
+ src\core\Element.static-more.js
+ src\core\Element.position.js
+ src\core\Element.style.js
+ src\platform\src\core\Element.traversal.js
+ src\core\Element.traversal-more.js
+ src\platform\src\core\Element.insertion.js
+ src\core\Element.alignment.js
+ src\core\CompositeElement.js
+ src\core\DomHelper.js
+ src\core\DomQuery.js
+ src\core\Anim.js
+ src\core\Anim.more.js

Creating the "Touch Layouts" target as "pkgs\layouts.js"
- 11 file(s) included in this target.
+ src\platform\src\layout\LayoutManager.js
+ src\platform\src\layout\Layout.js
+ src\platform\src\layout\component\ComponentLayout.js
+ src\platform\src\layout\component\AutoComponentLayout.js
+ src\platform\src\layout\component\DockLayout.js
+ src\layout\component\FieldLayout.js
+ src\platform\src\layout\container\ContainerLayout.js
+ src\platform\src\layout\container\AutoContainerLayout.js
+ src\platform\src\layout\container\FitLayout.js
+ src\platform\src\layout\container\CardLayout.js
+ src\layout\container\BoxLayout.js

Creating the "Widgets" target as "pkgs\widgets.js"
- 46 file(s) included in this target.
+ src\platform\src\Component.js
+ src\widgets\Component.js
+ src\platform\src\Container.js
+ src\widgets\Container.js
+ src\platform\src\Panel.js
+ src\widgets\Panel.js
+ src\widgets\Button.js
+ src\widgets\SegmentedButton.js
+ src\platform\src\misc\AbstractStoreSelectionModel.js
+ src\platform\src\misc\DataViewSelectionModel.js
+ src\platform\src\misc\DataView.js
+ src\widgets\DataView.js
+ src\widgets\List.js
+ src\widgets\IndexBar.js
+ src\widgets\Toolbar.js
+ src\widgets\Sheet.js
+ src\widgets\TabBar.js
+ src\widgets\Tab.js
+ src\widgets\TabPanel.js
+ src\widgets\Carousel.js
+ src\widgets\Map.js
+ src\widgets\NestedList.js
+ src\widgets\Picker.js
+ src\widgets\DatePicker.js
+ src\widgets\Media.js
+ src\widgets\Video.js
+ src\widgets\Audio.js
+ src\widgets\MessageBox.js
+ src\widgets\form\FormPanel.js
+ src\widgets\form\FieldSet.js
+ src\widgets\form\Field.js
+ src\widgets\form\Slider.js
+ src\widgets\form\Toggle.js
+ src\widgets\form\Text.js
+ src\widgets\form\Password.js
+ src\widgets\form\Email.js
+ src\widgets\form\Url.js
+ src\widgets\form\Search.js
+ src\widgets\form\Number.js
+ src\widgets\form\Spinner.js
+ src\widgets\form\Hidden.js
+ src\widgets\form\Checkbox.js
+ src\widgets\form\Radio.js
+ src\widgets\form\Select.js
+ src\widgets\form\TextArea.js
+ src\widgets\form\DatePicker.js

Creating the "Sencha Touch" target as "sencha-touch-debug.js"
- 12 package(s) included in this target.
+ pkgs\platform\util.js
+ pkgs\platform\native.js
+ pkgs\platform\core.js
+ pkgs\platform\data-foundation.js
+ pkgs\platform\data-json.js
+ pkgs\platform\data-xml.js
+ pkgs\platform\mvc.js
+ pkgs\dom.js
+ pkgs\core.js
+ pkgs\gestures.js
+ pkgs\widgets.js
+ pkgs\layouts.js
* Parse sencha-touch-debug.js with options:
- minVersion: 1.1
- debug: true
* Compress and obfuscate sencha-touch-debug.js...

Copy resources...
+ resources/
+ src/
+ jsbuilder/
+ examples/
+ test/
+ sencha-touch.jsb3
+ license.txt
+ license.inc
+ release-notes.html
+ getting-started.html
+ index.html

Done building!

sencha-touch.js --> 359 KB
sencha-touch-debug.js --> 1507 KB (This is 50 KB larger than shipped sencha-touch-w-comments.js)

Thanks

Simon