Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

szhigunov/react-native-npm-version

Open more actions menu

Repository files navigation

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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.