Skip to content

Commit b3554c4

Browse files
committed
cleaning up more readmes
1 parent 1cff48e commit b3554c4

File tree

3 files changed

+40
-40
lines changed

3 files changed

+40
-40
lines changed

README.md

+7-7
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,13 @@ To install the Faro JavaScript bundler plugins, use the package manager of your
1717
To install the Webpack plugin with `npm`, run:
1818

1919
```bash
20-
npm install @grafana/faro-bundler-plugin-webpack
20+
npm install --save-dev @grafana/faro-bundler-plugin-webpack
2121
```
2222

2323
To install the Webpack plugin with `yarn`, run:
2424

2525
```bash
26-
yarn add @grafana/faro-bundler-plugin-webpack
26+
yarn add --dev @grafana/faro-bundler-plugin-webpack
2727
```
2828

2929
### Rollup/Vite
@@ -33,13 +33,13 @@ Rollup and Vite are both supported by the same plugin.
3333
To install the Rollup/Vite plugin with `npm`, run:
3434

3535
```bash
36-
npm install @grafana/faro-bundler-plugin-rollup
36+
npm install --save-dev @grafana/faro-bundler-plugin-rollup
3737
```
3838

3939
To install the Rollup/Vite plugin with `yarn`, run:
4040

4141
```bash
42-
yarn add @grafana/faro-bundler-plugin-rollup
42+
yarn add --dev @grafana/faro-bundler-plugin-rollup
4343
```
4444

4545
## Obtaining API key
@@ -48,7 +48,7 @@ yarn add @grafana/faro-bundler-plugin-rollup
4848

4949
## Usage
5050

51-
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.
5252

5353
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.
5454

@@ -106,10 +106,10 @@ export default defineConfig(({ mode }) => {
106106
The following options are available for the Faro JavaScript bundler plugins:
107107
108108
- `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".
110110
- `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).
111111
- `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".
113113
- `outputFiles: string[]` *optional*: An array of source map files to upload. By default, all source maps get uploaded.
114114
- `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.
115115
- `keepSourcemaps: boolean` *optional*: Whether to keep the source maps in your generated bundle after uploading. Defaults to `false`.

packages/faro-rollup/README.md

+16-16
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Faro Source Map Upload Plugin - Rollup/Vite
1+
# Faro source map upload plugin - Rollup/Vite
22

33
This plugin uploads source maps to the Faro collector to enable de-obfuscation of stack traces in the Grafana Cloud Frontend Observability UI.
44

@@ -20,9 +20,9 @@ yarn add --dev @grafana/faro-bundler-plugin-rollup
2020

2121
## Usage
2222

23-
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.
2424

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.
2626

2727
### Rollup/Vite
2828

@@ -51,19 +51,19 @@ export default defineConfig(({ mode }) => {
5151
5252
### Configuration Options
5353
54-
The following options are available for the Faro JavaScript Bundler Plugins:
54+
The following options are available for the Faro JavaScript bundler plugins:
5555
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`.
6666
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.
6868
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.

packages/faro-webpack/README.md

+17-17
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
# Faro Source Map Upload Plugin - Webpack
1+
# Faro source map upload plugin - Webpack
22

33
This plugin uploads source maps to the Faro collector to enable de-obfuscation of stack traces in the Grafana Cloud Frontend Observability UI.
44

55
## Installation
66

7-
To install the Faro JavaScript Bundler Plugins for Webpack, use the package manager of your choice.
7+
To install the Faro JavaScript bundler plugins for Webpack, use the package manager of your choice.
88

99
```bash
1010
npm install --save-dev @grafana/faro-bundler-plugin-webpack
@@ -18,9 +18,9 @@ yarn add --dev @grafana/faro-bundler-plugin-webpack
1818

1919
## Usage
2020

21-
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.
2222

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.
2424

2525
To use the Webpack plugin, add the following to your `webpack.config.js`:
2626

@@ -46,19 +46,19 @@ module.exports = {
4646

4747
### Configuration Options
4848

49-
The following options are available for the Faro JavaScript Bundler Plugins:
49+
The following options are available for the Faro JavaScript bundler plugins:
5050

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`.
6161

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.
6363

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

Comments
 (0)