# RUM Setup for Web
## Browser support
The Kloudfuse RUM SDK targets ES2018. Internet Explorer and other browsers that do not support ES2018 are not supported.
## Install
To begin instrumenting your frontend application, include the Kloudfuse RUM SDK dependency in your application:
- npm
```console
npm install --save kf-browser-sdk
```
Add the following `
```
## Configure
You must initialize the SDK to begin gathering frontend telemetry. Make this happen as early as possible in your applications loading phase. Customize and include the following code snippet:
```javascript
import kfuseRumSDK from 'kf-browser-sdk';
kfuseRumSDK.init({
config: {
applicationId: '',
clientToken: '',
proxy: '',
service: '',
env: 'production',
version: '1.0.0',
sessionSampleRate: 100,
defaultPrivacyLevel: 'mask-user-input',
enableSessionRecording: true,
enableLogCollection: true,
},
});
```
```html
```
The possible configuration options are:
| Key | Description |
|-------------------|-------------|
| applicationId | A UUID that uniquely identifies a specific frontend application. |
| clientToken | A token that identifies valid producers of RUM telemetry. |
| proxy | The Kloudfuse ingest endpoint for RUM events. |
| service | A "friendly" name, unique to the instrumented frontend application. |
| env | The name that identifies a logical source of RUM events. |
| version | The string that represents the unique frontend application build. |
| sessionSampleRate | The percentage of user sessions that generate RUM telemetry. |
| defaultPrivacyLevel | Privacy level for session replays. |
| enableSessionRecording | Controls whether Kloudfuse records the user’s session. |
| enableLogCollection | Controls whether Kloudfuse collects frontend logs. |
### Associate User Information
As soon as your application has access to user information, you can provide that information to the SDK and enrich all generated telemetry. To do this, add the following code snippet:
```javascript
kfuseRumSDK.setUser({
id: "joebarra",
email: "joe.barra@kloudfuse.com",
})
```
## Upload Source Maps
Source maps help unmangle minified JavaScript files in error stack traces, making debugging easier. Use the Kloudfuse CLI tool to upload source maps for your web application.
### Install KF CLI
Install the Kloudfuse CLI tool:
```console
npm install kf-cli
```
### Configure Environment
Set your Kloudfuse API key as an environment variable:
```console
export KF_API_KEY=
```
### Usage
Upload source maps using the `kf-cli sourcemaps upload` command:
```console
kf-cli sourcemaps upload --baseUrl --service --release-version --minified-path-prefix
```
#### Options
`` - Path to the directory containing your JavaScript source maps (.js.map files).
`--baseUrl ` - Kloudfuse cluster base URL.
`--service ` - Name of your frontend service.
`--release-version ` - Version/release identifier for your application build.
`--minified-path-prefix ` - URL prefix where your minified JavaScript files are served.
### Example
Upload all source maps in the current directory:
```console
kf-cli sourcemaps upload \
./dist \
--service example-app \
--minified-path-prefix /assets \
--release-version 1.2.3
```