Example of React-Native application with version from package.json and npm version bump.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
__tests__
android
ios
scripts
.babelrc
.buckconfig
.flowconfig
.gitattributes
.gitignore
.watchmanconfig
LICENSE
README.md
app.json
index.android.js
index.ios.js
package.json
version.json

README.md

react-native-npm-version

Example of React-Native application with version from package.json and npm version bump.

Why not to simpify cross-platform app version increase flow, with only npm version command ?

This repository provides an sample application, with integrated solution to minimize amount of monkey job with handling react-native applications.

Realization consist of few parts:

  • some script ./scripts/version.js which increase version in iOS project file Info.plist.
  • custom npm scripts version.
  • extended ./android/build.gradle
  • modified ./android/app/build.gradle:

To use those solution in your project,

  1. add version npm script to scripts section in your package.json:
{
  "scripts": {
    "version": "node ./scripts/version.js && [[ $(git status --porcelain -z | gawk '/version.json/ && /Info.plist/' ) ]] && git add version.json ios/"
  }
  1. copy ./scripts/version.js to your project root.
  2. extend ./android/app/build.gradle and ./android/build.gradle with the following samples:

./android/app/build.gradle

/* ... */
android {
  /* ... */
    defaultConfig {
        // Replace lines with your versionCode and versionName  with two lines below
        versionCode versionMajor * 10000 + versionMinor * 100 + versionPatch
        versionName "${versionMajor}.${versionMinor}.${versionPatch}"
        /* ... */
    }
  /* ... */
}

./android/build.gradle

subprojects {
    ext {
        def npmVersion = getNpmVersionArray()
        versionMajor = npmVersion[0]
        versionMinor = npmVersion[1]
        versionPatch = npmVersion[2]
    }
}

def getNpmVersion() {
    def inputFile = new File("../package.json")
    def packageJson = new JsonSlurper().parseText(inputFile.text)
    return packageJson["version"]
}

def getNpmVersionArray() { // major [0], minor [1], patch [2]
    def (major, minor, patch) = getNpmVersion().tokenize('.')
    return [Integer.parseInt(major), Integer.parseInt(minor), Integer.parseInt(patch)] as int[]
}

Based on solution by @AndrewJack https://github.com/AndrewJack/versioning-react-native-app. See Medium post

Requirements

  • gawk for macOS - used in npm run version
  • watchman for macOS
  • node higher than 4.2.0