diff url parse techniques for browser and ssr

Author: vaibhav23bansal

package.json

@@ -49,7 +49,6 @@
   "dependencies": {
     "imagekit-javascript": "^1.2.1",
     "prop-types": "^15.7.2",
-    "react-scripts": "3.4.0",
-    "url-parse": "^1.4.7"
+    "react-scripts": "3.4.0"
   }
 }

src/util/urlParser.js

@@ -1,24 +1,49 @@
-var Url = require('url-parse'); //supports both browser and node
-Url('hostname', {});
-
 export function parseURL(url) {
-	let parsedUrl = Url(url);
-	let searchObject = {}, queries, split, i;
-	
+	let parser;
+	if(typeof document === 'undefined'){
+		parser = parseUrlInNode(url);
+	}else{
+		parser = parseUrlInBrowser(url);
+	}
+
+	return {
+		protocol: parser.protocol,
+		host: parser.host,
+		hostname: parser.hostname,
+		port: parser.port,
+		pathname: parser.pathname,
+		search: parser.search,
+		searchObject: parser.searchObject,
+		hash: parser.hash
+	};
+}
+
+function parseUrlInBrowser(urlToParse){
+	var parser = document.createElement('a'),searchObject = {}, queries, split, i;
+	// Let the browser do the work
+	parser.href = urlToParse;
 	// Convert query string to object
-	queries = parsedUrl.query.replace(/^\?/, '').split('&');
+	queries = parser.search.replace(/^\?/, '').split('&');
 	for( i = 0; i < queries.length; i++ ) {
 		split = queries[i].split('=');
 		searchObject[split[0]] = split[1];
 	}
-	return {
-		protocol: parsedUrl.protocol,
-		host: parsedUrl.host,
-		hostname: parsedUrl.hostname,
-		port: parsedUrl.port,
-		pathname: parsedUrl.pathname,
-		search: parsedUrl.query,
-		searchObject: searchObject,
-		hash: parsedUrl.hash
-	};
+	parser.searchObject = searchObject;
+	return parser;
 }
+
+function parseUrlInNode(urlToParse){
+	var url = require('url');
+
+	var parser = new URL(urlToParse);
+	var searchObject = {}, queries, split, i;
+	
+	// Convert query string to object
+	queries = parser.search.replace(/^\?/, '').split('&');
+	for( i = 0; i < queries.length; i++ ) {
+		split = queries[i].split('=');
+		searchObject[split[0]] = split[1];
+	}
+	parser.searchObject = searchObject;
+	return parser;
+}