@lofcz/platejs-emoji 52.0.15

package/dist/react/index.js

@@ -0,0 +1,526 @@
+import { a as EmojiInlineLibrary, c as BaseEmojiPlugin, f as EmojiSettings, g as EmojiCategory, h as i18n, i as Grid, l as DEFAULT_EMOJI_LIBRARY, m as defaultCategories, o as insertEmoji, r as AGridSection, s as BaseEmojiInputPlugin, t as EmojiFloatingIndexSearch, u as DEFAULT_FREQUENTLY_USED_EMOJI } from "../EmojiFloatingIndexSearch-BNdEWk-b.js";
+import { toPlatePlugin, useEditorRef, usePluginOption, useStableMemo } from "platejs/react";
+import { c } from "react-compiler-runtime";
+import React from "react";
+
+//#region src/react/EmojiPlugin.tsx
+const EmojiInputPlugin = toPlatePlugin(BaseEmojiInputPlugin);
+const EmojiPlugin = toPlatePlugin(BaseEmojiPlugin, { plugins: [EmojiInputPlugin] });
+
+//#endregion
+//#region src/react/storage/LocalStorage.ts
+var LocalStorage = class {
+	key;
+	defaultValue;
+	constructor(key, defaultValue) {
+		this.key = key;
+		this.defaultValue = defaultValue;
+	}
+	get() {
+		let value = this.defaultValue;
+		if (typeof window === "undefined") return value;
+		const valueInLocalStorage = window.localStorage.getItem(this.key);
+		if (valueInLocalStorage) try {
+			value = JSON.parse(valueInLocalStorage);
+		} catch {
+			window.localStorage.removeItem(this.key);
+		}
+		return value;
+	}
+	set(value) {
+		window.localStorage.setItem(this.key, JSON.stringify(value));
+	}
+};
+
+//#endregion
+//#region src/react/storage/FrequentEmojiStorage.ts
+var FrequentEmojiStorage = class {
+	key = EmojiCategory.Frequent;
+	limit = 8;
+	localStorage;
+	prefix = "emoji";
+	defaultValue = DEFAULT_FREQUENTLY_USED_EMOJI;
+	constructor(props, defaultValue = DEFAULT_FREQUENTLY_USED_EMOJI) {
+		this.defaultValue = defaultValue;
+		this.limit = props.limit ?? this.limit;
+		this.localStorage = new LocalStorage(`${props.prefix ?? this.prefix}:${props.key ?? this.key}`, defaultValue);
+	}
+	get() {
+		const data = this.localStorage.get();
+		return Object.fromEntries(Object.keys(data).sort((a, b) => data[b] - data[a]).map((key) => [key, data[key]]));
+	}
+	getList() {
+		return Object.keys(this.get()).splice(0, this.limit);
+	}
+	set(value) {
+		this.localStorage.set(value);
+	}
+	update(emojiId) {
+		const prevEmojis = this.localStorage.get();
+		const count = prevEmojis[emojiId] ? prevEmojis[emojiId] + 1 : 1;
+		const emojis = {
+			...prevEmojis,
+			[emojiId]: count
+		};
+		this.localStorage.set(emojis);
+		return emojis;
+	}
+};
+
+//#endregion
+//#region src/react/utils/EmojiObserver.ts
+const setVisibleSections = (entries, visibleSections) => {
+	for (const entry of entries) {
+		const id = entry.target.dataset.id;
+		visibleSections.set(id, entry.isIntersecting);
+	}
+};
+const getSectionInFocus = (visibleSections) => {
+	for (const [id, ratio] of visibleSections) if (ratio) return id;
+};
+const observeCategories = ({ ancestorRef, emojiLibrary, setFocusedAndVisibleSections }) => {
+	const observerOptions = {
+		root: ancestorRef.current,
+		threshold: 0
+	};
+	const visibleSections = /* @__PURE__ */ new Map();
+	const observer = new IntersectionObserver((entries) => {
+		setVisibleSections(entries, visibleSections);
+		const focusedSectionId = getSectionInFocus(visibleSections);
+		if (focusedSectionId) setFocusedAndVisibleSections(visibleSections, focusedSectionId);
+	}, observerOptions);
+	for (const section of emojiLibrary.getGrid().sections()) if (section.root.current) observer.observe(section.root.current);
+	return observer;
+};
+
+//#endregion
+//#region src/react/utils/EmojiLibrary/EmojiFloatingGrid.ts
+var EmojiFloatingGrid = class extends Grid {
+	createRootRef() {
+		return React.createRef();
+	}
+};
+var EmojiGridSectionWithRoot = class extends AGridSection {
+	createRootRef() {
+		this._root = React.createRef();
+	}
+};
+
+//#endregion
+//#region src/react/utils/EmojiLibrary/EmojiFloatingGridBuilder.ts
+var EmojiFloatingGridBuilder = class {
+	grid = new EmojiFloatingGrid();
+	localStorage;
+	sections;
+	elements;
+	settings;
+	constructor(localStorage, sections, elements, settings) {
+		this.localStorage = localStorage;
+		this.sections = sections;
+		this.elements = elements;
+		this.settings = settings;
+	}
+	addFrequent() {
+		if (this.settings.showFrequent.value) {
+			const id = "frequent";
+			this.grid.addSection(id, new EmojiGridSectionWithRoot(id, this.settings.perLine.value), { [id]: this.localStorage.getList() });
+		}
+	}
+	build() {
+		if (this.elements.frequent) this.addFrequent();
+		this.sections.forEach((id) => {
+			if (this.elements[id]?.length) this.grid.addSection(id, new EmojiGridSectionWithRoot(id, this.settings.perLine.value), this.elements);
+		});
+		return this.grid;
+	}
+};
+
+//#endregion
+//#region src/react/utils/EmojiLibrary/EmojiFloatingLibrary.ts
+var EmojiFloatingLibrary = class EmojiFloatingLibrary extends EmojiInlineLibrary {
+	static instance;
+	categories = defaultCategories;
+	emojis = {};
+	grid;
+	settings;
+	localStorage;
+	library;
+	constructor(settings, localStorage, library = DEFAULT_EMOJI_LIBRARY) {
+		super(library);
+		this.settings = settings;
+		this.localStorage = localStorage;
+		this.library = library;
+		this.categories = settings.categories.value ?? this.categories;
+		this.initEmojis(library.categories);
+		this.grid = new EmojiFloatingGridBuilder(this.localStorage, this.categories, this.emojis, settings).build();
+	}
+	static getInstance(settings, localStorage, library = DEFAULT_EMOJI_LIBRARY) {
+		if (!EmojiFloatingLibrary.instance) EmojiFloatingLibrary.instance = new EmojiFloatingLibrary(settings, localStorage, library);
+		return EmojiFloatingLibrary.instance;
+	}
+	initEmojis(categoriesLibrary) {
+		for (const category of categoriesLibrary) this.emojis[category.id] = category.emojis;
+	}
+	getGrid() {
+		return this.grid;
+	}
+	indexOf(focusedCategory) {
+		const index = this.grid.indexOf(focusedCategory);
+		return index < 1 ? 0 : index;
+	}
+	updateFrequentCategory(emojiId) {
+		this.localStorage.update(emojiId);
+		this.grid.updateSection(EmojiCategory.Frequent, this.localStorage.getList());
+	}
+};
+
+//#endregion
+//#region src/react/hooks/useEmojiPickerState.ts
+const initialState = {
+	emoji: void 0,
+	focusedCategory: void 0,
+	frequentEmoji: void 0,
+	hasFound: false,
+	isOpen: false,
+	isSearching: false,
+	searchResult: [],
+	searchValue: "",
+	visibleCategories: /* @__PURE__ */ new Map()
+};
+const useEmojiPickerState = () => {
+	const $ = c(2);
+	const [cache, dispatch] = React.useReducer(_temp, initialState);
+	let t0;
+	if ($[0] !== cache) {
+		t0 = [cache, dispatch];
+		$[0] = cache;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+};
+function _temp(state, action) {
+	const { payload, type } = action;
+	switch (type) {
+		case "CLEAR_SEARCH": return {
+			...state,
+			focusedCategory: EmojiCategory.Frequent,
+			hasFound: false,
+			isSearching: false,
+			searchValue: ""
+		};
+		case "SET_CLOSE": return {
+			...state,
+			emoji: void 0,
+			isOpen: false
+		};
+		case "SET_EMOJI":
+		case "SET_FOCUSED_AND_VISIBLE_CATEGORIES":
+		case "SET_SEARCH": return {
+			...state,
+			...payload
+		};
+		case "SET_FOCUSED_CATEGORY": return {
+			...state,
+			...payload,
+			hasFound: false,
+			isSearching: false,
+			searchValue: ""
+		};
+		case "SET_OPEN": return {
+			...state,
+			isOpen: true
+		};
+		case "UPDATE_FREQUENT_EMOJIS": return {
+			...state,
+			...payload,
+			emoji: void 0
+		};
+		case "UPDATE_SEARCH_RESULT": return {
+			...state,
+			...payload,
+			focusedCategory: void 0,
+			isSearching: true
+		};
+		default: throw new Error(`Unhandled action type: ${type}`);
+	}
+}
+
+//#endregion
+//#region src/react/hooks/useEmojiPicker.ts
+const useEmojiPicker = (t0) => {
+	const $ = c(41);
+	const { closeOnSelect, emojiLibrary, indexSearch } = t0;
+	const editor = useEditorRef();
+	const [state, dispatch] = useEmojiPickerState();
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {
+			content: React.createRef(),
+			contentRoot: React.createRef()
+		};
+		$[0] = t1;
+	} else t1 = $[0];
+	const refs = React.useRef(t1);
+	let t2;
+	if ($[1] !== dispatch) {
+		t2 = (isOpen) => {
+			dispatch({ type: isOpen ? "SET_OPEN" : "SET_CLOSE" });
+		};
+		$[1] = dispatch;
+		$[2] = t2;
+	} else t2 = $[2];
+	const setIsOpen = t2;
+	let t3;
+	if ($[3] !== dispatch) {
+		t3 = (visibleSections, categoryId) => {
+			dispatch({
+				payload: {
+					focusedCategory: categoryId,
+					visibleCategories: visibleSections
+				},
+				type: "SET_FOCUSED_AND_VISIBLE_CATEGORIES"
+			});
+		};
+		$[3] = dispatch;
+		$[4] = t3;
+	} else t3 = $[4];
+	const setFocusedAndVisibleSections = t3;
+	let t4;
+	if ($[5] !== dispatch || $[6] !== indexSearch) {
+		t4 = (input) => {
+			const value = String(input).replaceAll(/\s/g, "");
+			if (!value && !input) {
+				dispatch({ type: "CLEAR_SEARCH" });
+				return;
+			}
+			dispatch({
+				payload: {
+					hasFound: indexSearch.search(value).hasFound(),
+					searchResult: indexSearch.get(),
+					searchValue: value
+				},
+				type: "UPDATE_SEARCH_RESULT"
+			});
+		};
+		$[5] = dispatch;
+		$[6] = indexSearch;
+		$[7] = t4;
+	} else t4 = $[7];
+	const handleSearchInput = t4;
+	let t5;
+	if ($[8] !== dispatch || $[9] !== handleSearchInput) {
+		t5 = (value_0) => {
+			if (value_0) handleSearchInput(value_0);
+			else dispatch({ type: "CLEAR_SEARCH" });
+		};
+		$[8] = dispatch;
+		$[9] = handleSearchInput;
+		$[10] = t5;
+	} else t5 = $[10];
+	const setSearch = t5;
+	let t6;
+	if ($[11] !== dispatch) {
+		t6 = () => {
+			dispatch({ type: "CLEAR_SEARCH" });
+		};
+		$[11] = dispatch;
+		$[12] = t6;
+	} else t6 = $[12];
+	const clearSearch = t6;
+	let t7;
+	if ($[13] !== dispatch) {
+		t7 = (emoji) => {
+			dispatch({
+				payload: { emoji },
+				type: "SET_EMOJI"
+			});
+		};
+		$[13] = dispatch;
+		$[14] = t7;
+	} else t7 = $[14];
+	const onMouseOver = t7;
+	let t8;
+	if ($[15] !== closeOnSelect || $[16] !== dispatch || $[17] !== emojiLibrary || $[18] !== state.isOpen) {
+		t8 = (emojiId) => {
+			emojiLibrary.updateFrequentCategory(emojiId);
+			dispatch({
+				payload: {
+					frequentEmoji: emojiId,
+					isOpen: closeOnSelect ? false : state.isOpen
+				},
+				type: "UPDATE_FREQUENT_EMOJIS"
+			});
+		};
+		$[15] = closeOnSelect;
+		$[16] = dispatch;
+		$[17] = emojiLibrary;
+		$[18] = state.isOpen;
+		$[19] = t8;
+	} else t8 = $[19];
+	const updateFrequentEmojis = t8;
+	let t9;
+	if ($[20] !== editor || $[21] !== updateFrequentEmojis) {
+		t9 = (emoji_0) => {
+			insertEmoji(editor, emoji_0);
+			updateFrequentEmojis(emoji_0.id);
+		};
+		$[20] = editor;
+		$[21] = updateFrequentEmojis;
+		$[22] = t9;
+	} else t9 = $[22];
+	const onSelectEmoji = t9;
+	let t10;
+	if ($[23] !== dispatch || $[24] !== emojiLibrary) {
+		t10 = (categoryId_0) => {
+			dispatch({
+				payload: { focusedCategory: categoryId_0 },
+				type: "SET_FOCUSED_CATEGORY"
+			});
+			const getSectionPositionToScrollIntoView = () => {
+				const section = emojiLibrary.getGrid().section(categoryId_0);
+				const contentRootScrollTop = refs.current.contentRoot.current?.scrollTop ?? 0;
+				const contentRootTopPosition = refs.current.contentRoot.current?.getBoundingClientRect().top ?? 0;
+				const sectionTopPosition = section?.root.current?.getBoundingClientRect().top ?? 0;
+				return 1 + contentRootScrollTop + sectionTopPosition - contentRootTopPosition;
+			};
+			if (refs.current.contentRoot.current) refs.current.contentRoot.current.scrollTop = getSectionPositionToScrollIntoView();
+		};
+		$[23] = dispatch;
+		$[24] = emojiLibrary;
+		$[25] = t10;
+	} else t10 = $[25];
+	const handleCategoryClick = t10;
+	let t11;
+	let t12;
+	if ($[26] !== emojiLibrary || $[27] !== setFocusedAndVisibleSections || $[28] !== state.isOpen || $[29] !== state.isSearching) {
+		t11 = () => {
+			if (state.isOpen && !state.isSearching) setTimeout(() => {
+				observeCategories({
+					ancestorRef: refs.current.contentRoot,
+					emojiLibrary,
+					setFocusedAndVisibleSections
+				});
+			}, 0);
+		};
+		t12 = [
+			emojiLibrary,
+			state.isOpen,
+			state.isSearching,
+			setFocusedAndVisibleSections
+		];
+		$[26] = emojiLibrary;
+		$[27] = setFocusedAndVisibleSections;
+		$[28] = state.isOpen;
+		$[29] = state.isSearching;
+		$[30] = t11;
+		$[31] = t12;
+	} else {
+		t11 = $[30];
+		t12 = $[31];
+	}
+	React.useEffect(t11, t12);
+	let t13;
+	if ($[32] !== clearSearch || $[33] !== emojiLibrary || $[34] !== handleCategoryClick || $[35] !== onMouseOver || $[36] !== onSelectEmoji || $[37] !== setIsOpen || $[38] !== setSearch || $[39] !== state) {
+		t13 = {
+			clearSearch,
+			emoji: state.emoji,
+			emojiLibrary,
+			i18n,
+			refs,
+			setIsOpen,
+			setSearch,
+			handleCategoryClick,
+			onMouseOver,
+			onSelectEmoji,
+			...state
+		};
+		$[32] = clearSearch;
+		$[33] = emojiLibrary;
+		$[34] = handleCategoryClick;
+		$[35] = onMouseOver;
+		$[36] = onSelectEmoji;
+		$[37] = setIsOpen;
+		$[38] = setSearch;
+		$[39] = state;
+		$[40] = t13;
+	} else t13 = $[40];
+	return t13;
+};
+
+//#endregion
+//#region src/react/hooks/useEmojiDropdownMenuState.ts
+function useEmojiDropdownMenuState(t0) {
+	const $ = c(19);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? {} : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { closeOnSelect: t2, settings: t3 } = t1;
+	const closeOnSelect = t2 === void 0 ? true : t2;
+	const settings = t3 === void 0 ? EmojiSettings : t3;
+	const data = usePluginOption(EmojiPlugin, "data");
+	let t4;
+	if ($[2] !== data || $[3] !== settings) {
+		t4 = () => {
+			const frequentEmojiStorage = new FrequentEmojiStorage({ limit: settings.showFrequent.limit });
+			const emojiLibrary = EmojiFloatingLibrary.getInstance(settings, frequentEmojiStorage, data);
+			return [emojiLibrary, EmojiFloatingIndexSearch.getInstance(emojiLibrary)];
+		};
+		$[2] = data;
+		$[3] = settings;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== settings) {
+		t5 = [settings];
+		$[5] = settings;
+		$[6] = t5;
+	} else t5 = $[6];
+	const [emojiLibrary_0, indexSearch_0] = useStableMemo(t4, t5);
+	let t6;
+	if ($[7] !== closeOnSelect || $[8] !== emojiLibrary_0 || $[9] !== indexSearch_0) {
+		t6 = {
+			closeOnSelect,
+			emojiLibrary: emojiLibrary_0,
+			indexSearch: indexSearch_0
+		};
+		$[7] = closeOnSelect;
+		$[8] = emojiLibrary_0;
+		$[9] = indexSearch_0;
+		$[10] = t6;
+	} else t6 = $[10];
+	const t7 = useEmojiPicker(t6);
+	let emojiPickerState;
+	let isOpen;
+	let setIsOpen;
+	if ($[11] !== t7) {
+		({isOpen, setIsOpen, ...emojiPickerState} = t7);
+		$[11] = t7;
+		$[12] = emojiPickerState;
+		$[13] = isOpen;
+		$[14] = setIsOpen;
+	} else {
+		emojiPickerState = $[12];
+		isOpen = $[13];
+		setIsOpen = $[14];
+	}
+	let t8;
+	if ($[15] !== emojiPickerState || $[16] !== isOpen || $[17] !== setIsOpen) {
+		t8 = {
+			emojiPickerState,
+			isOpen,
+			setIsOpen
+		};
+		$[15] = emojiPickerState;
+		$[16] = isOpen;
+		$[17] = setIsOpen;
+		$[18] = t8;
+	} else t8 = $[18];
+	return t8;
+}
+
+//#endregion
+export { EmojiFloatingGrid, EmojiFloatingGridBuilder, EmojiFloatingLibrary, EmojiGridSectionWithRoot, EmojiInputPlugin, EmojiPlugin, FrequentEmojiStorage, LocalStorage, observeCategories, useEmojiDropdownMenuState, useEmojiPicker, useEmojiPickerState };
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["toPlatePlugin","BaseEmojiInputPlugin","BaseEmojiPlugin","EmojiInputPlugin","EmojiPlugin","plugins","ILocalStorage","get","T","set","value","LocalStorage","key","defaultValue","constructor","window","valueInLocalStorage","localStorage","getItem","JSON","parse","removeItem","setItem","stringify","FrequentEmojiStorageProps","IFrequentEmojiStorage","DEFAULT_FREQUENTLY_USED_EMOJI","FrequentEmojis","EmojiCategory","LocalStorage","FrequentEmojiStorage","key","Frequent","limit","localStorage","prefix","defaultValue","constructor","props","get","data","Object","fromEntries","keys","sort","a","b","map","getList","splice","set","value","update","emojiId","prevEmojis","count","emojis","React","EmojiCategoryList","IEmojiFloatingLibrary","MapEmojiCategoryList","setVisibleSections","entries","IntersectionObserverEntry","visibleSections","entry","id","target","HTMLDivElement","dataset","set","isIntersecting","getSectionInFocus","ratio","ObserverCategoriesType","ancestorRef","MutableRefObject","emojiLibrary","setFocusedAndVisibleSections","SetFocusedAndVisibleSectionsType","categoryId","observeCategories","observerOptions","root","current","threshold","Map","observer","IntersectionObserver","focusedSectionId","section","getGrid","sections","observe","React","EmojiCategoryList","IGrid","AGridSection","Grid","EmojiFloatingGridType","RefObject","HTMLDivElement","EmojiFloatingGrid","createRootRef","createRef","EmojiGridSectionWithRoot","_root","EmojiCategoryList","EmojiSettingsType","GridElements","IFrequentEmojiStorage","EmojiFloatingGrid","EmojiGridSectionWithRoot","EmojiFloatingGridBuilder","grid","localStorage","sections","elements","settings","constructor","addFrequent","showFrequent","value","id","addSection","perLine","getList","build","frequent","forEach","length","EmojiFloatingGridType","IEmojiFloatingLibrary","IFrequentEmojiStorage","EmojiCategoryList","EmojiLibrary","EmojiSettingsType","DEFAULT_EMOJI_LIBRARY","defaultCategories","EmojiCategory","EmojiInlineLibrary","EmojiFloatingGridBuilder","EmojiFloatingLibrary","instance","categories","emojis","Partial","Record","grid","settings","localStorage","library","constructor","value","initEmojis","build","getInstance","categoriesLibrary","category","id","getGrid","indexOf","focusedCategory","index","updateFrequentCategory","emojiId","update","updateSection","Frequent","getList","React","Emoji","EmojiCategoryList","EmojiCategory","EmojiPickerStateDispatch","type","payload","Partial","EmojiPickerStateProps","hasFound","isOpen","isSearching","searchResult","searchValue","visibleCategories","MapEmojiCategoryList","emoji","focusedCategory","frequentEmoji","Map","initialState","undefined","useEmojiPickerState","$","_c","cache","dispatch","useReducer","_temp","t0","state","action","Frequent","Error","React","Emoji","useEditorRef","AIndexSearch","EmojiCategoryList","EmojiIconList","EmojiSettingsType","i18nProps","i18n","insertEmoji","IEmojiFloatingLibrary","SetFocusedAndVisibleSectionsType","observeCategories","useEmojiPickerState","MapEmojiCategoryList","MutableRefs","MutableRefObject","content","RefObject","HTMLDivElement","contentRoot","UseEmojiPickerProps","closeOnSelect","emojiLibrary","indexSearch","UseEmojiPickerType","ReactElement","hasFound","icons","T","isOpen","isSearching","refs","searchResult","searchValue","visibleCategories","clearSearch","setIsOpen","setSearch","value","handleCategoryClick","id","onMouseOver","emoji","onSelectEmoji","focusedCategory","settings","styles","useEmojiPicker","t0","$","_c","editor","state","dispatch","t1","Symbol","for","createRef","useRef","t2","type","t3","visibleSections","categoryId","payload","setFocusedAndVisibleSections","t4","input","String","replaceAll","search","get","handleSearchInput","t5","value_0","t6","t7","t8","emojiId","updateFrequentCategory","frequentEmoji","updateFrequentEmojis","t9","emoji_0","t10","categoryId_0","getSectionPositionToScrollIntoView","section","getGrid","contentRootScrollTop","current","scrollTop","contentRootTopPosition","getBoundingClientRect","top","sectionTopPosition","root","t11","t12","setTimeout","ancestorRef","useEffect","t13","usePluginOption","useStableMemo","EmojiSettingsType","EmojiFloatingIndexSearch","EmojiSettings","EmojiPlugin","FrequentEmojiStorage","EmojiFloatingLibrary","useEmojiPicker","EmojiDropdownMenuOptions","closeOnSelect","settings","useEmojiDropdownMenuState","t0","$","_c","t1","undefined","t2","t3","data","t4","frequentEmojiStorage","limit","showFrequent","emojiLibrary","getInstance","indexSearch","const","t5","emojiLibrary_0","indexSearch_0","t6","t7","emojiPickerState","isOpen","setIsOpen","t8"],"sources":["../../src/react/EmojiPlugin.tsx","../../src/react/storage/LocalStorage.ts","../../src/react/storage/FrequentEmojiStorage.ts","../../src/react/utils/EmojiObserver.ts","../../src/react/utils/EmojiLibrary/EmojiFloatingGrid.ts","../../src/react/utils/EmojiLibrary/EmojiFloatingGridBuilder.ts","../../src/react/utils/EmojiLibrary/EmojiFloatingLibrary.ts","../../src/react/hooks/useEmojiPickerState.ts","../../src/react/hooks/useEmojiPicker.ts","../../src/react/hooks/useEmojiDropdownMenuState.ts"],"sourcesContent":["import { toPlatePlugin } from 'platejs/react';\n\nimport { BaseEmojiInputPlugin, BaseEmojiPlugin } from '../lib';\n\nexport const EmojiInputPlugin = toPlatePlugin(BaseEmojiInputPlugin);\n\nexport const EmojiPlugin = toPlatePlugin(BaseEmojiPlugin, {\n  plugins: [EmojiInputPlugin],\n});\n","export type ILocalStorage<T> = {\n  get: () => T;\n  set: (value: T) => void;\n};\n\nexport class LocalStorage<T> implements ILocalStorage<T> {\n  protected key: string;\n  protected defaultValue: T;\n\n  constructor(key: string, defaultValue: T) {\n    this.key = key;\n    this.defaultValue = defaultValue;\n  }\n\n  get(): T {\n    let value = this.defaultValue;\n\n    if (typeof window === 'undefined') return value;\n\n    const valueInLocalStorage = window.localStorage.getItem(this.key);\n\n    if (valueInLocalStorage) {\n      try {\n        value = JSON.parse(valueInLocalStorage);\n      } catch {\n        window.localStorage.removeItem(this.key);\n      }\n    }\n\n    return value;\n  }\n\n  set(value: any) {\n    window.localStorage.setItem(this.key, JSON.stringify(value));\n  }\n}\n","import type {\n  FrequentEmojiStorageProps,\n  IFrequentEmojiStorage,\n} from '../utils';\n\nimport { DEFAULT_FREQUENTLY_USED_EMOJI } from '../../lib/constants';\nimport { type FrequentEmojis, EmojiCategory } from '../../lib/types';\nimport { LocalStorage } from './LocalStorage';\n\nexport class FrequentEmojiStorage implements IFrequentEmojiStorage {\n  protected key = EmojiCategory.Frequent;\n  protected limit = 8;\n  protected localStorage;\n  protected prefix = 'emoji';\n  protected defaultValue = DEFAULT_FREQUENTLY_USED_EMOJI;\n\n  constructor(\n    props: FrequentEmojiStorageProps,\n    defaultValue = DEFAULT_FREQUENTLY_USED_EMOJI\n  ) {\n    this.defaultValue = defaultValue;\n    this.limit = props.limit ?? this.limit;\n    const key = `${props.prefix ?? this.prefix}:${props.key ?? this.key}`;\n    this.localStorage = new LocalStorage(key, defaultValue);\n  }\n\n  get(): FrequentEmojis {\n    const data = this.localStorage.get();\n\n    return Object.fromEntries(\n      Object.keys(data)\n        .sort((a, b) => data[b] - data[a])\n        .map((key) => [key, data[key]])\n    );\n  }\n\n  getList(): string[] {\n    return Object.keys(this.get()).splice(0, this.limit);\n  }\n\n  set(value: any) {\n    this.localStorage.set(value);\n  }\n\n  update(emojiId: string) {\n    const prevEmojis = this.localStorage.get();\n    const count = prevEmojis![emojiId] ? prevEmojis[emojiId] + 1 : 1;\n\n    const emojis: FrequentEmojis = {\n      ...prevEmojis,\n      [emojiId]: count,\n    };\n\n    this.localStorage.set(emojis);\n\n    return emojis;\n  }\n}\n","import type React from 'react';\n\nimport type { EmojiCategoryList } from '../../lib';\nimport type { IEmojiFloatingLibrary } from './EmojiLibrary';\nimport type { MapEmojiCategoryList } from '../hooks/useEmojiPickerState';\n\nconst setVisibleSections = (\n  entries: IntersectionObserverEntry[],\n  visibleSections: MapEmojiCategoryList\n) => {\n  for (const entry of entries) {\n    const id = (entry.target as HTMLDivElement).dataset.id as EmojiCategoryList;\n    visibleSections.set(id, entry.isIntersecting);\n  }\n};\n\nconst getSectionInFocus = (\n  visibleSections: MapEmojiCategoryList\n): EmojiCategoryList | undefined => {\n  for (const [id, ratio] of visibleSections) {\n    if (ratio) {\n      return id;\n    }\n  }\n};\n\nexport type ObserverCategoriesType = {\n  ancestorRef: React.MutableRefObject<HTMLDivElement | null>;\n  emojiLibrary: IEmojiFloatingLibrary;\n  setFocusedAndVisibleSections: SetFocusedAndVisibleSectionsType;\n};\n\nexport type SetFocusedAndVisibleSectionsType = (\n  visibleSections: MapEmojiCategoryList,\n  categoryId?: EmojiCategoryList\n) => void;\n\nexport const observeCategories = ({\n  ancestorRef,\n  emojiLibrary,\n  setFocusedAndVisibleSections,\n}: ObserverCategoriesType) => {\n  const observerOptions = {\n    root: ancestorRef.current,\n    threshold: 0,\n  };\n\n  const visibleSections: MapEmojiCategoryList = new Map();\n\n  const observer = new IntersectionObserver((entries) => {\n    setVisibleSections(entries, visibleSections);\n    const focusedSectionId = getSectionInFocus(visibleSections);\n\n    if (focusedSectionId) {\n      setFocusedAndVisibleSections(visibleSections, focusedSectionId);\n    }\n  }, observerOptions);\n\n  for (const section of emojiLibrary.getGrid().sections()) {\n    if (section.root.current) observer.observe(section.root.current);\n  }\n\n  return observer;\n};\n","import React from 'react';\n\nimport {\n  type EmojiCategoryList,\n  type IGrid,\n  AGridSection,\n  Grid,\n} from '../../../lib';\n\nexport type EmojiFloatingGridType = IGrid<\n  React.RefObject<HTMLDivElement | null>,\n  EmojiCategoryList\n>;\n\nexport class EmojiFloatingGrid extends Grid<\n  React.RefObject<HTMLDivElement | null>,\n  EmojiCategoryList\n> {\n  createRootRef() {\n    return React.createRef<HTMLDivElement>();\n  }\n}\n\nexport class EmojiGridSectionWithRoot extends AGridSection<\n  React.RefObject<HTMLDivElement | null>,\n  EmojiCategoryList\n> {\n  protected createRootRef() {\n    this._root = React.createRef<HTMLDivElement>();\n  }\n}\n","import type {\n  EmojiCategoryList,\n  EmojiSettingsType,\n  GridElements,\n} from '../../../lib';\nimport type { IFrequentEmojiStorage } from './EmojiFloatingLibrary.types';\n\nimport {\n  EmojiFloatingGrid,\n  EmojiGridSectionWithRoot,\n} from './EmojiFloatingGrid';\n\nexport class EmojiFloatingGridBuilder {\n  protected grid = new EmojiFloatingGrid();\n  protected localStorage: IFrequentEmojiStorage;\n  protected sections: EmojiCategoryList[];\n  protected elements: GridElements;\n  protected settings: EmojiSettingsType;\n\n  constructor(\n    localStorage: IFrequentEmojiStorage,\n    sections: EmojiCategoryList[],\n    elements: GridElements,\n    settings: EmojiSettingsType\n  ) {\n    this.localStorage = localStorage;\n    this.sections = sections;\n    this.elements = elements;\n    this.settings = settings;\n  }\n\n  private addFrequent() {\n    if (this.settings.showFrequent.value) {\n      const id = 'frequent';\n      this.grid.addSection(\n        id,\n        new EmojiGridSectionWithRoot(id, this.settings.perLine.value),\n        {\n          [id]: this.localStorage.getList(),\n        }\n      );\n    }\n  }\n\n  build() {\n    if (this.elements.frequent) {\n      this.addFrequent();\n    }\n\n    this.sections.forEach((id) => {\n      if (this.elements[id]?.length) {\n        this.grid.addSection(\n          id,\n          new EmojiGridSectionWithRoot(id, this.settings.perLine.value),\n          this.elements\n        );\n      }\n    });\n\n    return this.grid;\n  }\n}\n","import type { EmojiFloatingGridType } from './EmojiFloatingGrid';\nimport type {\n  IEmojiFloatingLibrary,\n  IFrequentEmojiStorage,\n} from './EmojiFloatingLibrary.types';\n\nimport {\n  type EmojiCategoryList,\n  type EmojiLibrary,\n  type EmojiSettingsType,\n  DEFAULT_EMOJI_LIBRARY,\n  defaultCategories,\n  EmojiCategory,\n  EmojiInlineLibrary,\n} from '../../../lib';\nimport { EmojiFloatingGridBuilder } from './EmojiFloatingGridBuilder';\n\nexport class EmojiFloatingLibrary\n  extends EmojiInlineLibrary\n  implements IEmojiFloatingLibrary\n{\n  private static instance?: EmojiFloatingLibrary;\n\n  private readonly categories: EmojiCategoryList[] = defaultCategories;\n  private readonly emojis: Partial<Record<EmojiCategoryList, string[]>> = {};\n  private readonly grid: EmojiFloatingGridType;\n  protected settings: EmojiSettingsType;\n  protected localStorage: IFrequentEmojiStorage;\n  protected library: EmojiLibrary;\n\n  private constructor(\n    settings: EmojiSettingsType,\n    localStorage: IFrequentEmojiStorage,\n    library: EmojiLibrary = DEFAULT_EMOJI_LIBRARY\n  ) {\n    super(library);\n\n    this.settings = settings;\n    this.localStorage = localStorage;\n    this.library = library;\n\n    this.categories = settings.categories.value ?? this.categories;\n\n    this.initEmojis(library.categories);\n\n    this.grid = new EmojiFloatingGridBuilder(\n      this.localStorage,\n      this.categories,\n      this.emojis,\n      settings\n    ).build();\n  }\n\n  static getInstance(\n    settings: EmojiSettingsType,\n    localStorage: IFrequentEmojiStorage,\n    library = DEFAULT_EMOJI_LIBRARY\n  ) {\n    if (!EmojiFloatingLibrary.instance) {\n      EmojiFloatingLibrary.instance = new EmojiFloatingLibrary(\n        settings,\n        localStorage,\n        library\n      );\n    }\n\n    return EmojiFloatingLibrary.instance;\n  }\n\n  private initEmojis(categoriesLibrary: any) {\n    for (const category of categoriesLibrary) {\n      (this.emojis as any)[category.id] = category.emojis;\n    }\n  }\n\n  getGrid() {\n    return this.grid;\n  }\n\n  indexOf(focusedCategory: EmojiCategoryList) {\n    const index = this.grid.indexOf(focusedCategory);\n\n    return index < 1 ? 0 : index;\n  }\n\n  updateFrequentCategory(emojiId: string) {\n    this.localStorage.update(emojiId);\n    this.grid.updateSection(\n      EmojiCategory.Frequent,\n      this.localStorage.getList()\n    );\n  }\n}\n","import React from 'react';\n\nimport type { Emoji } from '@emoji-mart/data';\n\nimport { type EmojiCategoryList, EmojiCategory } from '../../lib';\n\nexport type EmojiPickerStateDispatch = {\n  type: string;\n  payload?: Partial<EmojiPickerStateProps>;\n};\n\nexport type EmojiPickerStateProps = {\n  hasFound: boolean;\n  isOpen: boolean;\n  isSearching: boolean;\n  searchResult: Emoji[];\n  searchValue: string;\n  visibleCategories: MapEmojiCategoryList;\n  emoji?: Emoji;\n  focusedCategory?: EmojiCategoryList;\n  frequentEmoji?: string;\n};\n\nexport type MapEmojiCategoryList = Map<EmojiCategoryList, boolean>;\n\nconst initialState: EmojiPickerStateProps = {\n  emoji: undefined,\n  focusedCategory: undefined,\n  frequentEmoji: undefined,\n  hasFound: false,\n  isOpen: false,\n  isSearching: false,\n  searchResult: [],\n  searchValue: '',\n  visibleCategories: new Map(),\n};\n\nexport const useEmojiPickerState = (): [\n  EmojiPickerStateProps,\n  React.Dispatch<EmojiPickerStateDispatch>,\n] => {\n  const [cache, dispatch] = React.useReducer(\n    (state: EmojiPickerStateProps, action: EmojiPickerStateDispatch) => {\n      const { payload, type } = action;\n\n      switch (type) {\n        case 'CLEAR_SEARCH': {\n          return {\n            ...state,\n            focusedCategory: EmojiCategory.Frequent,\n            hasFound: false,\n            isSearching: false,\n            searchValue: '',\n          };\n        }\n        case 'SET_CLOSE': {\n          return {\n            ...state,\n            emoji: undefined,\n            isOpen: false,\n          };\n        }\n        case 'SET_EMOJI':\n        case 'SET_FOCUSED_AND_VISIBLE_CATEGORIES':\n        case 'SET_SEARCH': {\n          return { ...state, ...payload };\n        }\n        case 'SET_FOCUSED_CATEGORY': {\n          return {\n            ...state,\n            ...payload,\n            hasFound: false,\n            isSearching: false,\n            searchValue: '',\n          };\n        }\n        case 'SET_OPEN': {\n          return {\n            ...state,\n            isOpen: true,\n          };\n        }\n        case 'UPDATE_FREQUENT_EMOJIS': {\n          return {\n            ...state,\n            ...payload,\n            emoji: undefined,\n          };\n        }\n        case 'UPDATE_SEARCH_RESULT': {\n          return {\n            ...state,\n            ...payload,\n            focusedCategory: undefined,\n            isSearching: true,\n          };\n        }\n        default: {\n          throw new Error(`Unhandled action type: ${type}`);\n        }\n      }\n    },\n    initialState\n  );\n\n  return [cache, dispatch];\n};\n","import React from 'react';\n\nimport type { Emoji } from '@emoji-mart/data';\n\nimport { useEditorRef } from 'platejs/react';\n\nimport {\n  type AIndexSearch,\n  type EmojiCategoryList,\n  type EmojiIconList,\n  type EmojiSettingsType,\n  type i18nProps,\n  i18n,\n  insertEmoji,\n} from '../../lib';\nimport {\n  type IEmojiFloatingLibrary,\n  type SetFocusedAndVisibleSectionsType,\n  observeCategories,\n} from '../utils';\nimport {\n  useEmojiPickerState,\n  type MapEmojiCategoryList,\n} from './useEmojiPickerState';\n\nexport type MutableRefs = React.MutableRefObject<{\n  content: React.RefObject<HTMLDivElement | null> | undefined;\n  contentRoot: React.RefObject<HTMLDivElement | null> | undefined;\n}>;\n\nexport type UseEmojiPickerProps = {\n  closeOnSelect: boolean;\n  emojiLibrary: IEmojiFloatingLibrary;\n  indexSearch: AIndexSearch;\n};\n\nexport type UseEmojiPickerType<\n  T extends React.ReactElement<any> = React.ReactElement<any>,\n> = {\n  emojiLibrary: IEmojiFloatingLibrary;\n  hasFound: boolean;\n  i18n: i18nProps;\n  icons: EmojiIconList<T>;\n  isOpen: boolean;\n  isSearching: boolean;\n  refs: MutableRefs;\n  searchResult: Emoji[];\n  searchValue: string;\n  visibleCategories: MapEmojiCategoryList;\n  clearSearch: () => void;\n  setIsOpen: (isOpen: boolean) => void;\n  setSearch: (value: string) => void;\n  handleCategoryClick: (id: EmojiCategoryList) => void;\n  onMouseOver: (emoji?: Emoji) => void;\n  onSelectEmoji: (emoji: Emoji) => void;\n  emoji?: Emoji;\n  focusedCategory?: EmojiCategoryList;\n  settings?: EmojiSettingsType;\n  styles?: any;\n};\n\nexport const useEmojiPicker = ({\n  closeOnSelect,\n  emojiLibrary,\n  indexSearch,\n}: UseEmojiPickerProps): Omit<UseEmojiPickerType, 'icons' | 'settings'> => {\n  const editor = useEditorRef();\n\n  const [state, dispatch] = useEmojiPickerState();\n  const refs = React.useRef({\n    content: React.createRef<HTMLDivElement>(),\n    contentRoot: React.createRef<HTMLDivElement>(),\n  });\n\n  const setIsOpen = React.useCallback(\n    (isOpen: boolean) => {\n      dispatch({\n        type: isOpen ? 'SET_OPEN' : 'SET_CLOSE',\n      });\n    },\n    [dispatch]\n  );\n\n  const setFocusedAndVisibleSections =\n    React.useCallback<SetFocusedAndVisibleSectionsType>(\n      (visibleSections, categoryId) => {\n        dispatch({\n          payload: {\n            focusedCategory: categoryId,\n            visibleCategories: visibleSections,\n          },\n          type: 'SET_FOCUSED_AND_VISIBLE_CATEGORIES',\n        });\n      },\n      [dispatch]\n    );\n\n  const handleSearchInput = React.useCallback(\n    (input: string) => {\n      const value = String(input).replaceAll(/\\s/g, '');\n\n      if (!value && !input) {\n        dispatch({ type: 'CLEAR_SEARCH' });\n\n        return;\n      }\n\n      const hasFound = indexSearch.search(value).hasFound();\n\n      dispatch({\n        payload: {\n          hasFound,\n          searchResult: indexSearch.get(),\n          searchValue: value,\n        },\n        type: 'UPDATE_SEARCH_RESULT',\n      });\n    },\n    [dispatch, indexSearch]\n  );\n\n  const setSearch = React.useCallback(\n    (value: string) => {\n      if (value) {\n        handleSearchInput(value);\n      } else {\n        dispatch({ type: 'CLEAR_SEARCH' });\n      }\n    },\n    [dispatch, handleSearchInput]\n  );\n\n  const clearSearch = React.useCallback(() => {\n    dispatch({ type: 'CLEAR_SEARCH' });\n  }, [dispatch]);\n\n  const onMouseOver = React.useCallback(\n    (emoji?: Emoji) => {\n      dispatch({ payload: { emoji }, type: 'SET_EMOJI' });\n    },\n    [dispatch]\n  );\n\n  const updateFrequentEmojis = React.useCallback(\n    (emojiId: string) => {\n      emojiLibrary.updateFrequentCategory(emojiId);\n\n      dispatch({\n        payload: {\n          frequentEmoji: emojiId,\n          isOpen: closeOnSelect ? false : state.isOpen,\n        },\n        type: 'UPDATE_FREQUENT_EMOJIS',\n      });\n    },\n    [closeOnSelect, dispatch, emojiLibrary, state.isOpen]\n  );\n\n  const onSelectEmoji = React.useCallback(\n    (emoji: Emoji) => {\n      insertEmoji(editor, emoji);\n      updateFrequentEmojis(emoji.id);\n    },\n    [editor, updateFrequentEmojis]\n  );\n\n  const handleCategoryClick = React.useCallback(\n    (categoryId: EmojiCategoryList) => {\n      dispatch({\n        payload: { focusedCategory: categoryId },\n        type: 'SET_FOCUSED_CATEGORY',\n      });\n\n      const getSectionPositionToScrollIntoView = () => {\n        const trashHold = 1;\n        const section = emojiLibrary.getGrid().section(categoryId);\n\n        const contentRootScrollTop =\n          refs.current.contentRoot.current?.scrollTop ?? 0;\n        const contentRootTopPosition =\n          refs.current.contentRoot.current?.getBoundingClientRect().top ?? 0;\n        const sectionTopPosition =\n          section?.root.current?.getBoundingClientRect().top ?? 0;\n\n        return (\n          trashHold +\n          contentRootScrollTop +\n          sectionTopPosition -\n          contentRootTopPosition\n        );\n      };\n\n      if (refs.current.contentRoot.current) {\n        refs.current.contentRoot.current.scrollTop =\n          getSectionPositionToScrollIntoView();\n      }\n    },\n    [dispatch, emojiLibrary]\n  );\n\n  React.useEffect(() => {\n    if (state.isOpen && !state.isSearching) {\n      // Timeout to allow the category element refs to populate\n      setTimeout(() => {\n        observeCategories({\n          ancestorRef: refs.current.contentRoot,\n          emojiLibrary,\n          setFocusedAndVisibleSections,\n        });\n      }, 0);\n    }\n  }, [\n    emojiLibrary,\n    state.isOpen,\n    state.isSearching,\n    setFocusedAndVisibleSections,\n  ]);\n\n  return {\n    clearSearch,\n    emoji: state.emoji,\n    emojiLibrary,\n    i18n,\n    refs,\n    setIsOpen,\n    setSearch,\n    handleCategoryClick,\n    onMouseOver,\n    onSelectEmoji,\n    ...state,\n  };\n};\n","import { usePluginOption, useStableMemo } from 'platejs/react';\n\nimport {\n  type EmojiSettingsType,\n  EmojiFloatingIndexSearch,\n  EmojiSettings,\n} from '../../lib';\nimport { EmojiPlugin } from '../EmojiPlugin';\nimport { FrequentEmojiStorage } from '../storage';\nimport { EmojiFloatingLibrary } from '../utils';\nimport { useEmojiPicker } from './useEmojiPicker';\n\nexport type EmojiDropdownMenuOptions = {\n  closeOnSelect?: boolean;\n  settings?: EmojiSettingsType;\n};\n\nexport function useEmojiDropdownMenuState({\n  closeOnSelect = true,\n  settings = EmojiSettings,\n}: EmojiDropdownMenuOptions = {}) {\n  const data = usePluginOption(EmojiPlugin, 'data')!;\n\n  const [emojiLibrary, indexSearch] = useStableMemo(() => {\n    const frequentEmojiStorage = new FrequentEmojiStorage({\n      limit: settings.showFrequent.limit,\n    });\n\n    const emojiLibrary = EmojiFloatingLibrary.getInstance(\n      settings,\n      frequentEmojiStorage,\n      data\n    );\n\n    const indexSearch = EmojiFloatingIndexSearch.getInstance(emojiLibrary);\n\n    return [emojiLibrary, indexSearch] as const;\n  }, [settings]);\n\n  const { isOpen, setIsOpen, ...emojiPickerState } = useEmojiPicker({\n    closeOnSelect,\n    emojiLibrary,\n    indexSearch,\n  });\n\n  return {\n    emojiPickerState,\n    isOpen,\n    setIsOpen,\n  };\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@lofcz/platejs-emoji",
+  "version": "52.0.15",
+  "description": "Emoji plugin for Plate",
+  "keywords": [
+    "plate",
+    "plugin",
+    "slate"
+  ],
+  "homepage": "https://platejs.org",
+  "bugs": {
+    "url": "https://github.com/udecode/plate/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lofcz/plate.git",
+    "directory": "packages/emoji"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": "./dist/index.js",
+    "./react": "./dist/react/index.js",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0",
+    "@platejs/combobox": "npm:@lofcz/platejs-combobox@52.0.15"
+  },
+  "devDependencies": {
+    "@emoji-mart/data": "^1.2.1",
+    "@plate/scripts": "1.0.0"
+  },
+  "peerDependencies": {
+    "@emoji-mart/data": ">=1.2.0",
+    "platejs": ">=52.0.15",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "module": "./dist/index.js",
+  "scripts": {
+    "brl": "plate-pkg p:brl",
+    "build": "plate-pkg p:build",
+    "build:watch": "plate-pkg p:build:watch",
+    "clean": "plate-pkg p:clean",
+    "lint": "plate-pkg p:lint",
+    "lint:fix": "plate-pkg p:lint:fix",
+    "test": "plate-pkg p:test",
+    "test:watch": "plate-pkg p:test:watch",
+    "typecheck": "plate-pkg p:typecheck"
+  }
+}