react-native-qrcode-svg 6.3.12 → 6.3.14

package/README.md

@@ -1,8 +1,5 @@
-# Looking for maintainers
-I'm not working on any React Native projects anymore. Feel free to take over this project if you feel good about it!
 
 [![NPM](https://nodei.co/npm/react-native-qrcode-svg.png)](https://npmjs.org/package/react-native-qrcode-svg)
-![circleci](https://circleci.com/gh/awesomejerry/react-native-qrcode-svg.svg?style=shield&circle-token=185bdd4fed561139178638f5b9f9c48ddefc9288)
 
 # react-native-qrcode-svg
 
@@ -153,7 +150,11 @@ import RNFS from "react-native-fs"
    	})
   }
 ```
+## Development and testing
+This library comes with an Example App. You can find it in the directory `./Example`.  
+Use the app to easily test your changes to `react-native-qrcode-svg` and when developing new features.
 
+Read more details in the dedicated [README](/Example/README.md).
 
 ## Dependencies
 
@@ -164,3 +165,46 @@ import RNFS from "react-native-fs"
 ### Dependencies
 
 * [node-qrcode](https://github.com/soldair/node-qrcode)
+
+### Integrating react-native-qrcode-svg with React Native versions below 0.75
+This library works seamlessly with React Native versions 0.75 and above. However, if you're using an older version of React Native (below 0.75), you might need to apply a custom transformation to your project's metro.config.js file to ensure compatibility with the TextEncoder API.
+
+Here's how to configure the transformer for both Expo and React Native projects:
+
+#### Setting Up the Transformer:
+Make sure your project has a `metro.config.js` file. If not, create one at the root of your project.
+
+#### Expo Projects:
+```js
+const { getDefaultConfig } = require("expo/metro-config");
+
+module.exports = (() => {
+  const config = getDefaultConfig(__dirname);
+
+  const { transformer } = config;
+
+  config.transformer = {
+    ...transformer,
+    babelTransformerPath: require.resolve("react-native-qrcode-svg/textEncodingTransformation")
+  };
+
+  return config;
+})();
+```
+Merge the contents from your project's metro.config.js file with this config.
+
+#### React Native Projects:
+```js
+const { getDefaultConfig, mergeConfig } = require("@react-native/metro-config");
+
+const defaultConfig = getDefaultConfig(__dirname);
+
+const config = {
+  transformer: {
+    babelTransformerPath: require.resolve("react-native-qrcode-svg/textEncodingTransformation"),
+  },
+};
+
+module.exports = mergeConfig(defaultConfig, config);
+```
+

package/babel.config.js

@@ -1,3 +1,9 @@
 module.exports = {
-  presets: ["module:metro-react-native-babel-preset"],
+  presets: 
+  [
+    "module:metro-react-native-babel-preset", 
+    {
+      disableImportExportTransform: true,
+    },
+  ],
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-qrcode-svg",
-  "version": "6.3.12",
+  "version": "6.3.14",
   "description": "A QR Code generator for React Native based on react-native-svg and javascript-qrcode.",
   "main": "index.js",
   "types": "index.d.ts",
@@ -36,7 +36,8 @@
     "src",
     "babel.config.js",
     "index.d.ts",
-    "index.js"
+    "index.js",
+    "textEncodingTransformation.js"
   ],
   "keywords": [
     "react-native",
@@ -52,11 +53,11 @@
   "peerDependencies": {
     "react": "*",
     "react-native": ">=0.63.4",
-    "react-native-svg": ">=13.2.0"
+    "react-native-svg": ">=14.0.0"
   },
   "dependencies": {
     "prop-types": "^15.8.0",
-    "qrcode": "^1.5.1",
+    "qrcode": "^1.5.4",
     "text-encoding": "^0.7.0"
   },
   "devDependencies": {

package/src/index.js

@@ -1,5 +1,3 @@
-global.TextEncoder = require("text-encoding").TextEncoder;
-
 import React, { useMemo } from "react";
 import Svg, {
   Defs,

package/textEncodingTransformation.js

@@ -0,0 +1,41 @@
+const { readFileSync } = require('fs');
+const semver = require('semver');
+
+const fileToTransform = 'node_modules/react-native-qrcode-svg/src/index.js';
+
+const upstreamTransformer = (() => {
+    try {
+      return require("@expo/metro-config/babel-transformer");
+    } catch (error) {
+      try {
+        return require("@react-native/metro-babel-transformer");
+      } catch (error) {
+        return require("metro-react-native-babel-transformer");
+      }
+    }
+  })();
+
+function createTransformer(transformer) {
+    return async ({src, filename, ...rest}) => {
+      if (filename === fileToTransform) {
+        const packageJsonPath = require.resolve('react-native/package.json');
+        const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'));
+        const ReactNativeVersion = packageJson.version;
+
+        // React Native versions below 0.75 do not include a global TextEncoder implementation.
+        // To ensure compatibility with these older versions, we add a polyfill using the 'text-encoding' library.
+        if (semver.lt(ReactNativeVersion, '0.75.0')) {
+            return transformer.transform({
+                src: `global.TextEncoder = require('text-encoding').TextEncoder;\n${src}`, 
+                filename, 
+                ...rest
+            });
+        }
+      }
+      return transformer.transform({src, filename, ...rest});
+    };
+}
+
+module.exports = {
+    transform: createTransformer(upstreamTransformer),
+};

package/Example/macos/.xcode.env.local

@@ -1,2 +0,0 @@
-export NODE_BINARY=/Users/war-in/.nvm/versions/node/v20.10.0/bin/node
-