531 telemetry client in javascript (#532)

* adds shared-util package to contain telemetry abstract functions

* finishes new util package

* updates openapi spec

* adds telemetry service to web-corte

* adds telemetry to react package

* implements telemetry inside the react package blocks

* fixes build issues

* refactors types

* update react version

* fixes version

* Publish

 - @corbado/[email protected]
 - @corbado/[email protected]
 - @corbado/[email protected]
 - @corbado/[email protected]
 - @corbado/[email protected]
 - @corbado/[email protected]
 - @corbado/[email protected]
 - @corbado/[email protected]

* restores connect packages versions

* restores types version

* updates package versions for @corbado/connect-react, @corbado/connect-web-js, @corbado/shared-ui, @corbado/web-core, and @corbado/types to align with the latest dependencies

* temporarily revert versions

* temporarily revert version bump

* fixes publish config

* Update dependencies and implement telemetry event in React example

* Update dependencies, add TelemetryClient component, and implement telemetry event in Next.js and React examples

* Update index.html structure and enhance shared-util package version to 1.0.3 with improved exports and build scripts

* Update @corbado/shared-util package version to 1.0.4 and modify build script to use esbuild configuration file

* Update @corbado/shared-util package version to 1.0.5 and modify index.html to reference the updated bundle path

* Update @corbado/shared-util package version to 1.0.6, modify esbuild configuration for IIFE format, and enhance telemetry event handling in web-js-script example

* Update @corbado/shared-util package version to 1.0.7 across multiple examples and adjust package.json files accordingly

* Update @corbado/shared-util package version to 1.0.8 and remove unused exports from package.json

* Update @corbado/shared-util package version to 1.0.8 across all examples and adjust package.json and package-lock.json files accordingly

* Update package versions for @corbado/react, @corbado/shared-ui, and @corbado/web-core to 3.1.0 in their respective package.json files

* Refactor telemetry event handling in TelemetryClient component, remove unused telemetry logging in EmailLinkError, and ensure logMethodCalled is included in dependency arrays for various passkey components.

* Enhance telemetry integration by adding TelemetryConfig to various components, updating TelemetryProvider to manage telemetry state, and modifying load function in Corbado class to accept telemetry options. Additionally, update mountComponent to pass telemetry configuration and adjust usage in examples.

* Refactor telemetry handling in CorbadoSessionProvider and FlowHandlerProvider components. Update telemetry initialization and logging methods to improve state management and ensure accurate telemetry data is sent based on environment conditions.

* fixes prettier

* Refactor telemetry configuration in CorbadoProvider and update related components to enhance telemetry data management. Remove deprecated telemetry initialization from CorbadoSessionProvider and streamline payload construction in useTelemetry hook.

* Update package versions and refactor configurations across multiple projects. Bump @corbado/shared-util to 1.0.9, @corbado/web-js to 3.1.0, and implement Webpack for shared-util. Fixes react playground

* simplify vite config

* fixes prettier

* Update @corbado/shared-util to version 1.0.9 across multiple examples and packages. Adjust version numbers for @corbado/react, @corbado/shared-ui, and @corbado/web-core to 3.0.4 in their respective package.json files.

* Update @corbado/shared-util to version 1.0.9 in both react and web-js examples.

* Update package versions for @corbado/react, @corbado/shared-ui, and @corbado/web-core to 3.1.0, and adjust dependencies in @corbado/web-js accordingly.

* Remove console log for theme

* Refactor telemetry configuration to use boolean flags for debug mode. Update related components to ensure consistent telemetry data handling across the application.

* Update version of @corbado/web-js to 3.1.0 in package.json

* Update @corbado/shared-util to version 1.0.10 across multiple examples and packages. Refactor telemetry logging to use logComponentMounted instead of logPackageMetadata for improved clarity.

* Update versions of @corbado/react and @corbado/web-js to 3.1.1 in package.json, and adjust dependencies accordingly.

* Update SDK name from 'Javascript SDK' to 'React SDK' in web-js-script example.

* Update SDK version to 3.1.1 in telemetry configurations across multiple examples and the useTelemetry hook.

* Refactor telemetry configuration to use boolean flag for debug mode in index.js

* fixes prettier

* fixes tsconfig

* fixes prettier

* resolves react playground build issues

* removes useless comments

* fixes web-js build

* move telemetry out of api folder

Author: Dopeamin

examples/nextjs/app/components/TelemetryClient.tsx

@@ -0,0 +1,26 @@
+'use client';
+
+import { sendEvent, TelemetryEventType } from '@corbado/shared-util';
+import { useEffect, useRef } from 'react';
+
+export function TelemetryClient() {
+  const hasSentTelemetry = useRef(false);
+
+  useEffect(() => {
+    if (hasSentTelemetry.current) return;
+
+    void sendEvent({
+      type: TelemetryEventType.EXAMPLE_APPLICATION_OPENED,
+      payload: {
+        exampleName: 'corbado/javascript/examples/nextjs',
+      },
+      sdkVersion: '3.1.1',
+      sdkName: 'React SDK',
+      identifier: process.env.NEXT_PUBLIC_CORBADO_PROJECT_ID!,
+    });
+
+    hasSentTelemetry.current = true;
+  }, []);
+
+  return null;
+}

examples/nextjs/app/page.tsx

@@ -4,10 +4,12 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { Suspense } from 'react';
 import RightIntroSection from './ui/right-intro-section';
+import { TelemetryClient } from './components/TelemetryClient';
 
 export default function Page() {
   return (
     <main className='flex min-h-screen flex-col p-6'>
+      <TelemetryClient />
       <div className='flex h-20 shrink-0 items-end rounded-lg bg-blue-500 p-4 md:h-52'>
         <Image
           src='/corbado-logo.svg'