B2B-88: add starter kit structure and elements

packages/monitoring/baselime/src/components/provider.tsx

@@ -0,0 +1,50 @@
+import { useRef } from 'react';
+
+import { BaselimeRum } from '@baselime/react-rum';
+
+import { MonitoringContext } from '@kit/monitoring-core';
+
+import { useBaselime } from '../hooks/use-baselime';
+
+export function BaselimeProvider({
+  children,
+  apiKey,
+  enableWebVitals,
+  ErrorPage,
+}: React.PropsWithChildren<{
+  apiKey?: string;
+  enableWebVitals?: boolean;
+  ErrorPage?: React.ReactElement;
+}>) {
+  const key = apiKey ?? process.env.NEXT_PUBLIC_BASELIME_KEY ?? '';
+
+  if (!key) {
+    console.warn(
+      'You configured Baselime as monitoring provider but did not provide a key. ' +
+        'Please provide a key to enable monitoring with Baselime using the variable NEXT_PUBLIC_BASELIME_KEY.',
+    );
+
+    return children;
+  }
+
+  return (
+    <BaselimeRum
+      apiKey={key}
+      enableWebVitals={enableWebVitals}
+      fallback={ErrorPage ?? null}
+    >
+      <MonitoringProvider>{children}</MonitoringProvider>
+    </BaselimeRum>
+  );
+}
+
+function MonitoringProvider(props: React.PropsWithChildren) {
+  const service = useBaselime();
+  const provider = useRef(service);
+
+  return (
+    <MonitoringContext.Provider value={provider.current}>
+      {props.children}
+    </MonitoringContext.Provider>
+  );
+}