From ee5dda8343d1c104d079badef9106a0ca459bc42 Mon Sep 17 00:00:00 2001
From: siyuniu-ms <siyuniu@microsoft.com>
Date: Wed, 10 Jan 2024 16:09:43 -0800
Subject: [PATCH 1/5] add script

---
 package.json                                  |  3 +-
 .../injectScript.js                           | 59 +++++++++++++++++++
 tools/github-page-script-injection/script.js  | 18 ++++++
 3 files changed, 79 insertions(+), 1 deletion(-)
 create mode 100644 tools/github-page-script-injection/injectScript.js
 create mode 100644 tools/github-page-script-injection/script.js

diff --git a/package.json b/package.json
index 9b019aa49..3a390b4ea 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,8 @@
         "npm-pack": "node common/scripts/install-run-rush.js npm-pack --verbose",
         "npm-publish": "node ./tools/release-tools/npm_publish.js",
         "npm-set-latest": "node ./tools/release-tools/npm_set_latest.js",
-        "gh-status": "node ./tools/status-tools/github-status.js"
+        "gh-status": "node ./tools/status-tools/github-status.js",
+        "script-inject": "node tools/github-page-script-injection/injectScript.js"
     },
     "repository": {
         "type": "git",
diff --git a/tools/github-page-script-injection/injectScript.js b/tools/github-page-script-injection/injectScript.js
new file mode 100644
index 000000000..6e996f6f6
--- /dev/null
+++ b/tools/github-page-script-injection/injectScript.js
@@ -0,0 +1,59 @@
+const fs = require('fs');
+const path = require('path');
+
+// Recursively process a folder and its subfolders to search for HTML files
+const processFolder = (folderPath) => {
+  const files = fs.readdirSync(folderPath);
+
+  files.forEach((file) => {
+    const filePath = path.join(folderPath, file);
+    console.log(` ${filePath}`);
+
+    if (fs.statSync(filePath).isDirectory()) {
+      // If the current path is a directory, recursively process it
+      processFolder(filePath);
+    } else if (path.extname(file) === '.html') {
+      // If it's an HTML file, inject the script
+      console.log(`process ${filePath}`);
+
+      injectScript(filePath);
+    }
+  });
+};
+
+
+// Start processing from the 'docs' folder
+const docsFolder = path.join(__dirname, '../../docs');
+processFolder(docsFolder);
+
+function injectScript(filePath) {
+  fs.readFile(filePath, 'utf8', (err, data) => {
+    if (err) {
+      console.error('Error reading file:', err);
+      return;
+    }
+
+    // Read the script content from a file
+    const scriptFilePath = path.join(__dirname, 'script.js');
+    const scriptContent = fs.readFileSync(scriptFilePath, 'utf8');
+
+    // Check if the script content is already present in the file
+    const fileContent = fs.readFileSync(filePath, 'utf8');
+  
+    // Check if the script content is already present in the file
+    if (fileContent.includes(scriptContent)) {
+      console.log(`Script already present in ${filePath}`);
+      return;
+    }
+    // Create the modified content by inserting the script tag right before the closing head tag
+    const modifiedContent = data.replace(/(<\/head[^>]*)/i, `\n${scriptContent}\n$1`);
+    // Save the modified content back to the file
+    fs.writeFile(filePath, modifiedContent, (err) => {
+      if (err) {
+        console.error('Error writing to file:', err);
+        return;
+      }
+      console.log(`Script injected successfully into ${filePath}`);
+    });
+  });
+}
diff --git a/tools/github-page-script-injection/script.js b/tools/github-page-script-injection/script.js
new file mode 100644
index 000000000..bcc1acf55
--- /dev/null
+++ b/tools/github-page-script-injection/script.js
@@ -0,0 +1,18 @@
+<script type="text/javascript">
+!(function (cfg){function e(){cfg.onInit&&cfg.onInit(i)}var S,u,D,t,n,i,C=window,x=document,w=C.location,I="script",b="ingestionendpoint",E="disableExceptionTracking",A="ai.device.";"instrumentationKey"[S="toLowerCase"](),u="crossOrigin",D="POST",t="appInsightsSDK",n=cfg.name||"appInsights",(cfg.name||C[t])&&(C[t]=n),i=C[n]||function(l){var d=!1,g=!1,f={initialize:!0,queue:[],sv:"7",version:2,config:l};function m(e,t){var n={},i="Browser";function a(e){e=""+e;return 1===e.length?"0"+e:e}return n[A+"id"]=i[S](),n[A+"type"]=i,n["ai.operation.name"]=w&&w.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(f.sv||f.version),{time:(i=new Date).getUTCFullYear()+"-"+a(1+i.getUTCMonth())+"-"+a(i.getUTCDate())+"T"+a(i.getUTCHours())+":"+a(i.getUTCMinutes())+":"+a(i.getUTCSeconds())+"."+(i.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z",iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}},ver:4,seq:"1",aiDataContract:undefined}}var h=-1,v=0,y=["js.monitor.azure.com","js.cdn.applicationinsights.io","js.cdn.monitor.azure.com","js0.cdn.applicationinsights.io","js0.cdn.monitor.azure.com","js2.cdn.applicationinsights.io","js2.cdn.monitor.azure.com","az416426.vo.msecnd.net"],k=l.url||cfg.src;if(k){if((n=navigator)&&(~(n=(n.userAgent||"").toLowerCase()).indexOf("msie")||~n.indexOf("trident/"))&&~k.indexOf("ai.3")&&(k=k.replace(/(\/)(ai\.3\.)([^\d]*)$/,function(e,t,n){return t+"ai.2"+n})),!1!==cfg.cr)for(var e=0;e<y.length;e++)if(0<k.indexOf(y[e])){h=e;break}var i=function(e){var a,t,n,i,o,r,s,c,p,u;f.queue=[],g||(0<=h&&v+1<y.length?(a=(h+v+1)%y.length,T(k.replace(/^(.*\/\/)([\w\.]*)(\/.*)$/,function(e,t,n,i){return t+y[a]+i})),v+=1):(d=g=!0,o=k,c=(p=function(){var e,t={},n=l.connectionString;if(n)for(var i=n.split(";"),a=0;a<i.length;a++){var o=i[a].split("=");2===o.length&&(t[o[0][S]()]=o[1])}return t[b]||(e=(n=t.endpointsuffix)?t.location:null,t[b]="https://"+(e?e+".":"")+"dc."+(n||"services.visualstudio.com")),t}()).instrumentationkey||l.instrumentationKey||"",p=(p=p[b])?p+"/v2/track":l.endpointUrl,(u=[]).push((t="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",n=o,r=p,(s=(i=m(c,"Exception")).data).baseType="ExceptionData",s.baseData.exceptions=[{typeName:"SDKLoadFailed",message:t.replace(/\./g,"-"),hasFullStack:!1,stack:t+"\nSnippet failed to load ["+n+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(w&&w.pathname||"_unknown_")+"\nEndpoint: "+r,parsedStack:[]}],i)),u.push((s=o,t=p,(r=(n=m(c,"Message")).data).baseType="MessageData",(i=r.baseData).message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+s+")").replace(/\"/g,"")+'"',i.properties={endpoint:t},n)),o=u,c=p,JSON&&((r=C.fetch)&&!cfg.useXhr?r(c,{method:D,body:JSON.stringify(o),mode:"cors"}):XMLHttpRequest&&((s=new XMLHttpRequest).open(D,c),s.setRequestHeader("Content-type","application/json"),s.send(JSON.stringify(o))))))},a=function(e,t){g||setTimeout(function(){!t&&f.core||i()},500),d=!1},T=function(e){var n=x.createElement(I),e=(n.src=e,cfg[u]);return!e&&""!==e||"undefined"==n[u]||(n[u]=e),n.onload=a,n.onerror=i,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||a(0,t)},cfg.ld&&cfg.ld<0?x.getElementsByTagName("head")[0].appendChild(n):setTimeout(function(){x.getElementsByTagName(I)[0].parentNode.appendChild(n)},cfg.ld||0),n};T(k)}try{f.cookie=x.cookie}catch(p){}function t(e){for(;e.length;)!function(t){f[t]=function(){var e=arguments;d||f.queue.push(function(){f[t].apply(f,e)})}}(e.pop())}var r,s,n="track",o="TrackPage",c="TrackEvent",n=(t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+o,"stop"+o,"start"+c,"stop"+c,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),f.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4},(l.extensionConfig||{}).ApplicationInsightsAnalytics||{});return!0!==l[E]&&!0!==n[E]&&(t(["_"+(r="onerror")]),s=C[r],C[r]=function(e,t,n,i,a){var o=s&&s(e,t,n,i,a);return!0!==o&&f["_"+r]({message:e,url:t,lineNumber:n,columnNumber:i,error:a,evt:C.event}),o},l.autoExceptionInstrumented=!0),f}(cfg.cfg),(C[n]=i).queue&&0===i.queue.length?(i.queue.push(e),i.trackPageView({})):e();})({
+    src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js",
+    // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied
+    // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout,
+    // useXhr: 1, // Use XHR instead of fetch to report failures (if available),
+    // dle: true, // Prevent the SDK from reporting load failure log
+    crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag
+    // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DO NOT ADD anything to the sdk.queue -- As they won't get called)
+    cfg: { // Application Insights Configuration
+      connectionString: "InstrumentationKey=814a172a-92fd-4950-9023-9cf13bb65696;IngestionEndpoint=https://eastus-8.in.applicationinsights.azure.com/;LiveEndpoint=https://eastus.livediagnostics.monitor.azure.com/"
+    }
+});
+let appInsights = new Microsoft.ApplicationInsights.ApplicationInsights({ config: {connectionString: "InstrumentationKey=814a172a-92fd-4950-9023-9cf13bb65696;IngestionEndpoint=https://eastus-8.in.applicationinsights.azure.com/;LiveEndpoint=https://eastus.livediagnostics.monitor.azure.com/", disableInstrumentationKeyValidation: true}});
+      appInsights.loadAppInsights();
+      window.appInsights = appInsights;
+      appInsights.trackPageView();
+</script>
\ No newline at end of file

From 1f0a85dd2f995bade29ef8544e0c9299b6889b98 Mon Sep 17 00:00:00 2001
From: siyuniu-ms <siyuniu@microsoft.com>
Date: Thu, 11 Jan 2024 13:12:39 -0800
Subject: [PATCH 2/5] read from local file

---
 .../injectScript.js                           | 19 ++++++++++++-------
 tools/github-page-script-injection/script.js  | 18 ------------------
 2 files changed, 12 insertions(+), 25 deletions(-)
 delete mode 100644 tools/github-page-script-injection/script.js

diff --git a/tools/github-page-script-injection/injectScript.js b/tools/github-page-script-injection/injectScript.js
index 6e996f6f6..760bb30f0 100644
--- a/tools/github-page-script-injection/injectScript.js
+++ b/tools/github-page-script-injection/injectScript.js
@@ -7,7 +7,6 @@ const processFolder = (folderPath) => {
 
   files.forEach((file) => {
     const filePath = path.join(folderPath, file);
-    console.log(` ${filePath}`);
 
     if (fs.statSync(filePath).isDirectory()) {
       // If the current path is a directory, recursively process it
@@ -15,7 +14,6 @@ const processFolder = (folderPath) => {
     } else if (path.extname(file) === '.html') {
       // If it's an HTML file, inject the script
       console.log(`process ${filePath}`);
-
       injectScript(filePath);
     }
   });
@@ -24,8 +22,19 @@ const processFolder = (folderPath) => {
 
 // Start processing from the 'docs' folder
 const docsFolder = path.join(__dirname, '../../docs');
+
+// Prepare the script content to be injected
+const scriptFilePath = path.join(__dirname, '../applicationinsights-web-snippet/build/output/snippet.min.js');
+let scriptContent = fs.readFileSync(scriptFilePath, 'utf8');
+
+// Define the connection string to replace the placeholder
+const connectionString = 'InstrumentationKey=814a172a-92fd-4950-9023-9cf13bb65696;IngestionEndpoint=https://eastus-8.in.applicationinsights.azure.com/;LiveEndpoint=https://eastus.livediagnostics.monitor.azure.com/';
+
+// Replace the placeholder string with the actual connection string
+scriptContent = scriptContent.replace('YOUR_CONNECTION_STRING', connectionString);
 processFolder(docsFolder);
 
+
 function injectScript(filePath) {
   fs.readFile(filePath, 'utf8', (err, data) => {
     if (err) {
@@ -33,10 +42,6 @@ function injectScript(filePath) {
       return;
     }
 
-    // Read the script content from a file
-    const scriptFilePath = path.join(__dirname, 'script.js');
-    const scriptContent = fs.readFileSync(scriptFilePath, 'utf8');
-
     // Check if the script content is already present in the file
     const fileContent = fs.readFileSync(filePath, 'utf8');
   
@@ -46,7 +51,7 @@ function injectScript(filePath) {
       return;
     }
     // Create the modified content by inserting the script tag right before the closing head tag
-    const modifiedContent = data.replace(/(<\/head[^>]*)/i, `\n${scriptContent}\n$1`);
+    const modifiedContent = data.replace(/(<\/head[^>]*)/i, `\n<script>${scriptContent}</script>\n$1`);
     // Save the modified content back to the file
     fs.writeFile(filePath, modifiedContent, (err) => {
       if (err) {
diff --git a/tools/github-page-script-injection/script.js b/tools/github-page-script-injection/script.js
deleted file mode 100644
index bcc1acf55..000000000
--- a/tools/github-page-script-injection/script.js
+++ /dev/null
@@ -1,18 +0,0 @@
-<script type="text/javascript">
-!(function (cfg){function e(){cfg.onInit&&cfg.onInit(i)}var S,u,D,t,n,i,C=window,x=document,w=C.location,I="script",b="ingestionendpoint",E="disableExceptionTracking",A="ai.device.";"instrumentationKey"[S="toLowerCase"](),u="crossOrigin",D="POST",t="appInsightsSDK",n=cfg.name||"appInsights",(cfg.name||C[t])&&(C[t]=n),i=C[n]||function(l){var d=!1,g=!1,f={initialize:!0,queue:[],sv:"7",version:2,config:l};function m(e,t){var n={},i="Browser";function a(e){e=""+e;return 1===e.length?"0"+e:e}return n[A+"id"]=i[S](),n[A+"type"]=i,n["ai.operation.name"]=w&&w.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(f.sv||f.version),{time:(i=new Date).getUTCFullYear()+"-"+a(1+i.getUTCMonth())+"-"+a(i.getUTCDate())+"T"+a(i.getUTCHours())+":"+a(i.getUTCMinutes())+":"+a(i.getUTCSeconds())+"."+(i.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z",iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}},ver:4,seq:"1",aiDataContract:undefined}}var h=-1,v=0,y=["js.monitor.azure.com","js.cdn.applicationinsights.io","js.cdn.monitor.azure.com","js0.cdn.applicationinsights.io","js0.cdn.monitor.azure.com","js2.cdn.applicationinsights.io","js2.cdn.monitor.azure.com","az416426.vo.msecnd.net"],k=l.url||cfg.src;if(k){if((n=navigator)&&(~(n=(n.userAgent||"").toLowerCase()).indexOf("msie")||~n.indexOf("trident/"))&&~k.indexOf("ai.3")&&(k=k.replace(/(\/)(ai\.3\.)([^\d]*)$/,function(e,t,n){return t+"ai.2"+n})),!1!==cfg.cr)for(var e=0;e<y.length;e++)if(0<k.indexOf(y[e])){h=e;break}var i=function(e){var a,t,n,i,o,r,s,c,p,u;f.queue=[],g||(0<=h&&v+1<y.length?(a=(h+v+1)%y.length,T(k.replace(/^(.*\/\/)([\w\.]*)(\/.*)$/,function(e,t,n,i){return t+y[a]+i})),v+=1):(d=g=!0,o=k,c=(p=function(){var e,t={},n=l.connectionString;if(n)for(var i=n.split(";"),a=0;a<i.length;a++){var o=i[a].split("=");2===o.length&&(t[o[0][S]()]=o[1])}return t[b]||(e=(n=t.endpointsuffix)?t.location:null,t[b]="https://"+(e?e+".":"")+"dc."+(n||"services.visualstudio.com")),t}()).instrumentationkey||l.instrumentationKey||"",p=(p=p[b])?p+"/v2/track":l.endpointUrl,(u=[]).push((t="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",n=o,r=p,(s=(i=m(c,"Exception")).data).baseType="ExceptionData",s.baseData.exceptions=[{typeName:"SDKLoadFailed",message:t.replace(/\./g,"-"),hasFullStack:!1,stack:t+"\nSnippet failed to load ["+n+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(w&&w.pathname||"_unknown_")+"\nEndpoint: "+r,parsedStack:[]}],i)),u.push((s=o,t=p,(r=(n=m(c,"Message")).data).baseType="MessageData",(i=r.baseData).message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+s+")").replace(/\"/g,"")+'"',i.properties={endpoint:t},n)),o=u,c=p,JSON&&((r=C.fetch)&&!cfg.useXhr?r(c,{method:D,body:JSON.stringify(o),mode:"cors"}):XMLHttpRequest&&((s=new XMLHttpRequest).open(D,c),s.setRequestHeader("Content-type","application/json"),s.send(JSON.stringify(o))))))},a=function(e,t){g||setTimeout(function(){!t&&f.core||i()},500),d=!1},T=function(e){var n=x.createElement(I),e=(n.src=e,cfg[u]);return!e&&""!==e||"undefined"==n[u]||(n[u]=e),n.onload=a,n.onerror=i,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||a(0,t)},cfg.ld&&cfg.ld<0?x.getElementsByTagName("head")[0].appendChild(n):setTimeout(function(){x.getElementsByTagName(I)[0].parentNode.appendChild(n)},cfg.ld||0),n};T(k)}try{f.cookie=x.cookie}catch(p){}function t(e){for(;e.length;)!function(t){f[t]=function(){var e=arguments;d||f.queue.push(function(){f[t].apply(f,e)})}}(e.pop())}var r,s,n="track",o="TrackPage",c="TrackEvent",n=(t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+o,"stop"+o,"start"+c,"stop"+c,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),f.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4},(l.extensionConfig||{}).ApplicationInsightsAnalytics||{});return!0!==l[E]&&!0!==n[E]&&(t(["_"+(r="onerror")]),s=C[r],C[r]=function(e,t,n,i,a){var o=s&&s(e,t,n,i,a);return!0!==o&&f["_"+r]({message:e,url:t,lineNumber:n,columnNumber:i,error:a,evt:C.event}),o},l.autoExceptionInstrumented=!0),f}(cfg.cfg),(C[n]=i).queue&&0===i.queue.length?(i.queue.push(e),i.trackPageView({})):e();})({
-    src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js",
-    // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied
-    // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout,
-    // useXhr: 1, // Use XHR instead of fetch to report failures (if available),
-    // dle: true, // Prevent the SDK from reporting load failure log
-    crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag
-    // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DO NOT ADD anything to the sdk.queue -- As they won't get called)
-    cfg: { // Application Insights Configuration
-      connectionString: "InstrumentationKey=814a172a-92fd-4950-9023-9cf13bb65696;IngestionEndpoint=https://eastus-8.in.applicationinsights.azure.com/;LiveEndpoint=https://eastus.livediagnostics.monitor.azure.com/"
-    }
-});
-let appInsights = new Microsoft.ApplicationInsights.ApplicationInsights({ config: {connectionString: "InstrumentationKey=814a172a-92fd-4950-9023-9cf13bb65696;IngestionEndpoint=https://eastus-8.in.applicationinsights.azure.com/;LiveEndpoint=https://eastus.livediagnostics.monitor.azure.com/", disableInstrumentationKeyValidation: true}});
-      appInsights.loadAppInsights();
-      window.appInsights = appInsights;
-      appInsights.trackPageView();
-</script>
\ No newline at end of file

From 745aababbb48c9a826c7a581aed3d59893298bcb Mon Sep 17 00:00:00 2001
From: siyuniu-ms <siyuniu@microsoft.com>
Date: Thu, 11 Jan 2024 16:17:27 -0800
Subject: [PATCH 3/5] also support markdown file

---
 _includes/snippet.html                        | 13 ++++++
 package.json                                  |  3 +-
 .../injectScript.js                           | 42 ++++++++++++++++---
 3 files changed, 51 insertions(+), 7 deletions(-)
 create mode 100644 _includes/snippet.html

diff --git a/_includes/snippet.html b/_includes/snippet.html
new file mode 100644
index 000000000..a0f1598c7
--- /dev/null
+++ b/_includes/snippet.html
@@ -0,0 +1,13 @@
+<script type="text/javascript">!(function (cfg){function e(){cfg.onInit&&cfg.onInit(i)}var S,p,D,t,n,i,C=window,x=document,w=C.location,I="script",b="ingestionendpoint",E="disableExceptionTracking",A="ai.device.";"instrumentationKey"[S="toLowerCase"](),p="crossOrigin",D="POST",t="appInsightsSDK",n=cfg.name||"appInsights",(cfg.name||C[t])&&(C[t]=n),i=C[n]||function(u){var d=!1,g=!1,f={initialize:!0,queue:[],sv:"7",version:2,config:u};function m(e,t){var n={},i="Browser";function a(e){e=""+e;return 1===e.length?"0"+e:e}return n[A+"id"]=i[S](),n[A+"type"]=i,n["ai.operation.name"]=w&&w.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(f.sv||f.version),{time:(i=new Date).getUTCFullYear()+"-"+a(1+i.getUTCMonth())+"-"+a(i.getUTCDate())+"T"+a(i.getUTCHours())+":"+a(i.getUTCMinutes())+":"+a(i.getUTCSeconds())+"."+(i.getUTCMilliseconds()/1e3).toFixed(3).slice(2,5)+"Z",iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}},ver:4,seq:"1",aiDataContract:undefined}}var h=-1,v=0,y=["js.monitor.azure.com","js.cdn.applicationinsights.io","js.cdn.monitor.azure.com","js0.cdn.applicationinsights.io","js0.cdn.monitor.azure.com","js2.cdn.applicationinsights.io","js2.cdn.monitor.azure.com","az416426.vo.msecnd.net"],k=u.url||cfg.src;if(k){if((n=navigator)&&(~(n=(n.userAgent||"").toLowerCase()).indexOf("msie")||~n.indexOf("trident/"))&&~k.indexOf("ai.3")&&(k=k.replace(/(\/)(ai\.3\.)([^\d]*)$/,function(e,t,n){return t+"ai.2"+n})),!1!==cfg.cr)for(var e=0;e<y.length;e++)if(0<k.indexOf(y[e])){h=e;break}var i=function(e){var a,t,n,i,o,r,s,c,l,p;f.queue=[],g||(0<=h&&v+1<y.length?(a=(h+v+1)%y.length,T(k.replace(/^(.*\/\/)([\w\.]*)(\/.*)$/,function(e,t,n,i){return t+y[a]+i})),v+=1):(d=g=!0,s=k,!0!==cfg.dle&&(c=(t=function(){var e,t={},n=u.connectionString;if(n)for(var i=n.split(";"),a=0;a<i.length;a++){var o=i[a].split("=");2===o.length&&(t[o[0][S]()]=o[1])}return t[b]||(e=(n=t.endpointsuffix)?t.location:null,t[b]="https://"+(e?e+".":"")+"dc."+(n||"services.visualstudio.com")),t}()).instrumentationkey||u.instrumentationKey||"",t=(t=(t=t[b])&&"/"===t.slice(-1)?t.slice(0,-1):t)?t+"/v2/track":u.endpointUrl,(n=[]).push((i="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",o=s,l=t,(p=(r=m(c,"Exception")).data).baseType="ExceptionData",p.baseData.exceptions=[{typeName:"SDKLoadFailed",message:i.replace(/\./g,"-"),hasFullStack:!1,stack:i+"\nSnippet failed to load ["+o+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(w&&w.pathname||"_unknown_")+"\nEndpoint: "+l,parsedStack:[]}],r)),n.push((p=s,i=t,(l=(o=m(c,"Message")).data).baseType="MessageData",(r=l.baseData).message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+p+")").replace(/\"/g,"")+'"',r.properties={endpoint:i},o)),s=n,c=t,JSON&&((l=C.fetch)&&!cfg.useXhr?l(c,{method:D,body:JSON.stringify(s),mode:"cors"}):XMLHttpRequest&&((p=new XMLHttpRequest).open(D,c),p.setRequestHeader("Content-type","application/json"),p.send(JSON.stringify(s)))))))},a=function(e,t){g||setTimeout(function(){!t&&f.core||i()},500),d=!1},T=function(e){var n=x.createElement(I),e=(n.src=e,cfg[p]);return!e&&""!==e||"undefined"==n[p]||(n[p]=e),n.onload=a,n.onerror=i,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||a(0,t)},cfg.ld&&cfg.ld<0?x.getElementsByTagName("head")[0].appendChild(n):setTimeout(function(){x.getElementsByTagName(I)[0].parentNode.appendChild(n)},cfg.ld||0),n};T(k)}try{f.cookie=x.cookie}catch(l){}function t(e){for(;e.length;)!function(t){f[t]=function(){var e=arguments;d||f.queue.push(function(){f[t].apply(f,e)})}}(e.pop())}var r,s,n="track",o="TrackPage",c="TrackEvent",n=(t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+o,"stop"+o,"start"+c,"stop"+c,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),f.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4},(u.extensionConfig||{}).ApplicationInsightsAnalytics||{});return!0!==u[E]&&!0!==n[E]&&(t(["_"+(r="onerror")]),s=C[r],C[r]=function(e,t,n,i,a){var o=s&&s(e,t,n,i,a);return!0!==o&&f["_"+r]({message:e,url:t,lineNumber:n,columnNumber:i,error:a,evt:C.event}),o},u.autoExceptionInstrumented=!0),f}(cfg.cfg),(C[n]=i).queue&&0===i.queue.length?(i.queue.push(e),i.trackPageView({})):e();})({
+    src: "https://js.monitor.azure.com/scripts/b/ai.3.gbl.min.js",
+    // name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied
+    // ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout,
+    // useXhr: 1, // Use XHR instead of fetch to report failures (if available),
+    // dle: true, // Prevent the SDK from reporting load failure log
+    crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag
+    // onInit: null, // Once the application insights instance has loaded and initialized this callback function will be called with 1 argument -- the sdk instance (DO NOT ADD anything to the sdk.queue -- As they won't get called)
+    cfg: { // Application Insights Configuration
+        connectionString: "InstrumentationKey=814a172a-92fd-4950-9023-9cf13bb65696;IngestionEndpoint=https://eastus-8.in.applicationinsights.azure.com/;LiveEndpoint=https://eastus.livediagnostics.monitor.azure.com/"
+    }
+});
+</script>
\ No newline at end of file
diff --git a/package.json b/package.json
index 3a390b4ea..fe7242f0b 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,8 @@
         "npm-publish": "node ./tools/release-tools/npm_publish.js",
         "npm-set-latest": "node ./tools/release-tools/npm_set_latest.js",
         "gh-status": "node ./tools/status-tools/github-status.js",
-        "script-inject": "node tools/github-page-script-injection/injectScript.js"
+        "script-inject": "node tools/github-page-script-injection/injectScript.js",
+        "api-docs": "rush api-docs && npm run script-inject"
     },
     "repository": {
         "type": "git",
diff --git a/tools/github-page-script-injection/injectScript.js b/tools/github-page-script-injection/injectScript.js
index 760bb30f0..37f196a24 100644
--- a/tools/github-page-script-injection/injectScript.js
+++ b/tools/github-page-script-injection/injectScript.js
@@ -9,12 +9,13 @@ const processFolder = (folderPath) => {
     const filePath = path.join(folderPath, file);
 
     if (fs.statSync(filePath).isDirectory()) {
-      // If the current path is a directory, recursively process it
       processFolder(filePath);
     } else if (path.extname(file) === '.html') {
-      // If it's an HTML file, inject the script
       console.log(`process ${filePath}`);
       injectScript(filePath);
+    } else if (path.extname(file) === '.md') {
+      console.log(`process ${filePath}`);
+      injectHtml(filePath);
     }
   });
 };
@@ -27,13 +28,42 @@ const docsFolder = path.join(__dirname, '../../docs');
 const scriptFilePath = path.join(__dirname, '../applicationinsights-web-snippet/build/output/snippet.min.js');
 let scriptContent = fs.readFileSync(scriptFilePath, 'utf8');
 
-// Define the connection string to replace the placeholder
-const connectionString = 'InstrumentationKey=814a172a-92fd-4950-9023-9cf13bb65696;IngestionEndpoint=https://eastus-8.in.applicationinsights.azure.com/;LiveEndpoint=https://eastus.livediagnostics.monitor.azure.com/';
-
 // Replace the placeholder string with the actual connection string
+const connectionString = 'InstrumentationKey=814a172a-92fd-4950-9023-9cf13bb65696;IngestionEndpoint=https://eastus-8.in.applicationinsights.azure.com/;LiveEndpoint=https://eastus.livediagnostics.monitor.azure.com/';
 scriptContent = scriptContent.replace('YOUR_CONNECTION_STRING', connectionString);
+scriptContent = `<script type="text/javascript">${scriptContent}</script>`;
+
+// write this file into _include folder so that later github would reject it inside markdown files
+const includeFolderFile = path.join(__dirname, '../../_includes/snippet.html');
+fs.writeFileSync(includeFolderFile, scriptContent, 'utf8');
+
+// recursively process all html files under docs folder
 processFolder(docsFolder);
 
+function injectHtml(filePath) {
+  // Read the content of the Markdown file
+  const markdownContent = fs.readFileSync(filePath, 'utf8');
+
+  // Specify the injection string
+  const injectionString = `
+  <details>
+    <summary></summary>
+
+  \`\`\`html
+  {% include script.html %}
+  \`\`\`
+
+  </details>
+  `;
+
+  // Append the injection string to the end of the Markdown content
+  const updatedContent = `${markdownContent}\n\n${injectionString}`;
+
+  // Write the updated content back to the file
+  fs.writeFileSync(filePath, updatedContent, 'utf8');
+
+  console.log(`Markdown file injection completed for ${filePath}`);
+}
 
 function injectScript(filePath) {
   fs.readFile(filePath, 'utf8', (err, data) => {
@@ -51,7 +81,7 @@ function injectScript(filePath) {
       return;
     }
     // Create the modified content by inserting the script tag right before the closing head tag
-    const modifiedContent = data.replace(/(<\/head[^>]*)/i, `\n<script>${scriptContent}</script>\n$1`);
+    const modifiedContent = data.replace(/(<\/head[^>]*)/i, `\n${scriptContent}\n$1`);
     // Save the modified content back to the file
     fs.writeFile(filePath, modifiedContent, (err) => {
       if (err) {

From 792abbe85bdac2840b559e142bac43bc5a04cd90 Mon Sep 17 00:00:00 2001
From: siyuniu-ms <siyuniu@microsoft.com>
Date: Tue, 16 Jan 2024 20:58:53 -0800
Subject: [PATCH 4/5] use github action for snippet injection

---
 .github/workflows/jekyll-gh-pages.yml         | 58 +++++++++++++++++++
 package.json                                  |  3 +-
 .../injectScript.js                           | 13 +----
 3 files changed, 61 insertions(+), 13 deletions(-)
 create mode 100644 .github/workflows/jekyll-gh-pages.yml

diff --git a/.github/workflows/jekyll-gh-pages.yml b/.github/workflows/jekyll-gh-pages.yml
new file mode 100644
index 000000000..26de92e5e
--- /dev/null
+++ b/.github/workflows/jekyll-gh-pages.yml
@@ -0,0 +1,58 @@
+# Sample workflow for building and deploying a Jekyll site to GitHub Pages
+name: Deploy Jekyll with GitHub Pages dependencies preinstalled
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Build Snippet File
+        run: |
+          cd tools/applicationinsights-web-snippet
+          npm install
+          npm run build
+      - name: Inject Script
+        run:  node ./tools/github-page-script-injection/injectScript.js
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Build with Jekyll
+        uses: actions/jekyll-build-pages@v1
+        with:
+          source: ./
+          destination: ./_site
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/package.json b/package.json
index fe7242f0b..95c672b74 100644
--- a/package.json
+++ b/package.json
@@ -32,8 +32,7 @@
         "npm-publish": "node ./tools/release-tools/npm_publish.js",
         "npm-set-latest": "node ./tools/release-tools/npm_set_latest.js",
         "gh-status": "node ./tools/status-tools/github-status.js",
-        "script-inject": "node tools/github-page-script-injection/injectScript.js",
-        "api-docs": "rush api-docs && npm run script-inject"
+        "api-docs": "rush api-docs"
     },
     "repository": {
         "type": "git",
diff --git a/tools/github-page-script-injection/injectScript.js b/tools/github-page-script-injection/injectScript.js
index 37f196a24..c16d6d0ca 100644
--- a/tools/github-page-script-injection/injectScript.js
+++ b/tools/github-page-script-injection/injectScript.js
@@ -34,7 +34,7 @@ scriptContent = scriptContent.replace('YOUR_CONNECTION_STRING', connectionString
 scriptContent = `<script type="text/javascript">${scriptContent}</script>`;
 
 // write this file into _include folder so that later github would reject it inside markdown files
-const includeFolderFile = path.join(__dirname, '../../_includes/snippet.html');
+const includeFolderFile = path.join(__dirname, '../../_includes/script.html');
 fs.writeFileSync(includeFolderFile, scriptContent, 'utf8');
 
 // recursively process all html files under docs folder
@@ -45,16 +45,7 @@ function injectHtml(filePath) {
   const markdownContent = fs.readFileSync(filePath, 'utf8');
 
   // Specify the injection string
-  const injectionString = `
-  <details>
-    <summary></summary>
-
-  \`\`\`html
-  {% include script.html %}
-  \`\`\`
-
-  </details>
-  `;
+  const injectionString = `{% include script.html %}`;
 
   // Append the injection string to the end of the Markdown content
   const updatedContent = `${markdownContent}\n\n${injectionString}`;

From 579d98c83cdbb7d1fe6eacb8037af3d4943883bb Mon Sep 17 00:00:00 2001
From: siyuniu-ms <siyuniu@microsoft.com>
Date: Wed, 17 Jan 2024 13:39:15 -0800
Subject: [PATCH 5/5] add rush update

---
 .github/workflows/jekyll-gh-pages.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/jekyll-gh-pages.yml b/.github/workflows/jekyll-gh-pages.yml
index 26de92e5e..3fa261f51 100644
--- a/.github/workflows/jekyll-gh-pages.yml
+++ b/.github/workflows/jekyll-gh-pages.yml
@@ -31,6 +31,7 @@ jobs:
       - name: Build Snippet File
         run: |
           cd tools/applicationinsights-web-snippet
+          rush update
           npm install
           npm run build
       - name: Inject Script