Difference between revisions of "AppSuite:UI manifests explained"

(Added double quotes to strings, manifests must be proper JSON now.)
(Replaced content with "The content on this page has moved to https://documentation.open-xchange.com/latest/ui/customize/manifests.html Note: Open-Xchange is in the process of migrating all its...")
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
{{Stability-experimental}}
+
The content on this page has moved to https://documentation.open-xchange.com/latest/ui/customize/manifests.html
  
<div class="title">Manifests</div>
+
Note: Open-Xchange is in the process of migrating all its technical documentation to a new and improved documentation system (documentation.open-xchange.com). Please note as the migration takes place more information will be available on the new system and less on this system. Thank you for your understanding during this period of transition.
 
 
'''Abstract:''' Manifest files in the app suite declare either apps or plugins. They tell the AppSuite runtime which files to load when, so the code in it can take effect at the appropriate time. This document should be read by everyone that wants to either build a plugin or an app and contains a description of how to get app suite to run your code.
 
 
 
== Declaring apps ==
 
 
 
The minimal declaration for an app looks like this:
 
 
 
<pre class="language-javascript">
 
    {
 
        "title": "My App",
 
        "path": "com.example/myapp/main"
 
    }
 
</pre>
 
It consists of a title for the app and the path to the main entry file, by convention always called main.js. This declaration is usually found in the file manifest.json right next to the app in question, but could theoretically be located anywhere. If the file is located in the same directory as the main entry file and the file is, as is the convention, called main.js you can leave out the path as it will be added automatically by the buildsystem, so the minimal definition then becomes:
 
 
 
<pre class="language-javascript">
 
    {
 
        "title": "My App"
 
    }
 
</pre>
 
 
 
== Declaring a plugin ==
 
 
 
In turn, this is the definition of a plugin file:
 
<pre class="language-javascript">
 
    {
 
        "namespace": "io.ox/contacts/view-detail",
 
        "path": "com.example/myapp/contacts/register"
 
    }
 
</pre>
 
 
 
The namespace contains the name of a frontend module for which the plugin is relevant. Declaring a plugin like this has the effect, that the plugin is loaded before the file named as the namespace is loaded, so it can affect what the core file is doing, commonly by extending an extension point. The convention is to always put plugins into the file register.js, so again, the path can be omitted if the manifest.json is placed alongside the register.js containing the plugin. A plugin may be associated with more than one namespace, in that case, just use a list as the value for the namespace attribute:
 
 
 
<pre class="language-javascript">
 
    {
 
        "namespace": ["io.ox/contacts/view-detail", "io.ox/contacts/edit/view-form"]
 
    }
 
</pre>
 
 
 
Whichever module is loaded first will trigger the plugin to be loaded.
 
 
 
== Capabilities ==
 
 
 
Sometimes a plugin or an app is only available if either the backend has a certain bundle installed or the user must have a certain permission. Both permissions and backend capabilities are rolled into the concept of a "capability". If your plugin, for example, is only relevant when the user has access to the calendar module, you can add a requires attribute to the declaration:
 
 
 
<pre class="language-javascript">
 
    {
 
        "namespace": "io.ox/contacts/view-detail",
 
        "requires": "calendar"
 
    }
 
</pre>
 
 
 
Which capabilities are available can be checked by either reading through existing manifests or by running this in the javascript console once logged into appsuite:
 
 
 
<pre class="language-javascript">
 
    _(ox.serverConfig.capabilities).pluck("id")
 
</pre>
 
 
 
== Device tests ==
 
 
 
If a plugin is designed only for specific devices, screen sizes or languages, then its loading can be disabling by specifying the criteria in a <tt>device</tt> attribute:
 
 
 
<pre class="language-javascript">
 
    {
 
        "namespace": "io.ox/contacts/view-detail",
 
        "device": "ja_JP"
 
    }
 
</pre>
 
 
 
The full list of available device tests is documented in the [[AppSuite:Device reference|Device reference]].
 
 
 
== Multiple declarations in one file ==
 
 
 
If you need more than declaration in a manifest.json file, you can include them in a list:
 
<pre class="language-javascript">
 
    [
 
        {
 
            "namespace": "io.ox/contacts/view-detail",
 
            "path": "com.example/myapp/contacts/viewPlugin"
 
        },
 
        {
 
            "namespace": "io.ox/contacts/view-form",
 
            "path": "com.example/myapp/contacts/formPlugin"
 
        }
 
    ]
 
</pre>
 
 
 
== What happens to these files? ==
 
 
 
During a build run the buildsystem picks up these manifest files and consolidates them into a single file build/manifests/[myapp].json. This file, either by creating a symlink to a locally run backend or by installing the app package on a remote backend, winds up in the manifests directory of the backend and is processed and sent to the frontend. You can see all manifest declarations, that have been sent by the backend by looking at
 
  ox.serverConfig.manifests
 
in the javascript console.
 
 
 
== Special namespaces ==
 
 
 
=== signin ===
 
 
 
Plugins that choose "signin" as (or amongst) their namespace, are loaded when the login page is shown. The code can be used to rearrange parts of the signin page or add custom behaviour to it.
 
 
 
=== core ===
 
 
 
Core plugins are loaded as soon as the frontend starts up after successfully logging in or reauthenticating with the autologin. This is useful if you need to run code very early.
 
 
 
[[Category:AppSuite]]
 
[[Category:UI]]
 

Latest revision as of 09:34, 22 May 2017

The content on this page has moved to https://documentation.open-xchange.com/latest/ui/customize/manifests.html

Note: Open-Xchange is in the process of migrating all its technical documentation to a new and improved documentation system (documentation.open-xchange.com). Please note as the migration takes place more information will be available on the new system and less on this system. Thank you for your understanding during this period of transition.