URLPathname

url-pathname.example.js

let pathname = new URLPathname({
  pathname: '/user/:user/todos/:todo',
  search: 'tab=aaa',
  hash: 'section',
});



pathname.toString([
  ['user', 1],
  ['todo', 1],
]) // => /user/1/todos/1?tab=aaa#section

pathname.toString() // => user/:user/todos/:todo/tab=aaa#section

new URL(pathname, 'http://example.org')

new URL(
  pathname.toString([
    ['user', 1],
    ['todo', 1],
  ]),
  'http://example.org'
)

url-pathname.js

function URLPathname(...parameters) {
  this.pathname = parameters.at(0).pathname;
  this.searchParams = new URLSearchParams(parameters.at(0).searchParams);
  this.hash = parameters.at(0).hash;
}

URLPathname.prototype.toString = function (properties) {
  var pathname = this.pathname;

  switch (Object.prototype.toString.call(properties)) {
    case '[object Array]':
      for (var property of properties)
        pathname = pathname.replace(':' + property.at(0), property.at(1));
      break;

    case '[object Object]':
      for (var property in properties)
        pathname = pathname.replace(':' + property, properties[property]);
      break;
  }

  if (pathname) {
    if (this.searchParams.size && this.hash) {
      return pathname + '?' + this.searchParams + '#' + this.hash;
    } else if (this.searchParams.size) {
      return pathname + '?' + this.searchParams;
    } else if (this.hash) {
      return pathname + '#' + this.hash;
    } else {
      return pathname;
    }
  }
};

URLPathname.prototype[Symbol.toPrimitive] = function (hint) {
  switch (hint) {
    case 'string':
    case 'default':
      return this.toString();

    default:
      return null;
  }
};

URLPathname.of = (...parameters) => new URLPathname(...parameters);

URLPathname[Symbol.toStringTag] = 'URLTemplate';