sam/rehype-custom-emoji-plugin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add class option

Browse source
This commit is contained in:
sam 2025-03-29 23:16:56 +01:00
parent e8a255ce1f
commit 1677fb8784
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
3 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
dist/index.d.ts vendored
View file

@ -5,6 +5,7 @@ interface RehypeCustomEmojiOptions {
hidpiSourceFile?: string; hidpiSourceFile?: string;
emojis: Record<string, [number, number]>; emojis: Record<string, [number, number]>;
size: number; size: number;
class?: string;
} }
declare const plugin: Plugin<[Partial<RehypeCustomEmojiOptions>], Root>; declare const plugin: Plugin<[Partial<RehypeCustomEmojiOptions>], Root>;
export default plugin; export default plugin;

2
dist/index.js vendored
View file

@ -6,6 +6,7 @@ const DEFAULT_OPTIONS = {
hidpiSourceFile: undefined, hidpiSourceFile: undefined,
emojis: {}, emojis: {},
size: 64, size: 64,
class: "custom-emoji",
}; };
const plugin = (options) => { const plugin = (options) => {
const settings = Object.assign({}, DEFAULT_OPTIONS, options); const settings = Object.assign({}, DEFAULT_OPTIONS, options);
@ -14,6 +15,7 @@ const plugin = (options) => {
: undefined; : undefined;
const emojiElement = (x, y, label) => { const emojiElement = (x, y, label) => {
return h("img", { return h("img", {
className: settings.class,
src: settings.sourceFile, src: settings.sourceFile,
srcset, srcset,
style: `object-fit: none; object-position: -${x}px -${y}px; width: ${settings.size}px; height: ${settings.size}px`, style: `object-fit: none; object-position: -${x}px -${y}px; width: ${settings.size}px; height: ${settings.size}px`,

3
src/index.ts
View file

@ -11,6 +11,7 @@ interface RehypeCustomEmojiOptions {
hidpiSourceFile?: string; hidpiSourceFile?: string;
emojis: Record<string, [number, number]>; emojis: Record<string, [number, number]>;
size: number; size: number;
class?: string;
} }
const DEFAULT_OPTIONS: RehypeCustomEmojiOptions = { const DEFAULT_OPTIONS: RehypeCustomEmojiOptions = {
@ -18,6 +19,7 @@ const DEFAULT_OPTIONS: RehypeCustomEmojiOptions = {
hidpiSourceFile: undefined, hidpiSourceFile: undefined,
emojis: {}, emojis: {},
size: 64, size: 64,
class: "custom-emoji",
}; };
const plugin: Plugin<[Partial<RehypeCustomEmojiOptions>], Root> = (options) => { const plugin: Plugin<[Partial<RehypeCustomEmojiOptions>], Root> = (options) => {
@ -32,6 +34,7 @@ const plugin: Plugin<[Partial<RehypeCustomEmojiOptions>], Root> = (options) => {
: undefined; : undefined;
const emojiElement = (x: number, y: number, label: string): Element => { const emojiElement = (x: number, y: number, label: string): Element => {
return h("img", { return h("img", {
className: settings.class,
src: settings.sourceFile, src: settings.sourceFile,
srcset, srcset,
style: `object-fit: none; object-position: -${x}px -${y}px; width: ${settings.size}px; height: ${settings.size}px`, style: `object-fit: none; object-position: -${x}px -${y}px; width: ${settings.size}px; height: ${settings.size}px`,