Open in ChatGPTOpen in Claude

SvelteKit

The Coralogix RUM SDK is a library (plugin) for SvelteKit that provides telemetry instrumentation. Learn how to integrate with Coralogix's Real User Monitoring (RUM).

What you need

• RUM key: a Send-Your-Data key with the SendRUMData role preset. Create it before the Browser SDK setup below. The key is public, and the preset is standalone, so it can't be combined with other presets. Don't use SendData: it carries no RUM permissions, and keys created with it must stay secret, so they don't belong in client code.
• Source-map key: a separate Team key with the SourceMapping preset. The RUM CLI uses it at build time to upload source maps.

Installation

Add the following code to the layout.svelte file:

<script lang="ts">
	import { CoralogixRum } from '@coralogix/browser';
	import { onMount } from 'svelte';
	import '../app.css';

	let { children } = $props();

	onMount(() => {
		CoralogixRum.init({
			public_key: 'my-key-123',
			environment: 'test',
			application: 'my-app',
			version: '1.0.0',
			coralogixDomain: 'EU1'
		});
	});

</script>

{@render children()}