set vue SDK data globally

Author: lobsterkatie

packages/vue/package.json

@@ -61,7 +61,7 @@
     "fix": "run-s fix:eslint fix:prettier",
     "fix:prettier": "prettier --write \"{src,test}/**/*.ts\"",
     "fix:eslint": "eslint . --format stylish --fix",
-    "test": "jest --passWithNoTests",
+    "test": "jest",
     "test:watch": "jest --watch",
     "pack": "npm pack"
   },

packages/vue/src/index.ts

@@ -17,7 +17,13 @@ export {
   setUser,
   startTransaction,
   withScope,
+  SDK_VERSION,
 } from '@sentry/browser';
 
 export { init } from './sdk';
 export { vueRouterInstrumentation } from './vuerouter';
+
+import { SDK_VERSION } from '@sentry/browser';
+import { setSDKInfo } from '@sentry/utils';
+
+setSDKInfo('sentry.javascript.vue', 'npm:@sentry/vue', SDK_VERSION);

packages/vue/test/init.test.ts

@@ -0,0 +1,23 @@
+import { getGlobalObject } from '@sentry/utils';
+
+import * as Sentry from '../src/index';
+
+const global = getGlobalObject<Window>();
+
+describe('event SDK info', () => {
+  it('adds SDK metadata globally', () => {
+    // the SDK data is set when we import from (and therefore run) `../src/index.ts` - it sets the vue part itself,
+    // and the browser part gets set when it imports from @sentry/browser - so no action is necessary here before we run
+    // the `expect`s
+
+    expect(global.__SENTRY__?.sdkInfo).toBeDefined();
+    expect(global.__SENTRY__?.sdkInfo?.name).toEqual('sentry.javascript.vue');
+    expect(global.__SENTRY__?.sdkInfo?.version).toEqual(Sentry.SDK_VERSION);
+    expect(global.__SENTRY__?.sdkInfo?.packages).toEqual(
+      expect.arrayContaining([
+        { name: 'npm:@sentry/vue', version: Sentry.SDK_VERSION },
+        { name: 'npm:@sentry/browser', version: Sentry.SDK_VERSION },
+      ]),
+    );
+  });
+});