Use npm package for app insights web configuration

DFE-Digital · Nov 29, 2024 · ea82c6c · ea82c6c
1 parent 440cb9e
commit ea82c6c
Show file tree

Hide file tree

Showing 4 changed files with 326 additions and 11 deletions.
diff --git a/Dfe.ManageFreeSchoolProjects/Dfe.ManageFreeSchoolProjects/Pages/Shared/_Layout.cshtml b/Dfe.ManageFreeSchoolProjects/Dfe.ManageFreeSchoolProjects/Pages/Shared/_Layout.cshtml
@@ -42,14 +42,15 @@
 =======
     @if (hasConsented && enableAppInsightsBrowserAnalytics)
     {
-        <!-- Application Insights -->
+        <!-- Application insights -->
         <script type="text/javascript" integrity="sha384-g/ZkzetdQypWdY0NBZT5r2L3BR9/hURD8OBcd1rEaBpgX6QC7EaTL+o+mzWrBcXW" crossorigin="anonymous" src="https://js.monitor.azure.com/scripts/b/ext/ai.clck.2.8.18.min.js"></script>
         <script type="text/javascript" asp-add-nonce>
-            @Html.Raw(AIJavaScriptSnippet.ScriptBody)
-            // Load the Click analytics plugin
-            var clickPluginInstance = new Microsoft.ApplicationInsights.ClickAnalyticsPlugin();
-            window.appInsights.setAuthenticatedUserContext("@authenticatedUserId", null, true);
+            window.appInsights = {
+                connectionString: '@_configuration["ApplicationInsights:ConnectionString"]',
+                authenticatedUserId: '@authenticatedUserId'
+            }
         </script>
+        <script type="text/javascript" src="~/dist/application-insights.min.js" asp-add-nonce></script>
         <!-- End Application insights -->
     }
 

diff --git a/Dfe.ManageFreeSchoolProjects/Dfe.ManageFreeSchoolProjects/Pages/_ViewImports.cshtml b/Dfe.ManageFreeSchoolProjects/Dfe.ManageFreeSchoolProjects/Pages/_ViewImports.cshtml
@@ -5,4 +5,3 @@
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
 @addTagHelper *, Dfe.ManageFreeSchoolProjects
 @addTagHelper *, NetEscapades.AspNetCore.SecurityHeaders.TagHelpers
-@inject Microsoft.ApplicationInsights.AspNetCore.JavaScriptSnippet AIJavaScriptSnippet;
diff --git a/Dfe.ManageFreeSchoolProjects/Dfe.ManageFreeSchoolProjects/wwwroot/package-lock.json b/Dfe.ManageFreeSchoolProjects/Dfe.ManageFreeSchoolProjects/wwwroot/package-lock.json
diff --git a/Dfe.ManageFreeSchoolProjects/Dfe.ManageFreeSchoolProjects/wwwroot/package.json b/Dfe.ManageFreeSchoolProjects/Dfe.ManageFreeSchoolProjects/wwwroot/package.json
@@ -2,7 +2,8 @@
 	"scripts": {
 		"build": "npm run build:assets && npm run build:frontend",
 		"build:frontend": "webpack",
-		"build:assets": "webpack --config webpack.assets.config.js",
+		"build:assets": "webpack --config webpack.assets.config.js & npm run build:assets:application-insights",
+		"build:assets:application-insights": "webpack --config webpack.appinsights.config.js",
 		"build:watch": "webpack --watch"
 	},
 	"devDependencies": {
@@ -20,6 +21,7 @@
 		"accessible-autocomplete": "^3.0.0",
 		"dfe-frontend": "2.0.1",
 		"govuk-frontend": "5.4.1",
+		"@microsoft/applicationinsights-web": "^3.2.2",
 		"jquery": "^3.6.1"
 	}
 }