@parhelia/core 0.4.12825 → 0.4.12872

package/dist/components/emoji/emojiData.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiData.generated.js","sourceRoot":"","sources":["../../../src/components/emoji/emojiData.generated.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,yEAAyE;AACzE,2EAA2E;AAC3E,4DAA4D;AAC5D,oBAAoB;AAEpB,MAAM,CAAC,MAAM,iBAAiB,GAAG,wCAAwC,CAAC;AAE1E,kBAAkB;AAClB,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA60DzB,CAAC"}

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

@@ -0,0 +1,46 @@
+export interface EmojiEntry {
+    emoji: string;
+    /** CLDR name, e.g. "thumbs up". */
+    label: string;
+    /** The `:shortcode:` the autocomplete offers, e.g. "+1". */
+    shortcode: string;
+    /** Other shortcodes and CLDR keywords, lower case. */
+    keywords: string[];
+    /** emojibase group id; see `EMOJI_GROUPS`. */
+    group: number;
+    /** The five skin-tone variants, light to dark, when Twemoji has them all. */
+    skins: string[];
+}
+export interface EmojiGroup {
+    id: number;
+    label: string;
+}
+export declare const EMOJI_GROUPS: EmojiGroup[];
+/** Parses the table written by `scripts/generate-emoji-data.mjs`. */
+export declare function parseEmojiData(data: string): EmojiEntry[];
+/** The emoji table, loaded on first use so it stays out of the main bundle. */
+export declare function loadEmojiIndex(): Promise<EmojiEntry[]>;
+export declare function getLoadedEmojiIndex(): EmojiEntry[] | null;
+export declare function useEmojiIndex(): EmojiEntry[] | null;
+/** Ranks emoji for a search box or `:shortcode:` query; empty query → none. */
+export declare function searchEmoji(entries: EmojiEntry[], query: string, limit?: number): EmojiEntry[];
+export interface ActiveEmojiShortcode {
+    /** Index of the opening colon. */
+    start: number;
+    /** The caret position the query runs up to. */
+    end: number;
+    query: string;
+}
+/**
+ * The `:query` under the caret, when the colon starts a word: `:thu|` yields
+ * "thu"; `10:30` and `http://` do not count, and neither does a query shorter
+ * than two characters (so `:D` and `:)` stay emoticons).
+ */
+export declare function getActiveEmojiShortcode(text: string, selectionStart: number | null): ActiveEmojiShortcode | null;
+export declare const SKIN_TONE_LABELS: string[];
+/** `tone` 0 is the yellow default; 1–5 pick a variant when the emoji has one. */
+export declare function withSkinTone(entry: EmojiEntry, tone: number): string;
+export declare function getRecentEmoji(): string[];
+export declare function rememberRecentEmoji(emoji: string): string[];
+export declare function getSkinTonePreference(): number;
+export declare function setSkinTonePreference(tone: number): void;

package/dist/components/emoji/emojiIndex.js

@@ -0,0 +1,173 @@
+import React from "react";
+import { localStorageService } from "../../editor/services/localStorageService";
+export const EMOJI_GROUPS = [
+    { id: 0, label: "Smileys & Emotion" },
+    { id: 1, label: "People & Body" },
+    { id: 3, label: "Animals & Nature" },
+    { id: 4, label: "Food & Drink" },
+    { id: 5, label: "Travel & Places" },
+    { id: 6, label: "Activities" },
+    { id: 7, label: "Objects" },
+    { id: 8, label: "Symbols" },
+    { id: 9, label: "Flags" },
+];
+/** Parses the table written by `scripts/generate-emoji-data.mjs`. */
+export function parseEmojiData(data) {
+    const entries = [];
+    for (const line of data.split("\n")) {
+        if (!line)
+            continue;
+        const [emoji, label, shortcode, keywords, group, skins] = line.split("\t");
+        if (!emoji || !label || !shortcode || group === undefined)
+            continue;
+        entries.push({
+            emoji,
+            label,
+            shortcode,
+            keywords: keywords ? keywords.split(",") : [],
+            group: Number(group),
+            skins: skins ? skins.split(",") : [],
+        });
+    }
+    return entries;
+}
+let loadedIndex = null;
+let indexPromise = null;
+/** The emoji table, loaded on first use so it stays out of the main bundle. */
+export function loadEmojiIndex() {
+    if (!indexPromise) {
+        indexPromise = import("./emojiData.generated").then((module) => {
+            loadedIndex = parseEmojiData(module.EMOJI_DATA);
+            return loadedIndex;
+        });
+    }
+    return indexPromise;
+}
+export function getLoadedEmojiIndex() {
+    return loadedIndex;
+}
+export function useEmojiIndex() {
+    const [index, setIndex] = React.useState(loadedIndex);
+    React.useEffect(() => {
+        if (index)
+            return;
+        let cancelled = false;
+        loadEmojiIndex().then((entries) => {
+            if (!cancelled)
+                setIndex(entries);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [index]);
+    return index;
+}
+function normalizeQuery(query) {
+    return query
+        .toLowerCase()
+        .split(/[\s_-]+/)
+        .map((token) => token.trim())
+        .filter(Boolean);
+}
+function scoreEntry(entry, query, tokens) {
+    const label = entry.label.toLowerCase();
+    if (entry.shortcode === query)
+        return 100;
+    if (label === query)
+        return 90;
+    if (entry.shortcode.startsWith(query))
+        return 80;
+    if (label.startsWith(query))
+        return 70;
+    const labelWords = label.split(/[\s:,()-]+/);
+    let score = 0;
+    for (const token of tokens) {
+        let best = 0;
+        if (labelWords.some((word) => word.startsWith(token)))
+            best = 40;
+        else if (entry.keywords.some((keyword) => keyword.startsWith(token)))
+            best = 30;
+        else if (label.includes(token))
+            best = 20;
+        else if (entry.keywords.some((keyword) => keyword.includes(token)))
+            best = 10;
+        if (best === 0)
+            return 0;
+        score += best;
+    }
+    return score;
+}
+/** Ranks emoji for a search box or `:shortcode:` query; empty query → none. */
+export function searchEmoji(entries, query, limit = 50) {
+    const normalized = query.trim().toLowerCase();
+    const tokens = normalizeQuery(normalized);
+    if (tokens.length === 0)
+        return [];
+    const scored = [];
+    entries.forEach((entry, index) => {
+        const score = scoreEntry(entry, normalized, tokens);
+        if (score > 0)
+            scored.push({ entry, score, index });
+    });
+    scored.sort((a, b) => b.score - a.score || a.index - b.index);
+    return scored.slice(0, limit).map((item) => item.entry);
+}
+const SHORTCODE_CHARACTER = /[a-z0-9_+-]/i;
+/**
+ * The `:query` under the caret, when the colon starts a word: `:thu|` yields
+ * "thu"; `10:30` and `http://` do not count, and neither does a query shorter
+ * than two characters (so `:D` and `:)` stay emoticons).
+ */
+export function getActiveEmojiShortcode(text, selectionStart) {
+    if (selectionStart == null || selectionStart < 3)
+        return null;
+    let start = selectionStart;
+    while (start > 0 && SHORTCODE_CHARACTER.test(text[start - 1] ?? "")) {
+        start--;
+    }
+    if (text[start - 1] !== ":")
+        return null;
+    const before = text[start - 2];
+    if (before !== undefined && !/[\s(]/.test(before))
+        return null;
+    const query = text.slice(start, selectionStart);
+    if (query.length < 2)
+        return null;
+    return { start: start - 1, end: selectionStart, query };
+}
+export const SKIN_TONE_LABELS = [
+    "Default skin tone",
+    "Light skin tone",
+    "Medium-light skin tone",
+    "Medium skin tone",
+    "Medium-dark skin tone",
+    "Dark skin tone",
+];
+/** `tone` 0 is the yellow default; 1–5 pick a variant when the emoji has one. */
+export function withSkinTone(entry, tone) {
+    if (tone <= 0)
+        return entry.emoji;
+    return entry.skins[tone - 1] ?? entry.emoji;
+}
+const RECENT_KEY = "emoji.recent";
+const RECENT_LIMIT = 24;
+const SKIN_TONE_KEY = "emoji.skinTone";
+export function getRecentEmoji() {
+    const stored = localStorageService.getItem(RECENT_KEY);
+    if (!Array.isArray(stored))
+        return [];
+    return stored.filter((value) => typeof value === "string");
+}
+export function rememberRecentEmoji(emoji) {
+    const next = [emoji, ...getRecentEmoji().filter((e) => e !== emoji)].slice(0, RECENT_LIMIT);
+    localStorageService.setItem(RECENT_KEY, next);
+    return next;
+}
+export function getSkinTonePreference() {
+    const stored = localStorageService.getItem(SKIN_TONE_KEY);
+    return typeof stored === "number" && stored >= 0 && stored <= 5 ? stored : 0;
+}
+export function setSkinTonePreference(tone) {
+    localStorageService.setItem(SKIN_TONE_KEY, tone);
+}
+//# sourceMappingURL=emojiIndex.js.map

package/dist/components/emoji/emojiIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiIndex.js","sourceRoot":"","sources":["../../../src/components/emoji/emojiIndex.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import type { TextInsertion } from "./textareaInsert";
+/**
+ * ASCII emoticons that become emoji while typing, Slack-style: the emoticon
+ * has to start a word and is replaced the moment a space or line break is
+ * typed after it (or when the comment is sent with it at the very end), so
+ * `:)` mid-word, `http://`, `C:\` and `(x:)` stay as typed. Longer forms
+ * come before their prefixes so `:-)` and `:'(` win over `:)` and `:(`.
+ */
+export declare const EMOTICONS: ReadonlyArray<readonly [string, string]>;
+/** The emoticon that ends at `end` and starts a word, if any. */
+export declare function emoticonEndingAt(text: string, end: number): {
+    start: number;
+    emoji: string;
+} | null;
+/**
+ * After whitespace was typed at `caret`, turns an emoticon right before it
+ * into its emoji. Returns null when there is nothing to replace.
+ */
+export declare function replaceTypedEmoticon(text: string, caret: number, typed: string | null | undefined): TextInsertion | null;
+/** Converts an emoticon the text ends with, for a comment sent without a trailing space. */
+export declare function replaceTrailingEmoticon(text: string): string;

package/dist/components/emoji/emoticons.js

@@ -0,0 +1,167 @@
+const BS = String.fromCharCode(92); // backslash, kept out of string literals
+const SLIGHT_SMILE = "\u{1F642}";
+const GRIN = "\u{1F603}";
+const LAUGH = "\u{1F606}";
+const WINK = "\u{1F609}";
+const FROWN = "\u{1F641}";
+const CRY = "\u{1F622}";
+const SOB = "\u{1F62D}";
+const JOY = "\u{1F602}";
+const TONGUE = "\u{1F61B}";
+const TONGUE_WINK = "\u{1F61C}";
+const SURPRISED = "\u{1F62E}";
+const KISS = "\u{1F618}";
+const CONFUSED = "\u{1F615}";
+const NEUTRAL = "\u{1F610}";
+const EXPRESSIONLESS = "\u{1F611}";
+const FLUSHED = "\u{1F633}";
+const ZIPPER = "\u{1F910}";
+const CONFOUNDED = "\u{1F616}";
+const ANGRY = "\u{1F620}";
+const RAGE = "\u{1F621}";
+const COOL = "\u{1F60E}";
+const ANGEL = "\u{1F607}";
+const DEVIL = "\u{1F608}";
+const BLUSH = "\u{1F60A}";
+const HEART = "\u2764\uFE0F";
+const BROKEN_HEART = "\u{1F494}";
+const THUMBS_UP = "\u{1F44D}";
+const THUMBS_DOWN = "\u{1F44E}";
+const RAISED_HANDS = "\u{1F64C}";
+/**
+ * ASCII emoticons that become emoji while typing, Slack-style: the emoticon
+ * has to start a word and is replaced the moment a space or line break is
+ * typed after it (or when the comment is sent with it at the very end), so
+ * `:)` mid-word, `http://`, `C:\` and `(x:)` stay as typed. Longer forms
+ * come before their prefixes so `:-)` and `:'(` win over `:)` and `:(`.
+ */
+export const EMOTICONS = [
+    // Three and four characters
+    [":'-(", CRY],
+    [":'-)", JOY],
+    [">:-(", ANGRY],
+    [">:-)", DEVIL],
+    ["O:-)", ANGEL],
+    ["0:-)", ANGEL],
+    [":-))", LAUGH],
+    [":'(", CRY],
+    [":')", JOY],
+    [":'D", JOY],
+    ["</3", BROKEN_HEART],
+    [">:(", ANGRY],
+    [">:)", DEVIL],
+    ["3:)", DEVIL],
+    ["O:)", ANGEL],
+    ["0:)", ANGEL],
+    ["B-)", COOL],
+    ["8-)", COOL],
+    [":-)", SLIGHT_SMILE],
+    [":-]", SLIGHT_SMILE],
+    [":-(", FROWN],
+    [":-[", FROWN],
+    [";-)", WINK],
+    [";-D", WINK],
+    [":-D", GRIN],
+    [":-P", TONGUE],
+    [":-p", TONGUE],
+    [";-P", TONGUE_WINK],
+    [";-p", TONGUE_WINK],
+    [":-O", SURPRISED],
+    [":-o", SURPRISED],
+    [":-*", KISS],
+    [":-/", CONFUSED],
+    [`:-${BS}`, CONFUSED],
+    [":-|", NEUTRAL],
+    [":-$", FLUSHED],
+    [":-X", ZIPPER],
+    [":-x", ZIPPER],
+    [":-S", CONFOUNDED],
+    [":-s", CONFOUNDED],
+    [":-@", RAGE],
+    ["^_^", BLUSH],
+    ["-_-", EXPRESSIONLESS],
+    ["o_O", FLUSHED],
+    ["O_o", FLUSHED],
+    ["T_T", SOB],
+    [";_;", SOB],
+    [`${BS}o/`, RAISED_HANDS],
+    ["(y)", THUMBS_UP],
+    ["(Y)", THUMBS_UP],
+    ["(n)", THUMBS_DOWN],
+    ["(N)", THUMBS_DOWN],
+    // Two characters
+    [":)", SLIGHT_SMILE],
+    ["=)", SLIGHT_SMILE],
+    ["(:", SLIGHT_SMILE],
+    [":]", SLIGHT_SMILE],
+    [":(", FROWN],
+    ["=(", FROWN],
+    ["):", FROWN],
+    [":[", FROWN],
+    [";)", WINK],
+    [";D", WINK],
+    [":D", GRIN],
+    ["=D", GRIN],
+    ["xD", LAUGH],
+    ["XD", LAUGH],
+    [":P", TONGUE],
+    [":p", TONGUE],
+    ["=P", TONGUE],
+    [";P", TONGUE_WINK],
+    [";p", TONGUE_WINK],
+    ["xP", TONGUE_WINK],
+    [":O", SURPRISED],
+    [":o", SURPRISED],
+    [":*", KISS],
+    [":/", CONFUSED],
+    [`:${BS}`, CONFUSED],
+    ["=/", CONFUSED],
+    [":|", NEUTRAL],
+    [":$", FLUSHED],
+    [":X", ZIPPER],
+    [":x", ZIPPER],
+    [":S", CONFOUNDED],
+    [":s", CONFOUNDED],
+    [":@", RAGE],
+    ["^^", BLUSH],
+    ["<3", HEART],
+    ["B)", COOL],
+    ["8)", COOL],
+];
+/** The emoticon that ends at `end` and starts a word, if any. */
+export function emoticonEndingAt(text, end) {
+    for (const [emoticon, emoji] of EMOTICONS) {
+        const start = end - emoticon.length;
+        if (start < 0 || text.slice(start, end) !== emoticon)
+            continue;
+        const before = text[start - 1];
+        if (before !== undefined && !/\s/.test(before))
+            return null;
+        return { start, emoji };
+    }
+    return null;
+}
+/**
+ * After whitespace was typed at `caret`, turns an emoticon right before it
+ * into its emoji. Returns null when there is nothing to replace.
+ */
+export function replaceTypedEmoticon(text, caret, typed) {
+    if (!typed || !/^\s$/.test(typed))
+        return null;
+    const match = emoticonEndingAt(text, caret - 1);
+    if (!match)
+        return null;
+    const value = text.slice(0, match.start) + match.emoji + text.slice(caret - 1);
+    return { value, caret: match.start + match.emoji.length + 1 };
+}
+/** Converts an emoticon the text ends with, for a comment sent without a trailing space. */
+export function replaceTrailingEmoticon(text) {
+    const trimmedEnd = text.replace(/\s+$/, "");
+    const match = emoticonEndingAt(trimmedEnd, trimmedEnd.length);
+    if (!match)
+        return text;
+    return (trimmedEnd.slice(0, match.start) +
+        match.emoji +
+        text.slice(trimmedEnd.length));
+}
+//# sourceMappingURL=emoticons.js.map

package/dist/components/emoji/emoticons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoticons.js","sourceRoot":"","sources":["../../../src/components/emoji/emoticons.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+export interface TextInsertion {
+    value: string;
+    /** Caret position after the insertion. */
+    caret: number;
+}
+/**
+ * Replaces `[start, end)` of `value` with `text`. With `spacer`, a space
+ * follows the text unless the next character already separates it (used when
+ * a `:shortcode:` or `@mention` is completed while typing).
+ */
+export declare function replaceTextRange(value: string, start: number, end: number, text: string, options?: {
+    spacer?: boolean;
+}): TextInsertion;
+/**
+ * Inserts `text` at the textarea's selection, replacing any selected text,
+ * writes the value into the element and moves the caret behind the insertion.
+ * The caller still owns the React state and must adopt the returned value.
+ */
+export declare function insertTextAtSelection(textarea: HTMLTextAreaElement, text: string): TextInsertion;

package/dist/components/emoji/textareaInsert.js

@@ -0,0 +1,29 @@
+const wordCharacter = /[^\s,;:.!?\])}'"]/;
+/**
+ * Replaces `[start, end)` of `value` with `text`. With `spacer`, a space
+ * follows the text unless the next character already separates it (used when
+ * a `:shortcode:` or `@mention` is completed while typing).
+ */
+export function replaceTextRange(value, start, end, text, options = {}) {
+    const next = value[end] ?? "";
+    const spacer = options.spacer && (!next || wordCharacter.test(next)) ? " " : "";
+    const inserted = text + spacer;
+    return {
+        value: value.slice(0, start) + inserted + value.slice(end),
+        caret: start + inserted.length,
+    };
+}
+/**
+ * Inserts `text` at the textarea's selection, replacing any selected text,
+ * writes the value into the element and moves the caret behind the insertion.
+ * The caller still owns the React state and must adopt the returned value.
+ */
+export function insertTextAtSelection(textarea, text) {
+    const start = textarea.selectionStart ?? textarea.value.length;
+    const end = textarea.selectionEnd ?? start;
+    const insertion = replaceTextRange(textarea.value, start, end, text);
+    textarea.value = insertion.value;
+    textarea.setSelectionRange(insertion.caret, insertion.caret);
+    return insertion;
+}
+//# sourceMappingURL=textareaInsert.js.map

package/dist/components/emoji/textareaInsert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textareaInsert.js","sourceRoot":"","sources":["../../../src/components/emoji/textareaInsert.ts"],"names":[],"mappings":"AAMA,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAE1C;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAC9B,KAAa,EACb,KAAa,EACb,GAAW,EACX,IAAY,EACZ,OAAO,GAAyB,EAAE;IAElC,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IAC9B,MAAM,MAAM,GACV,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACnE,MAAM,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC;IAC/B,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;QAC1D,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM;KAC/B,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CACnC,QAA6B,EAC7B,IAAY;IAEZ,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;IAC/D,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,IAAI,KAAK,CAAC;IAC3C,MAAM,SAAS,GAAG,gBAAgB,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IACrE,QAAQ,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;IACjC,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAC7D,OAAO,SAAS,CAAC;AACnB,CAAC"}

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

@@ -0,0 +1,30 @@
+/**
+ * Emoji render as Twemoji SVG images so a comment looks the same on every
+ * platform. The images ship with the package (`@discordapp/twemoji/dist/svg`,
+ * the same release whose matcher runs here) and the host serves that folder as
+ * `<app base>/emoji/`: the Parhelia editor at `/parhelia/emoji/` (the Vite
+ * build copies the folder next to its chunks, the Next apps route to it).
+ * Another host calls `configureEmojiAssets` with its own location. Nothing is
+ * loaded from a CDN. The `Emoji` component falls back to the native glyph
+ * when an image does not load.
+ */
+export declare const DEFAULT_EMOJI_ASSET_BASE = "/parhelia/emoji/";
+export declare function configureEmojiAssets(base: string): void;
+export declare function getEmojiAssetBase(): string;
+export declare function emojiCodePoints(emoji: string): string;
+export declare function emojiImageUrl(emoji: string): string;
+export type EmojiRun = {
+    type: "text";
+    value: string;
+} | {
+    type: "emoji";
+    value: string;
+};
+/**
+ * Twemoji's matcher also returns symbols a browser shows as plain text (❤, ✔,
+ * 🅰 without a variation selector) and stray U+FE0F selectors. Only matches a
+ * browser would show as a colour emoji become images; the rest stays text.
+ */
+export declare function isEmojiPresentation(match: string): boolean;
+/** Splits text into plain runs and the emoji Twemoji has an image for. */
+export declare function splitEmojiRuns(text: string): EmojiRun[];

package/dist/components/emoji/twemoji.js

@@ -0,0 +1,84 @@
+import twemoji from "@discordapp/twemoji";
+/**
+ * Emoji render as Twemoji SVG images so a comment looks the same on every
+ * platform. The images ship with the package (`@discordapp/twemoji/dist/svg`,
+ * the same release whose matcher runs here) and the host serves that folder as
+ * `<app base>/emoji/`: the Parhelia editor at `/parhelia/emoji/` (the Vite
+ * build copies the folder next to its chunks, the Next apps route to it).
+ * Another host calls `configureEmojiAssets` with its own location. Nothing is
+ * loaded from a CDN. The `Emoji` component falls back to the native glyph
+ * when an image does not load.
+ */
+export const DEFAULT_EMOJI_ASSET_BASE = "/parhelia/emoji/";
+let assetBase = DEFAULT_EMOJI_ASSET_BASE;
+export function configureEmojiAssets(base) {
+    assetBase = base.endsWith("/") ? base : `${base}/`;
+}
+export function getEmojiAssetBase() {
+    return assetBase;
+}
+/**
+ * The Twemoji file stem of an emoji: its code points joined by `-`, without
+ * variation selectors unless the sequence is joined with ZWJ (Twemoji names
+ * those with the selector kept, e.g. `1f468-200d-2695-fe0f`).
+ */
+const ZERO_WIDTH_JOINER = String.fromCodePoint(0x200d);
+const VARIATION_SELECTOR_16 = String.fromCodePoint(0xfe0f);
+const COMBINING_ENCLOSING_KEYCAP = String.fromCodePoint(0x20e3);
+const VARIATION_SELECTORS = new RegExp(VARIATION_SELECTOR_16, "g");
+export function emojiCodePoints(emoji) {
+    const normalized = emoji.includes(ZERO_WIDTH_JOINER)
+        ? emoji
+        : emoji.replace(VARIATION_SELECTORS, "");
+    return twemoji.convert.toCodePoint(normalized);
+}
+export function emojiImageUrl(emoji) {
+    return `${assetBase}${emojiCodePoints(emoji)}.svg`;
+}
+const EMOJI_PRESENTATION = /\p{Emoji_Presentation}/u;
+const EMOJI_PROPERTY = /\p{Emoji}/u;
+const PRESENTATION_MARKERS = new RegExp(`[${VARIATION_SELECTOR_16}${COMBINING_ENCLOSING_KEYCAP}]`);
+/**
+ * Twemoji's matcher also returns symbols a browser shows as plain text (❤, ✔,
+ * 🅰 without a variation selector) and stray U+FE0F selectors. Only matches a
+ * browser would show as a colour emoji become images; the rest stays text.
+ */
+export function isEmojiPresentation(match) {
+    if (EMOJI_PRESENTATION.test(match))
+        return true;
+    return PRESENTATION_MARKERS.test(match) && EMOJI_PROPERTY.test(match);
+}
+function matchOffset(args) {
+    // String.replace passes (match, ...groups, offset, string[, groups]); the
+    // offset is the last numeric argument whatever the regex's group count.
+    for (let index = args.length - 1; index >= 0; index--) {
+        const value = args[index];
+        if (typeof value === "number")
+            return value;
+    }
+    return 0;
+}
+/** Splits text into plain runs and the emoji Twemoji has an image for. */
+export function splitEmojiRuns(text) {
+    if (!text)
+        return [];
+    const runs = [];
+    let cursor = 0;
+    twemoji.replace(text, (...args) => {
+        const match = args[0];
+        if (isEmojiPresentation(match)) {
+            const offset = matchOffset(args);
+            if (offset > cursor) {
+                runs.push({ type: "text", value: text.slice(cursor, offset) });
+            }
+            runs.push({ type: "emoji", value: match });
+            cursor = offset + match.length;
+        }
+        return match;
+    });
+    if (cursor < text.length) {
+        runs.push({ type: "text", value: text.slice(cursor) });
+    }
+    return runs;
+}
+//# sourceMappingURL=twemoji.js.map

package/dist/components/emoji/twemoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"twemoji.js","sourceRoot":"","sources":["../../../src/components/emoji/twemoji.ts"],"names":[],"mappings":"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"}

package/dist/components/ui/alert.d.ts

@@ -5,4 +5,9 @@ declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDi
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { Alert, AlertDescription, AlertTitle };
+/**
+ * Link-style action inside an alert ("Open Settings Status Page →"). Takes
+ * the alert's text color, so it reads as part of the message.
+ */
+declare const AlertAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Alert, AlertAction, AlertDescription, AlertTitle };