Add requestStorageAccess routine to support iframe cookies in Safari

plausible · Jul 23, 2024 · e7422f9 · e7422f9
1 parent 99c8a01
commit e7422f9
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/extra/lib/plausible_web/views/help_scout_view.ex b/extra/lib/plausible_web/views/help_scout_view.ex
@@ -163,6 +163,21 @@ defmodule PlausibleWeb.HelpScoutView do
 
             const appContainer = document.getElementById("content")
 
+            window.addEventListener('load', async () => {
+              const hasStorageAccess = await document.hasStorageAccess()
+              if (!hasStorageAccess) {
+                const button = document.createElement('button')
+                button.innerHTML = 'Grant cookie access'
+                button.onclick = async (e) => {
+                  await document.requestStorageAccess()
+                  e.target.remove()
+                }
+                const paragraph = document.createElement('p')
+                paragraph.append(button)
+                appContainer.prepend(paragraph)
+              }
+            })
+
             async function loadContent(uri) {
               const response = await fetch(uri)
               const html = await response.text()