fix: add package and app info to mParticle MPConfiguration (#109)

Author: alexs-mparticle

core-sdk-samples/higgs-shop-sample-app/package-lock.json

@@ -5,7 +5,7 @@
         "@emotion/react": "^11.7.1",
         "@emotion/styled": "^11.6.0",
         "@fontsource/lato": "^4.5.5",
-        "@mparticle/web-sdk": "^2.15.0",
+        "@mparticle/web-sdk": "^2.16.0",
         "@mui/icons-material": "^5.5.1",
         "@mui/material": "^5.2.5",
         "@testing-library/dom": "^8.11.3",
@@ -44,7 +44,7 @@
         ]
     },
     "devDependencies": {
-        "@types/mparticle__web-sdk": "^2.15.1",
+        "@types/mparticle__web-sdk": "^2.16.0",
         "@typescript-eslint/eslint-plugin": "^5.17.0",
         "@typescript-eslint/parser": "^5.19.0",
         "eslint": "^7.32.0",

core-sdk-samples/higgs-shop-sample-app/package.json

@@ -2,11 +2,16 @@ import { render, waitFor } from '@testing-library/react';
 import mParticle from '@mparticle/web-sdk';
 import App from '.';
 
+const { version } = require('../../../package.json');
+
 describe('mParticle Web Sample App', () => {
     test('should initialize the Web SDK', async () => {
         render(<App />);
         await waitFor(() => {
             expect(mParticle.init).toHaveBeenCalledWith('test_key', {
+                appName: 'Higgs Shop',
+                appVersion: version,
+                package: 'com.mparticle.example.HiggsShopSampleApp',
                 isDevelopmentMode: true,
                 logLevel: 'verbose',
                 identityCallback: expect.any(Function),

core-sdk-samples/higgs-shop-sample-app/src/layouts/App/index.test.tsx

@@ -18,11 +18,27 @@ import { AccountPage } from '../../pages/AccountPage';
 import { MessageModal } from '../../components/MessageModal';
 import { APIkeyModalMessage } from '../../constants';
 
+// (optional) Use the package version number to keep your appVersion up-to-date
+const { version } = require('../../../package.json');
+
 const App = () => {
     const [apiKeyModalOpen, setApiKeyModalOpen] = useState(false);
 
     const mParticleConfig: mParticle.MPConfiguration = {
+        // (optional) `appName and appVersion are used to associate with your web app
+        // and are included in all event uploads
+        appName: 'Higgs Shop',
+        appVersion: version,
+
+        // `package` is an optional analytics attribute that mParticle
+        //  uses to measure usage and diagnostics of the Sample Apps.
+        //  In a production application, you can safely remove this, or set
+        //  it to your own value to help with diagnostics.
+        package: 'com.mparticle.example.HiggsShopSampleApp',
+
+        // Sets to Dev Mode
         isDevelopmentMode: true,
+
         // logLevel can be 'verbose', 'warning', or 'none' (the default is 'warning').
         // This logLevel provides context into the inner workings of mParticle.
         // It can be updated after MP has been initialized using mParticle.setLogLevel().