[ATOM-2] Generate Alloy and Titanium completion list (#48)

* Generating auto-complete suggestions on launch, based on https://github.com/yomybaby/atom-titanium/blob/master/completionGenerateScript/titanium.js * Fixed image references in README and removed images from repo * Removing completions file; added sdk version to completions file; fixed Tiapp.xml change watcher * Fetching alloy path from appcelerator installation * Removed code to get alloy path from npm * Tested on Windows
tidev · Nov 22, 2017 · 9656c52 · 9656c52
1 parent 262ec78
commit 9656c52
Show file tree

Hide file tree

Showing 15 changed files with 252 additions and 25,801 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,5 @@
 .DS_Store
 npm-debug.log
 node_modules
+screenshots
+lib/providers/completions.js
diff --git a/README.md b/README.md
@@ -1,8 +1,19 @@
+<!-- <img width="385" alt="autocomplete_alloy_class" src="https://user-images.githubusercontent.com/2697821/33011938-54d3d302-cdd7-11e7-910c-531f51454f74.png"> -->
+<!-- <img width="324" alt="autocomplete_alloy_widget" src="https://user-images.githubusercontent.com/2697821/33011939-54ebd5c4-cdd7-11e7-8cdd-b39a8c8b92d3.png"> -->
+<!-- <img width="251" alt="autocomplete_tss_class" src="https://user-images.githubusercontent.com/2697821/33011940-550697c4-cdd7-11e7-8c56-b6ad9cb400a8.png"> -->
+<!-- <img width="558" alt="autocomplete_tss_image" src="https://user-images.githubusercontent.com/2697821/33011941-551aca50-cdd7-11e7-86ec-cae8ea0430ff.png"> -->
+<!-- <img width="539" alt="definitions_generate_tag" src="https://user-images.githubusercontent.com/2697821/33011942-553025bc-cdd7-11e7-8389-572b2bf811e0.png"> -->
+<!-- <img width="257" alt="definitions_tag" src="https://user-images.githubusercontent.com/2697821/33011943-554470ee-cdd7-11e7-9e04-1e49272c3f6d.png"> -->
+<!-- <img width="639" alt="generate_dialog" src="https://user-images.githubusercontent.com/2697821/33011944-555909fa-cdd7-11e7-8bc8-0301059b360d.png"> -->
+<!-- ![screenshot](https://user-images.githubusercontent.com/2697821/33011945-556d79c6-cdd7-11e7-84a6-78c3a57b6eb1.png) -->
+
+
+
 # Appcelerator Titanium package for Atom
 
 Appcelerator Titanium build tools and UI for the [Atom text editor](https://atom.io).
 
-<img src="https://github.com/appcelerator/atom-appcelerator-titanium/blob/master/images/screenshot.png?raw=true" width="900px" height="591px" alt="Appcelerator Titanium for Atom screenshot" />
+<img src="https://user-images.githubusercontent.com/2697821/33011945-556d79c6-cdd7-11e7-84a6-78c3a57b6eb1.png" width="900px" height="591px" alt="Appcelerator Titanium for Atom screenshot" />
 
 ## Getting Started
 
@@ -61,29 +72,29 @@ Auto-completion support is provided to help speed up development by providing qu
 
 Titanium APIs and Alloy markup suggestions are provided in Titanium JavaScript and Alloy XML and TSS files. This includes classes, properties, methods and events. Where appropriate additional information is provided with a link to the online documentation. Deprecated properties are also indicated.
 
-<img src="https://github.com/appcelerator/atom-appcelerator-titanium/blob/master/images/autocomplete_alloy_class.png?raw=true" width="385px" height="222px" alt="Alloy markup class auto-complete" />
+<img src="https://user-images.githubusercontent.com/2697821/33011938-54d3d302-cdd7-11e7-910c-531f51454f74.png" width="385px" height="222px" alt="Alloy markup class auto-complete" />
 
 #### Project references
 
 Suggestions for other controllers, modules and widgets are presented when referencing through a Titanium function or Alloy markup.
 
-<img src="https://github.com/appcelerator/atom-appcelerator-titanium/blob/master/images/autocomplete_alloy_widget.png?raw=true" width="324px" height="83px" alt="Alloy markup widget reference auto-complete" />
+<img src="https://user-images.githubusercontent.com/2697821/33011939-54ebd5c4-cdd7-11e7-8cdd-b39a8c8b92d3.png" width="324px" height="83px" alt="Alloy markup widget reference auto-complete" />
 
 #### Class and ID references
 
 Suggestions for classes and IDs declared or defined in related Alloy XML and TSS files are presented.
 
-<img src="https://github.com/appcelerator/atom-appcelerator-titanium/blob/master/images/autocomplete_tss_class.png?raw=true" width="251px" height="86px" alt="TSS class reference auto-complete" />
+<img src="https://user-images.githubusercontent.com/2697821/33011940-550697c4-cdd7-11e7-8c56-b6ad9cb400a8.png" width="251px" height="86px" alt="TSS class reference auto-complete" />
 
 #### Images
 
 Image suggestions are presented where appropriate, including a thumbnail preview and information about the scaled versions available.
 
-<img src="https://github.com/appcelerator/atom-appcelerator-titanium/blob/master/images/autocomplete_tss_image.png?raw=true" width="558px" height="155px" alt="TSS image reference auto-complete" />
+<img src="https://user-images.githubusercontent.com/2697821/33011941-551aca50-cdd7-11e7-86ec-cae8ea0430ff.png" width="558px" height="155px" alt="TSS image reference auto-complete" />
 
 ### Alloy file and component generation
 
-<img src="https://github.com/appcelerator/atom-appcelerator-titanium/blob/master/images/generate_dialog.png?raw=true" width="639px" height="218px" alt="Alloy file and component generate dialog" />
+<img src="https://user-images.githubusercontent.com/2697821/33011944-555909fa-cdd7-11e7-8bc8-0301059b360d.png" width="639px" height="218px" alt="Alloy file and component generate dialog" />
 
 A UI for the `alloy generate` command is provided. The Generate File dialog is presented by clicking the + icon in the toolbar or using the command from the menu or palette. Select the type of file or component to generate and provide the required information. The generated file(s) are then opened.
 
@@ -103,11 +114,11 @@ Jump-to-definition support is provided for quickly accessing the definiion or us
 
 From Views, click through to style definitions for tags, classes and IDs, in related or global TSS. Click through to event definitions in the related controller.
 
-<img src="https://github.com/appcelerator/atom-appcelerator-titanium/blob/master/images/definitions_tag.png?raw=true" width="257px" height="129px" alt="View tag style definition" />
+<img src="https://user-images.githubusercontent.com/2697821/33011943-554470ee-cdd7-11e7-9e04-1e49272c3f6d.png" width="257px" height="129px" alt="View tag style definition" />
 
 A prompt is displayed to generate undefined styles or functions.
 
-<img src="https://github.com/appcelerator/atom-appcelerator-titanium/blob/master/images/definitions_generate_tag.png?raw=true" width="539px" height="74px" alt="View tag style generate definition" />
+<img src="https://user-images.githubusercontent.com/2697821/33011942-553025bc-cdd7-11e7-8389-572b2bf811e0.png" width="539px" height="74px" alt="View tag style generate definition" />
 
 #### Strings
 

diff --git a/images/autocomplete_alloy_class.png b/images/autocomplete_alloy_class.png
diff --git a/images/autocomplete_alloy_widget.png b/images/autocomplete_alloy_widget.png
diff --git a/images/autocomplete_tss_class.png b/images/autocomplete_tss_class.png
diff --git a/images/autocomplete_tss_image.png b/images/autocomplete_tss_image.png
diff --git a/images/definitions_generate_tag.png b/images/definitions_generate_tag.png
diff --git a/images/definitions_tag.png b/images/definitions_tag.png
diff --git a/images/generate_dialog.png b/images/generate_dialog.png
diff --git a/images/screenshot.png b/images/screenshot.png
diff --git a/lib/appc.js b/lib/appc.js
@@ -108,6 +108,17 @@ var Appc = {
         }
     },
 
+    /**
+     * selected SDK
+     */
+    selectedSdk: function() {
+        if (Appc.info.titaniumCLI) {
+            const selectedVersion = Appc.info.titaniumCLI.selectedSDK;
+            let sdk = Appc.info.titanium[selectedVersion];
+            sdk.fullversion = selectedVersion;
+            return sdk;
+        }
+    },
 
     //-------------------------------------------------------------------------
 

diff --git a/lib/index.js b/lib/index.js
@@ -8,6 +8,7 @@ import Console from './ui/console';
 import GenerateDialog from './ui/generateDialog';
 import Appc from './appc';
 import Tiapp from './tiapp';
+import autoCompleteHelper from './providers/autoCompleteHelper';
 import tiappAutoCompleteProvider from './providers/tiappAutoCompleteProvider';
 import viewAutoCompleteProvider from './providers/viewAutoCompleteProvider';
 import controllerAutoCompleteProvider from './providers/controllerAutoCompleteProvider';
@@ -29,7 +30,14 @@ export default {
                     default: true,
                     title: 'Display build command in console',
                     description: 'The executed build command is written to the console to aid debugging. This will include password arguments.',
-                    order: 4,
+                    order: 1,
+                },
+                generateAutoCompleteSuggestions: {
+                    type: 'boolean',
+                    default: false,
+                    title: 'Regenerate auto-complete suggestions',
+                    description: `Generate auto-complete suggestions for currently selected Titanium SDK. NOTE: Requires relaunch.`,
+                    order: 2
                 }
             }
         },
@@ -105,7 +113,6 @@ export default {
         this.serializedState = state;
         this.subscriptions = new CompositeDisposable();
         this.subscriptions.add(
-
             atom.commands.add('atom-workspace', {
                 'appc:build': () => {
                     if (Tiapp.isTitaniumProject) {
@@ -130,7 +137,6 @@ export default {
                 'appc:open-related-controller': () => related.openRelatedFile('js'),
                 'appc:open-or-close-related': () => related.toggleAllRelatedFiles(),
                 // 'appc:closeRelated': () => related.closeRelatedFiles({forceAllClose: true})
-
             }),
 
             atom.workspace.observeTextEditors(editor => {
@@ -198,6 +204,8 @@ export default {
             });
             setTimeout(function () { // yuck
                 Appc.getInfo(function () {
+                    autoCompleteHelper.generateAutoCompleteSuggestions();
+
                     if (platform() === 'darwin') {
                         this.toolbar.populateiOSTargets();
                     } else {