funda-ui 4.6.101 → 4.6.111

package/lib/cjs/Textarea/index.js

@@ -713,63 +713,63 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             _ref$maxHeight = _ref.maxHeight,
             maxHeight = _ref$maxHeight === void 0 ? 0 : _ref$maxHeight,
             cb = _ref.cb;
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
             _useState2 = _slicedToArray(_useState, 2),
-            defaultRowHeight = _useState2[0],
-            setDefaultRowHeight = _useState2[1];
-          var _useState3 = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-            _useState4 = _slicedToArray(_useState3, 2),
-            defaultRowHeightInit = _useState4[0],
-            setDefaultRowHeightInit = _useState4[1];
+            defaultRowHeightInit = _useState2[0],
+            setDefaultRowHeightInit = _useState2[1];
 
           // Reset function to restore default height
           var reset = (0, react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-            if (el && defaultRowHeight > 0) {
-              el.style.height = defaultRowHeight + "px";
-
-              // Get current dimensions after reset
-              var style = el.currentStyle || window.getComputedStyle(el);
-              var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-              cb === null || cb === void 0 ? void 0 : cb([_controlWidth, defaultRowHeight]);
-            }
-          }, [el, defaultRowHeight, cb]);
+            if (!el) return;
+            var scrollHeight = el.scrollHeight;
+            el.style.height = scrollHeight + "px";
+
+            // Get current dimensions after reset
+            var style = window.getComputedStyle(el);
+            var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
+            cb === null || cb === void 0 ? void 0 : cb([_controlWidth, scrollHeight]);
+          }, [el, cb]);
           (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-            if (el) {
-              var style = el.currentStyle || window.getComputedStyle(el);
-              var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-
-              // initialize default row height
-              if (el.scrollHeight > 0 && !defaultRowHeightInit) {
-                var _defaultRowHeight = el.scrollHeight + parseInt(style.borderTopWidth) + parseInt(style.borderBottomWidth);
-                if (maxHeight != 0 && _defaultRowHeight >= maxHeight) {
-                  _defaultRowHeight = maxHeight;
-                }
-                setDefaultRowHeight(_defaultRowHeight);
-                setDefaultRowHeightInit(true);
+            if (!el) return;
+
+            // Initialize default height
+            if (!defaultRowHeightInit) {
+              el.style.height = 'auto';
+              var initialHeight = el.scrollHeight;
+              setDefaultRowHeightInit(true);
+
+              // If the height is 0, set it to "auto"
+              if (initialHeight === 0) {
+                el.style.height = "auto";
+              } else {
+                el.style.height = initialHeight + "px";
               }
+            }
 
-              // restore default row height
-              if (defaultRowHeight > 0) {
-                el.style.height = defaultRowHeight + "px";
-              }
+            // Get dimensions
+            var style = window.getComputedStyle(el);
+            var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
 
-              // reset the height momentarily to get the correct scrollHeight for the textarea
-              var scrollHeight = el.scrollHeight;
+            // Calculate height
+            el.style.height = 'auto';
+            var finalHeight = el.scrollHeight;
 
-              // then set the height directly, outside of the render loop
-              // Trying to set this with state or a ref will product an incorrect value.
+            // Apply max height limit if needed
+            if (maxHeight > 0 && finalHeight > maxHeight) {
+              finalHeight = maxHeight;
+            }
 
-              // !!! Compare initial height and changed height
-              if (scrollHeight > defaultRowHeight && defaultRowHeight > 0) {
-                var _scrollHeight = scrollHeight;
-                if (maxHeight != 0 && _scrollHeight >= maxHeight) {
-                  _scrollHeight = maxHeight;
-                }
-                el.style.height = _scrollHeight + "px";
-              }
-              cb === null || cb === void 0 ? void 0 : cb([_controlWidth, scrollHeight]);
+            // Set final height
+            // If the height is 0, set it to "auto"
+            if (finalHeight === 0) {
+              el.style.height = "auto";
+            } else {
+              el.style.height = finalHeight + "px";
             }
-          }, [el, value]);
+
+            // Callback
+            cb === null || cb === void 0 ? void 0 : cb([_controlWidth, finalHeight]);
+          }, [el, value, maxHeight, defaultRowHeightInit]);
           return {
             reset: reset
           };

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

@@ -0,0 +1,14 @@
+/**
+ * HTML entities encode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */ declare function htmlEncode(str: string): string;
+/**
+ * HTML entities decode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */
+declare function htmlDecode(str?: string): string;
+export { htmlEncode, htmlDecode };

package/lib/cjs/Utils/sanitize.js

@@ -0,0 +1,87 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["RPB"] = factory();
+	else
+		root["RPB"] = factory();
+})(this, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "htmlDecode": () => (/* binding */ htmlDecode),
+/* harmony export */   "htmlEncode": () => (/* binding */ htmlEncode)
+/* harmony export */ });
+/**
+ * HTML entities encode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */function htmlEncode(str) {
+  return str.replace(/[&<>'"]/g, function (tag) {
+    return {
+      '&': '&amp;',
+      '<': '&lt;',
+      '>': '&gt;',
+      "'": '&#39;',
+      '"': '&quot;'
+    }[tag];
+  });
+}
+
+/**
+ * HTML entities decode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */
+function htmlDecode() {
+  var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var entities = [['amp', '&'], ['apos', '\''], ['#x27', '\''], ['#x2F', '/'], ['#39', '\''], ['#47', '/'], ['lt', '<'], ['gt', '>'], ['nbsp', ' '], ['quot', '"'], ['#60', '<'], ['#62', '>']];
+  for (var i = 0, max = entities.length; i < max; i++) {
+    str = str.replace(new RegExp('&' + entities[i][0] + ';', 'g'), entities[i][1]);
+  }
+  return str;
+}
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/lib/cjs/Utils/useAutosizeTextArea.js

@@ -161,63 +161,63 @@ var useAutosizeTextArea = function useAutosizeTextArea(_ref) {
     _ref$maxHeight = _ref.maxHeight,
     maxHeight = _ref$maxHeight === void 0 ? 0 : _ref$maxHeight,
     cb = _ref.cb;
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    defaultRowHeight = _useState2[0],
-    setDefaultRowHeight = _useState2[1];
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    defaultRowHeightInit = _useState4[0],
-    setDefaultRowHeightInit = _useState4[1];
+    defaultRowHeightInit = _useState2[0],
+    setDefaultRowHeightInit = _useState2[1];
 
   // Reset function to restore default height
   var reset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    if (el && defaultRowHeight > 0) {
-      el.style.height = defaultRowHeight + "px";
-
-      // Get current dimensions after reset
-      var style = el.currentStyle || window.getComputedStyle(el);
-      var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-      cb === null || cb === void 0 ? void 0 : cb([_controlWidth, defaultRowHeight]);
-    }
-  }, [el, defaultRowHeight, cb]);
+    if (!el) return;
+    var scrollHeight = el.scrollHeight;
+    el.style.height = scrollHeight + "px";
+
+    // Get current dimensions after reset
+    var style = window.getComputedStyle(el);
+    var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
+    cb === null || cb === void 0 ? void 0 : cb([_controlWidth, scrollHeight]);
+  }, [el, cb]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (el) {
-      var style = el.currentStyle || window.getComputedStyle(el);
-      var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-
-      // initialize default row height
-      if (el.scrollHeight > 0 && !defaultRowHeightInit) {
-        var _defaultRowHeight = el.scrollHeight + parseInt(style.borderTopWidth) + parseInt(style.borderBottomWidth);
-        if (maxHeight != 0 && _defaultRowHeight >= maxHeight) {
-          _defaultRowHeight = maxHeight;
-        }
-        setDefaultRowHeight(_defaultRowHeight);
-        setDefaultRowHeightInit(true);
+    if (!el) return;
+
+    // Initialize default height
+    if (!defaultRowHeightInit) {
+      el.style.height = 'auto';
+      var initialHeight = el.scrollHeight;
+      setDefaultRowHeightInit(true);
+
+      // If the height is 0, set it to "auto"
+      if (initialHeight === 0) {
+        el.style.height = "auto";
+      } else {
+        el.style.height = initialHeight + "px";
       }
+    }
 
-      // restore default row height
-      if (defaultRowHeight > 0) {
-        el.style.height = defaultRowHeight + "px";
-      }
+    // Get dimensions
+    var style = window.getComputedStyle(el);
+    var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
 
-      // reset the height momentarily to get the correct scrollHeight for the textarea
-      var scrollHeight = el.scrollHeight;
+    // Calculate height
+    el.style.height = 'auto';
+    var finalHeight = el.scrollHeight;
 
-      // then set the height directly, outside of the render loop
-      // Trying to set this with state or a ref will product an incorrect value.
+    // Apply max height limit if needed
+    if (maxHeight > 0 && finalHeight > maxHeight) {
+      finalHeight = maxHeight;
+    }
 
-      // !!! Compare initial height and changed height
-      if (scrollHeight > defaultRowHeight && defaultRowHeight > 0) {
-        var _scrollHeight = scrollHeight;
-        if (maxHeight != 0 && _scrollHeight >= maxHeight) {
-          _scrollHeight = maxHeight;
-        }
-        el.style.height = _scrollHeight + "px";
-      }
-      cb === null || cb === void 0 ? void 0 : cb([_controlWidth, scrollHeight]);
+    // Set final height
+    // If the height is 0, set it to "auto"
+    if (finalHeight === 0) {
+      el.style.height = "auto";
+    } else {
+      el.style.height = finalHeight + "px";
     }
-  }, [el, value]);
+
+    // Callback
+    cb === null || cb === void 0 ? void 0 : cb([_controlWidth, finalHeight]);
+  }, [el, value, maxHeight, defaultRowHeightInit]);
   return {
     reset: reset
   };

package/lib/esm/Chatbox/index.tsx

@@ -9,6 +9,8 @@ import useComId from 'funda-utils/dist/cjs/useComId';
 import useDebounce from 'funda-utils/dist/cjs/useDebounce';
 import useThrottle from 'funda-utils/dist/cjs/useThrottle';
 import useClickOutside from 'funda-utils/dist/cjs/useClickOutside';
+import { htmlEncode } from 'funda-utils/dist/cjs/sanitize';
+
 
 
 // loader
@@ -20,8 +22,7 @@ import {
     formatLatestDisplayContent,
     formatName,
     fixHtmlTags,
-    isStreamResponse,
-    htmlEncode
+    isStreamResponse
 } from './utils/func';
 
 import useStreamController from './useStreamController';
@@ -77,6 +78,7 @@ export type CustomRequestFunction = (
 
 export type ChatboxProps = {
     debug?: boolean;
+    defaultRows?: number;
     prefix?: string;
     contentRef?: React.RefObject<any>;
     model?: string;
@@ -253,6 +255,7 @@ const Chatbox = (props: ChatboxProps) => {
   
         const {
             debug,
+            defaultRows,
             prefix,
             contentRef,
             model,
@@ -328,6 +331,7 @@ const Chatbox = (props: ChatboxProps) => {
   
         return {
             debug,
+            defaultRows,
             prefix,
             contentRef,
             model,
@@ -380,7 +384,7 @@ const Chatbox = (props: ChatboxProps) => {
         setActiveButtons(prev => {
             const newState = { ...prev };
             // Turn off only buttons with "isSelect"
-            args().toolkitButtons?.forEach((btn, index) => {
+            args().toolkitButtons?.forEach((btn: FloatingButton, index: number) => {
                 if (btn.isSelect) {
                     const _id = `${args().prefix || 'custom-'}chatbox-btn-tools-${chatId}${index}`;
                     newState[_id] = false;
@@ -1300,7 +1304,6 @@ const Chatbox = (props: ChatboxProps) => {
                 {/**------------- CONTROL AREA -------------*/}
                 <div className="msgcontrol">
 
-
                     <Textarea
                         ref={msInput}
                         contentRef={inputContentRef}
@@ -1309,15 +1312,21 @@ const Chatbox = (props: ChatboxProps) => {
                         placeholder={args().placeholder}
                         disabled={loading ? true : false}
                         onKeyDown={(event: React.KeyboardEvent) => {
-                            if (event.key === 'Enter') {
-                                event.preventDefault();
+                            // line breaks
+                            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+                                return;
+                            }
+                            
+                            if (event.key === 'Enter' && !event.shiftKey && !event.ctrlKey && !event.metaKey) {
+                                event.preventDefault(); // Prevent line breaks
                                 handleClickSafe();
                             }
+
                         }}
                         onChange={(e) => {
                             args().onInputChange?.(inputContentRef.current, e.target.value);
                         }}
-                        rows={3}
+                        rows={args().defaultRows || 3}
                         autoSize
                         autoSizeMaxHeight={200}
                     />

package/lib/esm/Chatbox/utils/func.ts

@@ -127,57 +127,3 @@ export function isStreamResponse(response: Response): boolean {
     return response.body instanceof ReadableStream;
 };
 
-
-
-/**
- * HTML entities encode
- *
- * @param {String} str Input text
- * @return {String} Filtered text
- */
-export function htmlEncode(str) {
-
-    return str.replace(/[&<>'"]/g, tag => ({
-        '&': '&amp;',
-        '<': '&lt;',
-        '>': '&gt;',
-        "'": '&#39;',
-        '"': '&quot;'
-    }[tag]));
-
-}
-
-
-/**
- * HTML entities decode
- *
- * @param {String} str Input text
- * @return {String} Filtered text
- */
-export function htmlDecode(str) {
-
-    let res = '';
-    const entities = [
-        ['amp', '&'],
-        ['apos', '\''],
-        ['#x27', '\''],
-        ['#x2F', '/'],
-        ['#39', '\''],
-        ['#47', '/'],
-        ['lt', '<'],
-        ['gt', '>'],
-        ['nbsp', ' '],
-        ['quot', '"'],
-        ['#60', '<'],
-        ['#62', '>']
-    ];
-
-    for (let i = 0, max = entities.length; i < max; i++) {
-        str = str.replace(new RegExp('&' + entities[i][0] + ';', 'g'), entities[i][1]);
-    }
-    res = str;
-
-    return res;
-
-}
-

package/lib/esm/Textarea/index.tsx

@@ -8,6 +8,7 @@ import { actualPropertyValue, getTextTop } from 'funda-utils/dist/cjs/inputsCalc
 import useDebounce from 'funda-utils/dist/cjs/useDebounce';
 
 
+
 export type TextareaProps = {
     contentRef?: React.ForwardedRef<any>; // could use "Array" on contentRef.current, such as contentRef.current[0], contentRef.current[1]
     wrapperClassName?: string;

package/lib/esm/Utils/hooks/useAutosizeTextArea.tsx

@@ -51,7 +51,6 @@ const App = () => {
 
  */
 import { useEffect, useState, useCallback } from "react";
-
 export interface AutosizeTextAreaProps {
     el: any;
     value: string;
@@ -66,68 +65,67 @@ const useAutosizeTextArea = ({
     cb
 }: AutosizeTextAreaProps): { reset: () => void } => {
 
-    const [defaultRowHeight, setDefaultRowHeight] = useState(0);
     const [defaultRowHeightInit, setDefaultRowHeightInit] = useState(false);
 
     // Reset function to restore default height
     const reset = useCallback(() => {
-        if (el && defaultRowHeight > 0) {
-            el.style.height = defaultRowHeight + "px";
-            
-            // Get current dimensions after reset
-            const style = (el as any).currentStyle || window.getComputedStyle(el);
-            const _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-            cb?.([_controlWidth, defaultRowHeight]);
-        }
-    }, [el, defaultRowHeight, cb]);
+        if (!el) return;
+        
+        const scrollHeight = el.scrollHeight;
+        el.style.height = scrollHeight + "px";
+        
+        // Get current dimensions after reset
+        const style = window.getComputedStyle(el);
+        const _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
+        cb?.([_controlWidth, scrollHeight]);
+    }, [el, cb]);
 
     useEffect(() => {
-        if (el) {
-            const style = (el as any).currentStyle || window.getComputedStyle(el);
-            const _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-
-            // initialize default row height
-            if (el.scrollHeight > 0 && !defaultRowHeightInit) {
-
-                let _defaultRowHeight = el.scrollHeight + parseInt(style.borderTopWidth) + parseInt(style.borderBottomWidth);
-                if (maxHeight != 0 && _defaultRowHeight >= maxHeight) {
-                    _defaultRowHeight = maxHeight;
-                }
-
-                setDefaultRowHeight(_defaultRowHeight);
-                setDefaultRowHeightInit(true);
-            }
-
-            // restore default row height
-            if (defaultRowHeight > 0) {
-                el.style.height = defaultRowHeight + "px";
+        if (!el) return;
+
+        // Initialize default height
+        if (!defaultRowHeightInit) {
+            el.style.height = 'auto';
+            const initialHeight = el.scrollHeight;
+            setDefaultRowHeightInit(true);
+
+            // If the height is 0, set it to "auto"
+            if (initialHeight === 0) {
+                el.style.height = "auto";
+            } else {
+                el.style.height = initialHeight + "px";
             }
 
-            // reset the height momentarily to get the correct scrollHeight for the textarea
-            const scrollHeight = el.scrollHeight;
+        }
 
+        // Get dimensions
+        const style = window.getComputedStyle(el);
+        const _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
+
+        // Calculate height
+        el.style.height = 'auto';
+        let finalHeight = el.scrollHeight;
+        
+        // Apply max height limit if needed
+        if (maxHeight > 0 && finalHeight > maxHeight) {
+            finalHeight = maxHeight;
+        }
 
-            // then set the height directly, outside of the render loop
-            // Trying to set this with state or a ref will product an incorrect value.
+        // Set final height
+        // If the height is 0, set it to "auto"
+        if (finalHeight === 0) {
+            el.style.height = "auto";
+        } else {
+            el.style.height = finalHeight + "px";
+        }
 
-            // !!! Compare initial height and changed height
-            if (scrollHeight > defaultRowHeight && defaultRowHeight > 0) {
 
-                let _scrollHeight = scrollHeight;
-                if (maxHeight != 0 && _scrollHeight >= maxHeight) {
-                    _scrollHeight = maxHeight;
-                }
-                
-                el.style.height = _scrollHeight + "px";
-                
-            }
+        // Callback
+        cb?.([_controlWidth, finalHeight]);
 
-            cb?.([_controlWidth, scrollHeight]);
-        }
-    }, [el, value]);
+    }, [el, value, maxHeight, defaultRowHeightInit]);
 
     return { reset };
 };
 
-export default useAutosizeTextArea;
-
+export default useAutosizeTextArea;

package/lib/esm/Utils/libs/sanitize.ts

@@ -0,0 +1,55 @@
+
+/**
+ * HTML entities encode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */function htmlEncode(str: string): string {
+
+    return str.replace(/[&<>'"]/g, tag => ({
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        "'": '&#39;',
+        '"': '&quot;'
+    }[tag]!));
+
+}
+
+
+/**
+ * HTML entities decode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */
+function htmlDecode(str: string = ''): string {
+    const entities: [string, string][] = [
+        ['amp', '&'],
+        ['apos', '\''],
+        ['#x27', '\''],
+        ['#x2F', '/'],
+        ['#39', '\''],
+        ['#47', '/'],
+        ['lt', '<'],
+        ['gt', '>'],
+        ['nbsp', ' '],
+        ['quot', '"'],
+        ['#60', '<'],
+        ['#62', '>']
+    ];
+
+    for (let i = 0, max = entities.length; i < max; i++) {
+        str = str.replace(new RegExp('&' + entities[i][0] + ';', 'g'), entities[i][1]);
+    }
+
+    return str;
+}
+
+
+
+
+export {
+    htmlEncode,
+    htmlDecode
+}