cookie banner implementation for docsite (#30)

* cookie banner implementation for docsite * version check update --------- Co-authored-by: Alonso Guevara <[email protected]>
microsoft · Apr 3, 2024 · a4bd4a2 · a4bd4a2
1 parent 77f9dba
commit a4bd4a2
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 1 deletion.
diff --git a/.yarn/versions/9d5536f9.yml b/.yarn/versions/9d5536f9.yml
@@ -0,0 +1,2 @@
+releases:
+  "@graphrag/docsite": minor
diff --git a/javascript/docsite/_includes/page.css b/javascript/docsite/_includes/page.css
@@ -21,7 +21,7 @@ body{
 
 header {
     background-color: lightgrey;
-    height: 40px;
+    height: 2%;
     padding: 10px;
 }
 

diff --git a/javascript/docsite/_includes/page.njk b/javascript/docsite/_includes/page.njk
@@ -19,9 +19,33 @@ title: GraphRAG
     <link href="https://unpkg.com/[email protected]/themes/prism-okaidia.css" rel="stylesheet">
     <style>{{ css | safe }}</style>
     {% mermaid_js %}
+
+    {% block js %}
+    <script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js" type="text/javascript"></script>
+    <script>
+        function onConsentChanged(categoryPreferences) {
+            console.log("onConsentChanged", categoryPreferences);        
+        }
+
+        function initialize(){
+          var siteConsent
+          window.WcpConsent && WcpConsent.init("en-US", "cookie-banner", function (err, _siteConsent) {
+              if (!err) {
+                  console.log("consentUpdated", _siteConsent)
+                  siteConsent = _siteConsent;  //siteConsent is used to get the current consent  
+              } else {
+                  console.log("Error initializing WcpConsent: "+ err);
+              }
+          }, onConsentChanged, WcpConsent.themes.light);
+        }
+
+        addEventListener("DOMContentLoaded", initialize)
+    </script>
+    {% endblock %}
   </head>
   <body>
     <header>
+        <div id="cookie-banner"></div>
         <a href="/"><span class="logotitle">GraphRAG</span></a>
     </header>
     <div class="page-content">