Add insights

frontend/src/scripts/handle-insights.ts

@@ -0,0 +1,28 @@
+const baseUri = 'https://insights.decla.red';
+const type = 'decla-red-frontend';
+const updateTime = 15000;
+
+export const handleInsights = async (initialData: any, getFrameData: () => any) => {
+  const sessionId = await createSession(initialData);
+  setInterval(() => createFrame(sessionId, getFrameData()), updateTime);
+};
+
+const createSession = async (data: any): Promise<string> => {
+  const response = await sendPostRequest(`${baseUri}/${type}/sessions/`, data);
+  const { sessionId } = await response.json();
+  return sessionId;
+};
+
+const createFrame = async (sessionId: string, data: any): Promise<unknown> =>
+  await sendPostRequest(`${baseUri}/${type}/sessions/${sessionId}`, data);
+
+const sendPostRequest = async (uri: string, data: any): Promise<Response> =>
+  await fetch(uri, {
+    method: 'POST',
+    mode: 'cors',
+    redirect: 'follow',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(data),
+  });