Date post: | 16-Apr-2017 |
Category: |
Software |
Upload: | ingo-muschenetz |
View: | 3,379 times |
Download: | 1 times |
TiConf EU AmsterdamINGO MUSCHENETZSr. Director of Platform and Tooling, Appcelerator@bingomar
About Me
Currently responsible for all “Client” productsLed design of Aptana, an open-source Web IDEAptana acquired by Appcelerator. Aptana folded into Titanium Studio10+ years fostering vibrant open source communitiesArchitected web-based framework for secure DoD healthcare applications (acquired by Humana)
We can’t build it alone…
The Titanium CommunityA FORCE FOR GOOD
TITANIUM IS GROWING UP
NUMBER OF UNIQUE MOBILE DEVICES
250,000,000
NUMBER OF REGISTERED TITANIUM DEVELOPERS
604,000
NUMBER OF CLOUD API REQUESTS
30,000,000,000
FORTUNE 100 COMPANIES USING TITANIUM
68% of F100
The road ahead
Upcoming Titanium Release
3.3.0 – targeted for mid-July800+ issues addressed (50% bugs, 50% features)Continued performance & parity improvements
Ti.include()[gone!]*
*deprecated in 3.3.0. Will go away in 3.4.0
Alloy
Custom TSS queries<Annotation> tag support in maps, plus data-binding for annotation generationWidget themesCustomizing the Android ActionBar using the <Menu> tagCreating Date/Time pickersKeyboard and returnkey type shortcuts
Demo: AlloyCUSTOM TSS QUERIES
Custom TSS Queries
'#boydlee': {image: '/boydlee.jpg',width: '75%',top: 10,borderWidth: 3
}
/* CUSTOM TSS QUERIES */
'#boydlee[if=Alloy.Globals.isTalliPhone]': {image: '/boydlee0.jpg',borderColor: '#4682b4'
}
'#boydlee[if=Alloy.Globals.isGalaxyS5]': {image: '/boydlee1.jpg',borderColor: '#70a050'
}
CLI
Windows HybridProject templatesConsolidated module projectsdeploy.json is baked into the APKNo more version number formatting for iOS and AndroidDisplay iOS logging when running app on deviceGenymotion officially supported (includes debugging)
SDK
NSURLConnectionAppCompat libraryCoreMotion moduleView Clipping/View ShadowsFull-text search of documentationBlackBerry updates
Studio
Push to device is default (no iTunes sync)Improved Studio Packaging (smaller, more robust)Configuring Studio proxy configures CLI proxyAlloy productivity features:
Jump to event/class/id definitions from controller classCreate event/class /id definitions from controller classCreate new view and style files through context menu
Active Committers• Opened up Appcelerator
Community• Reduced active PRs
backlog by 50%• Invited Open-Source
module committers• Move wiki guides public
and invite comments• Prettify public spaces
Automation and Testing
ti-mochaFramework for running Mocha-based unit tests in TitaniumBeta stagehttps://github.com/tonylukasavage/ti-mocha
tio2Framework for running Ti-mocha tests on emulators and devices and reporting resultsAlpha stagehttps://github.com/appcelerator/tio2
That was the first half (H1) of 2014.How about H2 …or H6?
Ti.Next
Next major release of Titanium (aka 4.0)Significant re-architecture of Titanium(Mostly) same APIHuge performance boost and reduction in app sizeImproved extensibilityWindows support
Ti.Next Foundation
Foundation of Ti.Next is a new compiler, built from the ground up for performance, extensibility
Open Source under Apache Public License v2http://github.com/appcelerator/hyperloopOver a year of R&D already on Hyperloop (6th generation compiler under development)
Hyperloop fundamentally changes game
Hyperloop will allow mixed modes of integration:Titanium traditional (all-in)Titanium in NativeNative in TitaniumTitanium in other frameworks (Phonegap, Xamarin)Pure Native (Hyperloop only)
What is Hyperloop?
Hyperloop turns JS code into native code by mapping the native APIs into JS syntaxHyperloop will be (mainly) used by Titanium platform developers to build Titanium APIs or modulesA more traditional compiler architecture:
Front-end (parse and transform JS AST)Back-end (generate native, platform specific code)+Metabase (metadata about target platform)
Hyperloop iOS Example
“use hyperloop”
var view = new UIView(CGRectMake(100,100,50,50));
view.backgroundColor = UIColor.redColor();
var window = new UIWindow();
window.addSubview(view);
window.makeKeyAndVisible()
Need to revist (dn’t pollute the global namespace)
Hyperloop Front-end
Front-end turns JS code into an AST and then performs transformations on the code to make it more suitable for native generation.
JavaScript to Native
Ti.Current
app.js
Titanium SDK (JS)
Titanium SDK
(Native)
Ti.Next (Dev-Time)
app.js
Titanium SDK (JS)
Ti.SDK (Native)
Ti.Next (Runtime)
Ti.SDK (Native)
app.js (JS)
app.js (Native)
Ti.SDK (JS)
Example Generation
app.js:
var b = 1;
HL_jscode.mm:
// variable:12 auto b = JSValueMakeNumber(ctx,1);auto var13 = JSStringCreateWithUTF8CString("b");JSObjectSetProperty(ctx,object,var13,b,0,exception);CHECK_EXCEPTION(exception);
JavaScript to Native Compilation
Ti.Current FutureImproved HeuristicsHyperloop
(H1)Hyperloop
(H6)
JavaScript
Native
JavaScriptCore
Hyperloop Back-end
Back-end generates C/C++ code for target platform
~90% of the back-end code is reusable for all platforms supported10% is basically specific syntax for things like calling methods, properties, etc. and other platform specific nuances (differences in file extensions, etc.)
Hyperloop Metabase
Defined platform APIs in JSON formatAutomatically generated for all platforms supportedComplete tree of a platform’s public API (classes, functions, types, etc.)Supports C and platform-specific languages (Objective-C, Java, etc.)Uses Clang (+platform specific tools) to generateRich metadata about the platform
Hyperloop Android Metabase example
"java.lang.String": { "package": "java.lang", "interfaces": [ "java.io.Serializable", "java.lang.Comparable", "java.lang.CharSequence" ], "superClass": "java.lang.Object", "attributes": [ "final", "public" ], "metatype": "class", "methods": { "<init>": [ { "exceptions": [], "args": [], "name": "<init>", "attributes": [ "public" ],
Hyperloop iOS Metabase example
"NSString": { "metatype": "interface", "framework": "Foundation", "superClass": "NSObject", "protocols": [ "NSCopying", "NSMutableCopying", "NSSecureCoding" ], "name": "NSString", "methods": { "length": [ { "name": "length", "metatype": "method", "instance": true, "selector": "length", "returnType": "unsigned int", "returnSubtype": "NSUInteger", "requiresSentinel": false, "args": [] } ],
Hyperloop Windows Metabase example
"Platform.String": { "methods": { ".ctor": [ { "attributes": [ "public", "hidebysig", "specialname", "rtspecialname", "instance", "runtime", "managed" ], "returnType": "void", "name": ".ctor", "args": [] } ], "modopt": [ { "attributes": [ "public", "hidebysig”,
Hyperloop JS engine
Unified JS engine for all platforms based on JavaScriptCore
iOS 7.0+ comes with engine installedPort for Windows and Android
Performance testing showed JSC was basically native speed
Hyperloop code re-writing
Huge blocks of code are optimized into pure native code generationNo penalty for “JS bridge” like in Ti.currentJS engine runs on main UI thread:
No thread context switching / creation overheadWill provide background worker for asynchronous non-blocking tasks
Hyperloop Experimentation
git clone https://github.com/appcelerator/hyperloop.gitgit checkout v2.0.0./setup.shcd hyperloop-clisudo npm link
Hyperloop Run (iOS)
cd <project directory>hyperloop clean library compile package launch --src=. --arch=i386
Interesting options:--dump-ir.hyperloop file, add { "obfuscate": false }
Demo: Hyperloop On AndroidGENERATION 6 COMPILER (H6)
Demo: Hyperloop On WindowsGENERATION 6 COMPILER (H6)
Ti.Next
Titanium APIs are being implemented using Hyperloop and compiled using Hyperloop compiler
Titanium APIs (and native APIs) will be first-class JS objectsGoal is to generate API interfaces, test cases from API documentationFull Node.js require implementationWill likely deprecate platform specific APIs and provide a compatibility moduleLikely will reduce size of overall APITitanium APIs will use module design
Ti.Next Modules
Migration path for modules (still trying to determine)Packaging likely will change and modules will be expressed in Hyperloop syntaxPossibility of a module compatibility shim
Hyperloop in Ti.Current
Hyperloop is already being used in Ti.Current!
URLSession API in Titanium 3.2CoreMotion API in Titanium 3.3https://github.com/appcelerator/hyperloop/wiki/Using-Hyperloop-code-in-Ti.Current-SDKProbably our compatibility layer (so API will be same to developer, implementation different)
When?
Gen6 compiler close to release:Almost have enough completed for all 3 major backends (iOS, Android, Windows) before Ti.Next API framework design can startLikely 6+ months from this pointTarget is beta before end of year…could be soonerLikely Windows Developer Preview Release first
iOS 8
Similar approach to iOS 7. Pre-releases track public betasIn planning stages now. Gathering feedback on areas of interest
Capability of adding interactive widgets to the notifications areaHealth Kit / Home KitAdding Extensions to the Share SheetMultiple keyboardsCamera APIs / Touch API
TO NEW ADVENTURES
Thank YouINGO MUSCHENETZ@bingomar