init

.vitepress/configs/emoji.ts

@@ -0,0 +1,76 @@
+import type { MarkdownRenderer } from "vitepress";
+import type { IconifyJSON } from "@iconify-json/octicon";
+
+// Icons that need to be used should be imported here
+import { icons as twemoji } from "@iconify-json/twemoji";
+import { icons as octicon } from "@iconify-json/octicon";
+import { icons as logos } from "@iconify-json/logos";
+import { icons as ic } from "@iconify-json/ic";
+import { icons as mingcute } from "@iconify-json/mingcute";
+import { icons as mdi } from "@iconify-json/mdi";
+import { icons as materials } from "@iconify-json/material-symbols";
+import { icons as simple } from "@iconify-json/simple-icons";
+import { icons as gg } from "@iconify-json/gg";
+
+// 1. Install emoji pack with `pnpm add -g @iconify-json/<icon>`
+// 2. Import them like I did above
+// 3. Add it to this emojis array, like I did for octicon, and add a prefix
+const emojis: { pack: IconifyJSON; prefix?: string }[] = [
+  // Default emojis (twemoji)
+  { pack: twemoji },
+  // octicon emojis, prefixed with "octicon-"
+  { pack: octicon, prefix: "octicon-" },
+  { pack: logos, prefix: "logos-" },
+  { pack: ic, prefix: "ic-" },
+  { pack: mingcute, prefix: "mingcute-" },
+  { pack: mdi, prefix: "mdi-" },
+  { pack: materials, prefix: "material-symbols-" },
+  { pack: simple, prefix: "simple-icons-" },
+  { pack: gg, prefix: "gg-" },
+];
+
+const defs: Record<string, string> = {};
+
+for (const elem of emojis) {
+  for (const key in elem.pack.icons) {
+    if (elem.prefix) defs[elem.prefix + key] = "";
+    else defs[key] = "";
+  }
+}
+
+export { defs };
+
+export function emojiRender(md: MarkdownRenderer) {
+  md.renderer.rules.emoji = (tokens, idx) => {
+    for (const emoji of emojis) {
+      if (tokens[idx].markup.startsWith(emoji.prefix!)) {
+        return `<span class="i-${tokens[idx].markup}"></span>`;
+      }
+    }
+
+    return `<span class="i-twemoji-${tokens[idx].markup}"></span>`;
+  };
+}
+
+export function movePlugin(
+  plugins: { name: string }[],
+  pluginAName: string,
+  order: "before" | "after",
+  pluginBName: string,
+) {
+  const pluginBIndex = plugins.findIndex((p) => p.name === pluginBName);
+  if (pluginBIndex === -1) return;
+
+  const pluginAIndex = plugins.findIndex((p) => p.name === pluginAName);
+  if (pluginAIndex === -1) return;
+
+  if (order === "before" && pluginAIndex > pluginBIndex) {
+    const pluginA = plugins.splice(pluginAIndex, 1)[0];
+    plugins.splice(pluginBIndex, 0, pluginA);
+  }
+
+  if (order === "after" && pluginAIndex < pluginBIndex) {
+    const pluginA = plugins.splice(pluginAIndex, 1)[0];
+    plugins.splice(pluginBIndex, 0, pluginA);
+  }
+}

.vitepress/configs/index.ts

@@ -0,0 +1 @@
+export * from "./emoji";