Npm install

npm i url-parse-modify

Import

import Url from 'url-parse-modify';

Parse url

const url = new Url('http://localhost:8080/3rd-Eden/path/to/resource?name=John&id=123#section2')
console.log(url.urlParse)

return:

{
  path: '/3rd-Eden/path/to/resource',
  hash: 'section2',
  protocol: 'http',
  origin: 'http://localhost',
  username: null,
  password: null,
  hostname: 'localhost',
  port: '8080',
  query: { name: 'John', id: '123' }
}

Property	Description
hash	The URL hash fragment, can be a string or null.
protocol	The URL protocol (e.g., "http" or "https"), or null.
origin	The URL origin (e.g., "https://example.com"), or null.
username	A username in the URL, can be a string or null.
password	A password in the URL, can be a string or null.
hostname	The URL hostname (e.g., "example.com"), or null.
port	The URL port (e.g., "8080"), can be a string or null.
query	An object representing URL query parameters.
path	The URL path, can be a string or null.

toString()

const url = new Url('http://localhost:8080/3rd-Eden/path/to/resource?name=John&id=123#section2')
console.log(url.toString())

//http://localhost:8080/3rd-Eden/path/to/resource?name=John&id=123#section2

get(key)

const url = new Url('http://localhost:8080/3rd-Eden/path/to/resource?name=John&id=123#section2')
const host = url.get('hostname')
console.log(host)
//localhost

Key	Description
'hash'	Represents the URL hash fragment.
'protocol'	Represents the URL protocol (e.g., "http" or "https").
'origin'	Represents the URL origin (e.g., "https://example.com").
'username'	Represents a username in the URL.
'password'	Represents a password in the URL.
'hostname'	Represents the URL hostname (e.g., "example.com").
'port'	Represents the URL port (e.g., "8080").
'query'	Represents URL query parameters as an object.
'path'	Represents the URL path.

set(key,value)

const url = new Url('http://localhost:8080/3rd-Eden/path/to/resource?name=John&id=123#section2')
url.set('hostname', 'google.com')
console.log(url.toString())
//http://google.com:8080/3rd-Eden/path/to/resource?name=John&id=123#section2

Parameter	Description
key	A string literal representing the property to be set. Valid options include: 'hash', 'protocol', 'origin', 'username', 'password', 'hostname', 'port', 'query', or 'path'.
value	The value to set for the specified property. It can be either a string or an object(query) with string keys and any values.

const url = new Url('http://localhost:8080/3rd-Eden/path/to/resource?name=John&id=123#section2')
url.set('query', { name: 'rakib', id: '5345345435' })
console.log(url.toString())
//http://localhost:8080/3rd-Eden/path/to/resource?name=rakib&id=5345345435#section2