From c4fc3146b7da639a4a0b0c4e65d906c6b8e6f5d4 Mon Sep 17 00:00:00 2001
From: sua yoo <sua@suayoo.com>
Date: Wed, 4 Jan 2023 15:09:57 -0800
Subject: [PATCH] Fix app not loading on older Safari <15.4 (#436)

---
 frontend/package.json | 1 +
 frontend/src/index.ts | 1 +
 frontend/yarn.lock    | 5 +++++
 3 files changed, 7 insertions(+)

diff --git a/frontend/package.json b/frontend/package.json
index 531c17c9..9e4f2050 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,6 +11,7 @@
     "@shoelace-style/shoelace": "2.0.0-beta.85",
     "@xstate/fsm": "^1.6.2",
     "axios": "^0.22.0",
+    "broadcastchannel-polyfill": "^1.0.1",
     "color": "^4.0.1",
     "fuse.js": "^6.5.3",
     "immutable": "^4.1.0",
diff --git a/frontend/src/index.ts b/frontend/src/index.ts
index ad490afb..a32750ea 100644
--- a/frontend/src/index.ts
+++ b/frontend/src/index.ts
@@ -4,6 +4,7 @@ import { property, state, query } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import { msg, localized } from "@lit/localize";
 import type { SlDialog } from "@shoelace-style/shoelace";
+import "broadcastchannel-polyfill";
 import "tailwindcss/tailwind.css";
 
 import type { ArchiveTab } from "./pages/archive";
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 266fe059..e1059b0d 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1443,6 +1443,11 @@ braces@^3.0.1, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
+broadcastchannel-polyfill@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/broadcastchannel-polyfill/-/broadcastchannel-polyfill-1.0.1.tgz#7596b3d78526b3919e76562aff00cd1278a205ea"
+  integrity sha512-iooPAN913j4xfrIu5o+mDaks9UUDOBfgjn8SsuzysfXr/X+f8m9y5t8c5rAbW6P0LdUXBJx33zwN4Cs6b9BGRw==
+
 browserslist@^4.14.5:
   version "4.17.2"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.17.2.tgz#aa15dbd2fab399a399fe4df601bb09363c5458a6"