@hokkiai/discord-emoji-selector 1.1.6 → 1.2.0

package/dist/chunk-LP6LBWNJ.js

@@ -0,0 +1,59 @@
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+// src/render.tsx
+import tw from "@twemoji/api";
+function render(txt) {
+  let twemojiparsed = tw.parse(txt).replaceAll("<img", '<img style="object-fit: cover;" loading="lazy"');
+  if (txt.startsWith("<:") || txt.startsWith("<a:")) {
+    const id = txt.split(":")[2].split(">")[0];
+    const isAnimated = txt.startsWith("<a:");
+    const url = `https://cdn.discordapp.com/emojis/${id}.${isAnimated ? "gif" : "webp"}`;
+    twemojiparsed = `<img style="object-fit: cover;" src="${url}" loading="lazy" />`;
+  }
+  return twemojiparsed;
+}
+
+// src/hooks.tsx
+import { useEffect, useState } from "react";
+function useSkin({ pickerId }) {
+  const [skin, setSkin] = useState(0);
+  useEffect(() => {
+    let raf;
+    const loop = () => {
+      const newSkin = window["emojipicker-" + pickerId]?.skin;
+      setSkin(newSkin || 0);
+      raf = requestAnimationFrame(loop);
+    };
+    raf = requestAnimationFrame(loop);
+    return () => {
+      cancelAnimationFrame(raf);
+    };
+  }, [pickerId]);
+  return skin;
+}
+function useSearchValue({ pickerId }) {
+  const [searchValue, setSearchValue] = useState("");
+  useEffect(() => {
+    let raf;
+    const loop = () => {
+      const newSearchValue = window["emojipicker-" + pickerId]?.searchValue || "";
+      setSearchValue(newSearchValue);
+      raf = requestAnimationFrame(loop);
+    };
+    raf = requestAnimationFrame(loop);
+    return () => {
+      cancelAnimationFrame(raf);
+    };
+  }, [pickerId]);
+  return searchValue;
+}
+
+export {
+  __commonJS,
+  render,
+  useSkin,
+  useSearchValue
+};