jodit-pro 4.12.6 → 4.12.8

package/es5/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.6
+ * Version: v4.12.8
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -729,14 +729,39 @@ var ConfigPrototype = {};
          * ```
          */ this.disablePlugins = [];
         /**
-         * Init and download extra plugins
+         * Init and download extra plugins that are **not** already bundled/registered.
+         *
+         * For every name in this list that is not found in the plugin registry, Jodit
+         * loads it **at runtime over the network** from:
+         *
+         * ```text
+         * <basePath>plugins/<name>/<name>(.min).js
+         * ```
+         *
+         * (see {@link Config.basePath} and {@link Config.minified}). If the plugin is
+         * already registered — e.g. you imported it statically, or you use a bundle
+         * that ships it (such as the `jodit-pro` / `jodit-pro-react` "all plugins"
+         * build) — it is **skipped** and no request is made; in that case you don't
+         * need `extraPlugins` at all, just add the plugin's button.
          *
          * ```typescript
-         * var editor = Jodit.make('.editor', {
+         * // Dynamic loading: fetches <basePath>plugins/emoji/emoji.js
+         * const editor = Jodit.make('.editor', {
          *    extraPlugins: ['emoji']
          * });
          * ```
-         * It will try load %SCRIPT_PATH%/plugins/emoji/emoji.js and after load will try init it
+         *
+         * You can also pass an explicit URL to bypass the `basePath` convention:
+         *
+         * ```typescript
+         * const editor = Jodit.make('.editor', {
+         *    extraPlugins: [{ name: 'emoji', url: 'https://cdn.example.com/emoji.js' }]
+         * });
+         * ```
+         *
+         * Note: if you see a request to a malformed URL (e.g. `.../src/main.tsx?t=...plugins/emoji/emoji.js`),
+         * it means `basePath` was auto-detected incorrectly under your bundler — set
+         * {@link Config.basePath} explicitly. See the Plugin System docs for details.
          */ this.extraPlugins = [];
         /**
          * Additional buttons appended to the {@link Config.buttons} list
@@ -2233,7 +2258,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-var APP_VERSION = "4.12.6";
+var APP_VERSION = "4.12.8";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -22334,8 +22359,9 @@ function _unsupported_iterable_to_array(o, minLen) {
 /* harmony export */   Icon: function() { return /* binding */ Icon; }
 /* harmony export */ });
 /* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82758);
-/* harmony import */ var _helpers_index_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21537);
-/* harmony import */ var _helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(41180);
+/* harmony import */ var _dom_dom_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2748);
+/* harmony import */ var _helpers_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(21537);
+/* harmony import */ var _helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41180);
 function _class_call_check(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
@@ -22362,6 +22388,7 @@ function _create_class(Constructor, protoProps, staticProps) {
  */ 
 
 
+
 var Icon = /*#__PURE__*/ function() {
     "use strict";
     function Icon() {
@@ -22374,7 +22401,7 @@ var Icon = /*#__PURE__*/ function() {
                 if (/<svg/i.test(name)) {
                     return name;
                 }
-                var icon = Icon.icons[name] || Icon.icons[name.replace(/-/g, '_')] || Icon.icons[name.replace(/_/g, '-')] || Icon.icons[(0,_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.camelCase)(name)] || Icon.icons[(0,_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.kebabCase)(name)] || Icon.icons[name.toLowerCase()];
+                var icon = Icon.icons[name] || Icon.icons[name.replace(/-/g, '_')] || Icon.icons[name.replace(/_/g, '-')] || Icon.icons[(0,_helpers_index_js__WEBPACK_IMPORTED_MODULE_2__.camelCase)(name)] || Icon.icons[(0,_helpers_index_js__WEBPACK_IMPORTED_MODULE_2__.kebabCase)(name)] || Icon.icons[name.toLowerCase()];
                 if (!_constants_js__WEBPACK_IMPORTED_MODULE_0__.IS_PROD && !icon) {
                     console.warn('Icon "'.concat(name, '" not found'));
                 }
@@ -22429,11 +22456,11 @@ var Icon = /*#__PURE__*/ function() {
                 }
                 if (iconURL) {
                     iconElement = jodit.c.span();
-                    (0,_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_2__.css)(iconElement, 'backgroundImage', 'url(' + iconURL.replace('{basePath}', (jodit === null || jodit === void 0 ? void 0 : jodit.basePath) || '') + ')');
+                    (0,_helpers_utils_css_js__WEBPACK_IMPORTED_MODULE_3__.css)(iconElement, 'backgroundImage', 'url(' + iconURL.replace('{basePath}', (jodit === null || jodit === void 0 ? void 0 : jodit.basePath) || '') + ')');
                 } else {
                     var svg = iconFromEvent || Icon.get(name, '') || ((_d = jodit.o.extraIcons) === null || _d === void 0 ? void 0 : _d[name]);
                     if (svg) {
-                        iconElement = jodit.c.fromHTML(svg.trim());
+                        iconElement = Icon.toIconElement(jodit, svg.trim());
                         if (!/^<svg/i.test(name)) {
                             iconElement.classList.add('jodit-icon_' + clearName);
                         }
@@ -22449,6 +22476,21 @@ var Icon = /*#__PURE__*/ function() {
                 }
                 return iconElement;
             }
+        },
+        {
+            key: "toIconElement",
+            value: /**
+     * Turn a raw icon string into an element with a `classList`.
+     *
+     * A plain-text icon (e.g. an emoji/text glyph) makes `fromHTML` return a
+     * Text node, which has no `classList`; wrap it in a span so classes/styles
+     * can be applied and `makeIcon` never crashes on `iconElement.classList`.
+     * Note: SVG icons are `SVGElement` (not `HTMLElement`) but are still Element
+     * nodes with a `classList`, so we check `isElement`, not `isHTMLElement`.
+     */ function toIconElement(jodit, svg) {
+                var node = jodit.c.fromHTML(svg);
+                return _dom_dom_js__WEBPACK_IMPORTED_MODULE_1__.Dom.isElement(node) ? node : jodit.c.span('jodit-icon_text', node);
+            }
         }
     ]);
     return Icon;
@@ -65949,7 +65991,10 @@ _config_js__WEBPACK_IMPORTED_MODULE_5__.Config.prototype.controls.speechRecogniz
             api.on('error', function(text) {
                 return jodit.message.error(text);
             });
-            button.hookStatus('beforeDestruct', function() {
+            // Tie cleanup to the editor lifecycle (not the button): the manager
+            // must survive toolbar rebuilds and be released — together with its
+            // AudioContext — only when the editor itself is destroyed.
+            jodit.hookStatus('beforeDestruct', function() {
                 (0,_core_helpers_utils_data_bind_js__WEBPACK_IMPORTED_MODULE_3__.dataBind)(jodit, 'speech', null);
                 api.destruct();
             });
@@ -66276,6 +66321,7 @@ var RecognizeManager = /*#__PURE__*/ function(Eventify) {
             key: "destruct",
             value: function destruct() {
                 this.stop();
+                (0,_sound_js__WEBPACK_IMPORTED_MODULE_2__.closeSound)(this);
                 RecognizeManager._instances.delete(this);
                 _get(_get_prototype_of(RecognizeManager.prototype), "destruct", this).call(this);
             }
@@ -66408,7 +66454,7 @@ var RecognizeManager = /*#__PURE__*/ function(Eventify) {
             key: "_makeSound",
             value: function _makeSound(frequency) {
                 if (this.sound) {
-                    (0,_sound_js__WEBPACK_IMPORTED_MODULE_2__.sound)({
+                    (0,_sound_js__WEBPACK_IMPORTED_MODULE_2__.sound)(this, {
                         frequency: frequency
                     });
                 }
@@ -66435,6 +66481,7 @@ __decorate([
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   closeSound: function() { return /* binding */ closeSound; },
 /* harmony export */   sound: function() { return /* binding */ sound; }
 /* harmony export */ });
 /* harmony import */ var _core_constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82758);
@@ -66448,23 +66495,60 @@ __decorate([
  */ 
 
 /**
+ * One AudioContext per owner (e.g. a RecognizeManager). Previously a new context
+ * was created on every beep and never closed, so during continuous recognition
+ * they piled up — leaking until the browser's per-page limit was hit and the
+ * overlapping audio turned into a "roar". We now reuse a single context per
+ * owner and release it via {@link closeSound} when the owner is destroyed.
+ * @internal
+ */ var contexts = new WeakMap();
+function getContext(owner) {
+    if (!_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.globalWindow) {
+        return null;
+    }
+    var existing = contexts.get(owner);
+    if (existing && existing.state !== 'closed') {
+        return existing;
+    }
+    var Ctor = _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.globalWindow.AudioContext || _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.globalWindow.webkitAudioContext;
+    if (!Ctor) {
+        return null;
+    }
+    var context = new Ctor();
+    contexts.set(owner, context);
+    return context;
+}
+/**
+ * Play a short beep on the owner's (lazily created, reused) AudioContext.
  * @internal
- */ function sound() {
-    var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_sec = _ref.sec, sec = _ref_sec === void 0 ? 0.1 : _ref_sec, _ref_frequency = _ref.frequency, frequency = _ref_frequency === void 0 ? _constants_js__WEBPACK_IMPORTED_MODULE_1__.PII : _ref_frequency, _ref_gain = _ref.gain, gain = _ref_gain === void 0 ? 0.1 : _ref_gain, _ref_type = _ref.type, type = _ref_type === void 0 ? 'sine' : _ref_type;
-    if (!_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.globalWindow || typeof _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.globalWindow.AudioContext === 'undefined' && typeof _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.globalWindow.webkitAudioContext === 'undefined') {
+ */ function sound(owner) {
+    var _ref = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, _ref_sec = _ref.sec, sec = _ref_sec === void 0 ? 0.1 : _ref_sec, _ref_frequency = _ref.frequency, frequency = _ref_frequency === void 0 ? _constants_js__WEBPACK_IMPORTED_MODULE_1__.PII : _ref_frequency, _ref_gain = _ref.gain, gain = _ref_gain === void 0 ? 0.1 : _ref_gain, _ref_type = _ref.type, type = _ref_type === void 0 ? 'sine' : _ref_type;
+    var context = getContext(owner);
+    if (!context) {
         return;
     }
-    // one context per document
-    var context = new (_core_constants_js__WEBPACK_IMPORTED_MODULE_0__.globalWindow.AudioContext || _core_constants_js__WEBPACK_IMPORTED_MODULE_0__.globalWindow.webkitAudioContext)();
     var vol = context.createGain();
     var osc = context.createOscillator();
     osc.type = type;
     osc.frequency.value = frequency; // Hz
+    vol.gain.value = gain;
     osc.connect(vol);
     vol.connect(context.destination);
     osc.start(); // start the oscillator
     osc.stop(context.currentTime + sec);
-    vol.gain.value = gain;
+}
+/**
+ * Close and forget the owner's AudioContext. Call this when the owner is
+ * destroyed so the context does not leak.
+ * @internal
+ */ function closeSound(owner) {
+    var context = contexts.get(owner);
+    if (context) {
+        contexts.delete(owner);
+        if (context.state !== 'closed') {
+            void context.close();
+        }
+    }
 }
 
 

package/es5/jodit.min.css

@@ -1,14 +1,14 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.6
+ * Version: v4.12.8
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
 	/*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.12.6
+ * Version: v4.12.8
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */