Add insights

src/helper/get-insights-from-renderer.ts

@@ -0,0 +1,21 @@
+import { Renderer } from 'sdf-2d';
+
+export const getInsightsFromRenderer = (
+  renderer?: Renderer
+): {
+  vendor?: string;
+  renderer?: string;
+  fps?: number;
+  renderScale?: number;
+  lightScale?: number;
+  canvasWidth?: number;
+  canvasHeight?: number;
+} => ({
+  fps: renderer?.insights?.fps,
+  vendor: renderer?.insights?.vendor,
+  renderer: renderer?.insights?.renderer,
+  renderScale: renderer?.insights?.renderPasses.distance.renderScale,
+  lightScale: renderer?.insights?.renderPasses.lights.renderScale,
+  canvasWidth: renderer?.canvasSize.x,
+  canvasHeight: renderer?.canvasSize.y,
+});

src/helper/handle-insights.ts

@@ -0,0 +1,27 @@
+const baseUri = 'https://insights.decla.red';
+const type = 'sdf-2d-demo';
+
+export const handleInsights = async (initialData: any): Promise<(data: any) => void> => {
+  const sessionId = await createSession(initialData);
+  return (data) => createFrame(sessionId, data);
+};
+
+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),
+  });