Bridges nuqs parsers to TanStack Router's validateSearch + SearchMiddleware, giving you per-param control over how search params serialize to/from the URL.
Related issue: TanStack/router#4973
TanStack Router's validateSearch and stringifySearch operate on the entire search object. There's no built-in way to control serialization per-param. For types like date ranges that serialize to ?dates=30-days or ?dates=2024-01-15_2024-02-20, you need per-param codecs — not raw JSON in the URL.
| 1. Somewhere on your machine clone the project. | |
| ``` | |
| > git clone https://github.com/facebook/react-devtools.git | |
| > cd react-devtools | |
| ``` | |
| 2. Switch to the v3 branch | |
| ``` | |
| > git checkout v3 | |
| ``` |
| function linkPeek(apiKey, secret) { | |
| return function getUrl(uri, queryParams) { | |
| queryParams = Object.assign({ | |
| size: 'original' | |
| }, queryParams) | |
| const token = md5(secret + uri + queryParams.size) | |
| const extraParams = queryParams && Object.keys(queryParams).map(param => `${param}=${encodeURIComponent(queryParams[param])}`).join('&') | |
| return `https://linkpeek.com/api/v1?uri=${encodeURIComponent(uri)}&apikey=${apiKey}&token=${token}${extraParams ? `&${extraParams}` : ''}` |
| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| <button onclick="play()">Play</button> | |
| <script type="text/javascript"> | |
| function play() { | |
| var snd = new Audio("http://work.colum.edu/~nlinscheid/sound-library/flute/Flute-breathy/Flute-breathy-G5.wav"); | |
| snd.load(); | |
| snd.play(); | |
| } |
| #!/bin/bash | |
| for file in * | |
| do | |
| if [ -d $file ] | |
| then | |
| cd $file | |
| echo Pulling `pwd` `git branch 2>/dev/null | grep -e '^*' | sed -E 's/^\* (.+)$/(\1) /'` | |
| git pull | |
| cd ../ |