@etrepum/lexical-emoji-extension 0.0.36

package/dist/findEmoji.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/**
+ * The location of the emoji match in the given text
+ */
+export type EmojiMatch = Readonly<{
+    /** The start position of the text */
+    position: number;
+    /** The matching shortcode from the text, such as ":man-facepalming:" or ":)" */
+    shortcode: string;
+    /** The text of the emoji from the database, such as "🤦‍♂️" or "🙂" */
+    emoji: string;
+}>;
+/**
+ * Finds emoji shortcodes in text, tokenized by spaces. The canonical short
+ * names such as ":smiley:" are matched even if they are at the end of the
+ * text, but a text such as ":)" is only matched if it is followed by a
+ * space.
+ *
+ * @example Matching canonical short names
+ * ```js
+ * assert(findEmoji(":man-facepalming:").emoji === "🤦‍♂️");
+ * ```
+ *
+ * @example Matching non-canonical text for an emoji
+ * ```js
+ * const input = "handles :) mid-string";
+ * const result = findEmoji(input);
+ * assert(result.position === "handles ".length);
+ * assert(result.shortcode === ":)")
+ * assert(result.emoji === "🙂");
+ * assert([
+ *   input.slice(0, result.position),
+ *   result.emoji,
+ *   input.slice(result.position + result.shortcode.length)
+ * ].join("") === "handles 🙂 mid-string");
+ * ```
+ *
+ * @example Non-canonical text does not match at the end
+ * ```js
+ * assert(findEmoji(":)") === null)
+ * ```
+ */
+export declare function findEmoji(text: string): EmojiMatch | null;
+//# sourceMappingURL=findEmoji.d.ts.map

package/dist/findEmoji.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findEmoji.d.ts","sourceRoot":"","sources":["../src/findEmoji.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,qCAAqC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,SAAS,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAiBH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAqBzD"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { EmojiExtension, type EmojiExtensionConfig } from './EmojiExtension';
+export { unifiedIDFromText, textFromUnifiedID } from './unifiedID';
+export { findEmoji, type EmojiMatch } from './findEmoji';
+export { EmojiNode, $isEmojiNode, $createEmojiNode } from './EmojiNode';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,94 @@
+import { defineExtension as g, safeCast as C } from "@etrepum/lexical-builder";
+import { mergeRegister as x, addClassNamesToElement as c, removeClassNamesFromElement as E } from "@lexical/utils";
+import { TextNode as N } from "lexical";
+import { loadTextNodeTransform as y } from "@etrepum/lexical-emoji-extension/loadTextNodeTransform";
+import { E as j } from "./findEmoji-Bd0TTIfw.js";
+import { a as P, $ as h, f as D } from "./findEmoji-Bd0TTIfw.js";
+function B(o) {
+  return String.fromCodePoint(
+    ...o.split("-").map((e) => parseInt(e, 16))
+  );
+}
+function I(o) {
+  return Array.from(
+    o,
+    (e) => e.codePointAt(0).toString(16).padStart(4, "0")
+  ).join("-");
+}
+const T = "0.0.36";
+function $() {
+}
+function L(o, e) {
+  typeof o == "function" ? e(o) : o.then((r) => {
+    e(r);
+  });
+}
+const v = typeof window > "u", F = g({
+  config: C({
+    emojiBaseUrl: `https://cdn.jsdelivr.net/npm/@etrepum/lexical-emoji-extension@${T}/dist/emoji`,
+    emojiClass: "emoji-node",
+    emojiLoadingClass: "emoji-node-loading",
+    emojiLoadedClass: "emoji-node-loaded"
+  }),
+  name: "@etrepum/lexical-emoji-extension/Emoji",
+  nodes: [j],
+  register(o, e, r) {
+    const t = /* @__PURE__ */ new Map();
+    let m = $;
+    const p = x(
+      // no need for init since we are synchronously registering at editor creation
+      o.registerMutationListener(j, (s) => {
+        for (const [i, u] of s)
+          if (u === "destroyed") {
+            const n = t.get(i);
+            n && (t.delete(i), n());
+          } else {
+            const n = o.getElementByKey(i);
+            if (n != null && n.textContent) {
+              const d = `${e.emojiBaseUrl}/${I(n.textContent)}.png`;
+              if (c(
+                n,
+                e.emojiClass,
+                e.emojiLoadingClass
+              ), n.style.backgroundImage = `url(${d})`, !v) {
+                const a = new Image(), l = () => {
+                  Object.assign(a, { onload: null, onerror: null });
+                }, f = () => {
+                  l(), t.delete(i), E(n, e.emojiLoadingClass);
+                };
+                Object.assign(a, {
+                  onerror: f,
+                  onload: () => {
+                    f(), c(n, e.emojiLoadedClass);
+                  }
+                }), t.set(i, l), a.src = d;
+              }
+            }
+          }
+      }),
+      () => {
+        for (const s of t.values())
+          s();
+        t.clear();
+      },
+      () => {
+        m();
+      }
+    );
+    return L(y(), (s) => {
+      r.signal.aborted || (m = o.registerNodeTransform(
+        N,
+        s
+      ));
+    }), p;
+  }
+});
+export {
+  P as $createEmojiNode,
+  h as $isEmojiNode,
+  F as EmojiExtension,
+  j as EmojiNode,
+  D as findEmoji,
+  B as textFromUnifiedID,
+  I as unifiedIDFromText
+};

package/dist/loadTextNodeTransform.d.ts

@@ -0,0 +1,5 @@
+import { $textNodeTransform } from './$textNodeTransform';
+type MaybePromise<T> = T | Promise<T>;
+export declare function loadTextNodeTransform(): MaybePromise<typeof $textNodeTransform>;
+export {};
+//# sourceMappingURL=loadTextNodeTransform.d.ts.map

package/dist/loadTextNodeTransform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadTextNodeTransform.d.ts","sourceRoot":"","sources":["../src/loadTextNodeTransform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAEtC,wBAAgB,qBAAqB,IAAI,YAAY,CACnD,OAAO,kBAAkB,CAC1B,CAQA"}

package/dist/loadTextNodeTransform.js

@@ -0,0 +1,7 @@
+let e;
+function t() {
+  return e || (e = import("./_textNodeTransform-BJfGRX7Y.js").then((r) => (e = r.$textNodeTransform, e))), e;
+}
+export {
+  t as loadTextNodeTransform
+};

package/dist/loadTextNodeTransform.node.d.ts

@@ -0,0 +1,3 @@
+import { $textNodeTransform } from './$textNodeTransform';
+export declare function loadTextNodeTransform(): typeof $textNodeTransform;
+//# sourceMappingURL=loadTextNodeTransform.node.d.ts.map

package/dist/loadTextNodeTransform.node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadTextNodeTransform.node.d.ts","sourceRoot":"","sources":["../src/loadTextNodeTransform.node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,qBAAqB,IAAI,OAAO,kBAAkB,CAEjE"}

package/dist/loadTextNodeTransform.node.js

@@ -0,0 +1,7 @@
+import { $textNodeTransform as o } from "./_textNodeTransform-BJfGRX7Y.js";
+function t() {
+  return o;
+}
+export {
+  t as loadTextNodeTransform
+};

package/dist/supportedEmojis.data.d.ts

@@ -0,0 +1,9 @@
+/**
+ * We rewrite the emoji dataset into plain text delimited by
+ * spaces and newlines, which serializes smaller and is quicker to parse.
+ *
+ * This is done at build time by vite-plugin-data, which does compile-time
+ * evaluation of modules with .data in their name.
+ */
+export declare const supportedEmojis: string;
+//# sourceMappingURL=supportedEmojis.data.d.ts.map

package/dist/supportedEmojis.data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supportedEmojis.data.d.ts","sourceRoot":"","sources":["../src/supportedEmojis.data.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,QAYf,CAAC"}

package/dist/unifiedID.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Convert a unified emoji ID its emoji representation.
+ *
+ * @example
+ * ```js
+ * assert(textFromUnifiedId("1F926-200D-2642-FE0F") === "🤦‍♂️");
+ * ```
+ *
+ * @param unifiedID - The hyphen delimited hex representation of the UTF-16 code points in the emoji
+ * @returns The emoji as a string
+ */
+export declare function textFromUnifiedID(unifiedID: string): string;
+/**
+ * Convert an emoji to its unified id (in uppercase).
+ *
+ * @example
+ * ```js
+ * assert(unifiedIDFromText("🤦‍♂️") === "1F926-200D-2642-FE0F");
+ * ```
+ */
+export declare function unifiedIDFromText(text: string): string;
+//# sourceMappingURL=unifiedID.d.ts.map

package/dist/unifiedID.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unifiedID.d.ts","sourceRoot":"","sources":["../src/unifiedID.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAI3D;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAItD"}

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@etrepum/lexical-emoji-extension",
+  "description": "[EXPERIMENTAL] EmojiNode as a lazy loaded vanilla JS lexical extension",
+  "type": "module",
+  "keywords": [
+    "lexical",
+    "lexical-builder",
+    "emoji",
+    "plug-in",
+    "extension"
+  ],
+  "scripts": {
+    "build": "tsc --noEmit && vite build",
+    "dev": "vite",
+    "lint": "eslint",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "version": "0.0.36",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/etrepum/lexical-builder.git",
+    "directory": "packages/lexical-emoji-extension"
+  },
+  "bugs": {
+    "url": "https://github.com/etrepum/lexical-builder/issues"
+  },
+  "homepage": "https://github.com/etrepum/lexical-builder",
+  "dependencies": {
+    "@etrepum/lexical-builder": "*",
+    "emoji-datasource-facebook": "15.1.2"
+  },
+  "peerDependencies": {
+    "@lexical/utils": ">=0.33.1 || >=0.33.2-nightly.0",
+    "lexical": ">=0.33.1 || >=0.33.2-nightly.0"
+  },
+  "sideEffects": false,
+  "devDependencies": {
+    "@repo/eslint-config": "*",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/user-event": "^14.5.2",
+    "eslint": "^8.57.0",
+    "jsdom": "^24.1.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.5.2",
+    "vite": "^5.4.0",
+    "vite-plugin-data": "^0.2.5",
+    "vite-plugin-dts": "^4.0.2",
+    "vite-plugin-package-version": "^1.1.0",
+    "vite-plugin-static-copy": "^1.0.5",
+    "vitest": "^2.0.5"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./loadTextNodeTransform": {
+      "types": "./dist/loadTextNodeTransform.d.ts",
+      "browser": "./dist/loadTextNodeTransform.js",
+      "default": "./dist/loadTextNodeTransform.node.js"
+    },
+    "./dist/emoji/*.png": "./dist/emoji/*.png",
+    "./dist/emoji/": "./dist/emoji/"
+  },
+  "files": [
+    "dist"
+  ]
+}