@sveltia/ui 0.65.3 → 0.65.4

package/dist/components/emoji/emoji-suggestions.svelte

@@ -12,7 +12,7 @@
 <script>
   import { _ } from '@sveltia/i18n';
   import { onMount } from 'svelte';
-  import { loadEmojiList, searchEmojis } from './emoji.js';
+  import { searchEmojis } from './emoji.js';
 
   /**
    * @import { EmojiAnchorRect, EmojiEntry, EmojiTrigger } from '../../typedefs';
@@ -84,12 +84,6 @@
    * @type {HTMLElement | undefined}
    */
   let listElement = $state();
-  /**
-   * Monotonically increasing counter used to discard the result of a search that has been
-   * superseded while the emoji list was being loaded.
-   * @type {number}
-   */
-  let searchGeneration = 0;
   /**
    * Identifier of the shortcode the user has dismissed with the Escape key, so the suggestions
    * don’t come back while they keep typing it.
@@ -167,14 +161,13 @@
     candidates = [];
     selectedIndex = 0;
     anchorRect = undefined;
-    searchGeneration += 1;
   };
 
   /**
    * Feed the shortcode being typed into the list, or nothing to close it.
    * @param {EmojiTrigger} [newTrigger] Shortcode state.
    */
-  export const update = async (newTrigger) => {
+  export const update = (newTrigger) => {
     if (!newTrigger) {
       if (trigger || dismissedShortcodeId) {
         close();
@@ -202,17 +195,6 @@
     }
 
     trigger = newTrigger;
-    searchGeneration += 1;
-
-    const generation = searchGeneration;
-
-    await loadEmojiList();
-
-    // Bail out if the user has kept typing in the meantime
-    if (generation !== searchGeneration) {
-      return;
-    }
-
     candidates = searchEmojis(query);
     selectedIndex = 0;
   };
@@ -359,11 +341,6 @@
   });
 
   onMount(() => {
-    // Warm the data up front, so the first shortcode the user types shows suggestions straight away
-    // rather than waiting on the network. The loader memoizes, so this costs one request per page
-    // however many fields are on it, and nothing at all once it’s cached.
-    loadEmojiList();
-
     /**
      * Follow the caret when the page or an ancestor is scrolled or the window is resized.
      */

package/dist/components/emoji/emoji-suggestions.svelte.d.ts

@@ -5,7 +5,7 @@ type EmojiSuggestions = {
 } & {
     isOpen: () => boolean;
     close: (dismissed?: boolean | undefined) => void;
-    update: (newTrigger?: EmojiTrigger | undefined) => Promise<void>;
+    update: (newTrigger?: EmojiTrigger | undefined) => void;
     moveSelection: (delta: number) => void;
     selectHighlighted: () => void;
     handleKeyDown: (event: KeyboardEvent) => boolean;
@@ -39,7 +39,7 @@ declare const EmojiSuggestions: import("svelte").Component<{
 }, {
     isOpen: () => boolean;
     close: (dismissed?: boolean | undefined) => void;
-    update: (newTrigger?: EmojiTrigger | undefined) => Promise<void>;
+    update: (newTrigger?: EmojiTrigger | undefined) => void;
     moveSelection: (delta: number) => void;
     selectHighlighted: () => void;
     handleKeyDown: (event: KeyboardEvent) => boolean;

package/dist/components/emoji/emoji.d.ts

@@ -16,7 +16,6 @@ export const EMOJI_TRIGGER_REGEX: RegExp;
  */
 export const MAX_EMOJI_SUGGESTIONS: 50;
 export function parseEmojiData(data: string): EmojiEntry[];
-export function loadEmojiList(): Promise<EmojiEntry[]>;
 /**
  * Rank given when there is no match at all. Higher than any real rank, so an unmatched emoji sorts
  * last and the ranks can still be compared arithmetically.

package/dist/components/emoji/emoji.js

@@ -1,3 +1,5 @@
+import { EMOJI_DATA } from './generated.js';
+
 /**
  * @import { EmojiEntry } from '../../typedefs';
  */
@@ -24,15 +26,11 @@ export const MAX_EMOJI_SUGGESTIONS = 50;
  */
 const WORD_SEPARATOR_REGEX = /[-_]/;
 /**
- * Cached emoji list. This is `undefined` until {@link loadEmojiList} resolves for the first time.
+ * Emoji list, parsed out of the data the first time it’s searched. This is `undefined` until then,
+ * so a page that never sees a shortcode never pays for it.
  * @type {EmojiEntry[] | undefined}
  */
 let emojiList;
-/**
- * In-flight or completed loader for {@link emojiList}, so the data is only parsed once.
- * @type {Promise<EmojiEntry[]> | undefined}
- */
-let loader;
 
 /**
  * Convert the generated emoji data into a searchable list.
@@ -54,34 +52,6 @@ export const parseEmojiData = (data) =>
     };
   });
 
-/**
- * Load the emoji list.
- *
- * The data is imported on demand rather than up front, so a bundler that can split it out keeps it
- * out of the initial payload — most sessions never type a shortcode. A failure here is not worth
- * surfacing: no suggestions are ever shown, and the shortcode the user typed stays as plain text.
- * @returns {Promise<EmojiEntry[]>} Emoji list, or an empty list if the data can’t be obtained.
- */
-export const loadEmojiList = async () => {
-  loader ??= (async () => {
-    try {
-      const { EMOJI_DATA } = await import('./generated.js');
-
-      emojiList = parseEmojiData(EMOJI_DATA);
-    } catch (ex) {
-      // Allow a later attempt to retry, so a transient chunk load failure isn’t permanent
-      loader = undefined;
-      emojiList = [];
-      // eslint-disable-next-line no-console
-      console.error(ex);
-    }
-
-    return /** @type {EmojiEntry[]} */ (emojiList);
-  })();
-
-  return loader;
-};
-
 /**
  * Rank given when there is no match at all. Higher than any real rank, so an unmatched emoji sorts
  * last and the ranks can still be compared arithmetically.
@@ -194,8 +164,7 @@ const getMatchCentrality = ({ name, aliases }, query) => {
 };
 
 /**
- * Search the loaded emoji list for the given query. This returns an empty list unless
- * {@link loadEmojiList} has been resolved beforehand.
+ * Search the emoji list for the given query.
  * @param {string} query Search query without the leading colon, e.g. `smi`.
  * @returns {EmojiEntry[]} Matching emojis, best match first, capped at
  * {@link MAX_EMOJI_SUGGESTIONS}.
@@ -203,10 +172,12 @@ const getMatchCentrality = ({ name, aliases }, query) => {
 export const searchEmojis = (query) => {
   const normalizedQuery = query.toLowerCase();
 
-  if (!emojiList || !normalizedQuery) {
+  if (!normalizedQuery) {
     return [];
   }
 
+  emojiList ??= parseEmojiData(EMOJI_DATA);
+
   return (
     emojiList
       .map((entry) => {

package/dist/components/text-editor/shiki/generated.d.ts

@@ -7,7 +7,7 @@ export const SHIKI_VERSION: "4.4.3";
 /**
  * Version of this package, used to resolve the prebuilt Shiki engine chunk from a CDN.
  */
-export const UI_VERSION: "0.65.3";
+export const UI_VERSION: "0.65.4";
 /**
  * Available syntax highlighting languages, sorted by display name.
  * @type {{ id: string, name: string, aliases?: string[] }[]}

package/dist/components/text-editor/shiki/generated.js

@@ -10,7 +10,7 @@ export const SHIKI_VERSION = "4.4.3";
 /**
  * Version of this package, used to resolve the prebuilt Shiki engine chunk from a CDN.
  */
-export const UI_VERSION = "0.65.3";
+export const UI_VERSION = "0.65.4";
 
 /**
  * Available syntax highlighting languages, sorted by display name.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.65.3",
+  "version": "0.65.4",
   "description": "A collection of Svelte components and utilities for building user interfaces.",
   "repository": {
     "type": "git",