From 1677fb8784aa731a7f1b53c96cef6b2d9f0c925b Mon Sep 17 00:00:00 2001
From: sam <sam@vulpine.solutions>
Date: Sat, 29 Mar 2025 23:16:56 +0100
Subject: [PATCH] add class option

---
 dist/index.d.ts | 1 +
 dist/index.js   | 2 ++
 src/index.ts    | 3 +++
 3 files changed, 6 insertions(+)

diff --git a/dist/index.d.ts b/dist/index.d.ts
index ea47e2a..dbfcc64 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -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;
diff --git a/dist/index.js b/dist/index.js
index 90a1d72..330d0ba 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -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`,
diff --git a/src/index.ts b/src/index.ts
index cc89c6d..3398258 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -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`,