Integrations data (#770)

* feat: OSC settings

* feat: HTTP settings

apps/client/src/common/utils/__tests__/regex.test.ts

@@ -1,4 +1,4 @@
-import { isIPAddress, isOnlyNumbers, startsWithHttp } from '../regex';
+import { isIPAddress, isOnlyNumbers, startsWithHttp, startsWithSlash } from '../regex';
 
 describe('simple tests for regex', () => {
   test('isOnlyNumbers', () => {
@@ -36,4 +36,16 @@ describe('simple tests for regex', () => {
       expect(startsWithHttp.test(t)).toBe(false);
     });
   });
+
+  test('startsWithSlash', () => {
+    const right = ['//test'];
+    const wrong = ['testing', '123.0.1'];
+
+    right.forEach((t) => {
+      expect(startsWithSlash.test(t)).toBe(true);
+    });
+    wrong.forEach((t) => {
+      expect(startsWithSlash.test(t)).toBe(false);
+    });
+  });
 });

apps/client/src/common/utils/keyEvent.ts

@@ -3,3 +3,7 @@ import { KeyboardEvent } from 'react';
 export function isKeyEnter<T>(event: KeyboardEvent<T>): boolean {
   return event.key === 'Enter';
 }
+
+export function isKeyEscape<T>(event: KeyboardEvent<T>): boolean {
+  return event.key === 'Escape';
+}

apps/client/src/common/utils/regex.ts

@@ -1,3 +1,9 @@
+/**
+ * Simple regex patterns for common use cases
+ * mostly used in form validation
+ */
+
 export const isOnlyNumbers = /^\d+$/;
 export const isIPAddress = /^((25[0-5]|(2[0-4]|1\d|[1-9]|)\d)\.?\b){4}$/;
 export const startsWithHttp = /^http:\/\//;
+export const startsWithSlash = /^\//;