[DEV-19820] Fix - Special chars in slug matching (#864)

* Add `URL_PATTERN_SEGMENT_CHARSET` constant
* Support `!` and `'` in pathname params parsing

Author: yuriyyakym

packages/core/src/routing/Route.ts

@@ -1,6 +1,7 @@
 import type { Locale } from '@prezly/theme-kit-intl';
 import UrlPattern from 'url-pattern';
 
+import { URL_PATTERN_SEGMENT_CHARSET } from './constants';
 import type { ExtractPathParams } from './types';
 import { normalizeUrl } from './utils';
 
@@ -50,8 +51,12 @@ export namespace Route {
         rewrite: string,
         { check, generate, resolveLocale }: Options<Pattern, Match> = {},
     ): Route<Pattern, Match> {
-        const urlPattern = new UrlPattern(pattern);
-        const rewritePattern = new UrlPattern(rewrite);
+        const urlPattern = new UrlPattern(pattern, {
+            segmentValueCharset: URL_PATTERN_SEGMENT_CHARSET,
+        });
+        const rewritePattern = new UrlPattern(rewrite, {
+            segmentValueCharset: URL_PATTERN_SEGMENT_CHARSET,
+        });
 
         return {
             pattern,

packages/core/src/routing/constants.ts

@@ -0,0 +1 @@
+export const URL_PATTERN_SEGMENT_CHARSET = "a-zA-Z0-9-_~ %!'";

packages/core/src/routing/utils/generateUrlFromPattern.ts

@@ -2,6 +2,8 @@ import type { Locale } from '@prezly/theme-kit-intl';
 import { omitUndefined } from '@technically/omit-undefined';
 import UrlPattern from 'url-pattern';
 
+import { URL_PATTERN_SEGMENT_CHARSET } from '../constants';
+
 import { getShortestLocaleSlug } from './getShortestLocaleSlug';
 import { normalizeUrl } from './normalizeUrl';
 
@@ -24,7 +26,9 @@ function toUrlPattern(pattern: string): UrlPattern {
 
     if (cached) return cached;
 
-    const urlPattern = new UrlPattern(pattern);
+    const urlPattern = new UrlPattern(pattern, {
+        segmentValueCharset: URL_PATTERN_SEGMENT_CHARSET,
+    });
 
     CACHE.set(pattern, urlPattern);