truerte-react 0.0.3

package/CHANGELOG.md

@@ -0,0 +1,58 @@
+# Change log
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+The TrueRTE React component 1.0.0 is based on the TinyMCE React component 6.0.0-rc. Unreleased changes from Tiny since 5.1.0 are included in the 1.0.0 changelog.
+
+## 2.0.2 - 2025-08-30
+
+## Fixed
+- Removed console log spam left over from debugging.
+
+## 2.0.1 - 2025-06-30
+
+## Fixed
+- Building a project using `@truerte/truerte-react` failed without manually adding `@truerte/framework-integration-shared` as a dependency.
+
+## 2.0.0 - 2025-06-30
+
+### Removed
+- Removed `propTypes` property on the Editor class.
+- Removed `prop-types` dependency and some dev dependencies.
+- Removed the storybook stuff – a new demo will be added soon.
+- Removed an IE/old Edge specific fallback code.
+
+### Changed
+- Renamed the prefix of the default editor wrapper element ID from `tiny-react` to `truerte-react`.
+- Bumped some dependencies, including `truerte`.
+
+### Added
+- Added support for React 19.x.
+- Added support for `onResizeEditor` event.
+
+## Fixed
+- The onEditorChange callback was called three times when content was inserted with insertContent editor API. (Not sure if this bug did exist in 1.x, but anyway tests verify it's not present now.)
+
+## 1.0.1 - 2025-01-11
+
+### Fixed
+- License headers were not included in the files in the `lib` directory because the build was made before including the license headers.
+
+## 1.0.0 - 2025-01-11
+
+### Added
+- Added `cdnVersion` prop.
+
+### Changed
+- Moved ~~tinymce~~ (now truerte) dependency to peerDependencies, as well as making it optional.
+- Renamed `tinymceScriptSrc` prop to `truerteScriptSrc` and restrict its type to a string.
+
+### Removed
+- Removed `apiKey` prop.
+- Removed `licenseKey` prop.
+- Removed `cloudChannel` prop.
+
+### Improved
+- Updated dependencies.

package/LICENSE.txt

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2022 Ephox Corporation DBA Tiny Technologies, Inc.
+Copyright (c) 2025 TrueRTE contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,54 @@
+# Official TrueRTE React component
+
+## About
+
+This package is a thin wrapper around [TrueRTE](https://github.com/TrueRTE/truerte) to make it easier to use in a React application.
+
+- If you need full editor docs, see: [TrueRTE Documentation](https://github.com/TrueRTE/truerte/blob/master/docs/INSTALLATION_AND_USAGE.md).
+- For the React quick start, see: [TrueRTE React Installation and Usage Guide](https://github.com/TrueRTE/truerte-react/blob/master/docs/INSTALLATION_AND_USAGE.md#4-quick-start).
+- For the React technical reference, see: [TrueRTE React API Reference (Props)](https://github.com/TrueRTE/truerte-react/blob/master/docs/INSTALLATION_AND_USAGE.md#9-api-reference-props).
+- For imperative `useRef` control patterns, see: [TrueRTE React useRef Feature Control](https://github.com/TrueRTE/truerte-react/blob/master/docs/USE_REF_FEATURE_CONTROL.md).
+
+## Installation
+
+```bash
+npm install truerte truerte-react
+```
+
+## Quick Example
+
+```tsx
+import { Editor } from "truerte-react";
+
+export default function App() {
+  return (
+    <Editor
+      truerteScriptSrc="/truerte/truerte.min.js"
+      useLucideIcons={true}
+      init={{
+        height: 500,
+        plugins: "lists link table code",
+        toolbar: "undo redo | bold italic underline | bullist numlist | link table | code",
+      }}
+    />
+  );
+}
+```
+
+## Issues
+
+Have you found an issue with `truerte-react` or do you have a feature request?
+
+- Open an [issue](https://github.com/TrueRTE/truerte-react/issues)
+- Submit a [pull request](https://github.com/TrueRTE/truerte-react/pulls)
+
+Note: For core editor issues in TrueRTE itself, please use the [TrueRTE repository](https://github.com/TrueRTE/truerte).
+
+## Repository
+
+- React wrapper: [github.com/TrueRTE/truerte-react](https://github.com/TrueRTE/truerte-react)
+- Core editor: [github.com/TrueRTE/truerte](https://github.com/TrueRTE/truerte)
+
+## License
+
+MIT

package/lib/cjs/main/ts/EventNames.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Official TrueRTE React component
+ * Copyright (c) 2026 TrueRTE contributors
+ * Licensed under the MIT license (https://github.com/truerte/truerte-react/blob/main/LICENSE.TXT)
+ */
+export declare const nativeEvents: readonly ["BeforePaste", "Blur", "Click", "CompositionEnd", "CompositionStart", "CompositionUpdate", "ContextMenu", "Copy", "Cut", "Dblclick", "Drag", "DragDrop", "DragEnd", "DragGesture", "DragOver", "Drop", "Focus", "FocusIn", "FocusOut", "Input", "KeyDown", "KeyPress", "KeyUp", "MouseDown", "MouseEnter", "MouseLeave", "MouseMove", "MouseOut", "MouseOver", "MouseUp", "Paste", "SelectionChange"];
+export declare const customEvents: readonly ["Activate", "AddUndo", "BeforeAddUndo", "BeforeExecCommand", "BeforeGetContent", "BeforeRenderUI", "BeforeSetContent", "Change", "ClearUndos", "CommentChange", "Deactivate", "Dirty", "ExecCommand", "GetContent", "Hide", "IconsLoadError", "Init", "LanguageLoadError", "LoadContent", "ModelLoadError", "NodeChange", "ObjectResizeStart", "ObjectResized", "ObjectSelected", "PluginLoadError", "PostProcess", "PostRender", "PreProcess", "ProgressState", "Redo", "Remove", "Reset", "ResizeEditor", "SaveContent", "SetAttrib", "SetContent", "Show", "SkinLoadError", "Submit", "ThemeLoadError", "Undo", "VisualAid"];
+export declare const validEvents: readonly ["BeforePaste", "Blur", "Click", "CompositionEnd", "CompositionStart", "CompositionUpdate", "ContextMenu", "Copy", "Cut", "Dblclick", "Drag", "DragDrop", "DragEnd", "DragGesture", "DragOver", "Drop", "Focus", "FocusIn", "FocusOut", "Input", "KeyDown", "KeyPress", "KeyUp", "MouseDown", "MouseEnter", "MouseLeave", "MouseMove", "MouseOut", "MouseOver", "MouseUp", "Paste", "SelectionChange", "Activate", "AddUndo", "BeforeAddUndo", "BeforeExecCommand", "BeforeGetContent", "BeforeRenderUI", "BeforeSetContent", "Change", "ClearUndos", "CommentChange", "Deactivate", "Dirty", "ExecCommand", "GetContent", "Hide", "IconsLoadError", "Init", "LanguageLoadError", "LoadContent", "ModelLoadError", "NodeChange", "ObjectResizeStart", "ObjectResized", "ObjectSelected", "PluginLoadError", "PostProcess", "PostRender", "PreProcess", "ProgressState", "Redo", "Remove", "Reset", "ResizeEditor", "SaveContent", "SetAttrib", "SetContent", "Show", "SkinLoadError", "Submit", "ThemeLoadError", "Undo", "VisualAid"];

package/lib/cjs/main/ts/EventNames.js

@@ -0,0 +1,87 @@
+"use strict";
+/**
+ * Official TrueRTE React component
+ * Copyright (c) 2026 TrueRTE contributors
+ * Licensed under the MIT license (https://github.com/truerte/truerte-react/blob/main/LICENSE.TXT)
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validEvents = exports.customEvents = exports.nativeEvents = void 0;
+exports.nativeEvents = [
+    'BeforePaste',
+    'Blur',
+    'Click',
+    'CompositionEnd',
+    'CompositionStart',
+    'CompositionUpdate',
+    'ContextMenu',
+    'Copy',
+    'Cut',
+    'Dblclick',
+    'Drag',
+    'DragDrop',
+    'DragEnd',
+    'DragGesture',
+    'DragOver',
+    'Drop',
+    'Focus',
+    'FocusIn',
+    'FocusOut',
+    'Input',
+    'KeyDown',
+    'KeyPress',
+    'KeyUp',
+    'MouseDown',
+    'MouseEnter',
+    'MouseLeave',
+    'MouseMove',
+    'MouseOut',
+    'MouseOver',
+    'MouseUp',
+    'Paste',
+    'SelectionChange',
+];
+exports.customEvents = [
+    'Activate',
+    'AddUndo',
+    'BeforeAddUndo',
+    'BeforeExecCommand',
+    'BeforeGetContent',
+    'BeforeRenderUI',
+    'BeforeSetContent',
+    'Change',
+    'ClearUndos',
+    'CommentChange',
+    'Deactivate',
+    'Dirty',
+    'ExecCommand',
+    'GetContent',
+    'Hide',
+    'IconsLoadError',
+    'Init',
+    'LanguageLoadError',
+    'LoadContent',
+    'ModelLoadError',
+    'NodeChange',
+    'ObjectResizeStart',
+    'ObjectResized',
+    'ObjectSelected',
+    'PluginLoadError',
+    'PostProcess',
+    'PostRender',
+    'PreProcess',
+    'ProgressState',
+    'Redo',
+    'Remove',
+    'Reset',
+    'ResizeEditor',
+    'SaveContent',
+    'SetAttrib',
+    'SetContent',
+    'Show',
+    'SkinLoadError',
+    'Submit',
+    'ThemeLoadError',
+    'Undo',
+    'VisualAid',
+];
+exports.validEvents = [...exports.nativeEvents, ...exports.customEvents];

package/lib/cjs/main/ts/Events.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Official TrueRTE React component
+ * Copyright (c) 2022 Ephox Corporation DBA Tiny Technologies, Inc.
+ * Copyright (c) 2024 TrueRTE contributors
+ * Licensed under the MIT license (https://github.com/truerte/truerte-react/blob/main/LICENSE.TXT)
+ */
+import type { Editor as TrueRTEEditor, EditorEvent, Events } from 'truerte';
+import { customEvents, nativeEvents, validEvents } from './EventNames';
+export type EventHandler<A> = (a: EditorEvent<A>, editor: TrueRTEEditor) => unknown;
+type EEventHandler<K extends keyof Events.EditorEventMap> = EventHandler<Events.EditorEventMap[K]>;
+/** Ensures that T extends U, and returns T. */
+type EnsureExtends<T extends U, U> = T;
+export type INativeEvents = EnsureExtends<{
+    onBeforePaste: EEventHandler<'beforepaste'>;
+    onBlur: EEventHandler<'blur'>;
+    onClick: EEventHandler<'click'>;
+    onCompositionEnd: EEventHandler<'compositionend'>;
+    onCompositionStart: EEventHandler<'compositionstart'>;
+    onCompositionUpdate: EEventHandler<'compositionupdate'>;
+    onContextMenu: EEventHandler<'contextmenu'>;
+    onCopy: EEventHandler<'copy'>;
+    onCut: EEventHandler<'cut'>;
+    onDblclick: EEventHandler<'dblclick'>;
+    onDrag: EEventHandler<'drag'>;
+    onDragDrop: EEventHandler<'dragdrop'>;
+    onDragEnd: EEventHandler<'dragend'>;
+    onDragGesture: EEventHandler<'draggesture'>;
+    onDragOver: EEventHandler<'dragover'>;
+    onDrop: EEventHandler<'drop'>;
+    onFocus: EEventHandler<'focus'>;
+    onFocusIn: EEventHandler<'focusin'>;
+    onFocusOut: EEventHandler<'focusout'>;
+    onInput: EEventHandler<'input'>;
+    onKeyDown: EEventHandler<'keydown'>;
+    onKeyPress: EEventHandler<'keypress'>;
+    onKeyUp: EEventHandler<'keyup'>;
+    onMouseDown: EEventHandler<'mousedown'>;
+    onMouseEnter: EEventHandler<'mouseenter'>;
+    onMouseLeave: EEventHandler<'mouseleave'>;
+    onMouseMove: EEventHandler<'mousemove'>;
+    onMouseOut: EEventHandler<'mouseout'>;
+    onMouseOver: EEventHandler<'mouseover'>;
+    onMouseUp: EEventHandler<'mouseup'>;
+    onPaste: EEventHandler<'paste'>;
+    onSelectionChange: EEventHandler<'selectionchange'>;
+}, Record<`on${typeof nativeEvents[number]}`, unknown>>;
+export type ICustomEvents = EnsureExtends<{
+    onActivate: EEventHandler<'activate'>;
+    onAddUndo: EEventHandler<'AddUndo'>;
+    onBeforeAddUndo: EEventHandler<'BeforeAddUndo'>;
+    onBeforeExecCommand: EEventHandler<'BeforeExecCommand'>;
+    onBeforeGetContent: EEventHandler<'BeforeGetContent'>;
+    onBeforeRenderUI: EventHandler<unknown>;
+    onBeforeSetContent: EEventHandler<'BeforeSetContent'>;
+    onChange: EventHandler<unknown>;
+    onClearUndos: EEventHandler<'ClearUndos'>;
+    onCommentChange: EventHandler<unknown>;
+    onDeactivate: EEventHandler<'deactivate'>;
+    onDirty: EventHandler<unknown>;
+    onExecCommand: EEventHandler<'ExecCommand'>;
+    onGetContent: EEventHandler<'GetContent'>;
+    onHide: EventHandler<unknown>;
+    onInit: EEventHandler<'init'>;
+    onLoadContent: EEventHandler<'LoadContent'>;
+    onNodeChange: EEventHandler<'NodeChange'>;
+    onPostProcess: EventHandler<unknown>;
+    onPostRender: EEventHandler<'PostRender'>;
+    onPreProcess: EventHandler<unknown>;
+    onProgressState: EEventHandler<'ProgressState'>;
+    onRedo: EEventHandler<'Redo'>;
+    onRemove: EEventHandler<'remove'>;
+    onReset: EventHandler<unknown>;
+    onResizeEditor: EventHandler<unknown>;
+    onSaveContent: EventHandler<unknown>;
+    onSetAttrib: EventHandler<unknown>;
+    onObjectResizeStart: EEventHandler<'ObjectResizeStart'>;
+    onObjectResized: EEventHandler<'ObjectResized'>;
+    onObjectSelected: EEventHandler<'ObjectSelected'>;
+    onSetContent: EEventHandler<'SetContent'>;
+    onShow: EventHandler<unknown>;
+    onSubmit: EventHandler<unknown>;
+    onUndo: EEventHandler<'Undo'>;
+    onVisualAid: EventHandler<unknown>;
+    onSkinLoadError: EEventHandler<'SkinLoadError'>;
+    onThemeLoadError: EEventHandler<'ThemeLoadError'>;
+    onModelLoadError: EEventHandler<'ModelLoadError'>;
+    onPluginLoadError: EEventHandler<'PluginLoadError'>;
+    onIconsLoadError: EEventHandler<'IconsLoadError'>;
+    onLanguageLoadError: EEventHandler<'LanguageLoadError'>;
+    onScriptsLoad: () => void;
+    onScriptsLoadError: (err: unknown) => void;
+}, Record<`on${typeof customEvents[number]}`, unknown>>;
+export type IEvents = EnsureExtends<INativeEvents & ICustomEvents, Record<`on${typeof validEvents[number]}`, unknown>>;
+export {};

package/lib/cjs/main/ts/Events.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/main/ts/ScriptLoader2.d.ts

@@ -0,0 +1,10 @@
+export type CallbackFn = () => void;
+export interface ScriptItem {
+    src: string;
+    async?: boolean;
+    defer?: boolean;
+}
+export declare const ScriptLoader: {
+    loadList: (doc: Document, items: ScriptItem[], delay: number, success: () => void, failure?: (err: unknown) => void) => void;
+    reinitialize: () => void;
+};

package/lib/cjs/main/ts/ScriptLoader2.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScriptLoader = void 0;
+/**
+ * Official TrueRTE React component
+ * Copyright (c) 2022 Ephox Corporation DBA Tiny Technologies, Inc.
+ * Copyright (c) 2024 TrueRTE contributors
+ * Licensed under the MIT license (https://github.com/truerte/truerte-react/blob/main/LICENSE.TXT)
+ */
+const Uuid_1 = require("./Uuid");
+const injectScriptTag = (doc, item, handler) => {
+    var _a, _b;
+    const scriptTag = doc.createElement('script');
+    scriptTag.referrerPolicy = 'origin';
+    scriptTag.type = 'application/javascript';
+    scriptTag.id = item.id;
+    scriptTag.src = item.src;
+    scriptTag.async = (_a = item.async) !== null && _a !== void 0 ? _a : false;
+    scriptTag.defer = (_b = item.defer) !== null && _b !== void 0 ? _b : false;
+    const loadHandler = () => {
+        scriptTag.removeEventListener('load', loadHandler);
+        scriptTag.removeEventListener('error', errorHandler);
+        handler(item.src);
+    };
+    const errorHandler = (err) => {
+        scriptTag.removeEventListener('load', loadHandler);
+        scriptTag.removeEventListener('error', errorHandler);
+        handler(item.src, err);
+    };
+    scriptTag.addEventListener('load', loadHandler);
+    scriptTag.addEventListener('error', errorHandler);
+    if (doc.head) {
+        doc.head.appendChild(scriptTag);
+    }
+};
+const createDocumentScriptLoader = (doc) => {
+    let lookup = {};
+    const scriptLoadOrErrorHandler = (src, err) => {
+        const item = lookup[src];
+        item.done = true;
+        item.error = err;
+        for (const h of item.handlers) {
+            h(src, err);
+        }
+        item.handlers = [];
+    };
+    const loadScripts = (items, success, failure) => {
+        // eslint-disable-next-line no-console
+        const failureOrLog = (err) => failure !== undefined ? failure(err) : console.error(err);
+        if (items.length === 0) {
+            failureOrLog(new Error('At least one script must be provided'));
+            return;
+        }
+        let successCount = 0;
+        let failed = false;
+        const loaded = (_src, err) => {
+            if (failed) {
+                return;
+            }
+            if (err) {
+                failed = true;
+                failureOrLog(err);
+            }
+            else if (++successCount === items.length) {
+                success();
+            }
+        };
+        for (const item of items) {
+            const existing = lookup[item.src];
+            if (existing) {
+                if (existing.done) {
+                    loaded(item.src, existing.error);
+                }
+                else {
+                    existing.handlers.push(loaded);
+                }
+            }
+            else {
+                // create a new entry
+                const id = (0, Uuid_1.uuid)('tiny-');
+                lookup[item.src] = {
+                    id,
+                    src: item.src,
+                    done: false,
+                    error: null,
+                    handlers: [loaded],
+                };
+                injectScriptTag(doc, Object.assign({ id }, item), scriptLoadOrErrorHandler);
+            }
+        }
+    };
+    const deleteScripts = () => {
+        var _a;
+        for (const item of Object.values(lookup)) {
+            const scriptTag = doc.getElementById(item.id);
+            if (scriptTag != null && scriptTag.tagName === 'SCRIPT') {
+                (_a = scriptTag.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(scriptTag);
+            }
+        }
+        lookup = {};
+    };
+    const getDocument = () => doc;
+    return {
+        loadScripts,
+        deleteScripts,
+        getDocument
+    };
+};
+const createScriptLoader = () => {
+    const cache = [];
+    const getDocumentScriptLoader = (doc) => {
+        let loader = cache.find((l) => l.getDocument() === doc);
+        if (loader === undefined) {
+            loader = createDocumentScriptLoader(doc);
+            cache.push(loader);
+        }
+        return loader;
+    };
+    const loadList = (doc, items, delay, success, failure) => {
+        const doLoad = () => getDocumentScriptLoader(doc).loadScripts(items, success, failure);
+        if (delay > 0) {
+            setTimeout(doLoad, delay);
+        }
+        else {
+            doLoad();
+        }
+    };
+    const reinitialize = () => {
+        for (let loader = cache.pop(); loader != null; loader = cache.pop()) {
+            loader.deleteScripts();
+        }
+    };
+    return {
+        loadList,
+        reinitialize
+    };
+};
+exports.ScriptLoader = createScriptLoader();

package/lib/cjs/main/ts/TrueRTE.d.ts

@@ -0,0 +1,3 @@
+import type { TrueRTE as TrueRTEGlobal } from 'truerte';
+declare const getTrueRTE: (view: Window) => TrueRTEGlobal | null;
+export { getTrueRTE };

package/lib/cjs/main/ts/TrueRTE.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTrueRTE = void 0;
+const getTrueRTE = (view) => {
+    const global = view;
+    return global && global.truerte ? global.truerte : null;
+};
+exports.getTrueRTE = getTrueRTE;

package/lib/cjs/main/ts/Utils.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Official TrueRTE React component
+ * Copyright (c) 2022 Ephox Corporation DBA Tiny Technologies, Inc.
+ * Copyright (c) 2024 TrueRTE contributors
+ * Licensed under the MIT license (https://github.com/truerte/truerte-react/blob/main/LICENSE.TXT)
+ */
+import { IEvents } from './Events';
+import { IAllProps } from './components/Editor';
+import type { Editor as TrueRTEEditor, EditorEvent } from 'truerte';
+export declare const isFunction: (x: unknown) => x is Function;
+type PropLookup = <K extends keyof IAllProps>(key: K) => IAllProps[K] | undefined;
+export declare const configHandlers2: <H>(handlerLookup: PropLookup, on: (name: string, handler: H) => void, off: (name: string, handler: H) => void, adapter: <K extends keyof IEvents>(lookup: PropLookup, key: K) => H, prevProps: Partial<IAllProps>, props: Partial<IAllProps>, boundHandlers: Record<string, H>) => void;
+export declare const configHandlers: (editor: TrueRTEEditor, prevProps: Partial<IAllProps>, props: Partial<IAllProps>, boundHandlers: Record<string, (event: EditorEvent<any>) => unknown>, lookup: PropLookup) => void;
+export declare const isTextareaOrInput: (element: Element | null) => element is (HTMLTextAreaElement | HTMLInputElement);
+export declare const mergePlugins: (initPlugins: string | string[] | undefined, inputPlugins: string | string[] | undefined) => string[];
+export declare const isBeforeInputEventAvailable: () => boolean;
+export declare const setMode: (editor: TrueRTEEditor | undefined, mode: "readonly" | "design") => void;
+export {};

package/lib/cjs/main/ts/Utils.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setMode = exports.isBeforeInputEventAvailable = exports.mergePlugins = exports.isTextareaOrInput = exports.configHandlers = exports.configHandlers2 = exports.isFunction = void 0;
+// TODO: Use what possible from `@truerte/framework-integration-shared`
+const isFunction = (x) => typeof x === 'function';
+exports.isFunction = isFunction;
+const isEventProp = (name) => {
+    return name.startsWith('on') /*  && name !== 'onEditorChange' */;
+};
+const eventAttrToEventName = (attrName) => attrName.substring(2);
+const configHandlers2 = (handlerLookup, on, off, adapter, prevProps, props, boundHandlers) => {
+    const prevEventKeys = Object.keys(prevProps).filter(isEventProp);
+    const currEventKeys = Object.keys(props).filter(isEventProp);
+    const removedKeys = prevEventKeys.filter((key) => props[key] === undefined);
+    const addedKeys = currEventKeys.filter((key) => prevProps[key] === undefined);
+    removedKeys.forEach((key) => {
+        // remove event handler
+        const eventName = eventAttrToEventName(key);
+        const wrappedHandler = boundHandlers[eventName];
+        off(eventName, wrappedHandler);
+        delete boundHandlers[eventName];
+    });
+    addedKeys.forEach((key) => {
+        const wrappedHandler = adapter(handlerLookup, key);
+        const eventName = eventAttrToEventName(key);
+        boundHandlers[eventName] = wrappedHandler;
+        on(eventName, wrappedHandler);
+    });
+};
+exports.configHandlers2 = configHandlers2;
+const configHandlers = (editor, prevProps, props, boundHandlers, lookup) => (0, exports.configHandlers2)(lookup, editor.on.bind(editor), editor.off.bind(editor), 
+// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+(handlerLookup, key) => (e) => { var _a; return (_a = handlerLookup(key)) === null || _a === void 0 ? void 0 : _a(e, editor); }, prevProps, props, boundHandlers);
+exports.configHandlers = configHandlers;
+const isTextareaOrInput = (element) => element !== null && (element.tagName.toLowerCase() === 'textarea' || element.tagName.toLowerCase() === 'input');
+exports.isTextareaOrInput = isTextareaOrInput;
+const normalizePluginArray = (plugins) => {
+    if (typeof plugins === 'undefined' || plugins === '') {
+        return [];
+    }
+    return Array.isArray(plugins) ? plugins : plugins.split(' ');
+};
+// eslint-disable-next-line max-len
+const mergePlugins = (initPlugins, inputPlugins) => normalizePluginArray(initPlugins).concat(normalizePluginArray(inputPlugins));
+exports.mergePlugins = mergePlugins;
+const isBeforeInputEventAvailable = () => window.InputEvent && typeof InputEvent.prototype.getTargetRanges === 'function';
+exports.isBeforeInputEventAvailable = isBeforeInputEventAvailable;
+const setMode = (editor, mode) => {
+    if (editor !== undefined) {
+        editor.mode.set(mode);
+    }
+};
+exports.setMode = setMode;

package/lib/cjs/main/ts/Uuid.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Official TrueRTE React component
+ * Copyright (c) 2026 TrueRTE contributors
+ * Licensed under the MIT license (https://github.com/truerte/truerte-react/blob/main/LICENSE.TXT)
+ */
+export declare const uuid: (prefix: string) => string;

package/lib/cjs/main/ts/Uuid.js

@@ -0,0 +1,16 @@
+"use strict";
+/**
+ * Official TrueRTE React component
+ * Copyright (c) 2026 TrueRTE contributors
+ * Licensed under the MIT license (https://github.com/truerte/truerte-react/blob/main/LICENSE.TXT)
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uuid = void 0;
+let unique = 0;
+const uuid = (prefix) => {
+    const time = Date.now();
+    const random = Math.floor(Math.random() * 1000000000);
+    unique++;
+    return prefix + '_' + random + unique + String(time);
+};
+exports.uuid = uuid;