Skip to main content

Notice: this Wiki will be going read only early in 2024 and edits will no longer be possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Jump to: navigation, search

Difference between revisions of "Orion/Documentation/Developer Guide/Core client services"

(remove obsolete orion.core.favorite section, fix formatting)
(Examples)
(15 intermediate revisions by the same user not shown)
Line 7: Line 7:
  
 
Here is an example usage showing how to query all registered content types and print them to the console:
 
Here is an example usage showing how to query all registered content types and print them to the console:
<source lang="javascript" enclose="div" line >
+
<source lang="javascript" enclose="div">
 
serviceRegistry.getService("orion.core.contentTypeRegistry").getContentTypes().then(function(contentTypes) {
 
serviceRegistry.getService("orion.core.contentTypeRegistry").getContentTypes().then(function(contentTypes) {
 
     contentTypes.forEach(function(contentType) {
 
     contentTypes.forEach(function(contentType) {
Line 26: Line 26:
  
 
The code snippet below demonstrates a use of this service:
 
The code snippet below demonstrates a use of this service:
<blockquote><source lang="javascript" enclose="div" >
+
<source lang="javascript" enclose="div" >
provider.registerServiceProvider("orion.core.file", service, {Name: 'Sample File System'});
+
    provider.registerServiceProvider("orion.core.file", service, {Name: 'Sample File System'});
</source></blockquote>
+
</source>
  
The above code will contribute a top level node to the Navigator named "Sample File System". The parameter "service" in the API above must provide the functions specified by the Orion file client API. Refer to <tt>orion.fileClient.FileClient</tt> in the client API reference for further details. For more information on client-server interaction, see Orion [http://wiki.eclipse.org/Orion/Server_API/File_API File Server API]. For an complete file system example, see the [https://github.com/eclipse/orion.client/blob/master/bundles/org.eclipse.orion.client.core/web/plugins/sampleFilePlugin.html sample file plugin] in the Orion Git repository.
+
The above code will contribute a top level node to the Navigator named "Sample File System". The parameter "service" in the API above must provide the functions specified by the Orion file client API. Refer to <tt>orion.fileClient.FileClient</tt> in the client API reference for further details. For more information on client-server interaction, see Orion [http://wiki.eclipse.org/Orion/Server_API/File_API File Server API]. For an complete file system example, see the [https://github.com/eclipse/orion.client/blob/master/bundles/org.eclipse.orion.client.ui/web/plugins/filePlugin/HTML5LocalFileImpl.js HTML5 local file plugin] in the Orion Git repository.
  
 
The file client API methods are as follows:
 
The file client API methods are as follows:
 
; fetchChildren (location) — returns Array of [[Orion/Server API/File API#File|File]].
 
; fetchChildren (location) — returns Array of [[Orion/Server API/File API#File|File]].
: Obtains the children of a remote resource.<br />Among other places, this function is used in the Orion navigator to display the file system contents in a tree view.
+
: Obtains the children of a remote resource.<br>Among other places, this function is used in the file navigator to display the file system contents in a tree view.
 
; createWorkspace (name)
 
; createWorkspace (name)
: Creates a new workspace with the given name.<br />TODO -- this is never called by the Orion IDE.
+
: Creates a new workspace with the given name.
 
; loadWorkspaces ( ) — returns an Array of [[Orion/Server API/File API#File|File]].
 
; loadWorkspaces ( ) — returns an Array of [[Orion/Server API/File API#File|File]].
: Loads all the user's workspaces.<br />TODO -- this is never called by the Orion IDE.
+
: Loads all the user's workspaces.
 
; loadWorkspace (location) —  returns a [[Orion/Server API/File API#File|File]].
 
; loadWorkspace (location) —  returns a [[Orion/Server API/File API#File|File]].
: Loads the workspace with the given id and sets it to be the current workspace for the IDE. The workspace is created if none already exists.<br />Called by the Orion navigator when navigating to the root of the file system.<br />NOTE: The returned file object should have a zero-length 'Parents' array to designate it as the root of the filesystem (see [https://bugs.eclipse.org/bugs/show_bug.cgi?id=392374 bug 392374]).
+
: Loads the workspace with the given id and sets it to be the current workspace for the IDE. The workspace is created if none already exists.<br>Called by the file navigator when navigating to the root of the file system.<br>NOTE: The returned file object should have a zero-length 'Parents' array to designate it as the root of the filesystem (see [https://bugs.eclipse.org/bugs/show_bug.cgi?id=392374 bug 392374]).
 
; createProject (url, projectName, serverPath, create)
 
; createProject (url, projectName, serverPath, create)
: Adds a project to a workspace.<br />TODO -- the Orion IDE never calls this function for third-party file systems.
+
: Adds a project to a workspace.<br>The Orion IDE invokes this function when a top-level folder is created in the file navigator.
 
; createFolder (parentLocation, folderName)
 
; createFolder (parentLocation, folderName)
: Creates a folder.<br />Invoked when using the '''New Folder''' command in the Orion navigator.
+
: Creates a folder.<br>Invoked when using the '''New Folder''' command in the file navigator.
 
; createFile (parentLocation, fileName)
 
; createFile (parentLocation, fileName)
: Create a new file in a specified location.<br />Invoked when using the '''New File''' command in the Orion navigator.
+
: Create a new file in a specified location.<br>Invoked when using the '''New File''' command in the file navigator.
 
; deleteFile (location)
 
; deleteFile (location)
: Deletes a file, directory, or project.<br />Invoked when using the '''Delete''' command in the Orion navigator.
+
: Deletes a file, directory, or project.<br>Invoked when using the '''Delete''' command in the file navigator.
 
; moveFile (sourceLocation, targetLocation, name)
 
; moveFile (sourceLocation, targetLocation, name)
: Moves a file or directory.<br />Invoked when using the '''Move''' and '''Cut..Paste''' commands in the Orion navigator.
+
: Moves a file or directory.<br>Invoked when using the '''Move''' and '''Cut..Paste''' commands in the file navigator.
 
; copyFile (sourceLocation, targetLocation)
 
; copyFile (sourceLocation, targetLocation)
: Copies a file or directory.<br />Invoked when using the '''Copy..Paste''' commands in the Orion navigator.
+
: Copies a file or directory.<br>Invoked when using the '''Copy..Paste''' commands in the file navigator.
 
; read (location, isMetadata) — returns String (contents) or [[Orion/Server API/File API#File|File]] (metadata).
 
; read (location, isMetadata) — returns String (contents) or [[Orion/Server API/File API#File|File]] (metadata).
: Returns the contents or metadata of the file at the given location.<br />Invoked by the Orion editor to open a file for editing, and to retrieve metadata about the file being edited.
+
: Returns the contents or metadata of the file at the given location.<br>Invoked by the Orion editor to open a file for editing, and to retrieve metadata about the file being edited.
 
; write (location, contents, args)
 
; write (location, contents, args)
: Writes the contents or metadata of the file at the given location.<br />Invoked by the Orion editor to save a file being edited.
+
: Writes the contents or metadata of the file at the given location.<br>Invoked by the Orion editor to save a file being edited.
 
; remoteImport (targetLocation, options)
 
; remoteImport (targetLocation, options)
: Imports file and directory contents from another server.<br />
+
: Imports file and directory contents from another server.<br>
 
; remoteExport (sourceLocation, options)
 
; remoteExport (sourceLocation, options)
 
: Exports file and directory contents to another server.
 
: Exports file and directory contents to another server.
 
; search (location, query) — returns Array of [[Orion/Server API/File API#File|File]].
 
; search (location, query) — returns Array of [[Orion/Server API/File API#File|File]].
: Performs a search with the given query.<br />Invoked by various search widgets that appear in the Orion UI.
+
: Performs a search with the given query.<br>Invoked by various search widgets that appear in the Orion UI.
  
 
This API is asynchronous: in other words, every API method is expected to return a promise that eventually resolves with the result object, or rejects if an error occurred.
 
This API is asynchronous: in other words, every API method is expected to return a promise that eventually resolves with the result object, or rejects if an error occurred.
Line 89: Line 89:
  
 
Here is an example of retrieving a preference storing the list of recently used projects:
 
Here is an example of retrieving a preference storing the list of recently used projects:
<source lang="javascript" enclose="div" line >
+
<source lang="javascript" enclose="div">
 
prefService.getPreferences("/window/recent").then(function(prefs) {
 
prefService.getPreferences("/window/recent").then(function(prefs) {
 
     var projects =  prefs.get("projects");
 
     var projects =  prefs.get("projects");
Line 101: Line 101:
 
</source>
 
</source>
 
And here is an example of adding a new project to the list, and storing the result back in the preference service:
 
And here is an example of adding a new project to the list, and storing the result back in the preference service:
<source lang="javascript" enclose="div" line >
+
<source lang="javascript" enclose="div">
 
prefService.getPreferences("/window/recent").then(function(prefs) {
 
prefService.getPreferences("/window/recent").then(function(prefs) {
 
     var projects = prefs.get("projects");
 
     var projects = prefs.get("projects");
Line 126: Line 126:
 
:: <code>String</code>. The PID for this setting. This PID occupies the same namespace as the PIDs contributed by [[Orion/Documentation/Developer Guide/Configuration services#Managed Services|Managed Services]], and must be unique in that respect.
 
:: <code>String</code>. The PID for this setting. This PID occupies the same namespace as the PIDs contributed by [[Orion/Documentation/Developer Guide/Configuration services#Managed Services|Managed Services]], and must be unique in that respect.
 
:; name
 
:; name
:: <code>String</code>. Human-readable name of this setting.
+
:: <code>String</code>. Human-readable name of this setting. (To support translation, use <code>nameKey</code> and <code>nls</code> instead of <code>name</code>.)
 +
:; nls
 +
:: <code>String</code>. ''Optional''. Gives the path to the message bundle that the framework will use to translate this setting, and any child AttributeDefinitions.
 +
:; nameKey
 +
:: <code>String</code>. ''Optional''. Gives the message key of this setting's translated name.
 +
:; category
 +
:: <code>String</code>. ''Optional''. Gives the ID of a category that this setting will be associated with. Many settings can be associated with one category. All the categories
 +
:; categoryKey
 +
:: <code>String</code>. ''Optional''. The message key that gives the translated name of this setting's category.
 
:; tags
 
:; tags
 
:: <code>String[]</code>. ''Optional.'' List of tags applying to this setting.
 
:: <code>String[]</code>. ''Optional.'' List of tags applying to this setting.
 
:; properties
 
:; properties
:: <code>AttributeDefinition[]</code>. Gives the properties that make up this setting. The shape of the <code>AttributeDefinition</code> element is explained in [[Orion/Documentation/Developer Guide/Configuration services#Define an OCD|Metatype documentation]].
+
:: <code>[[Orion/Documentation/Developer_Guide/Configuration_services#Define_an_OCD|AttributeDefinition]][]</code>. Gives the properties that make up this setting. The shape of the <code>AttributeDefinition</code> element is explained in [[Orion/Documentation/Developer Guide/Configuration services#Define an OCD|Metatype documentation]].
 +
 
 +
When a setting provides the <code>nls</code> property, the given message bundle is used to translate the setting's translate-able properties , as well as any translate-able properties in the setting's child AttributeDefinitions. Authors should ensure that the message bundle provides all the required translations for the setting itself and its attributes.
  
 
== Service methods ==
 
== Service methods ==
 
None. This service is completely declarative.
 
None. This service is completely declarative.
  
== Examples ==
+
== Example 1: a boolean setting ==
 
This example shows how to define a Setting with PID <code>example.navconfig</code>. This Setting has a single property <code>newtab</code>, which is boolean-typed. Because we've enumerated the property's possible values using an '''options''', the generated UI presentation will show a drop-down menu. Since we've provided a '''defaultValue''' of <code>false</code>, the second option "Open links in a same tab" will selected by default.
 
This example shows how to define a Setting with PID <code>example.navconfig</code>. This Setting has a single property <code>newtab</code>, which is boolean-typed. Because we've enumerated the property's possible values using an '''options''', the generated UI presentation will show a drop-down menu. Since we've provided a '''defaultValue''' of <code>false</code>, the second option "Open links in a same tab" will selected by default.
<source lang="javascript" enclose="div" line >
+
<source lang="javascript" enclose="div">
 
define(['orion/plugin'], function(PluginProvider) {
 
define(['orion/plugin'], function(PluginProvider) {
 
     var pluginProvider = new PluginProvider();
 
     var pluginProvider = new PluginProvider();
Line 149: Line 159:
 
                         name: 'Links',
 
                         name: 'Links',
 
                         type: 'boolean',
 
                         type: 'boolean',
                        defaultValue: false,
+
                        defaultValue: false,
 
                         options: [
 
                         options: [
 
                             {  label: "Open links in a new tab",
 
                             {  label: "Open links in a new tab",
Line 169: Line 179:
  
 
[[Image:Orion orion.core.setting example.png|border]]
 
[[Image:Orion orion.core.setting example.png|border]]
 +
 +
== Example 2: a translated setting ==
 +
Here's how the <code>nls</code> and <code>nameKey</code> properties can used on settings and properties to support translation:
 +
 +
<source lang="javascript" enclose="div">
 +
// my_plugin.js
 +
define(["orion/plugin"], function(PluginProvider) {
 +
    var pluginProvider = new PluginProvider();
 +
    pluginProvider.registerService("orion.core.setting",
 +
        {},
 +
        {  settings: [
 +
              {  pid: "example.cloud",
 +
                  nls: "example/nls/messages",
 +
                  nameKey: "CloudSettingsLabel",
 +
                  properties: [
 +
                      {  id: "apikey",
 +
                        nameKey: "APIKeyLabel",
 +
                        type: "string"
 +
                      }
 +
                  ]
 +
              }
 +
          ]
 +
        });
 +
    provider.connect();
 +
});
 +
 +
// example/nls/messages.js
 +
{
 +
  "CloudSettingsLabel": "Cloud Settings",
 +
  "APIKeyLabel": "API Key"
 +
}
 +
</source>
  
 
== See also ==
 
== See also ==
Line 184: Line 226:
 
</source>
 
</source>
 
The text link service makes use of [[Orion/Documentation/Developer_Guide/Plugging_into_Orion_pages#orion.core.linkScanner| link scanners]] contributed by plugins to perform the analysis and replacement of text with links. If no link scanners are available, the text link service simply returns a DOM element containing the entire input text.
 
The text link service makes use of [[Orion/Documentation/Developer_Guide/Plugging_into_Orion_pages#orion.core.linkScanner| link scanners]] contributed by plugins to perform the analysis and replacement of text with links. If no link scanners are available, the text link service simply returns a DOM element containing the entire input text.
 +
 +
 +
[[Category:Orion|O]]

Revision as of 09:56, 13 August 2014

Overview of core client services

Orion provides a number of basic infrastructure services that can be used by client scripts for performing various tasks. These services have no user interface component and can be used within any page of a client application. This section of the guide outlines what services are available, along with simple examples of how to use them.

orion.core.contentTypeRegistry

The orion.core.contentTypeRegistry service provides information about the Content Types that have been registered with Orion.

Here is an example usage showing how to query all registered content types and print them to the console:

serviceRegistry.getService("orion.core.contentTypeRegistry").getContentTypes().then(function(contentTypes) {
    contentTypes.forEach(function(contentType) {
        console.log("Content Type ID: " + contentType.id + ", " +
                "name: " + contentType.name + ", " +
                "extends from: " + contentType['extends'] + ", " +
                "file extension(s): [" + contentType.extension.join(",") + "], " +
                "filename(s): [" + contentType.filename.join(",") + "], " +
                "image: " + contentType.image + "\n");
    });
});

See orion.core.ContentTypeRegistry in the Orion client API reference for a complete list of functions available.

orion.core.file

The orion.core.file service is used to provide file system contents for the Orion workspace. For example a plug-in can use this service to include content from one server into a workspace on another server. Each file service is displayed as a root element in the Orion Navigator page.

The code snippet below demonstrates a use of this service:

    provider.registerServiceProvider("orion.core.file", service, {Name: 'Sample File System'});

The above code will contribute a top level node to the Navigator named "Sample File System". The parameter "service" in the API above must provide the functions specified by the Orion file client API. Refer to orion.fileClient.FileClient in the client API reference for further details. For more information on client-server interaction, see Orion File Server API. For an complete file system example, see the HTML5 local file plugin in the Orion Git repository.

The file client API methods are as follows:

fetchChildren (location) — returns Array of File.
Obtains the children of a remote resource.
Among other places, this function is used in the file navigator to display the file system contents in a tree view.
createWorkspace (name)
Creates a new workspace with the given name.
loadWorkspaces ( ) — returns an Array of File.
Loads all the user's workspaces.
loadWorkspace (location) — returns a File.
Loads the workspace with the given id and sets it to be the current workspace for the IDE. The workspace is created if none already exists.
Called by the file navigator when navigating to the root of the file system.
NOTE: The returned file object should have a zero-length 'Parents' array to designate it as the root of the filesystem (see bug 392374).
createProject (url, projectName, serverPath, create)
Adds a project to a workspace.
The Orion IDE invokes this function when a top-level folder is created in the file navigator.
createFolder (parentLocation, folderName)
Creates a folder.
Invoked when using the New Folder command in the file navigator.
createFile (parentLocation, fileName)
Create a new file in a specified location.
Invoked when using the New File command in the file navigator.
deleteFile (location)
Deletes a file, directory, or project.
Invoked when using the Delete command in the file navigator.
moveFile (sourceLocation, targetLocation, name)
Moves a file or directory.
Invoked when using the Move and Cut..Paste commands in the file navigator.
copyFile (sourceLocation, targetLocation)
Copies a file or directory.
Invoked when using the Copy..Paste commands in the file navigator.
read (location, isMetadata) — returns String (contents) or File (metadata).
Returns the contents or metadata of the file at the given location.
Invoked by the Orion editor to open a file for editing, and to retrieve metadata about the file being edited.
write (location, contents, args)
Writes the contents or metadata of the file at the given location.
Invoked by the Orion editor to save a file being edited.
remoteImport (targetLocation, options)
Imports file and directory contents from another server.
remoteExport (sourceLocation, options)
Exports file and directory contents to another server.
search (location, query) — returns Array of File.
Performs a search with the given query.
Invoked by various search widgets that appear in the Orion UI.

This API is asynchronous: in other words, every API method is expected to return a promise that eventually resolves with the result object, or rejects if an error occurred.

orion.core.marker

The marker service is used to store problems found by a builder or syntax validator. A client can register with this service for notification when markers are changed. Here is an example of a component that is registering for notification of marker changes:

  serviceRegistry.getService("orion.core.marker").addEventListener("problemsChanged",
      function(problems) {
        //do something with the new problems
      });

Each marker is a simple JSON object with the following properties:

reason
A string stating the description of the problem or marker
line
The line number of the marker
character
The column position of the marker

orion.core.preference

The preferences service manages a hierarchical set of preference nodes. Nodes are identified by a path string, where segments are delimited by the slash character ('/'). Each node is a JSON object with string keys and values that are String, Boolean, or Number.

Here is an example of retrieving a preference storing the list of recently used projects:

prefService.getPreferences("/window/recent").then(function(prefs) {
    var projects =  prefs.get("projects");
    if (typeof projects === "string") {
      projects = JSON.parse(projects);
    }
    if (projects && projects.length && projects.length > 0) {
      //do something with the projects
    }
});

And here is an example of adding a new project to the list, and storing the result back in the preference service:

prefService.getPreferences("/window/recent").then(function(prefs) {
    var projects = prefs.get("projects");
    if (typeof projects === "string") {
      projects = JSON.parse(projects);
    }
    projects.push({name: "My Proj", location: "http://example.com/myproj"});
    prefs.put("projects", projects);
});

orion.core.setting

Orion plugins can define settings using the orion.core.setting service. A setting defines some persistent information that is provided to one of the plugin's services. Defined settings appear on Orion's Settings page, and their values can be changed using an automatically-generated UI.

A setting is a combination of two more basic configuration elements:

  • A PID (persistent identifier), which uniquely identifies the configuration data for the setting.
  • Metatype information, which defines the "shape" of the setting. Specifically, it defines what named properties appear in the setting and what data type they have (string, boolean, number, etc). The Settings page uses this Metatype information to generate appropriate UI widgets (for example, text field, checkbox, etc).

Service properties

To contribute one or more settings, the settings service property is used:

settings
Setting[]. Defines Settings. Each Setting element has the following shape:
pid
String. The PID for this setting. This PID occupies the same namespace as the PIDs contributed by Managed Services, and must be unique in that respect.
name
String. Human-readable name of this setting. (To support translation, use nameKey and nls instead of name.)
nls
String. Optional. Gives the path to the message bundle that the framework will use to translate this setting, and any child AttributeDefinitions.
nameKey
String. Optional. Gives the message key of this setting's translated name.
category
String. Optional. Gives the ID of a category that this setting will be associated with. Many settings can be associated with one category. All the categories
categoryKey
String. Optional. The message key that gives the translated name of this setting's category.
tags
String[]. Optional. List of tags applying to this setting.
properties
AttributeDefinition[]. Gives the properties that make up this setting. The shape of the AttributeDefinition element is explained in Metatype documentation.

When a setting provides the nls property, the given message bundle is used to translate the setting's translate-able properties , as well as any translate-able properties in the setting's child AttributeDefinitions. Authors should ensure that the message bundle provides all the required translations for the setting itself and its attributes.

Service methods

None. This service is completely declarative.

Example 1: a boolean setting

This example shows how to define a Setting with PID example.navconfig. This Setting has a single property newtab, which is boolean-typed. Because we've enumerated the property's possible values using an options, the generated UI presentation will show a drop-down menu. Since we've provided a defaultValue of false, the second option "Open links in a same tab" will selected by default.

define(['orion/plugin'], function(PluginProvider) {
    var pluginProvider = new PluginProvider();
    pluginProvider.registerService('orion.core.setting',
        {},
        {  settings: [
               {  pid: 'example.navconfig',
                  name: 'Navigation settings',
                  properties: [
                      {  id: 'newtab',
                         name: 'Links',
                         type: 'boolean',
                         defaultValue: false,
                         options: [
                             {  label: "Open links in a new tab",
                                value: true
                             },
                             {  label: "Open links in same tab",
                                value: false
                             }
                         ]
                      }
                  ]
               }
           ]
        });
    provider.connect();
});

When a user visits the Orion Settings page, they'll see an automatically-generated UI containing a drop-down menu, similar to the one shown below. Manipulating the drop-down menu causes the setting's value to change, and causes any Managed Services registered against the example.navconfig PID to have their updated() methods invoked.

Orion orion.core.setting example.png

Example 2: a translated setting

Here's how the nls and nameKey properties can used on settings and properties to support translation:

// my_plugin.js
define(["orion/plugin"], function(PluginProvider) {
    var pluginProvider = new PluginProvider();
    pluginProvider.registerService("orion.core.setting",
        {},
        {  settings: [
               {  pid: "example.cloud",
                  nls: "example/nls/messages",
                  nameKey: "CloudSettingsLabel",
                  properties: [
                      {  id: "apikey",
                         nameKey: "APIKeyLabel",
                         type: "string"
                      }
                  ]
               }
           ]
        });
    provider.connect();
});

// example/nls/messages.js
{
  "CloudSettingsLabel": "Cloud Settings",
  "APIKeyLabel": "API Key"
}

See also


orion.core.textlink

The text link service scans text for segments that could be interpreted as hyperlinks, and inserts appropriate anchor elements representing each link. For example the service could scan for email addresses in a piece of text and convert them to mailto: links.

Here is an example of using the text link service:

var divWithLinks = linkService.addLinks(someText);
dojo.place(divWithLinks, body, "first");

The text link service makes use of link scanners contributed by plugins to perform the analysis and replacement of text with links. If no link scanners are available, the text link service simply returns a DOM element containing the entire input text.

Back to the top