From 99915072975934817a2ab6830e74dce631cd580c Mon Sep 17 00:00:00 2001
From: Kenneth SOARES <kensoares@gmail.com>
Date: Wed, 5 Mar 2025 19:59:28 +0100
Subject: [PATCH 1/4] made country flags apply to windows in chrome browsers

---
 core/static/bundled/polyfill-index.ts | 5 +++++
 core/static/core/header.scss          | 1 +
 core/templates/core/base.jinja        | 1 +
 package-lock.json                     | 6 ++++++
 package.json                          | 5 ++++-
 5 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 core/static/bundled/polyfill-index.ts

diff --git a/core/static/bundled/polyfill-index.ts b/core/static/bundled/polyfill-index.ts
new file mode 100644
index 00000000..96871309
--- /dev/null
+++ b/core/static/bundled/polyfill-index.ts
@@ -0,0 +1,5 @@
+import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill";
+
+window.addEventListener("DOMContentLoaded", () => {
+  polyfillCountryFlagEmojis();
+});
diff --git a/core/static/core/header.scss b/core/static/core/header.scss
index fd2cae8c..7cac3a3e 100644
--- a/core/static/core/header.scss
+++ b/core/static/core/header.scss
@@ -106,6 +106,7 @@ $hovered-red-text-color: #ff4d4d;
         color: $text-color;
         font-weight: normal;
         line-height: 1.3em;
+        font-family: "Twemoji Country Flags", sans-serif;
 
         &:hover {
           background-color: $background-color-hovered;
diff --git a/core/templates/core/base.jinja b/core/templates/core/base.jinja
index ef184fbf..01f75d12 100644
--- a/core/templates/core/base.jinja
+++ b/core/templates/core/base.jinja
@@ -23,6 +23,7 @@
       <script type="module" src={{ static("bundled/core/components/include-index.ts") }}></script>
       <script type="module" src="{{ static('bundled/alpine-index.js') }}"></script>
       <script type="module" src="{{ static('bundled/htmx-index.js') }}"></script>
+      <script type="module" src="{{ static('bundled/polyfill-index.ts') }}"></script>
 
       <!-- Jquery declared here to be accessible in every django widgets -->
       <script src="{{ static('bundled/vendored/jquery.min.js') }}"></script>
diff --git a/package-lock.json b/package-lock.json
index 012e48e7..f4d6a23c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,7 @@
         "3d-force-graph": "^1.73.4",
         "alpinejs": "^3.14.7",
         "chart.js": "^4.4.4",
+        "country-flag-emoji-polyfill": "^0.1.8",
         "cytoscape": "^3.30.2",
         "cytoscape-cxtmenu": "^3.5.0",
         "cytoscape-klay": "^3.1.4",
@@ -3378,6 +3379,11 @@
         "url": "https://opencollective.com/core-js"
       }
     },
+    "node_modules/country-flag-emoji-polyfill": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/country-flag-emoji-polyfill/-/country-flag-emoji-polyfill-0.1.8.tgz",
+      "integrity": "sha512-Mbah52sADS3gshUYhK5142gtUuJpHYOXlXtLFI3Ly4RqgkmPMvhX9kMZSTqDM8P7UqtSW99eHKFphhQSGXA3Cg=="
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
diff --git a/package.json b/package.json
index 93494819..5cd4c931 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,9 @@
   "keywords": [],
   "author": "",
   "license": "GPL-3.0-only",
-  "sideEffects": [".css"],
+  "sideEffects": [
+    ".css"
+  ],
   "imports": {
     "#openapi": "./staticfiles/generated/openapi/index.ts",
     "#core:*": "./core/static/bundled/*",
@@ -48,6 +50,7 @@
     "3d-force-graph": "^1.73.4",
     "alpinejs": "^3.14.7",
     "chart.js": "^4.4.4",
+    "country-flag-emoji-polyfill": "^0.1.8",
     "cytoscape": "^3.30.2",
     "cytoscape-cxtmenu": "^3.5.0",
     "cytoscape-klay": "^3.1.4",

From bf0779a096a6e5722b4ad52f34e71ff4440fed45 Mon Sep 17 00:00:00 2001
From: Kenneth SOARES <kensoares@gmail.com>
Date: Wed, 5 Mar 2025 20:04:20 +0100
Subject: [PATCH 2/4] fix formatting

---
 package.json | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 5cd4c931..ccac56fc 100644
--- a/package.json
+++ b/package.json
@@ -14,9 +14,7 @@
   "keywords": [],
   "author": "",
   "license": "GPL-3.0-only",
-  "sideEffects": [
-    ".css"
-  ],
+  "sideEffects": [".css"],
   "imports": {
     "#openapi": "./staticfiles/generated/openapi/index.ts",
     "#core:*": "./core/static/bundled/*",

From bff6513192a52de8eadb6f76a1efb373d0eff967 Mon Sep 17 00:00:00 2001
From: Kenneth SOARES <kensoares@gmail.com>
Date: Wed, 5 Mar 2025 20:13:20 +0100
Subject: [PATCH 3/4] renamed polyfill-index.ts to country-flags-index.ts

---
 .../bundled/{polyfill-index.ts => country-flags-index.ts}       | 0
 core/templates/core/base.jinja                                  | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename core/static/bundled/{polyfill-index.ts => country-flags-index.ts} (100%)

diff --git a/core/static/bundled/polyfill-index.ts b/core/static/bundled/country-flags-index.ts
similarity index 100%
rename from core/static/bundled/polyfill-index.ts
rename to core/static/bundled/country-flags-index.ts
diff --git a/core/templates/core/base.jinja b/core/templates/core/base.jinja
index 01f75d12..6ee285b2 100644
--- a/core/templates/core/base.jinja
+++ b/core/templates/core/base.jinja
@@ -23,7 +23,7 @@
       <script type="module" src={{ static("bundled/core/components/include-index.ts") }}></script>
       <script type="module" src="{{ static('bundled/alpine-index.js') }}"></script>
       <script type="module" src="{{ static('bundled/htmx-index.js') }}"></script>
-      <script type="module" src="{{ static('bundled/polyfill-index.ts') }}"></script>
+      <script type="module" src="{{ static('bundled/country-flags-index.ts') }}"></script>
 
       <!-- Jquery declared here to be accessible in every django widgets -->
       <script src="{{ static('bundled/vendored/jquery.min.js') }}"></script>

From 62246f342d225af58fcd83f0f85e1a3777b447ae Mon Sep 17 00:00:00 2001
From: Kenneth SOARES <kensoares@gmail.com>
Date: Wed, 5 Mar 2025 20:19:11 +0100
Subject: [PATCH 4/4] removed unnecessary event listener

---
 core/static/bundled/country-flags-index.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/core/static/bundled/country-flags-index.ts b/core/static/bundled/country-flags-index.ts
index 96871309..1dc005c3 100644
--- a/core/static/bundled/country-flags-index.ts
+++ b/core/static/bundled/country-flags-index.ts
@@ -1,5 +1,3 @@
 import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill";
 
-window.addEventListener("DOMContentLoaded", () => {
-  polyfillCountryFlagEmojis();
-});
+polyfillCountryFlagEmojis();