{"id":13695830,"url":"https://github.com/qmacro/SublimeUI5","last_synced_at":"2025-05-03T13:33:31.106Z","repository":{"id":66779250,"uuid":"15144338","full_name":"qmacro/SublimeUI5","owner":"qmacro","description":"Sublime Text 2 Package for SAPUI5/OpenUI5","archived":true,"fork":false,"pushed_at":"2014-12-09T12:31:10.000Z","size":416,"stargazers_count":50,"open_issues_count":4,"forks_count":25,"subscribers_count":18,"default_branch":"master","last_synced_at":"2025-04-26T14:05:11.974Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/qmacro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-12-12T18:44:24.000Z","updated_at":"2024-11-19T11:51:50.000Z","dependencies_parsed_at":"2023-02-20T12:45:52.939Z","dependency_job_id":null,"html_url":"https://github.com/qmacro/SublimeUI5","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qmacro%2FSublimeUI5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qmacro%2FSublimeUI5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qmacro%2FSublimeUI5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qmacro%2FSublimeUI5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qmacro","download_url":"https://codeload.github.com/qmacro/SublimeUI5/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252195940,"owners_count":21709740,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T18:00:33.925Z","updated_at":"2025-05-03T13:33:30.771Z","avatar_url":"https://github.com/qmacro.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"SublimeUI5\n==========\n\nSublime Text Package for SAPUI5/OpenUI5\n\nBasic instructions\n------------------\n - Go to your Sublime Text 2(3)/Packages directory (Check Preferences -\u003e Browse Packages to find the location)\n - Git clone this repo.\n - Install STProjectMaker to enable templating. Ctrl-Shift-P Install STProjectMaker.\n - Add the following to the STProjectMaker User settings (Preferences -\u003e Package Settings -\u003e Project Maker) so that it can find the SublimeUI5 templates: `{ \"template_path\": \"c:\\\\\\\\[sublime_install]\\\\\\\\Data\\\\\\\\Packages\\\\\\\\SublimeUI5\\\\\\\\Templates\\\\\\\\\" }` (Note that escaping of slashes is necessary on Windows)\n - Project -\u003e Create Project or Ctrl-Shift-N to select a template.\n - Profit!\n\nIntroduction\n------------\n\n[SAPUI5](https://sapui5.hana.ondemand.com/sdk/) (Open Source version: [OpenUI5](http://sap.github.io/openui5/)) \nis a UI framework for modern HTML5 applications.\n\nWorks in Sublime Text 2 and Sublime Text 3.\n\nWhatever others might tell you, you don't need to use Eclipse to develop apps in SAPUI5. If, like me, you\nuse Sublime Text, you can use this package to help you. It contains _snippets_ and _templates_ for UI5. For more information on Sublime Text snippets, see the [snippet documentation](http://docs.sublimetext.info/en/sublime-text-3/extensibility/snippets.html), and for more information on templates, see the [STProjectMaker](https://github.com/bit101/STProjectMaker) plugin, which I use to power the templates. Both snippets and templates make writing code by hand easier. At least for me.\n\nScreencast\n----------\nI've recorded a quick screencast to introduce you to the snippet and template usage with SublimeUI5: [SublimeUI5 - Snippets \u0026 Templates for SAPUI5/OpenUI5](https://www.youtube.com/watch?v=ts0EogQZvS8).\n\nSnippets\n--------\nThere are JavaScript, HTML and XML snippets, the latter being for building views in XML. I've made a stab at organising them along the same lines as the UI5 namespaces, with extra extensions to denote language or format. \n\nFor example, the snippet for the XML view based control 'IconTabBar' is in the Snippets/sap/m/ folder and is called [IconTabBar.xml.sublime-snippet](https://github.com/qmacro/SublimeUI5/blob/master/Snippets/sap/m/IconTabBar.xml.sublime-snippet). All Sublime Text snippets end with the 'sublime-snippet' extension; I've added 'xml' to denote that this one is XML, and the IconTabBar camelcasing follows the actual control name standard too. \n\nHere's what the snippet looks like:\n\n    \u003csnippet\u003e\n        \u003ctabTrigger\u003eIconTabBar\u003c/tabTrigger\u003e\n        \u003cscope\u003etext.html, source.js\u003c/scope\u003e\n        \u003cdescription\u003esap.m.IconTabBar JS\u003c/description\u003e\n        \u003ccontent\u003e\u003c![CDATA[\n    new sap.m.IconTabBar({\n        items: [\n            ${1:}\n        ]\n    })\n    ]]\u003e\u003c/content\u003e\n    \u003c/snippet\u003e\n\nYou can see the actual content that will be inserted (within the `\u003c![CDATA[...]]\u003e` section) and there's a placeholder which you'll be able to tab to and enter what you want, after you've invoked the snippet. Have a look at the screencase mentioned earlier to see how snippet insertion works. The snippet is only triggered in HTML and JavaScript contexts (see the `\u003cscope/\u003e` element), and to trigger it, you type \"IconTabBar\" and hit the \u003ctab\u003e key (see the `\u003ctabTrigger/\u003e` element).\n\nThere's also, in the same folder, [IconTabBar.js.sublime-snippet](https://github.com/qmacro/SublimeUI5/blob/master/Snippets/sap/m/IconTabBar.js.sublime-snippet). That's a JavaScript equivalent. \n\nThere are also some snippets in the jQuery.sap space, notably a few 'utility' ones such as [log.js.sublime-snippet](https://github.com/qmacro/SublimeUI5/blob/master/Snippets/jQuery/sap/log.js.sublime-snippet), which will help you generate a `jQuery.sap.log.error|warning|info|debug('...')` statement. \n\nNote that regardless of which folder or subfolder any given snippet is in, Sublime Text will find it and make it available to you.\n\n\nTemplates\n---------\nWith the STProjectMaker you can have ready-built applications created for you, having specified where it should live, and some parameters that you might want to use (to replace placeholder variables for, say, your namespace, for example).\n\nFor the time being, I've fleshed out a set of configured templates, based on various UI5 application fundamentals:\n\n - Whether the views will be XML based (_X_) or JavaScript based (_J_) (not looking at HTML or JSON views yet)\n - Whether the root control will be sap.m.App for a smartphone-only style application, (_A_) or sap.m.SplitApp, for a split-screen master/detail scenario, commonly found in SAP Fiori (_S_)\n - Whether a Component-based application approach is to be used (_C_) or not (_N_)\n - Which navigation mechanism is to be employed; one based on the EventBus (_E_), or one based on Routing (_R_)\n \nWith this I've come up with short codes based on the letters above. The first couple of templates that I've created and made available as a first go are: \n\n - _XACE_ - XML views, App-based, with Component, using EventBus for navigation.\n\n - _XSCE_ - XML views, SplitApp-based, with Component, using EventBus for navigation.\n\n Have a look in the [Templates](https://github.com/qmacro/SublimeUI5/tree/master/Templates) folder for more details.\n\nDocumentation on how to use the templates is coming soon!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqmacro%2FSublimeUI5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqmacro%2FSublimeUI5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqmacro%2FSublimeUI5/lists"}