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;
emojis: Record<string, [number, number]>;
size: number;
class?: string;
}
declare const plugin: Plugin<[Partial<RehypeCustomEmojiOptions>], Root>;
export default plugin;

2
dist/index.js vendored
View file

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