Giter Club home page Giter Club logo

route-parser's Introduction

Build Status Dependency Status devDependency Status

What is it?

A isomorphic, bullet-proof, ninja-ready route parsing, matching, and reversing library for Javascript in Node and the browser.

Is it any good?

Yes.

Why do I want it?

You want to write routes in a way that makes sense, capture named parameters, add additional constraints to routing, and be able to generate links using your routes. You don't want to be surprised by limitations in your router or hit a spiral of additional complexity when you need to do more advanced tasks.

How do I install it?

npm install --save route-parser

How do I use it?

Route = require('route-parser');
var route = new Route('/my/fancy/route/page/:page');
route.match('/my/fancy/route/page/7') // { page: 7 }
route.reverse({page: 3}) // -> '/my/fancy/route/page/3'

What can I use in my routes?

Example Description
:name a parameter to capture from the route up to /, ?, or end of string
*splat a splat to capture from the route up to ? or end of string
() Optional group that doesn't have to be part of the query. Can contain nested optional groups, params, and splats
anything else free form literals

Some examples:

  • /some/(optional/):thing
  • /users/:id/comments/:comment/rating/:rating
  • /*a/foo/*b
  • /books/*section/:title
  • /books?author=:author&subject=:subject

How does it work?

We define a grammar for route specifications and parse the route. Matching is done by generating a regular expression from that tree, and reversing is done by filling in parameter nodes in the tree.

FAQ

Isn't this over engineered? A full parser for route specifications?

Not really. Parsing route specs into regular expressions gets to be problematic if you want to do named captures and route reversing. Other routing libraries have issues with parsing one of /foo(/:bar) or /foo(/:bar), and two-pass string-to-RegExp transforms become complex and error prone.

Using a parser here also gives us the chance to give early feedback for any errors that are made in the route spec.

Why not use...

URI templates are designed for expanding data into a template, not matching a route. Taking an arbitrary path and matching it against a URI template isn't defined. In the expansion step of URI templates, undefined variables can be evaluated to '', which isn't useful when trying to do route matching, optional or otherwise. To use a URI-template-like language is possible, but needs to be expanded past the RFC

These all lack named parameters and reversability.

Named parameters are less brittle and reduce the coupling betwen routes and their handlers. Given the routes /users/:userid/photos/:category and /photos/:category/users/:userid, backbone style routing solutions require two different handlers. Named parameters let you use just one.

Reversibility means you can use a single route table for your application for matching and generating links instead of throwing route helper functions throughout your code.

Related

route-parser's People

Contributors

cezarydanielnowak avatar download13 avatar mstijak avatar rcs avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

route-parser's Issues

slash at the end of route

Hey,

Currently when there is a slash at the end of a route, the match function returns false.
For example:

routeParser('/test').match('/test/') // false

Is this the expected behavior? Shouldn't the above return a truthful value, since the slash at the end doesn't have a real meaning?

Bower support

Would be handy! Make sure to have a main property in the package.json

Route Parser returns false, don't know why

I have a route like so:

const path = '/account/json/wall/post/:id/comments/?start=:start&max=:max';

I call this with an object

const vars = {
  id:50,
  start:0,
  max:12
};

return new Route(path).reverse(vars);

It returns false?

Route match includes extra params

I am using qs to append arbitrary URL params to a route.

However when I match this back, it returns the additional params I added.

I would expect the below example to return { alertId: "456", id: "123" }

var route = new Route('/feeditems/:id?useralertId=:alertId')

var myEndpoint = route.reverse({ id: 123, alertId: 456 })
// Appending extra params with qs
myEndpoint += '&' + qs.stringify({ extraParam: 'value' }) // /feeditems/123?useralertId=456&extraParam=value

route.match('/feeditems/123?useralertId=456&extraParam=value')
/*
Returns
{
  alertId: "456&extraParam=value",
  id: "123"
}
*/

Error in the docs?

Other routing libraries have issues with parsing one of /foo(/:bar) or /foo(/:bar)

Those are the exact same string.

Query params order

Routes are matched correctly only if query parameters are specified in the right order.

var route = new Route('/?a=:a&b:b');
var result = route.match('/?b=1&a=2');
assert(result);

Would it possible to sort query params when route is parsed and when url is matched to avoid this problem?

Bower support?

Could you please support Bower? I would like to use this library with Google Polymer, and Polymer uses Bower rather than NPM.

Feature sugestion: full URL

It would be nice something like that:

var route = new Route('http://site:3000/products/:productId');
route.reverse({ productId: 123 });

How to handle optional query parameters ?

I had assumed query parameters to always be optional. However that does not seem to be the case.

So I wanted to know if it is possible to define a single root level route which can handle two optional parameters (say q1 and q2):

I have tried the following:

  • new Route('/?q1=:q1&q2=:q2') Seems to treat both parameters as mandatory
  • new Route('/?(q1=:q1)&(q2=:q2)') Does not match /
  • new Route('/(?(q1=:q1)&(q2=:q2)')) Reverse routing is not able to populate the query params.

Is there something I am doing wrong ?

Support for unnamed splats

If we don't name our splats, e.g. if we are testing the route of /rcs/route-parser/158172398 with a pattern of /rcs/route-parser/*, the * splat won't be matched to 158172398 and it will return false. Instead I'd like anonymous splats to be matched. Related to my issues with snd/url-pattern#24.

UMD support

Also, would be handy. A lot of people would want AMD / a browser global

Error when building with rollup

I keep getting this error when trying to bundle a library with rollup. The library depends on route-parser.

Error loading C:\Users\download\code\modules\swkit\node_modules\route-parser\lib\route\compiled-grammar.js: Invalid labeled declaration (163:8) in C:\Users\download\code\modules\swkit\node_modules\route-parser\lib\route\compiled-grammar.js
SyntaxError: Error loading C:\Users\download\code\modules\swkit\node_modules\route-parser\lib\route\compiled-grammar.js: Invalid labeled declaration (163:8) in C:\Users\download\code\modules\swkit\node_modules\route-parser\lib\route\compiled-grammar.js
    at Parser.pp$4.raise (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:2488:13)
    at Parser.pp$1.parseLabeledStatement (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:1017:10)
    at Parser.pp$1.parseStatement (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:779:19)
    at Parser.pp$1.parseBlock (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:1040:23)
    at Parser.pp$3.parseFunctionBody (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:2362:22)
    at Parser.pp$1.parseFunction (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:1132:8)
    at Parser.pp$3.parseExprAtom (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:1999:17)
    at Parser.pp$3.parseExprSubscripts (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:1872:19)
    at Parser.pp$3.parseMaybeUnary (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:1849:17)
    at Parser.pp$3.parseExprOps (C:\Users\download\code\modules\swkit\node_modules\acorn\dist\acorn.js:1791:19)
Type rollup --help for help, or visit https://github.com/rollup/rollup/wiki

I can't tell what's actually wrong in the compiled-grammar.js file at 163:8 but the whole file looks a bit strange. I assume because it was created by a grammar generator.

Is it violating some syntactic rules that the rollup parser enforces? Maybe I should open an issue with jison. Any thoughts?

Doesn't correctly escape slashes

const a = new RouteParser('/foo/:bar')
a.reverse({bar: 'hi/test'})
// Returns "/foo/hi/test"

a.reverse({bar: 'hi test'})
// Returns "/foo/hi%20test"

Either the first should return "/foo/hi%2ftest" (by calling EncodeURIComponent on each param) or the second should return "/foo/hi test"(so that the caller can encode the components). But with the current behavior, there is no way to encode a string like "foo hi/test" because there is no way to encode both the slash without double encoding the space (ie. into "%2520")

Should be able to use a `number` as params to reverse a route

Hi, great lib btw :)

I ran into following problem:

const RouteParser = require("route-parser")

const parser = new RouteParser("/courses/:id/trainings/:idx")

const route = parser.reverse({ id: "123", idx: "0" }) //  works just fine
// const route = parser.reverse({ id: "123", idx: 0 }) //  produces `false`

console.log(route)

Version "route-parser": "^0.0.5"

Multiple routes?

Does this support choosing between multiple routes? If I have a/:b and a/:b/:c, I'd like to know which of the two it matches against (logic for longest match etc, like routing engines have).

Problems with webpack

It's seems that the compiled-grammer is not webpack-ready.

Module not found: Error: Cannot resolve module 'fs' in ./node_modules/route-parser/lib/route
 @ ./~/route-parser/lib/route/compiled-grammar.js 617:17-30

OR operator (I want to handle multiple file extensions)

Perhaps there's already a way to do this, but I was hoping for something along the line of "/path/to/:file(.js|.jsx)"

In this one specific case, I can certainly do ":file.js(x)", but in the general not same prefix extensions, would love to know the best way to tackle this without creating two almost identical routes.

Support Array Parameters

I'm having trouble with url's that have arrays as parameters.

/users?userIds=1&userIds=2

Is this form supported / is there any intention of adding it in the future?

No issue

Everything worked better than expected.

Thank you!

+9000

enable `route instanceof Route`

Ideal code would be:

let Route = require('route-parser')
let routeInst = new Route('/.../')
if (routeInst instanceof Route) {
   ...
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.