Table of Contents
The purpose of this plugin is to enable manipulation of native platform configuration files that are not supported out-of-the-box by Cordova/Phonegap CLI.
The plugin uses hook scripts to update iOS and Android platform configuration files based on custom data defined in config.xml
.
I dedicate a considerable amount of my free time to developing and maintaining this Cordova plugin, along with my other Open Source software. To help ensure this plugin is kept updated, new features are added and bugfixes are implemented quickly, please donate a couple of dollars (or a little more if you can stretch) as this will help me to afford to dedicate time to its maintenance. Please consider donating if you're using this plugin in an app that makes you money, if you're being paid to make the app, if you're asking for new features or priority bug fixes.
Manual editing of the platform configuration files in the platforms/
directory is one solution to setting of custom platform configuration.
But this is not maintainable across multiple development machines or a CI environment where subsequent build operations may overwrite your changes.
This plugin reads custom preferences from config.xml
, which can be committed to version control and therefore applied across multiple development machines, CI environments,
and maintained between builds, even if a platform is removed and re-added.
However: recent versions of the Cordova/Phonegap CLI have added official support for <edit-config>
and <config-file>
blocks in the config.xml
(previously they only worked in plugin.xml
).
So if all you want to do is insert a block of native config or change a native preference, you probably don't need this plugin at all.
I hope that eventually the Cordova/Phonegap CLI will support all the functionality that this plugin provides and it can be retired.
Until then: there are still some operations that can be performed by this plugin which are not supported by the latest Cordova/Phonegap CLI versions. These include:
- Overriding default platform preferences set during the
cordova prepare
operation. - Deletion of existing elements/attributes in
AndroidManifest.xml
- Manipulation of build settings in the native iOS Xcode project file
project.pbxproj
via XCBuildConfiguration blocks. - Manipulation of iOS Precompile header files via iOS Precompile Header config blocks
- Advanced manipulation of iOS Xcode project using xcodefunc.
The recent release of cordova@7.0.0 has introduced backwardly-incompatible breaking changes to the structure of Android projects generated by Cordova.
Therefore a new major version of this plugin (v5) has been released to support these changes. Here are things to be aware of:
- The location of
AndroidManifest.xml
has changed incordova-android@7
butcordova-custom-config@5
should detect which version ofcordova-android
platform is present in the project and use the correct path. - All custom config elements supported by this plugin in
config.xml
should now be prefixed withcustom-
for use withcordova-custom-config@5
<config-file>
=><custom-config-file>
<preference>
=><custom-preference>
<resource>
=><custom-resource>
- This is because
cordova-android@7
now attempts to parse<config-file>
blocks in theconfig.xml
, so<config-file>
blocks intended for this plugin to parse will be picked up by Cordova and can cause build errors (see #135) for an example. - Plugin preferences should still however be specified as
<preference>
- e.g.
<preference name="cordova-custom-config-autorestore" value="true" />
- e.g.
- The plugin will detect if the platform project is
cordova-android@7
orcordova-android@6
(or below)- If
cordova-android@6
, by default the plugin will support non-prefixed custom config elements - If
cordova-android@7
, by default the plugin will NOT support non-prefixed custom config elements - This can be overridden by explicitly setting the
parse_unprefixed
preference<preference name="cordova-custom-config-parse_unprefixed" value="true" />
- If
This plugin is intended for the automated application of custom configuration to native platform projects in a local build environment.
This plugin WILL NOT WORK with remote ("Cloud") build environments that do not support the execution of this plugin's hook scripts. This includes:
If you are using another cloud-based Cordova/Phonegap build service and find this plugin doesn't work, the reason is probably also the same.
FWIW: if you are professionally developing Cordova/Phonegap apps, you are eventually going to find it preferable to build locally.
The plugin is registered as cordova-custom-config
on npm (requires Cordova CLI 5.0.0+)
cordova-custom-config@4+
requires the plugin to be installed via the cordova-fetch
mechanism in order to satisfy its package dependencies by installing it via npm.
Therefore a Cordova CLI version of cordova@7+
is required to install the plugin:
$ cordova plugin add cordova-custom-config
Or cordova@6.2+
if the --fetch
option is specified explicitly:
$ cordova plugin add cordova-custom-config --fetch
The hook scripts included in this plugin are run after each platform prepare
operation and apply preferences dictated by custom keys in the project config.xml
file to the relevant platform config files.
As such, all you need to do to "use" this plugin is include the relevant keys in your config.xml
and the scripts will take care of the rest when you build your project.
IMPORTANT: As of cordova-custom-config@5
, this plugin expects that custom configuration keys will be prefixed with <custom-
in order to distinguish them from the Cordova configuration keys. For example, for a preference intended for this plugin to parse you should use <custom-preference>
but for a preference intended for Cordova to parse you should use <preference>
NOTE: There are no run-time source files included in this plugin - it is simply a convenient package of hook scripts.
By default, any changes made by this plugin to platform config files are irreversible - i.e. if you want to undo changes made by the plugin, you'll need to remove then re-add the Cordova platform, for example:
cordova platform rm android && cordova platform add android
However, if you want the changes made to be reversible, you can enable auto-backup/restore functionality by adding the following preference inside the top-level <widget>
element of your config.xml
:
<preference name="cordova-custom-config-autorestore" value="true" />
When the first prepare
operation runs after the plugin is installed, it will make backup copies of the original configuration files before it makes any modifications.
These backup copies are stored in plugins/cordova-custom-config/backup/
and will be restored before each prepare
operation, allowing Cordova to make modifications and then the plugin to make further modifications after the prepare
.
This means changes made by the plugin are reversible, so removing a custom element from the config.xml
will remove it from the platform configuration file on the next prepare
operation and uninstalling the plugin will restore the configuration files to their original state (before the plugin made any modifications).
Consequently, any manual changes made to the platform configuration files in platforms/
after installing the plugin will be overwritten by the plugin on the next prepare
operation.
To prevent auto-restoring of backups and make manual changes to platform configuration files persist, remove the autorestore
preference from the config.xml
Preferences are set by defining a <custom-preference>
element in the config.xml, e.g. <custom-preference name="android-launchMode" value="singleTop" />
- Preferences defined outside of the platform element will apply to all platforms
- Preferences defined inside a platform element will apply only to the specified platform
- Platform preferences take precedence over common preferences
- Platform-specific preferences must be prefixed with the platform name (e.g.
name="ios-somepref"
) and be defined inside a platform element.
<custom-config-file>
blocks allow platform-specific chunks of config to be defined as an XML subtree in the config.xml
, which is then applied to the appropriate platform configuration file by the plugin.
- config-file elements MUST be defined inside a platform element, otherwise they will be ignored.
- config-file target attributes specify the target file to update. (AndroidManifest.xml or *-Info.plist)
- config-file parent attributes specify the parent element (AndroidManifest.xml) or parent key (*-Info.plist) that the child data will replace or be appended to.
- config-file elements are uniquely indexed by target AND parent for each platform.
- If there are multiple config-file's defined with the same target AND parent, the last config-file will be used
- Elements defined WITHIN a config-file will replace or be appended to the same elements relative to the parent element
- If a unique config-file contains multiples of the same elements (other than uses-permission elements which are selected by by the uses-permission name attribute), the last defined element will be retrieved.
The plugin currently supports setting of custom config only in platforms/android/AndroidManifest.xml
.
For a list of possible manifest values see http://developer.android.com/guide/topics/manifest/manifest-intro.html
Note: cordova@6.4.0 adds support for <edit-config>
blocks in config.xml
, which enables you to achieve similar manipulation of Android preferences without needing this plugin.
<custom-preference>
elements inconfig.xml
are used to set set attributes on existing elements in theAndroidManifest.xml
.- e.g.
<custom-preference name="android-manifest/@android:hardwareAccelerated" value="false" />
- will result in
AndroidManifest.xml
:<manifest android:hardwareAccelerated="false">
- e.g.
- Sometimes there plugins set some defaults in AndroidManifest.xml that you may not want.
It is also possible to delete nodes using the preferences and the
delete="true"
attribute.- e.g.
<custom-preference name="android-manifest/uses-permission/[@android:name='android.permission.WRITE_CONTACTS']" delete="true" />
- will delete the existing node
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
- e.g.
Important: In order to user the android:
namespace in preferences within your config.xml
, you must include the android namespace attribute on the root <widget>
element.
The namespace attribute fragment is:
xmlns:android="http://schemas.android.com/apk/res/android"
so your <widget>
element should look something like:
<widget
id="com.my.app"
version="0.0.1"
xmlns="http://www.w3.org/ns/widgets"
xmlns:cdv="http://cordova.apache.org/ns/1.0"
xmlns:android="http://schemas.android.com/apk/res/android">
Android manifest preferences are set by using XPaths in the preference name to define which element attribute the value should be applied to.
The preference name should be prefixed with android-manifest
then follow with an XPath which specifies the element and attribute to apple the value to.
For example:
<custom-preference name="android-manifest/application/activity/@android:launchMode" value="singleTask" />
This preference specifies that the launchMode
attribute should be given a value of singleTask
:
<activity android:launchMode="singleTask">
If your manifest contains other activities, you should specify the activity name in the XPath. Note that the activity name for Cordova 4.2.0 and below was "CordovaApp" whereas Cordova 4.3.0 and above is "MainActivity". For example:
<custom-preference name="android-manifest/application/activity[@android:name='MainActivity']/@android:launchMode" value="singleTask" />
If the attribute you are setting is on the root <manifest>
element, just omit the element name and specify the attribute. For example:
<custom-preference name="android-manifest/@android:installLocation" value="auto" />
<custom-config-file>
blocks are use to define chunks of config an XML subtree, to be inserted intoAndroidManifest.xml
- the
target
attribute must be set toAndroidManifest.xml
:<custom-config-file target="AndroidManifest.xml">
- the
parent
attribute defines an Xpath to the parent element in theAndroidManifest.xml
under which the XML subtree block should be inserted- to insert a block under the root
<manifest>
element, useparent="/*"
- to insert a block under a descendant of
<manifest>
, use an Xpath prefixed with./
e.gparent="./application/activity"
will insert the block under/manifest/application/activity
- to insert a block under the root
- the child elements inside the
<custom-config-file>
block will be inserted under the parent element.
For example:
<custom-config-file target="AndroidManifest.xml" parent="./application">
<some-element />
</custom-config-file>
will result in AndroidManifest.xml
with:
<manifest ...>
<application ...>
<some-element />
</application>
</manifest>
NOTE: By default, if the specified parent element contains an existing child element of the same name as that defined in the XML subtree, the existing element will be overwritten. For example:
<custom-config-file target="AndroidManifest.xml">
<application android:name="MyApp" />
</custom-config-file>
will replace the existing <application>
element(s).
To force the preservation (rather than replacement) of existing child elements, you can use the mode="add"
attribute.
So for the example above:
<custom-config-file target="AndroidManifest.xml" mode="add">
<application android:name="MyApp" />
</custom-config-file>
will preserve the existing <application>
element(s).
config.xml:
<platform name="android">
<!-- custom preferences examples -->
<custom-preference name="android-manifest/application/activity/@android:windowSoftInputMode" value="stateVisible" />
<custom-preference name="android-manifest/@android:installLocation" value="auto" />
<custom-preference name="android-manifest/application/@android:hardwareAccelerated" value="false" />
<custom-preference name="android-manifest/@android:hardwareAccelerated" value="false" />
<custom-preference name="android-manifest/application/activity/@android:configChanges" value="orientation" />
<custom-preference name="android-manifest/application/activity/@android:theme" value="@android:style/Theme.Material" />
<!-- specify activity name -->
<custom-preference name="android-manifest/application/activity[@android:name='MainActivity']/@android:launchMode" value="singleTask" />
<!-- Delete an element -->
<custom-preference name="android-manifest/application/activity[@android:name='DeleteMe']" delete="true" />
<!-- These preferences are actually available in Cordova by default although not currently documented -->
<custom-preference name="android-minSdkVersion" value="10" />
<custom-preference name="android-maxSdkVersion" value="22" />
<custom-preference name="android-targetSdkVersion" value="21" />
<!-- Or you can use a custom-config-file element for them -->
<custom-config-file target="AndroidManifest.xml" parent="/*">
<uses-sdk android:maxSdkVersion="22" android:minSdkVersion="10" android:targetSdkVersion="21" />
</custom-config-file>
<!-- custom config example -->
<custom-config-file target="AndroidManifest.xml" parent="/*">
<supports-screens
android:xlargeScreens="false"
android:largeScreens="false"
android:smallScreens="false" />
<uses-permission android:name="android.permission.READ_CONTACTS" android:maxSdkVersion="15" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
</custom-config-file>
<!-- Add (rather than overwrite) a custom-config-file block -->
<custom-config-file target="AndroidManifest.xml" parent="./" mode="add">
<application android:name="customApplication"></application>
</custom-config-file>
</platform>
- The plugin currently supports custom configuration of:
- the project plist (
*-Info.plist
) using<custom-config-file>
blocks - build settings using
<custom-preference>
elements - image asset catalogs using
<custom-resource>
elements
- the project plist (
- All iOS-specific config should be placed inside the
<platform name="ios">
inconfig.xml
.
- Preferences for iOS can be used to define build configuration settings
- The plugin currently supports:
- setting of
XCBuildConfiguration
block keys in theproject.pbxproj
file xcodefunc
as an interface to apply functions from node-xcode
- setting of
-
XCBuildConfiguration
<custom-preference>
elements are used to set preferences in the project settings fileplatforms/ios/{PROJECT_NAME}/{PROJECT_NAME}.xcodeproj/project.pbxproj
-
Currently,
XCBuildConfiguration
is the only supported block type. -
However, there is no constraint on the list of keys for which values may be set.
-
If an entry already exists in an
XCBuildConfiguration
block for the specified key, the existing value will be overwritten with the specified value. -
If no entry exists in any
XCBuildConfiguration
block for the specified key, a new key entry will be created in eachXCBuildConfiguration
block with the specified value. -
By default, values will be applied to both "Release" and "Debug"
XCBuildConfiguration
blocks. -
However, the block type can be specified by adding a
buildType
attribute to the<custom-preference>
element in the config.xml: value is eitherdebug
orrelease
- e.g
<custom-preference name="ios-XCBuildConfiguration-IPHONEOS_DEPLOYMENT_TARGET" value="7.0" buildType="release" />
- e.g
-
By default, both the key (preference name) and value will be quote-escaped when inserted into the
XCBuildConfiguration
block.- e.g.
<custom-preference name="ios-XCBuildConfiguration-IPHONEOS_DEPLOYMENT_TARGET" value="7.0" buildType="release" />
- will appear in
project.pbxproj
as:"IPHONEOS_DEPLOYMENT_TARGET" = "7.0";
- e.g.
-
The default quoting can be override by setting the
quote
attribute on the<custom-preference>
element.- Valid values are:
- "none" - don't quote key or value
- "key" - quote key but not value
- "value" - quote value but not key
- "both" - quote both key and value
- e.g.
<custom-preference name="ios-XCBuildConfiguration-IPHONEOS_DEPLOYMENT_TARGET" value="7.0" buildType="release" quote="none" />
- will appear in
project.pbxproj
as:IPHONEOS_DEPLOYMENT_TARGET = 7.0;
- Valid values are:
-
Preferences should be defined in the format
<custom-preference name="ios-SOME_BLOCK_TYPE-SOME_KEY" value="SOME_VALUE" />
-
Therefore, the preference name should be prefixed with
ios-XCBuildConfiguration
, for example:
- Cordova uses
.xcconfig
files in/platforms/ios/cordova/
to override Xcode project settings inproject.pbxproj
with build-type specific values.build.xcconfig
is overriden by settings inbuild-debug.xcconfig
andbuild-release.xcconfig
for the corresponding build type.
- When applying a custom preference, the plugin will look for an existing entry in the
.xcconfig
file that corresponds to the buildType attribute.- If buildType attribute is "debug" or "release", the plugin will look in
build-debug.xcconfig
orbuild-release.xcconfig
respectively. - If buildType is not specified or set to "none", the plugin will look in
build.xcconfig
.
- If buildType attribute is "debug" or "release", the plugin will look in
- By default, if an entry is found in the
.xcconfig
file which corresponds to the custom preference name in theconfig.xml
, the value in the.xcconfig
file will be overwritten with the value in theconfig.xml
. - To prevent the plugin from overwriting the value of a specific preference in the corresponding
.xcconfig
file, set the preference attributexcconfigEnforce="false"
.- e.g
<custom-preference name="ios-XCBuildConfiguration-SOME_PREFERENCE" value="Some value" buildType="debug" xcconfigEnforce="false" />
- e.g
- If a preference value doesn't already exist in the corresponding
.xcconfig
file, you can force its addition by setting the preference attributexcconfigEnforce="true"
. This will append it to the corresponding .xcconfig` file.- e.g
<custom-preference name="ios-XCBuildConfiguration-SOME_PREFERENCE" value="Some value" buildType="debug" xcconfigEnforce="true" />
- e.g
- Dependencies on additional
.xcconfig
files be added to a project by using#include
statements. Note, the buildType attribute applies as stated above, however, xcconfigEnforce has no effect on#include
statements as it is possible to have multiple#include
statemnets in a single.xcconfig
file.- e.g.
<custom-preference name="ios-XCBuildConfiguration-#INCLUDE" value="/path/to/external/dependency/additional_config.xcconfig" />
.
- e.g.
- A backup copy of any modified
.xcconfig
file will be made in 'plugins/cordova-custom-config/backup/ios'. By default, these backups will be restored prior to the nextprepare
operation. - Auto-restore of the backups can be disabled by setting
<custom-preference name="cordova-custom-config-autorestore" value="false" />
in theconfig.xml
. - Preference names and values will not be quote-escaped in
.xcconfig
files, so thequote
attribute has no effect on them.
- Cordova places its default CODE_SIGN_IDENTITY for Release builds in
build-release.xcconfig
but for Debug builds in `build.xcconfig. - If you set a CODE_SIGN_IDENTITY preference in the
config.xml
withbuildType="release"
, the plugin will overwrite the defaults inbuild-release.xcconfig
.- e.g.
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY" value="iPhone Distribution: My Release Profile (A1B2C3D4)" buildType="release" />
- e.g.
- If you set a CODE_SIGN_IDENTITY preference in the
config.xml
withbuildType="debug"
, the plugin will overwrite the defaults inbuild.xcconfig
.- e.g.
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY" value="iPhone Distribution: My Debug Profile (A1B2C3D4)" buildType="debug" />
- e.g.
- You can prevent the CODE_SIGN_IDENTITY preferences being overwritten by setting
xcconfigEnforce="false"
.- e.g.
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY" value="iPhone Distribution: My Release Profile (A1B2C3D4)" buildType="release" xcconfigEnforce="false" />
- e.g.
- You can force the plugin to add a new entry for CODE_SIGN_IDENTITY preference with
buildType="debug"
tobuild-debug.xcconfig
, rather than overwriting the defaults inbuild.xcconfig
by settingxcconfigEnforce="true"
. This will still override the defaults inbuild.xcconfig
, becausebuild-debug.xcconfig
overridesbuild.xcconfig
.- e.g.
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY" value="iPhone Distribution: My Debug Profile (A1B2C3D4)" buildType="debug" xcconfigEnforce="true" />
- e.g.
xcode-func
preferences enable functions within node-xcode to be called to edit different block types (such as Sources, Resources or Frameworks) in theproject.pbxproj
.- The preference name should be
ios-xcodefunc
, i.e.name="ios-xcodefunc"
- The function to call in node-xcode should be specified using the
func
attribute, e.g.func="addResourceFile"
- Function arguments should be specified using
<arg />
child elements. It supports the following attributes:value
- the value of the argument, e.g.value="src/content/image.png"
type
- the type of the value, e.g.type="String"
.- Supported types are:
Null
- evaluates tonull
Undefined
- evaluates toundefined
Object
- a stringified JSON object that will be parsed back into its object formNumber
- a Javascript NumberString
- a Javascript StringSymbol
- a Javascript Symbol
- If
type
is not specified, the argument value will be passed exactly as defined in thevalue
attribute
- Supported types are:
flag
- a modifier for specific types of argument, e.g.flag="path"
- Currently, the only supported value is
path
which forces the path to be resolved either as an absolute path or relative to the project root.
- Currently, the only supported value is
For example:
<custom-preference name="ios-xcodefunc" func="addResourceFile">
<arg type="String" value="src/content/image.png" flag="path" />
</custom-preference>
will add resource image.png
from ./src/content
(i.e. ../../src/content/image.png
relative to ./platforms/ios/
)
<custom-config-file>
elements are currently used to:- set preferences in the project .plist file (
platforms/ios/{PROJECT_NAME}/{PROJECT_NAME}-Info.plist
). - add to Precompiled Headers file (
platforms/ios/{PROJECT_NAME}/{PROJECT_NAME}-Prefix.pch
).
- set preferences in the project .plist file (
- all
<custom-config-file>
elements should have theplatform
attribute set toios
:<custom-config-file platform="ios">
-
the
target
attribute of the<custom-config-file>
should be set to*-Info.plist
:<custom-config-file platform="ios" target="*-Info.plist">
-
the
parent
attribute is used to determine which key name to use for the custom preference- e.g.
<custom-config-file platform="ios" target="*-Info.plist" parent="NSLocationAlwaysUsageDescription">
- will appear in
{PROJECT_NAME}-Info.plist
as<key>NSLocationAlwaysUsageDescription</key>
under/plist/dict
- e.g.
-
the value of the preference is set by the child elements of the
<custom-config-file>
element. These will appear directly below the preference<key>
in the .plist file.-
For example:
<custom-config-file platform="ios" target="*-Info.plist" parent="NSLocationAlwaysUsageDescription"> <string>This app requires constant access to your location in order to track your position, even when the screen is off.</string> </custom-config-file>
-
will appear in the plist file as:
<key>NSLocationAlwaysUsageDescription</key> <string>This app requires constant access to your location in order to track your position, even when the screen is off.</string>
-
-
if the .plist value type is an array, by default the values in the
<custom-config-file>
block will be merged with any existing values.-
For example, if the plist already contains:
<key>LSApplicationQueriesSchemes</key> <array> <string>fbapi</string> <string>fb-messenger-api</string> </array>
-
Then adding the
<custom-config-file>
block:<custom-config-file parent="LSApplicationQueriesSchemes" target="*-Info.plist"> <array> <string>myapp</string> <string>myapp2</string> </array> </custom-config-file>
-
will result in the plist file as:
<key>LSApplicationQueriesSchemes</key> <array> <string>fbapi</string> <string>fb-messenger-api</string> <string>myapp</string> <string>myapp2</string> </array>
-
-
this behaviour can also be explicitly specified by adding
mode="merge"
to the<custom-config-file>
block:-
For example, the
<custom-config-file>
block:`<custom-config-file parent="LSApplicationQueriesSchemes" target="*-Info.plist" mode="replace"> <array> <string>myapp</string> <string>myapp2</string> </array> </custom-config-file>`
-
will also result in the plist file as:
<key>LSApplicationQueriesSchemes</key> <array> <string>fbapi</string> <string>fb-messenger-api</string> <string>myapp</string> <string>myapp2</string> </array>
-
-
-
to replace existing values with those in the
<custom-config-file>
block, use the attributemode="replace"
:-
For example, if the plist already contains:
<key>LSApplicationQueriesSchemes</key> <array> <string>fbapi</string> <string>fb-messenger-api</string> </array>
-
Then adding the
<custom-config-file>
block:<custom-config-file parent="LSApplicationQueriesSchemes" target="*-Info.plist" mode="replace"> <array> <string>myapp</string> <string>myapp2</string> </array> </custom-config-file>
-
will result in the plist file as:
<key>LSApplicationQueriesSchemes</key> <array> <string>myapp</string> <string>myapp2</string> </array>
-
-
-
to delete existing values in the plist, specify the key to delete as the parent and use the attribute
mode="delete"
:-
For example, if the plist already contains:
<key>LSApplicationQueriesSchemes</key> <array> <string>fbapi</string> <string>fb-messenger-api</string> </array>
-
Then adding the
<custom-config-file>
block:<custom-config-file parent="LSApplicationQueriesSchemes" target="*-Info.plist" mode="delete"/>
- will result in the existing block being removed from the plist
-
- the
target
attribute of the<custom-config-file>
should be set to*-Prefix.pch
:<custom-config-file platform="ios" target="*-Prefix.pch">
Purpose:
- Sometimes it can be necessary to create custom iOS image asset catalogs in Cordova-based iOS apps.
- For example, some plugins require that custom images be present in a custom asset catalog in order to make use of them:
- This could be done manually by editing the platform project in XCode, but this is fragile since platform projects are volatile.
- i.e. can be removed when removing/updating the platform via Cordova CLI.
- So this plugin provides a mechanism to automate the generation custom asset catalogs.
Usage:
-
Image asset catalogs can be defined using
<custom-resource>
elements -
The
<custom-resource>
elements must be places inside of the<platform name="ios">
element -
The
<custom-resource>
elements must have the attributetype="image"
:<custom-resource type="image" />
-
The
src
attribute (required) should specify the relative local path to the image file.- The relative root is the Cordova project root
- e.g.
<custom-resource src="resources/custom-catalog/back@1x.png" />
- where the image file is location in
/path/to/project/root/resources/custom-catalog/back@1x.png
- where the image file is location in
-
The
catalog
attribute (required) specifies the name of the catalog to add the image to- e.g.
<custom-resource catalog="custom-catalog"/>
- e.g.
-
The
scale
attribute (required) specifies the scale factor of the image- Valid values are:
1x
,2x
,3x
- e.g.
<custom-resource scale="1x"/>
- Valid values are:
-
The
idiom
attribute (optional) specifies the target device family- Valid values are:
universal
- all devicesiphone
- iPhones onlyipad
- iPads onlywatch
- Apple Watch only
- If not specified, defaults to
universal
- e.g.
<custom-resource idiom="iphone"/>
- Valid values are:
-
Full example:
<custom-resource type="image" src="resources/custom-catalog/back@1x.png" catalog="custom-catalog" scale="1x" idiom="iphone" />
config.xml:
<platform name="ios">
<!-- Set ENABLE_BITCODE to YES in XCode project file override NO value in /ios/cordova/build.xcconfig -->
<custom-preference name="ios-XCBuildConfiguration-ENABLE_BITCODE" value="YES" />
<!-- Set deploy target SDKs for release and debug builds -->
<custom-preference name="ios-XCBuildConfiguration-IPHONEOS_DEPLOYMENT_TARGET" value="9.1" buildType="debug" quote="none" />
<custom-preference name="ios-XCBuildConfiguration-IPHONEOS_DEPLOYMENT_TARGET" value="7.0" buildType="release" />
<!-- Custom code signing profiles (overriding those in /ios/cordova/*.xcconfig -->
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY" value="iPhone Developer: Dave Alden (8VUQ6DYDLL)" buildType="debug" xcconfigEnforce="true" />
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY[sdk=iphoneos*]" value="iPhone Developer: Dave Alden (8VUQ6DYDLL)" buildType="debug" />
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY[sdk=iphoneos9.1]" value="iPhone Developer: Dave Alden (8VUQ6DYDLL)" buildType="debug" />
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY" value="iPhone Distribution: Working Edge Ltd (556F3DRHUD)" buildType="release" xcconfigEnforce="false" />
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY[sdk=iphoneos*]" value="iPhone Distribution: Working Edge Ltd (556F3DRHUD)" buildType="release" />
<custom-preference name="ios-XCBuildConfiguration-CODE\_SIGN\_IDENTITY[sdk=iphoneos9.1]" value="iPhone Distribution: Working Edge Ltd (556F3DRHUD)" buildType="release" />
<!-- Add resource file by relative path -->
<custom-preference name="ios-xcodefunc" func="addResourceFile">
<arg type="String" value="src/content/image.png" flag="path" />
</custom-preference>
<!-- By default, merge with existing array values -->
<custom-config-file parent="LSApplicationQueriesSchemes" target="*-Info.plist">
<array>
<string>myapp</string>
<string>myapp2</string>
<string>myapp3</string>
</array>
</custom-config-file>
<!-- Explicitly merge with existing array values -->
<custom-config-file platform="ios" target="*-Info.plist" parent="UISupportedInterfaceOrientations" mode="merge" >
<array>
<string>UIInterfaceOrientationPortrait</string>
<string>UIInterfaceOrientationPortraitUpsideDown</string>
</array>
</custom-config-file>
<!-- Replace existing values -->
<custom-config-file platform="ios" target="*-Info.plist" parent="UISupportedInterfaceOrientations~ipad" mode="replace">
<array>
<string>UIInterfaceOrientationPortrait</string>
<string>UIInterfaceOrientationPortraitUpsideDown</string>
</array>
</custom-config-file>
<!-- Set background location mode -->
<custom-config-file platform="ios" target="*-Info.plist" parent="UIBackgroundModes">
<array>
<string>location</string>
</array>
</custom-config-file>
<!-- Set message displayed when app requests constant location updates -->
<custom-config-file platform="ios" target="*-Info.plist" parent="NSLocationAlwaysUsageDescription">
<string>This app requires constant access to your location in order to track your position, even when the screen is off.</string>
</custom-config-file>
<!-- Set message displayed when app requests foreground location updates -->
<custom-config-file platform="ios" target="*-Info.plist" parent="NSLocationWhenInUseUsageDescription">
<string>This app will now only track your location when the screen is on and the app is displayed.</string>
</custom-config-file>
<!-- Allow arbitrary loading of resources over HTTP on iOS9 -->
<custom-config-file platform="ios" target="*-Info.plist" parent="NSAppTransportSecurity">
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
</custom-config-file>
<!-- Custom image asset catalog -->
<custom-resource type="image" catalog="custom" src="resources/ios/custom-icons/back@1x.png" scale="1x" idiom="universal" />
<custom-resource type="image" catalog="custom" src="resources/ios/custom-icons/back@2x.png" scale="2x" idiom="universal" />
<custom-resource type="image" catalog="custom" src="resources/ios/custom-icons/back@3x.png" scale="3x" idiom="universal" />
</platform>
The plugin supports some preferences which are used to customise the behaviour of the plugin.
These preferences should be placed at the top level (inside <widget>
) rather than inside individual <platform>
elements.
Each preference name is prefixed with cordova-custom-config
to avoid name clashes, for example:
<preference name="cordova-custom-config-autorestore" value="true" />
The following preferences are currently supported:
cordova-custom-config-autorestore
- if true, the plugin will restore a backup of platform configuration files taken at plugin installation time. See the Removable preferences section for details. Defaults tofalse
.cordova-custom-config-stoponerror
- if true and an error occurs while updating config for a given platform during aprepare
operation, the error will cause theprepare
operation to fail. If false, the plugin will log the error but will proceed and attempt to update any other platforms, before allowing theprepare
operation to continue. Defaults tofalse
.cordova-custom-config-hook
- determines which Cordova hook operation to use to run the plugin and apply custom config. Defaults toafter_prepare
if not specified. You may wish to change this to apply custom config earlier or later, for example if config applied by this plugin is clashing with other plugins. Possible values are:before_prepare
,after_prepare
,before_compile
. See the Cordova hooks documentation for more on the Cordova build process.cordova-custom-config-parse_unprefixed
- determines whether the plugin should attempt to parse unprefixed custom config elements inconfig.xml
- If not explicitly specified, the plugin will set a default by detecting whether the platform project is
cordova-android@7
orcordova-android@6
(or below)- If
cordova-android@6
, defaults totrue
- If
cordova-android@7
, defaults tofalse
- If
- If not explicitly specified, the plugin will set a default by detecting whether the platform project is
If you run the prepare operation with the --verbose
command-line option, the plugin will output detail about the operations it's performing. Console messages are prefixed with cordova-custom-config:
. For example:
cordova prepare ios --verbose
An example project illustrating use of this plugin can be found here: https://github.com/dpa99c/cordova-custom-config-example
See the TODO list for planned features/improvements.
Config update hook based on this hook by Diego Netto
================
The MIT License
Copyright (c) 2016 Working Edge Ltd.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.