Make reat-native-graphql-transformer compatible with new RN

Author: tychota

.prettierrc

@@ -1,4 +1,5 @@
 {
   "printWidth": 100,
-  "singleQuote": true
+  "singleQuote": true,
+  "trailingComma": "all"
 }

index.js

@@ -1,23 +1,26 @@
 const gqlLoader = require('graphql-tag/loader');
-
-let rnTransform = null;
-
-try {
-  // handle RN >= 0.47
-  rnTransform = require('metro-bundler/src/transformer').transform;
-} catch (e) {
-  try {
-    // handle RN 0.46
-    rnTransform = require('metro-bundler/build/transformer').transform;
-  } catch (e2) {
-    // handle RN <= 0.45
-    const oldrnTransform = require('react-native/packager/transformer').transform;
-    rnTransform = {
-      transform({ src, filename, options }) {
-        return oldrnTransform.transform(src, filename, options);
-      },
-    };
-  }
+const semver = require('semver');
+
+let upstreamTransformer = null;
+
+const reactNativeVersionString = require('react-native/package.json').version;
+
+const reactNativeMinorVersion = semver(reactNativeVersionString).minor;
+
+if (reactNativeMinorVersion >= 52) {
+  upstreamTransformer = require('metro/src/transformer');
+} else if (reactNativeMinorVersion >= 0.47) {
+  upstreamTransformer = require('metro-bundler/src/transformer');
+} else if (reactNativeMinorVersion === 0.46) {
+  upstreamTransformer = require('metro-bundler/build/transformer');
+} else {
+  // handle RN <= 0.45
+  const oldUpstreamTransformer = require('react-native/packager/transformer');
+  upstreamTransformer = {
+    transform({ src, filename, options }) {
+      return oldUpstreamTransformer.transform(src, filename, options);
+    },
+  };
 }
 
 const gqlTransform = gqlLoader.bind({
@@ -36,7 +39,7 @@ function transform(src, filename, options) {
     result = gqlTransform(result);
   }
 
-  const babelCompileResult = rnTransform({
+  const babelCompileResult = upstreamTransformer({
     src: result,
     filename,
     options,

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "react-native-graphql-transformer",
-  "version": "0.1.1",
+  "name": "@bam.tech/react-native-graphql-transformer",
+  "version": "0.1.2",
   "description": "Transform GraphQL source files with ReactNative",
   "main": "index.js",
   "repository": "git@github.com:bamlab/react-native-graphql-transformer.git",
@@ -16,7 +16,8 @@
     "react-native": ">=0.45.0"
   },
   "dependencies": {
-    "graphql-tag": "^2.6.0"
+    "graphql-tag": "^2.6.0",
+    "semver": "^5.4.1"
   },
   "devDependencies": {
     "all-contributors-cli": "^4.10.0",

yarn.lock

@@ -1392,7 +1392,7 @@ safe-buffer@^5.0.1, safe-buffer@^5.1.1, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
 
-"semver@2 || 3 || 4 || 5", semver@^5.3.0:
+"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.4.1:
   version "5.4.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.4.1.tgz#e059c09d8571f0540823733433505d3a2f00b18e"