From c5be4778553a2963ab7fd2b1cf1de3a0f83841be Mon Sep 17 00:00:00 2001
From: Jon Staab <jstaab@protonmail.com>
Date: Tue, 28 Apr 2026 14:15:12 -0700
Subject: [PATCH] fix: bundle emoji-picker data locally for Capacitor Android

The emoji grid wasn't rendering on Android because emoji-picker-element
defaults to fetching its data.json from jsdelivr, and CapacitorHttp's
patched fetch breaks the library's ETag-based revalidation flow. Bundle
emoji-picker-element-data via Vite's ?url import so the JSON ships as a
same-origin asset.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 package.json                          | 1 +
 pnpm-lock.yaml                        | 8 ++++++++
 src/lib/components/EmojiPicker.svelte | 3 ++-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3a433de1..6bd45e94 100644
--- a/package.json
+++ b/package.json
@@ -85,6 +85,7 @@
     "date-picker-svelte": "^2.17.0",
     "dotenv": "^16.6.1",
     "emoji-picker-element": "^1.28.1",
+    "emoji-picker-element-data": "^1.8.0",
     "fuse.js": "^7.1.0",
     "husky": "^9.1.7",
     "idb": "^8.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e02625b7..e98a9f53 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -137,6 +137,9 @@ importers:
       emoji-picker-element:
         specifier: ^1.28.1
         version: 1.28.1
+      emoji-picker-element-data:
+        specifier: ^1.8.0
+        version: 1.8.0
       fuse.js:
         specifier: ^7.1.0
         version: 7.1.0
@@ -2824,6 +2827,9 @@ packages:
     resolution: {integrity: sha512-wkgGT6kugeQk/P6VZ/f4T+4HB41BVgNBq5CDIZVbQ02nvTVqAiVTbskxxu3eA/X96lMlfYOwnLQpN2v5E1zDEg==}
     engines: {node: '>= 0.4.0'}
 
+  emoji-picker-element-data@1.8.0:
+    resolution: {integrity: sha512-VfRuRJNEDLS1JKlNS4olaqhjX5S1nnZ+ZHG73b/dV8QeZyi0yPruTPEE72EmF6XO3k/9hj3lybMIYMOYXb/57A==}
+
   emoji-picker-element@1.28.1:
     resolution: {integrity: sha512-8c64IPish2PWoV9oYCo2pvuPHwIv+uK9bO0dfpPyMupDAvaWL9ZvYhWNTAR+2sx7BhfRjciImqP6CIUgNX+DMg==}
 
@@ -8028,6 +8034,8 @@ snapshots:
     dependencies:
       sax: 1.1.4
 
+  emoji-picker-element-data@1.8.0: {}
+
   emoji-picker-element@1.28.1: {}
 
   emoji-regex@8.0.0: {}
diff --git a/src/lib/components/EmojiPicker.svelte b/src/lib/components/EmojiPicker.svelte
index 922bec6c..dabccb7c 100644
--- a/src/lib/components/EmojiPicker.svelte
+++ b/src/lib/components/EmojiPicker.svelte
@@ -10,6 +10,7 @@
 
 <script lang="ts">
   import "emoji-picker-element"
+  import emojiDataUrl from "emoji-picker-element-data/en/emojibase/data.json?url"
   import type {Emoji} from "emoji-picker-element/shared"
   import {onMount} from "svelte"
 
@@ -26,4 +27,4 @@
   })
 </script>
 
-<emoji-picker bind:this={element} class="m-auto"></emoji-picker>
+<emoji-picker bind:this={element} data-source={emojiDataUrl} class="m-auto"></emoji-picker>