Add support for codecs ( `stringify` and `parse` ) in transformer

I’d like to have stringify/encode and parse/decode support in transformers along with serialize and deserialize, to replace encodeURIComponent with something like jsurl which makes the resulting url way more readable and short, especially with superjson.

I’d probably use this only for queries, not mutations, so we need to handle the two separately. Also, you shouldn’t be allowed to provide only one of the two methods ( only parse or stringify ).

I was thinking something like this:

type DataCodec = {
  parse(value: string): any; // or decode
  stringify(value: any): string; // or encode
}

type DataTransformer = {
  serialize(object: any): any;
  deserialize(object: any): any;
  queryCodec?: DataCodec;
  mutationCodec?: DataCodec;
}

Example:

import jsurl from 'jsurl'
import superjson from 'superjson'

const router = trpc.router().transformer({
  serialize: superjson.serialize,
  deserialize: superjson.deserialize,
  queryCodec: {
    parse: jsurl.parse,
    stringify: jsurl.stringify,  
  },
  mutationCodec: {
    // ...
  }
}) //...

In case you think this is worth it and agree on the design I’ll work on it myself. Let me know if you want me to move this in discussions.

[KATT]

I think it’s a good idea to opt-in on. I agree pretty urls are nice.

[github-actions[bot]]

This issue has been locked because it had no new activity for 14 days. If you are running into a similar issue, please create a new issue. Thank you.