Add aliases for shlink-web-component and shlink-frontend-kit packages

shlink-frontend-kit/src/index.ts

@@ -3,3 +3,4 @@ export * from './form';
 export * from './hooks';
 export * from './navigation';
 export * from './ordering';
+export * from './utils';

shlink-frontend-kit/src/utils/index.ts

@@ -0,0 +1,7 @@
+import qs from 'qs';
+
+// FIXME Use URLSearchParams instead of qs package
+
+export const parseQuery = <T>(search: string) => qs.parse(search, { ignoreQueryPrefix: true }) as unknown as T;
+
+export const stringifyQuery = (query: any): string => qs.stringify(query, { arrayFormat: 'brackets' });

shlink-frontend-kit/test/utils/query.test.ts

@@ -0,0 +1,25 @@
+import { parseQuery, stringifyQuery } from '../../src/utils';
+
+describe('query', () => {
+  describe('parseQuery', () => {
+    it.each([
+      ['', {}],
+      ['foo=bar', { foo: 'bar' }],
+      ['?foo=bar', { foo: 'bar' }],
+      ['?foo=bar&baz=123', { foo: 'bar', baz: '123' }],
+    ])('parses query string as expected', (queryString, expectedResult) => {
+      expect(parseQuery(queryString)).toEqual(expectedResult);
+    });
+  });
+
+  describe('stringifyQuery', () => {
+    it.each([
+      [{}, ''],
+      [{ foo: 'bar' }, 'foo=bar'],
+      [{ foo: 'bar', baz: '123' }, 'foo=bar&baz=123'],
+      [{ bar: 'foo', list: ['one', 'two'] }, encodeURI('bar=foo&list[]=one&list[]=two')],
+    ])('stringifies query as expected', (queryObj, expectedResult) => {
+      expect(stringifyQuery(queryObj)).toEqual(expectedResult);
+    });
+  });
+});