Giter Site home page Giter Site logo

Comments (2)

fenok avatar fenok commented on May 19, 2024 1

Hello and thank you for using the library!

This is indeed intentional for two reasons:

  • I didn't want to encode too much. For instance, encodeURIComponent encodes &, which is a valid char in a pathname segment. I could implement custom encoding, but it seemed unnecessarily complicated.
  • Values like "some/segment" are actually perfectly valid for star (*) params.

For now, you can use a custom type to add encoding:

// Only usable for pathname params
const encodedString: ParamType<string> = {
  getPlainParam(value) {
    // It's always guaranteed that value is not 'undefined' here.
    return encodeURIComponent(String(value));
  },
  getTypedParam(value) {
    // We could treat 'undefined' in a special way to distinguish absent and invalid params.
    if (typeof value !== 'string') {
      throw new Error('Expected string');
    }

    return decodeURIComponent(value);
  },
};

This is admittedly not ideal, since you really only want to alter the internal parser behavior. I'll think about adding an option for providing a custom parser to built-in types like string()

from react-router-typesafe-routes.

andrejilderda avatar andrejilderda commented on May 19, 2024 1

@fenok I see, that makes sense. Thanks for providing a solution (which is much more elegant than what I came up with)!

from react-router-typesafe-routes.

Related Issues (16)

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.