setup e2e test of launchdarkly packages

Author: Vadman97

e2e/react-router/package.json

@@ -11,7 +11,9 @@
 	},
 	"dependencies": {
 		"@highlight-run/react": "workspace:*",
-		"highlight.run": "workspace:*",
+		"@launchdarkly/js-client-sdk": "^0.6.0",
+		"@launchdarkly/observability": "workspace:*",
+		"@launchdarkly/session-replay": "workspace:*",
 		"localforage": "^1.10.0",
 		"match-sorter": "^6.3.1",
 		"react": "^19.0.0",

e2e/react-router/src/routes/root.tsx

@@ -1,17 +1,30 @@
-import { H } from 'highlight.run'
+import { initialize } from '@launchdarkly/js-client-sdk'
+import Observability from '@launchdarkly/observability'
+import SessionReplay from '@launchdarkly/session-replay'
 
-H.init('1', {
-	// Get your project ID from https://app.highlight.io/setup
-	networkRecording: {
-		enabled: true,
-		recordHeadersAndBody: true,
-	},
+const client = initialize('client-side-id-123abc', {
+	// Not including plugins at all would be equivalent to the current LaunchDarkly SDK.
+	plugins: [
+		new Observability('1', {
+			networkRecording: {
+				enabled: true,
+				recordHeadersAndBody: true,
+			},
+		}),
+		new SessionReplay('1', {
+			networkRecording: {
+				enabled: true,
+				recordHeadersAndBody: true,
+			},
+		}), // Could be omitted for customers who cannot use session replay.
+	],
 })
 
 export default function Root() {
 	return (
 		<div id="sidebar">
 			<h1>Hello, world</h1>
+			<p>{JSON.stringify(client.allFlags())}</p>
 		</div>
 	)
 }

sdk/@launchdarkly/observability/package.json

@@ -25,6 +25,18 @@
 			"url": "https://github.com/launchdarkly/observability-sdk.git"
 		}
 	},
+	"scripts": {
+		"typegen": "tsc",
+		"build": "vite build"
+	},
+	"dependencies": {
+		"highlight.run": "workspace:*"
+	},
+	"devDependencies": {
+		"typescript": "^5.8.3",
+		"vite": "^6.3.4",
+		"vitest": "^3.1.2"
+	},
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",

sdk/@launchdarkly/observability/src/index.ts

@@ -0,0 +1 @@
+export { Observe as default } from 'highlight.run'

sdk/@launchdarkly/observability/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../highlight-run/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "dist",
+  },
+  "include": "src",
+  "exclude": ["**/src/**/*.test.tsx"],
+}

sdk/@launchdarkly/observability/vite.config.ts

@@ -0,0 +1,23 @@
+// vite.config.ts
+import { resolve as resolvePath } from 'path'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+	build: {
+		target: 'esnext',
+		lib: {
+			formats: ['es'],
+			entry: resolvePath(__dirname, 'src/index.ts'),
+		},
+		minify: true,
+		sourcemap: true,
+		emptyOutDir: false,
+		rollupOptions: {
+			treeshake: 'smallest',
+			output: {
+				exports: 'named',
+			},
+			cache: false,
+		},
+	},
+})

sdk/@launchdarkly/session-replay/package.json

@@ -22,6 +22,18 @@
 			"url": "https://github.com/launchdarkly/observability-sdk.git"
 		}
 	},
+	"scripts": {
+		"typegen": "tsc",
+		"build": "vite build"
+	},
+	"dependencies": {
+		"highlight.run": "workspace:*"
+	},
+	"devDependencies": {
+		"typescript": "^5.8.3",
+		"vite": "^6.3.4",
+		"vitest": "^3.1.2"
+	},
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",

sdk/@launchdarkly/session-replay/src/index.ts

@@ -0,0 +1 @@
+export { Record as default } from 'highlight.run'

sdk/@launchdarkly/session-replay/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../highlight-run/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "dist",
+  },
+  "include": "src",
+  "exclude": ["**/src/**/*.test.tsx"],
+}

sdk/@launchdarkly/session-replay/vite.config.ts

@@ -0,0 +1,23 @@
+// vite.config.ts
+import { resolve as resolvePath } from 'path'
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+	build: {
+		target: 'esnext',
+		lib: {
+			formats: ['es'],
+			entry: resolvePath(__dirname, 'src/index.ts'),
+		},
+		minify: true,
+		sourcemap: true,
+		emptyOutDir: false,
+		rollupOptions: {
+			treeshake: 'smallest',
+			output: {
+				exports: 'named',
+			},
+			cache: false,
+		},
+	},
+})