New lines are being filtered out

[WKampel]

Context

What's your version of nuqs?

^1.17.4

What framework are you using?

• ✅ Next.js (pages router)

Which version of your framework are you using?

14.1.3

Description

New lines (such as using a textarea) are being filtered out.

Reproduction

1. Create the nuqs state using parseAsString
2. Add textarea using that state

const [test, setTest] = useQueryState('test', parseAsString)

<textarea value={test ?? ''}
      onChange={(e) => {
      setTest(e.target.value)
}} />

[franky47]

Sounds like the issue could come from the URL encoding not properly taking care of invisible characters (0-31 ASCII range). Would you like to open a PR?

nuqs/packages/nuqs/src/url-encoding.ts

Lines 25 to 45 in a504e0e

	return (
	input
	// Encode existing % signs first to avoid appearing
	// as an incomplete escape sequence:
	.replace(/%/g, '%25')
	// Note: spaces are encoded as + in RFC 3986,
	// so we pre-encode existing + signs to avoid confusion
	// before converting spaces to + signs.
	.replace(/\+/g, '%2B')
	.replace(/ /g, '+')
	// Encode other URI-reserved characters
	.replace(/#/g, '%23')
	.replace(/&/g, '%26')
	// Encode characters that break URL detection on some platforms
	// and would drop the tail end of the querystring:
	.replace(/"/g, '%22')
	.replace(/'/g, '%27')
	.replace(/`/g, '%60')
	.replace(/</g, '%3C')
	.replace(/>/g, '%3E')
	)

[github-actions]

🎉 This issue has been resolved in version 2.2.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀