Cordova hooks that you can run in Ionic Package
JavaScript Shell
Latest commit c6ef00c Sep 7, 2016 @dwieeb dwieeb committed on GitHub Merge pull request #19 from Just-Ghali/master
Add support for custom themes.xml and styles.xml

Ionic Package Hooks

The hooks in this repository are hooks that you can run during the packaging of your app. Ionic Package uses Cordova, so these are just standard Cordova Hooks that we've selected/accepted.

To run these hooks in Ionic Package, just put a <hook /> tag in your config.xml, like this:

<hook type="after_prepare" src="package-hooks/add_platform_class.js" />

That's it! Package will run that hook on the server.

Re-enable HTTP for iOS9

This is probably one of the main reasons you're here, so this is how you do that:

  • Put the following in your config.xml:

    <hook type="after_prepare" src="package-hooks/" />
  • That's it, actually. Run ionic package build ios ... again and your binary should allow HTTP.

Use these hooks locally

You don't need to download these hooks locally, but local builds won't work without them.

To use them locally, you can clone the repository within your Ionic App, and Cordova will pick up your <hook /> tags within config.xml automatically.

Within your app directory:

$ git clone ./package-hooks
$ cd package-hooks
$ npm install


These are the available hooks. The type is what you put in type of your <hook /> tag, unless you want to run the hook at a different stage (not recommended). If you want a hook to run before another one, reorder the <hook /> tags.

  • author: Ionic
  • usage: <hook type="after_prepare" src="package-hooks/add_platform_class.js" />
  • function: Adds the various platform CSS classes to the <body> tag of your app such as platform-android, platform-ios, etc.
  • author: @schmoofer/@dwieeb
  • usage: <hook type="after_prepare" src="package-hooks/android_custom_resources.js" />
  • function: Copies assets in resources/android/custom/ to all drawable-* directories in platforms/android/res. Asset filenames must only use a-z, 0-9, and underscores. Example application: Allows for custom icons to be used in Android notifications (action buttons and the notification icon) when using the Push plugin.
  • author: @Just-Ghali
  • usage: <hook type="after_prepare" src="package-hooks/android_custom_values.js" />
  • function: Copies style files from resources/android/values/ to platforms/android/res/values. Adds the ability to add custom themes.xml and styles.xml to the res/values folder in the android build.
  • credit: @schmoofer/@dwieeb
  • author: @carson-drake
  • usage: <hook type="after_prepare" src="package-hooks/android_ignore_translation_errors.js" />
  • function: After Android prepare, add build-extras.gradle to android platform root to allow android-lint to ignore the translation errors introduced when including phonegap-plugin-barcodescanner.
  • author: @daruwanov
  • usage: <hook type="after_prepare" src="package-hooks/" />
  • function: Sets NSAllowsArbitraryLoads to true in your .plist file, allowing all regular HTTP connections in your app again for iOS9.
  • author: @carson-drake
  • usage: <hook type="after_prepare" src="package-hooks/" />
  • function: Deletes LSApplicationQueriesSchemes and then reads the necessary listings to communicate with Facebook natively to the .plist file, allowing login and other features to occur natively rather than in safari.
  • credit: @mablack
  • author: @alongendler
  • usage: <hook type="after_prepare" src="package-hooks/" />
  • function: Adds LSApplicationQueriesSchemes if needed and then adds the required key to communicate with whatsapp natively to the .plist file, allowing to query the presence of WhatsApp on device using canOpenURL.
  • credit: @mablack, @carson-drake
  • author: @akofman
  • usage: <hook type="after_prepare" src="package-hooks/ios_disable_bitcode.js" />
  • function: Sets ENABLE_BITCODE to NO to fix iOS builds that stopped working after phonegap-plugin-push was updated to 1.5.x.
  • author: Ionic
  • usage: <hook type="after_prepare" src="package-hooks/ios_remove_armv7s.js" />
  • function: Remove the armv7s architecture from the build process, which causes various build errors, especially with cordova-plugin-facebook4.


See for details.