matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix: bundle emoji-picker data locally for Capacitor Android

Browse source 
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>
This commit is contained in:
Jon Staab 2026-04-28 14:15:12 -07:00
parent 32c1501e9c
commit c5be477855
3 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -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",

BIN
pnpm-lock.yaml
View file

Binary file not shown.

3
src/lib/components/EmojiPicker.svelte
View file

@ -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>