/resolve-pathname

Resolve URL pathnames using JavaScript

Primary LanguageJavaScript

resolve-pathname Travis npm package

resolve-pathname resolves URL pathnames identical to the way browsers resolve the pathname of an <a href> value. The goals are:

  • 100% compatibility with browser pathname resolution
  • Pure JavaScript implementation (no DOM dependency)

Installation

Using npm:

$ npm install --save resolve-pathname

Then, use as you would anything else:

// using an ES6 transpiler, like babel
import resolvePathname from 'resolve-pathname'

// not using an ES6 transpiler
var resolvePathname = require('resolve-pathname').resolvePathname

The UMD build is also available on npmcdn:

<script src="https://npmcdn.com/resolve-pathname/umd/resolvePathname.min.js"></script>

You can find the library on window.resolvePathname.

Usage

import resolvePathname from 'resolve-pathname'

// Simply pass the pathname you'd like to resolve. Second
// argument is the path we're coming from, or the current
// pathname. It defaults to "/".
resolvePathname('about', '/company/jobs') // /company/about
resolvePathname('../jobs', '/company/team/ceo') // /company/jobs
resolvePathname('about') // /about
resolvePathname('/about') // /about

// Index paths (with a trailing slash) are also supported and
// work the same way as browsers.
resolvePathname('about', '/company/info/') // /company/info/about

// In browsers, it's easy to resolve a URL pathname relative to
// the current page. Just use window.location! e.g. if
// window.location.pathname == '/company/team/ceo' then
resolvePathname('cto', window.location.pathname) // /company/team/cto
resolvePathname('../jobs', window.location.pathname) // /company/jobs

Prior Work

  • resolve-url - A DOM-dependent implementation of the same algorithm
  • path.resolve - node's posix-compliant path resolution algorithm for filesystems