Titanium Studio Deep Dive: Customizing your Environment
•
2 recomendaciones•644 vistas
This document provides an overview of customizing the Titanium Studio IDE through Rubles. It describes how to create and modify Rubles to add features like commands, snippets, templates, and JSCA files. Rubles allow contributing things like themes, content assist, and more to improve the IDE experience for Titanium development. The document also discusses scopes, inputs/outputs, and listeners which are key concepts for building Rubles.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a Titanium Studio Deep Dive: Customizing your Environment
Similar a Titanium Studio Deep Dive: Customizing your Environment (20)
Más de Axway Appcelerator
Más de Axway Appcelerator (20)
Último
Último (20)
Titanium Studio Deep Dive: Customizing your Environment
- 1. Titanium Studio Deep Dive Ingo Muschenetz
- 2. Photo: babawheels.com Pimp My RIDE Customizing your Titanium Studio
- 3. Director, Tools Engineering, Appcelerator Leads both the Titanium Studio and Aptana Studio products and communities 10+ years designing developer tools and experiences
- 4. Titanium Studio Aptana Studio Eclipse Platform
- 5. Titanium Studio Mobile/Desktop platform support specific to Titanium Development. Titanium- specific content assist, Android/iOS debugging. Aptana Studio Web language support(HTML, JS, CSS, Ruby, PHP, Python). FTP/SFTP, JavaScript debugging infrastructure. Git, Rubles. Eclipse Platform IDE Shell, project management, basic editor architecture. Default preference layout. Toolbars. Update mechanisms.
- 7. What is a Ruble? Scripting interface to Studio Coded in Ruby Contributes: Content Themes Commands Snippets Templates Assist
- 8. Creating a New Ruble 1. File > New > Ruby Project 2. Name your Ruble. Click Next 3. Select the Ruble Template 4. Click Finish Ruble template is itself a template contributed by a Ruble
- 10. Modifying an Existing Ruble 1. Commands > Ruble Name > Edit this bundle… 2. Ruble cloned into your workspace 3. Update to latest version with Git pulls http://wiki.appcelerator.org/display/tis/Rubles
- 12. Scopes CSS Document: body! {! ! background:#000000;! ! text-align:left;! }! 1. Colorize “background”? 2. Specify a valid region for property proposals?
- 13. Scopes " Scopes describe a subset of the document tree " Often closely map to language tokens " Scopes provide colorization and context " Themes collect scope colorization rules " Content assist/commands use scope context http://wiki.appcelerator.org/display/tis/Themes
- 14. Document Scope body! {! ! background : #000000 ;! ! text-align : left ;! }! source.css
- 15. Token Scopes support.type.property-name.css constant.other.color.rgb-value.css body! punctuation.rule.terminator.css {! ! background : #000000 ;! ! text-align : left ;! }! entity.name.tag.css support.constant.property-value.css punctuation.separator.key-value.css
- 16. Meta Scopes meta.property-name.css meta.property-value.css body! {! ! background : #000000 ;! ! text-align : left ;! }! meta.selector.css meta.property-list.css
- 17. Scope Example Colorization and Context " source.css " support.type.property-name.css Context " meta.property-list.css " meta.property-name.css
- 18. Matching Rules Most specific scope matches first text.html vs. text Descendant selectors text.html source.php
- 19. Embedded Scopes text.html <html>! !<body>! ! !<?php! ! !! ! !?> !! ! !</body>! source.php </html>!
- 20. Scopes are Hierarchial Generally follow a convention of category.sub-category.language-extension comment All comments comment.line All line comments All line comments in comment.line.js JavaScript files
- 21. The Properties View helps discern relevant scopes
- 23. Commands A script triggered manually or automatically Execute on: " Menu selection " Content assist " Tab activation " File listener " Eclipse “Command” execution
- 24. Sample Commands " Compile CoffeeScript " Post editor selection as gist " Execute editor selection as bash command " Strip HTML tags from a document " Run JSHint/HTMLTidy " Deploy app to cloud service " Execute any Java, Ruby, or Eclipse code http://wiki.appcelerator.org/display/tis/Ruble+Cookbook
- 25. Command Example command 'Swap Case' do |cmd|! cmd.key_binding = 'SHIFT+CTRL+A'! cmd.scope = 'source'! cmd.input = :selection! cmd.output = :replace_selection! cmd.invoke do |context|! word = $stdin.gets! context.exit_discard if word.nil?! print word.swapcase! end! end!
- 26. Command Demo
- 27. Inputs & Outputs Input Specifiers Output Specifiers selection insert_as_text left_character insert_as_snippet right_character replace_selection word replace_document line copy_to_clipboard document show_as_html clipboard show_as_tooltip none create_new_document discard replace_line replace_word
- 28. Listener Example command "Show Save Information" do |cmd|! cmd.input = :none! cmd.output = :discard! cmd.trigger = :execution_listener, ! "org.eclipse.ui.file.save"! cmd.invoke do |context|! # code here! end! end !
- 30. Snippets Snippets focus on inserting small pieces of content. Commonly use activation triggers (tab) Support: " Tab stops " Mirrored variables " Very similar to TextMate snippets http://wiki.appcelerator.org/display/tis/Snippets
- 31. Snippet Example snippet "background: color" do |s|! s.scope = "meta.property-list.css" ! s.trigger = "bgr"! s.expansion = "background:${1:red};$0"! end!
- 32. Snippet Example (Mirrored) snippet "background-foreground" do |s|! s.scope = "meta.property-list.css" ! s.trigger = "bgfr"! s.expansion = "background: ${1:red};! ! ! ! ! ! foreground: ${1}$0"! end!
- 33. Snippet Demo
- 35. Project Templates Provide default content for a new project " Packaged as .zip file " Variable substitutions " Contributed via Ruble or Extension point http://wiki.appcelerator.org/display/tis/Templates
- 36. Project Template Example project_template "Ruble Template" do |t|! t.type = :ruby! t.location = "templates/ruble_template.zip"! t.description = "A simple Ruble sample"! t.replace_parameters = true! end!
- 37. File Templates Provide default content for a particular file type " Variable substitutions " Contributed via Ruble http://wiki.appcelerator.org/display/tis/Templates
- 38. File Template Example template("HTML 5 Template") do |t|! t.filetype = "*.html"! t.location = "templates/html5.html"! end!
- 40. JSCA Files " 3rd-party library content assist " XML- and JSON-based " Forthcoming tools to generate from TiDoc http://wiki.appcelerator.org/display/tis/JSCA +1.0+Specification
- 41. JSCA Example {! "types": [! {! "name": "Titanium.Android.NotificationManager", ! "examples": [], ! "functions": [! {! "name": "addEventListener", ! "parameters": [! {! "name": "name", ! "usage": "", ! "type": "String", ! "description": "name of the event"! },!
- 42. Documentation Example In bundle.rb: require 'ruble'! bundle 'Titanium' do |bundle|! bundle.project_build_path["Titanium 1.8"] = ! "#{File.dirname($0)}/titanium.1.8.jsca"! end!
- 44. Plugins " Eclipse-based so most Eclipse plugins work " Database Explorer " Mobile Tooling " Java extensibility via extension points " Eclipse Marketplace
- 45. Resources Titanium-specific Rubles " https://github.com/mschmulen/appfab.ruble " https://github.com/aptana/titanium.ruble Additional Rubles: " https://github.com/aptana/
- 46. AppFab Demo