@sveltia/ui 0.65.2 → 0.65.3

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.2";
+export const UI_VERSION: "0.65.3";
 /**
  * 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.2";
+export const UI_VERSION = "0.65.3";
 
 /**
  * Available syntax highlighting languages, sorted by display name.

package/dist/typedefs.d.ts

@@ -766,22 +766,18 @@ export type TextEditorConfig = {
      */
     defaultLanguage?: string | undefined;
 };
-/**
- * Raw emoji data as published by `emojilib`, keyed by emoji character. Each value lists the
- * canonical name followed by any keywords.
- */
-export type EmojiData = Record<string, string[]>;
 export type EmojiEntry = {
     /**
      * Emoji character, e.g. `🎉`.
      */
     emoji: string;
     /**
-     * Canonical name used as the shortcode, e.g. `party_popper`.
+     * Canonical shortcode, e.g. `tada`.
      */
     name: string;
     /**
-     * Lower-cased alternative keywords, e.g. `party`, `tada`.
+     * Lower-cased alternative shortcodes and keywords, e.g. `party`,
+     * `popper`.
      */
     aliases: string[];
 };

package/dist/typedefs.js

@@ -319,17 +319,12 @@
  * @property {string} [defaultLanguage] Default language for the code editor.
  */
 
-/**
- * Raw emoji data as published by `emojilib`, keyed by emoji character. Each value lists the
- * canonical name followed by any keywords.
- * @typedef {Record<string, string[]>} EmojiData
- */
-
 /**
  * @typedef {object} EmojiEntry
  * @property {string} emoji Emoji character, e.g. `🎉`.
- * @property {string} name Canonical name used as the shortcode, e.g. `party_popper`.
- * @property {string[]} aliases Lower-cased alternative keywords, e.g. `party`, `tada`.
+ * @property {string} name Canonical shortcode, e.g. `tada`.
+ * @property {string[]} aliases Lower-cased alternative shortcodes and keywords, e.g. `party`,
+ * `popper`.
  */
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.65.2",
+  "version": "0.65.3",
   "description": "A collection of Svelte components and utilities for building user interfaces.",
   "repository": {
     "type": "git",
@@ -48,7 +48,6 @@
     "@lexical/utils": "^0.49.0",
     "@sveltia/i18n": "^1.2.3",
     "@sveltia/utils": "^0.12.1",
-    "emojilib": "^4.0.3",
     "lexical": "^0.49.0"
   },
   "devDependencies": {
@@ -106,6 +105,7 @@
     "check:svelte": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
     "dev": "vite dev",
     "format": "prettier --write .",
+    "generate:emoji": "node scripts/generate-emoji-data.js",
     "generate:shiki": "node scripts/generate-shiki-metadata.js",
     "preview": "vite preview",
     "test": "vitest run",

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

@@ -1,3 +0,0 @@
-export function getCachedEmojiData(): Promise<EmojiData | undefined>;
-export function cacheEmojiData(data: EmojiData): Promise<void>;
-import type { EmojiData } from '../../typedefs';

package/dist/components/emoji/cache.js

@@ -1,96 +0,0 @@
-import { IndexedDB } from '@sveltia/utils/storage';
-import { EMOJILIB_VERSION } from './loader.js';
-
-/**
- * @import { EmojiData } from '../../typedefs';
- */
-
-/**
- * Client-side cache for the emoji data.
- *
- * The data is a few hundred kilobytes fetched from a CDN, and it never changes for a given version,
- * so it’s worth keeping locally rather than going back to the network on every page load. IndexedDB
- * is used rather than local storage because the payload is large enough to matter against the local
- * storage quota, and because writing it there would block the main thread.
- */
-
-const DATABASE_NAME = 'sveltia-ui';
-const STORE_NAME = 'emoji';
-/** Key of the sole entry, scoped to the version the data came from. */
-const KEY = `${EMOJILIB_VERSION}/data`;
-/** @type {IndexedDB | undefined | null} `null` once the store is known to be unusable. */
-let database;
-/** @type {Promise<void> | undefined} */
-let purgePromise;
-
-/**
- * Get the store, or `null` when IndexedDB is unavailable, as in a server-side render or with
- * storage blocked.
- * @returns {IndexedDB | null} Store.
- */
-const getDatabase = () => {
-  if (database === undefined) {
-    database = typeof indexedDB === 'undefined' ? null : new IndexedDB(DATABASE_NAME, STORE_NAME);
-  }
-
-  return database;
-};
-
-/**
- * Drop anything cached for a different version, once per session. A version bump changes the key,
- * so the old payload would otherwise linger forever.
- * @param {IndexedDB} db Store.
- * @returns {Promise<void>} Nothing.
- */
-const purgeStaleVersions = async (db) => {
-  purgePromise ??= (async () => {
-    const stale = (await db.keys()).filter((key) => key !== KEY);
-
-    if (stale.length) {
-      await db.deleteEntries(stale);
-    }
-  })();
-
-  return purgePromise;
-};
-
-/**
- * Read the cached emoji data.
- * @returns {Promise<EmojiData | undefined>} Cached data, or `undefined` when not cached or
- * unreadable.
- */
-export const getCachedEmojiData = async () => {
-  const db = getDatabase();
-
-  if (!db) {
-    return undefined;
-  }
-
-  try {
-    await purgeStaleVersions(db);
-
-    return await db.get(KEY);
-  } catch {
-    // A failed cache read just means fetching again
-    return undefined;
-  }
-};
-
-/**
- * Store the emoji data.
- * @param {EmojiData} data Emoji data.
- * @returns {Promise<void>} Nothing.
- */
-export const cacheEmojiData = async (data) => {
-  const db = getDatabase();
-
-  if (!db) {
-    return;
-  }
-
-  try {
-    await db.set(KEY, data);
-  } catch {
-    // Out of quota or storage blocked: not worth failing over, the data is already in hand
-  }
-};

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

@@ -1,17 +0,0 @@
-/**
- * @import { EmojiData } from '../../typedefs';
- */
-/**
- * Version of `emojilib` the data is fetched from, which also scopes the cache so a bump invalidates
- * it.
- *
- * This is written out rather than read from `emojilib/package.json`, because this package ships
- * unbundled: a consumer’s test runner may well load these modules through Node, where a JSON import
- * needs an import attribute and exposes no named exports, and not every bundler understands the
- * attribute either. A test keeps this in step with the installed version.
- */
-export const EMOJILIB_VERSION: "4.0.3";
-export function getEmojiDataURL(): string;
-export function setEmojiDataLoader(newLoader: () => Promise<EmojiData>): void;
-export function getEmojiDataLoader(): () => Promise<EmojiData>;
-import type { EmojiData } from '../../typedefs';

package/dist/components/emoji/loader.js

@@ -1,78 +0,0 @@
-/**
- * @import { EmojiData } from '../../typedefs';
- */
-
-/**
- * Version of `emojilib` the data is fetched from, which also scopes the cache so a bump invalidates
- * it.
- *
- * This is written out rather than read from `emojilib/package.json`, because this package ships
- * unbundled: a consumer’s test runner may well load these modules through Node, where a JSON import
- * needs an import attribute and exposes no named exports, and not every bundler understands the
- * attribute either. A test keeps this in step with the installed version.
- */
-export const EMOJILIB_VERSION = '4.0.3';
-
-const CDN_BASE_URL = 'https://unpkg.com/emojilib';
-/**
- * How long to wait for the emoji data, in milliseconds. The suggestions are a convenience, so a
- * slow or unreachable CDN should never leave a request hanging around.
- */
-const FETCH_TIMEOUT = 5000;
-
-/**
- * Get the URL of the emoji data.
- *
- * The data is fetched rather than bundled because it’s a few hundred kilobytes that most sessions
- * never need, and a single-file bundle — our main consumer, Sveltia CMS — would otherwise inline it
- * wholesale. The URL is pinned to {@link EMOJILIB_VERSION}, so the data always matches the package
- * this was developed against.
- * @returns {string} URL.
- */
-export const getEmojiDataURL = () => `${CDN_BASE_URL}@${EMOJILIB_VERSION}/dist/emoji-en-US.json`;
-
-/**
- * Fetch the emoji data from the CDN.
- * @returns {Promise<EmojiData>} Emoji data, keyed by emoji character.
- * @throws {Error} When the request fails, times out or returns a non-OK response.
- */
-const loadEmojiData = async () => {
-  const response = await fetch(getEmojiDataURL(), {
-    signal: AbortSignal.timeout(FETCH_TIMEOUT),
-  });
-
-  if (!response.ok) {
-    throw new Error(`Failed to load emoji data: ${response.status}`);
-  }
-
-  return response.json();
-};
-
-/**
- * Loader in effect.
- * @type {() => Promise<EmojiData>}
- */
-let loader = loadEmojiData;
-
-/**
- * Override how the emoji suggestions obtain their data.
- *
- * By default the data is fetched from a CDN and cached locally, which keeps it out of the
- * consumer’s bundle. Consumers who would rather bundle it, self-host it, or run without any
- * outbound requests at all can replace the loader.
- *
- * ```js
- * setEmojiDataLoader(async () => (await import('emojilib')).default);
- * ```
- * @param {() => Promise<EmojiData>} newLoader Loader returning the emoji data, keyed by emoji
- * character, with each value listing the name followed by any keywords.
- */
-export const setEmojiDataLoader = (newLoader) => {
-  loader = newLoader;
-};
-
-/**
- * Get the loader currently in effect.
- * @returns {() => Promise<EmojiData>} Active loader.
- */
-export const getEmojiDataLoader = () => loader;