href.js

import * as collection from '@lcf.vs/collection'
import api from '../lib/api.js'

function route (template) {
  return Object.freeze({
    fill (values) {
      return Object.freeze({
        toString () {
          return template.replace(':id', encodeURIComponent(values.id))
        }
      })
    },
    parse (href) {
      return Object.freeze({
        id: decodeURIComponent(new URL(href).pathname.split('/').at(-1))
      })
    },
    toString () {
      return template
    }
  })
}

const routes = api.hrefAdapter({
  build (model, values) {
    return values === undefined
      ? model.toString()
      : model.fill(values).toString()
  },
  parse (model, href) {
    return model.parse(href)
  }
})

const runtime = api.runtime({
  hrefs: routes
})

const accountById = route('https://api.localhost/accounts/:id')
const accountHref = api.href(
  accountById,
  (account, { read }) => ({
    id: read(account, 'id')
  })
)

const target = api
  .withRuntime(runtime)
  .withCollection(api.collection.withHref('https://api.localhost'))
  .withType({
    fields: {
      id: collection.property.withName('id'),
      name: collection.property.withName('name')
    },
    itemHref: accountHref,
    name: 'accounts'
  })

const accounts = target.types().accounts
const document = accounts.items(accounts.collection.href, [{
  id: 'a/b',
  name: 'Lcf.vs'
}])
const href = document.collection.items[0].href

console.log(href)
console.log(accounts.parseHref(accountHref, href))