You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Details of how to use the plugins with your bundler reside in the Frontend Observability plugin under the "Settings" -> "Web SDK Config" tab after clicking into your instrumented app.
51
+
Details of how to use the plugins with your bundler reside in the Frontend Observability plugin under the "Settings" -> "Source Maps" tab after clicking into your instrumented app.
52
52
53
53
That tab includes the necessary configuration for the Faro JavaScript bundler plugins, including the `appName`, `appId`, and `endpoint` values that you need for the plugins to work with your app. The details provided below are general instructions for how to use the plugins with your bundler.
The following options are available for the Faro JavaScript bundler plugins:
107
107
108
108
- `appName: string` *required*: The name of your application. This should match the `appName` value you are using in your Faro Web SDK configuration.
109
-
- `endpoint: string` *required*: The URL of your Faro Collector endpoint. This value is in the Frontend Observability plugin under "Settings" -> "Web SDK Config".
109
+
- `endpoint: string` *required*: The URL of your Faro Collector endpoint. This value is in the Frontend Observability plugin under "Settings" -> "Source Maps".
110
110
- `apiKey: string` *required*: The API key for your Faro Collector. This value gets generated on grafana.com by creating a new scope (details provided in the plugin and in the "Obtaining API key" section of this document).
111
111
- `appId: string` *required*: The ID of your application. This should match the `appId` value you are using in your Faro Web SDK configuration.
112
-
- `orgId: string` *required*: The ID of your organization. This value is in the Frontend Observability plugin under "Settings" -> "Web SDK Config".
112
+
- `orgId: string` *required*: The ID of your organization. This value is in the Frontend Observability plugin under "Settings" -> "Source Maps".
113
113
- `outputFiles: string[]` *optional*: An array of source map files to upload. By default, all source maps get uploaded.
114
114
- `bundleId: string` *optional*: The ID of the bundle/build. You can specify this value to filter by bundle ID in the Frontend Observability plugin. Otherwise the bundler uses an auto-generated ID.
115
115
- `keepSourcemaps: boolean` *optional*: Whether to keep the source maps in your generated bundle after uploading. Defaults to `false`.
Details of how to use the plugins with your bundler are provided in the Frontend Observability plugin under the "Web SDK Configuration" tab after clicking into your instrumented app.
23
+
Details of how to use the plugins with your bundler reside in the Frontend Observability plugin under the "Settings" -> "Source Maps" tab after clicking into your instrumented app.
24
24
25
-
That tab includes the necessary configuration for the Faro JavaScript Bundler Plugins, including the `appName`, `appId`, and `endpoint` values that are required for the plugins to work with your app. The details provided below are general instructions for how to use the plugins with your bundler.
25
+
That tab includes the necessary configuration for the Faro JavaScript bundler plugins, including the `appName`, `appId`, and `endpoint` values that you need for the plugins to work with your app. The details provided below are general instructions for how to use the plugins with your bundler.
The following options are available for the Faro JavaScript Bundler Plugins:
54
+
The following options are available for the Faro JavaScript bundler plugins:
55
55
56
-
- `appName: string`(required): The name of your application. This should match the `appName` value you are using in your Faro Web SDK configuration.
57
-
- `endpoint: string`(required): The URL of your Faro Collector endpoint. This value is generated in the Frontend Observability plugin under "Web SDK Configuration".
58
-
- `apiKey: string`(required): The API key for your Faro Collector. This value is generated on grafana.com by creating a new scope (details provided in the plugin and in the "Obtaining API Key" section of this document).
59
-
- `appId: string`(required): The ID of your application. This should match the `appId` value you are using in your Faro Web SDK configuration.
60
-
- `orgId: string`(required): The ID of your organization. This value is provided in the Frontend Observability plugin under "Web SDK Configuration".
61
-
- `outputFiles: string[]`(optional): An array of sourcemap files to upload. By default, all sourcemaps are uploaded.
62
-
- `bundleId: string`(optional): The ID of the bundle/build. You can specify this value to filter by bundle ID in the Frontend Observability plugin. Otherwise an auto-generated ID will be used.
63
-
- `keepSourcemaps: boolean`(optional): Whether to keep the sourcemaps in your generated bundle after uploading. Defaults to `false`.
64
-
- `gzipContents: boolean`(optional): Whether to tarball and gzip the contents of the sourcemaps before uploading. Defaults to `true`.
65
-
- `verbose: boolean`(optional): Whether to log verbose output during the upload process. Defaults to `false`.
56
+
- `appName: string`*required*: The name of your application. This should match the `appName` value you are using in your Faro Web SDK configuration.
57
+
- `endpoint: string`*required*: The URL of your Faro Collector endpoint. This value is in the Frontend Observability plugin under "Settings" -> "Source Maps".
58
+
- `apiKey: string`*required*: The API key for your Faro Collector. This value gets generated on grafana.com by creating a new scope (details provided in the plugin and in the "Obtaining API key" section of this document).
59
+
- `appId: string`*required*: The ID of your application. This should match the `appId` value you are using in your Faro Web SDK configuration.
60
+
- `orgId: string`*required*: The ID of your organization. This value is in the Frontend Observability plugin under "Settings" -> "Source Maps".
61
+
- `outputFiles: string[]`*optional*: An array of source map files to upload. By default, all source maps get uploaded.
62
+
- `bundleId: string`*optional*: The ID of the bundle/build. You can specify this value to filter by bundle ID in the Frontend Observability plugin. Otherwise the bundler uses an auto-generated ID.
63
+
- `keepSourcemaps: boolean`*optional*: Whether to keep the source maps in your generated bundle after uploading. Defaults to `false`.
64
+
- `gzipContents: boolean`*optional*: Whether to tarball and Gzip the contents of the source maps before uploading. Defaults to `true`.
65
+
- `verbose: boolean`*optional*: Whether to log verbose output during the upload process. Defaults to `false`.
66
66
67
-
After initial configuration, the Faro JavaScript Bundler Plugins will automatically upload your source maps to Grafana Cloud when you build your application. You can verify that the source maps are being uploaded by "Sourcemaps" tab in the Frontend Observability plugin. From there you are able to see the source maps that have been uploaded.
67
+
After initial configuration, the Faro JavaScript bundler plugins automatically uploads your source maps to Grafana Cloud when you build your application. You can verify that the source maps upload successfully by in the "Settings" -> "Source Maps" tab in the Frontend Observability plugin. From there you are able to see the source maps that you have uploaded.
68
68
69
-
Once you have completed all the required steps, you are done - the Faro Collector will begin processing your source maps and associating them with your telemetry data. The portions of your stacktraces with source maps that have been uploaded to the Faro Collector will be automatically deobfuscated and displayed in the Frontend Observability plugin when viewing your error data.
69
+
After you have completed all the required steps, you have finished - the Faro Collector begins processing your source maps and associating them with your telemetry data. The portions of your stack traces with source maps uploaded to the Faro Collector are automatically de-obfuscated and displayed in the Frontend Observability plugin when viewing your error data.
Details of how to use the plugins with your bundler are provided in the Frontend Observability plugin under the "Web SDK Configuration" tab after clicking into your instrumented app.
21
+
Details of how to use the plugins with your bundler reside in the Frontend Observability plugin under the "Settings" -> "Source Maps" tab after clicking into your instrumented app.
22
22
23
-
That tab includes the necessary configuration for the Faro JavaScript Bundler Plugins, including the `appName`, `appId`, and `endpoint` values that are required for the plugins to work with your app. The details provided below are general instructions for how to use the plugins with your bundler.
23
+
That tab includes the necessary configuration for the Faro JavaScript bundler plugins, including the `appName`, `appId`, and `endpoint` values that you need for the plugins to work with your app. The details provided below are general instructions for how to use the plugins with your bundler.
24
24
25
25
To use the Webpack plugin, add the following to your `webpack.config.js`:
26
26
@@ -46,19 +46,19 @@ module.exports = {
46
46
47
47
### Configuration Options
48
48
49
-
The following options are available for the Faro JavaScript Bundler Plugins:
49
+
The following options are available for the Faro JavaScript bundler plugins:
50
50
51
-
-`appName: string`(required): The name of your application. This should match the `appName` value you are using in your Faro Web SDK configuration.
52
-
-`endpoint: string`(required): The URL of your Faro Collector endpoint. This value is generated in the Frontend Observability plugin under "Web SDK Configuration".
53
-
-`apiKey: string`(required): The API key for your Faro Collector. This value is generated on grafana.com by creating a new scope (details provided in the plugin and in the "Obtaining API Key" section of this document).
54
-
-`appId: string`(required): The ID of your application. This should match the `appId` value you are using in your Faro Web SDK configuration.
55
-
-`orgId: string`(required): The ID of your organization. This value is provided in the Frontend Observability plugin under "Web SDK Configuration".
56
-
-`outputFiles: string[]`(optional): An array of sourcemap files to upload. By default, all sourcemaps are uploaded.
57
-
-`bundleId: string`(optional): The ID of the bundle/build. You can specify this value to filter by bundle ID in the Frontend Observability plugin. Otherwise an auto-generated ID will be used.
58
-
-`keepSourcemaps: boolean`(optional): Whether to keep the sourcemaps in your generated bundle after uploading. Defaults to `false`.
59
-
-`gzipContents: boolean`(optional): Whether to tarball and gzip the contents of the sourcemaps before uploading. Defaults to `true`.
60
-
-`verbose: boolean`(optional): Whether to log verbose output during the upload process. Defaults to `false`.
51
+
-`appName: string`*required*: The name of your application. This should match the `appName` value you are using in your Faro Web SDK configuration.
52
+
-`endpoint: string`*required*: The URL of your Faro Collector endpoint. This value is in the Frontend Observability plugin under "Settings" -> "Source Maps".
53
+
-`apiKey: string`*required*: The API key for your Faro Collector. This value gets generated on grafana.com by creating a new scope (details provided in the plugin and in the "Obtaining API key" section of this document).
54
+
-`appId: string`*required*: The ID of your application. This should match the `appId` value you are using in your Faro Web SDK configuration.
55
+
-`orgId: string`*required*: The ID of your organization. This value is in the Frontend Observability plugin under "Settings" -> "Source Maps".
56
+
-`outputFiles: string[]`*optional*: An array of source map files to upload. By default, all source maps get uploaded.
57
+
-`bundleId: string`*optional*: The ID of the bundle/build. You can specify this value to filter by bundle ID in the Frontend Observability plugin. Otherwise the bundler uses an auto-generated ID.
58
+
-`keepSourcemaps: boolean`*optional*: Whether to keep the source maps in your generated bundle after uploading. Defaults to `false`.
59
+
-`gzipContents: boolean`*optional*: Whether to tarball and Gzip the contents of the source maps before uploading. Defaults to `true`.
60
+
-`verbose: boolean`*optional*: Whether to log verbose output during the upload process. Defaults to `false`.
61
61
62
-
After initial configuration, the Faro JavaScript Bundler Plugins will automatically upload your source maps to Grafana Cloud when you build your application. You can verify that the source maps are being uploaded by "Sourcemaps" tab in the Frontend Observability plugin. From there you are able to see the source maps that have been uploaded.
62
+
After initial configuration, the Faro JavaScript bundler plugins automatically uploads your source maps to Grafana Cloud when you build your application. You can verify that the source maps upload successfully by in the "Settings" -> "Source Maps" tab in the Frontend Observability plugin. From there you are able to see the source maps that you have uploaded.
63
63
64
-
Once you have completed all the required steps, you are done - the Faro Collector will begin processing your source maps and associating them with your telemetry data. The portions of your stacktraces with source maps that have been uploaded to the Faro Collector will be automatically deobfuscated and displayed in the Frontend Observability plugin when viewing your error data.
64
+
After you have completed all the required steps, you have finished - the Faro Collector begins processing your source maps and associating them with your telemetry data. The portions of your stack traces with source maps uploaded to the Faro Collector are automatically de-obfuscated and displayed in the Frontend Observability plugin when viewing your error data.
0 commit comments