@teamteanpm2024/cumque-neque-est

storybook-addon-application-insights

Storybook Addon for tracking viewed Stories as page views in Application Insights.

Getting Started

1. Install package (and peer dependencies):

npm i -D storybook-addon-application-insights applicationinsights-js
# or 
yarn add -D storybook-addon-application-insights applicationinsights-js

1. Register addon:

// add to or create .storybook/addons.js
import 'storybook-addon-application-insights/register'

1. Configure Instrumentation Key:
   • Retrieve your Application Insights Instrumentation Key from the Azure portal
   • set STORYBOOK_INSTRUMENTATION_KEY env variable either in JS

     // only set it in production environments to prevent tracking pageviews during development
     if (process.env.NODE_ENV === 'production') {
       window.STORYBOOK_INSTRUMENTATION_KEY = '00000000-0000-0000-0000-000000000000'
     }

   • or better, as an env variable during your storybook build

     STORYBOOK_INSTRUMENTATION_KEY=00000000-0000-0000-0000-000000000000 build-storybook -c .storybook