npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@naverpay/nurl

v0.0.7

Published

URL build library

Downloads

292

Readme

NURL is a powerful URL manipulation library that extends the standard URL class. It provides dynamic segment processing and flexible URL creation capabilities.

Features

  • Extends and implements the URL class
  • Supports various URL creation methods (string, URL object, custom options object)
  • Provides a factory function NURL.create() for creating instances without the new keyword
  • Dynamic segment processing functionality
  • Setters behave differently from the standard URL
  • Provides decoded hostname for IDN (Internationalized Domain Names) support

Usage

Basic Usage

import { NURL } from 'nurl'

// Create URL from string
const url1 = new NURL('https://example.com/users/123?name=John')

// Create URL from existing URL object
const standardUrl = new URL('https://example.com')
const url2 = new NURL(standardUrl)

// Create URL from custom options object
const url3 = new NURL({
  baseUrl: 'https://example.com',
  pathname: '/users/:id',
  query: { id: '123', name: 'John' }
})

// Create empty URL
const url4 = new NURL()

// Using the factory function
const url5 = NURL.create('https://example.com')

// The factory function also works with options object
const url6 = NURL.create({
  baseUrl: 'https://example.com',
  pathname: '/users/:id',
  query: { id: '123', name: 'John' }
})

Dynamic Segment Processing

NURL processes dynamic segments in the pathname and replaces them with values from the query object. If a dynamic segment doesn't have a corresponding query value, it remains unchanged in the pathname without any encoding:

const url = new NURL({
  baseUrl: 'https://api.example.com',
  pathname: '/users/:a/posts/[b]/[c]',
  query: {
    a: '123',
    b: '456',
    format: 'json'
  }
})

console.log(url.href)
// Output: https://api.example.com/users/123/posts/456/[c]?format=json

IDN Support

NURL automatically handles Internationalized Domain Names:

const url = new NURL('https://한글.도메인')
console.log(url.hostname) // xn--bj0bj06e.xn--hq1bm8jm9l
console.log(url.decodedHostname) // 한글.도메인 (in human-readable format)

API

constructor(input?: string | URL | URLOptions)

  • input: Can be one of the following:
    • string: Standard URL string
    • URL: Standard URL object
    • URLOptions: Custom options object that extends Partial<URL> and includes:
      • baseUrl?: string: Optional base URL string
      • query?: Record<string, string>: Optional object for query parameters
      • Can include any property from the standard URL object (e.g., pathname, protocol, etc.)

Dynamic Segments

  • Supports :paramName or [paramName] format in the pathname.
  • If a corresponding key exists in the query object or URLOptions, the dynamic segment is replaced with its value.
  • If a corresponding key does not exist, the dynamic segment remains unchanged in the pathname without throwing an error.

Properties

NURL inherits all properties from the standard URL class:

  • href, origin, protocol, username, password, host, hostname, port, pathname, search, searchParams, hash

Methods

  • toString(): Returns the URL as a string
  • toJSON(): Returns the URL as a JSON representation

Important Notes

  1. NURL's setter methods behave differently from the standard URL. They are designed to consider dynamic segment and query parameter replacement functionality.
  2. When created with no arguments, all properties are initialized as empty strings.
  3. When using URLOptions, if a query value corresponding to a dynamic segment is missing, the dynamic segment remains unchanged in the pathname.
  4. Dynamic segments only support the :paramName or [paramName] format.

Differences from Standard URL

  1. Constructor Flexibility: NURL can create a URL from a string, URL object, or custom options object.
  2. Empty URL Creation: NURL can create an empty URL when called with no arguments.
  3. Dynamic Segments: NURL supports dynamic segments in the pathname.
  4. Setter Behavior: NURL's setter methods behave differently from the standard URL, considering dynamic segment processing and query parameter replacement.