@scullyio/scully-plugin-logrocket

- Description: This plugin allows the usage of LogRocket. - Type: Render Plugin

Usage no npm install needed!

<script type="module">
  import scullyioScullyPluginLogrocket from 'https://cdn.skypack.dev/@scullyio/scully-plugin-logrocket';
</script>

README

LogRocket

  • Description: This plugin allows the usage of LogRocket.
  • Type: Render Plugin

Getting Started

1. Install the plugin:

npm install -D @scullyio/scully-plugin-logrocket

2. Use the plugin:

In the application's scully.your-app.config.file:

  1. Configure the plugin:

The plugin's configuration receives an object like this {app: string, id: string} where the app and id are provided in the Script Tag window.LogRocket.init('app/id') provided by LogRocket.

  1. Make a default post render array and add the plugin to it.

  2. Set the default post renders in Scully config.

e.g.

// ./scully.your-app.config.ts

import { setPluginConfig, ScullyConfig } from '@scullyio/scully';
import { LogRocket } from '@scullyio/plugins/logrocket';

const defaultPostRenderers = [];

setPluginConfig(LogRocket, { app: 'your-app', id: 'your-id' });
defaultPostRenderers.push(LogRocket);

export const config: ScullyConfig = {
  defaultPostRenderers,
  routes: {
    '/': {
      type: 'contentFolder',
      postRenderers: [...defaultPostRenderers],
    },
  },
};