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 🙏

© 2026 – Pkg Stats / Ryan Hefner

@owlmeans/client-route

v0.1.11

Published

Client-side route model extension — marks routes as client-side and provides URL parameter utilities.

Readme

@owlmeans/client-route

Client-side route model extension — marks routes as client-side and provides URL parameter utilities.

Overview

  • route(routeModel, opts?) — wraps a CommonRouteModel into a ClientRouteModel (marks _client: true)
  • isClientRouteModel(route) — type guard distinguishing client routes from server routes
  • extractParams(path) — extracts path parameter names (:param segments) from a URL pattern
  • Used internally by @owlmeans/client-module when building client-side module URLs

Installation

bun add @owlmeans/client-route

Usage

import { route, isClientRouteModel, extractParams } from '@owlmeans/client-route'
import type { ClientRouteModel } from '@owlmeans/client-route'

// Wrap a route as a client route
const clientRoute = route(someRouteModel, { overrides: { partialPath: '/items' } })

// Type guard
if (isClientRouteModel(arg)) {
  // arg is ClientRouteModel
}

// Extract named params from a path pattern
const params = extractParams('/projects/:projectId/items/:itemId')
// => ['projectId', 'itemId']

API

route(route, opts?): ClientRouteModel

Converts a CommonRouteModel to a ClientRouteModel. Options: overrides?: Partial<ClientRoute>.

isClientRouteModel(route): route is ClientRouteModel

Returns true if the route was created with route().

extractParams(path): string[]

Returns the list of :param segment names in a URL pattern string.

ClientRouteModel

Extends CommonRouteModel with _client: true flag and partialPath for relative URL segments.

Related Packages

Agent guidance

This package ships embedded Claude Code skills and GitHub Copilot instructions under agent-meta/. After installing your @owlmeans/* packages, run the OwlMeans agent-skills installer to place them into your project's native locations (.claude/skills/ and .github/instructions/):

npx @owlmeans/agent-skills

The embedded files are version-matched to this package release. Do not edit them directly — they are regenerated on each publish. To contribute guidance edits, open a PR against the source monorepo.