fix: uuid issue by making js base uuid

Author: numandev1

example/ios/Podfile.lock

@@ -293,7 +293,7 @@ PODS:
     - glog
   - react-native-background-upload (6.5.0):
     - React
-  - react-native-compressor (1.1.0):
+  - react-native-compressor (1.2.0):
     - NextLevelSessionExporter
     - React-Core
   - react-native-create-thumbnail (1.4.1):
@@ -627,7 +627,7 @@ SPEC CHECKSUMS:
   React-jsinspector: 8c0517dee5e8c70cd6c3066f20213ff7ce54f176
   React-logger: bfddd3418dc1d45b77b822958f3e31422e2c179b
   react-native-background-upload: 994d4e8abbcc1d0b0cff68d950429906ed68ca67
-  react-native-compressor: 2b0f75c5e887830955b32e0ddf22ef2efe0f179e
+  react-native-compressor: 5b01bc19d1817c5ce89f8d5117b7c282e67615b9
   react-native-create-thumbnail: d31c84dd69fb4d60aec0ff2f49bc0de41ede7b2c
   react-native-document-picker: 226068006be4c52f8ef7f32d855ee025a12e9e64
   react-native-get-random-values: 2c4ff6b44cb71291dabe9a8ae87d3877dcf387da

example/src/Screens/Video/index.tsx

@@ -1,11 +1,10 @@
 import * as React from 'react';
 import { View, Text, Button, Image, Alert, Platform } from 'react-native';
-import { Video } from 'react-native-compressor';
+import { Video, uuidv4 } from 'react-native-compressor';
 import * as ImagePicker from 'react-native-image-picker';
 import { createThumbnail } from 'react-native-create-thumbnail';
 import * as Progress from 'react-native-progress';
 const prettyBytes = require('pretty-bytes');
-import { v4 as uuidv4 } from 'uuid';
 const RNFS = require('react-native-fs');
 import { getFileInfo } from '../../Utils';
 

package.json

@@ -66,7 +66,6 @@
     "@types/jest": "^26.0.0",
     "@types/react": "^17.0.8",
     "@types/react-native": "^0.64.7",
-    "@types/uuid": "^8.0.0",
     "commitlint": "^11.0.0",
     "eslint": "^7.2.0",
     "eslint-config-prettier": "^7.0.0",
@@ -83,8 +82,7 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*",
-    "uuid": "*"
+    "react-native": "*"
   },
   "jest": {
     "preset": "react-native",
@@ -164,8 +162,5 @@
         }
       ]
     ]
-  },
-  "dependencies": {
-    "react-native-get-random-values": "^1.7.0"
   }
 }

src/Video/index.tsx

@@ -4,8 +4,7 @@ import {
   Platform,
   NativeEventSubscription,
 } from 'react-native';
-import 'react-native-get-random-values';
-import { v4 as uuidv4 } from 'uuid';
+import { uuidv4 } from '../utils';
 
 export declare enum FileSystemUploadType {
   BINARY_CONTENT = 0,

src/index.tsx

@@ -1,7 +1,7 @@
 import Video, { VideoCompressorType, backgroundUpload } from './Video';
 import Audio from './Audio';
 import Image from './Image';
-import { getDetails } from './utils';
+import { getDetails, uuidv4 } from './utils';
 
 export {
   Video,
@@ -11,11 +11,13 @@ export {
   //type
   VideoCompressorType,
   getDetails,
+  uuidv4,
 };
 export default {
   Video,
   Audio,
   Image,
   backgroundUpload,
   getDetails,
+  uuidv4,
 };

src/utils/index.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable no-bitwise */
 import { NativeModules } from 'react-native';
 const { Compressor } = NativeModules;
 export const AUDIO_BITRATE = [256, 192, 160, 128, 96, 64, 32];
@@ -152,3 +153,19 @@ export const checkUrlAndOptions = async (
     return defaultResult;
   }
 };
+
+export const uuidv4 = () => {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    const r =
+        (parseFloat(
+          '0.' +
+            Math.random().toString().replace('0.', '') +
+            new Date().getTime()
+        ) *
+          16) |
+        0,
+      // eslint-disable-next-line eqeqeq
+      v = c == 'x' ? r : (r & 0x3) | 0x8;
+    return v.toString(16);
+  });
+};

yarn.lock

@@ -2371,11 +2371,6 @@
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.0.tgz#7036640b4e21cc2f259ae826ce843d277dad8cff"
   integrity sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw==
 
-"@types/uuid@^8.0.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-8.3.0.tgz#215c231dff736d5ba92410e6d602050cce7e273f"
-  integrity sha512-eQ9qFW/fhfGJF8WKHGEHZEyVWfZxrT+6CLIJGBcZPfxUh/+BnEj+UCGYMlr9qZuX/2AltsvwrGqp0LhEW8D0zQ==
-
 "@types/yargs-parser@*":
   version "20.2.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-20.2.0.tgz#dd3e6699ba3237f0348cd085e4698780204842f9"
@@ -4504,11 +4499,6 @@ extglob@^2.0.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-fast-base64-decode@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fast-base64-decode/-/fast-base64-decode-1.0.0.tgz#b434a0dd7d92b12b43f26819300d2dafb83ee418"
-  integrity sha512-qwaScUgUGBYeDNRnbc/KyllVU88Jk1pRHPStuF/lO7B0/RTRLj7U0lkdTAutlBblY08rwZDff6tNU9cjv6j//Q==
-
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
@@ -7970,13 +7960,6 @@ react-native-codegen@^0.0.7:
     jscodeshift "^0.11.0"
     nullthrows "^1.1.1"
 
-react-native-get-random-values@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/react-native-get-random-values/-/react-native-get-random-values-1.7.0.tgz#86d9d1960828b606392dba4540bf760605448530"
-  integrity sha512-zDhmpWUekGRFb9I+MQkxllHcqXN9HBSsgPwBQfrZ1KZYpzDspWLZ6/yLMMZrtq4pVqNR7C7N96L3SuLpXv1nhQ==
-  dependencies:
-    fast-base64-decode "^1.0.0"
-
 react-native@^0.66.1:
   version "0.66.1"
   resolved "https://registry.yarnpkg.com/react-native/-/react-native-0.66.1.tgz#96defaf60579406321340ebe1dcea76a3c942806"