Developing your AddOn
Addons must be developed using html/javascript coding. If your addon has some content to render on the screen, please make sure that it is mobile responsive. The majority of Mobincube's app users access apps using a mobile device. Addons not adapted to mobile devices will be rejected.
Your addon's files will be stored inside the app and they will be accessed locally in order to improve the user experience and avoid loading times. You can also access online files from your addon, but you should try to avoid it, unless necessary. In case you need to exchange data from a server at runtime, you should minimize the amount of data by keeping local all the UI components.
Addon package file
Addons are ZIP-compressed files that contain all the html, js, css and resource files that they need to run. You can organize those files in the folder structure that you prefer, but make sure that there's an index.html file place in the root folder of the addon.
The index.html is the entry point of your addon. When the app needs to load your addon, it will look for that file.
There are no naming rules for the name of the zip file.
The properties.json file
Most of the times you'll want the publisher to customize your addon. For example: change the background color, set the size of something, add images to a gallery, etc. If your addon doesn't offer too much customization options, all apps using your addon will look the same. Therefore, having as many customization options as possible will make more publishers use your addon.
All of the customization can be done through properties, which are variable values that you let the publisher of Mobincube edit. All those properties are defined within the properties.json file, which is a plain text file that contains a list of properties in JSON format.
Thanks to the properties.json file, publishers of Mobincube will be able to customize your addon without accessing its source code. When editting the addon, Mobincube takes all the properties in the properties.json file and transforms them into a rich web form, so that publishers can enter their values.
The values entered by users are stored in the same properties.json file, so you can access those values from your javascript code. Please check the Using properties section of this documentation in order to learn how to use the properties.json file.
Accessing properties from your Javascript code
Since properties are stored as a JSON object, you can access them from any part of your javascript, so you can change any aspect of your addon. You can just read the content of the file and parse it into a JS object.
Mobincube also offers a JS library to make the process even easier for you. You can (and you should) add the library properties.min.js inside your addon. Please read the Mobincube's Javascript SDK section of this tutorial to learn how to use the library.
Keep it app-style
Please keep in mind that your addon is made for mobile app developers to include inside their apps. Those apps are part native, so even your addon being html based, you should try to offer a good user experience emulating native behaviour. Please read the Tips & Tricks section to get some recommendations to make your addon stunning.