funda-ui 4.6.151 → 4.6.222

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

@@ -1,6 +1,11 @@
 // app.ts
 import type { ChatboxProps } from '../index';
 
+export interface HtmlTagPlaceholder {
+    original: string;
+    placeholder: string;
+    type: 'table' | 'img' | 'svg';
+}
 
 export function isValidJSON(str: string){
     try {
@@ -13,7 +18,7 @@ export function isValidJSON(str: string){
 
 export function formatLatestDisplayContent(str: string) {
     // Regular expression to match <details> tags and their content
-    const output = str.replace(/<details class="think"[^>]*>([\s\S]*?)<\/details>/g, (match, content) => {
+    let output = str.replace(/<details class="think"[^>]*>([\s\S]*?)<\/details>/g, (match, content) => {
         // Use regex to match the content inside the "div.think-content"
         const thinkContentMatch = content.match(/<div class="think-content">([\s\S]*?)<\/div>/);
         
@@ -28,6 +33,12 @@ export function formatLatestDisplayContent(str: string) {
         
         return match; // If not empty, return the original matched content
     });
+
+    // Then handle tables without is-init class
+    output = output.replace(/<table(?![^>]*\bis-init\b)([^>]*)>([\s\S]*?)<\/table>/g, (match, attributes, content) => {
+        // Add is-init class to table and wrap it in container div
+        return `<div class="table-container"><table class="is-init"${attributes}>${content}</table></div>`;
+    });
             
     return output;
 }
@@ -127,3 +138,43 @@ export function isStreamResponse(response: Response): boolean {
     return response.body instanceof ReadableStream;
 };
 
+
+export function extractHtmlTags(html: string): { processedHtml: string; placeholders: HtmlTagPlaceholder[] } {
+    const placeholders: HtmlTagPlaceholder[] = [];
+    let processedHtml = html;
+
+    // <table>
+    processedHtml = processedHtml.replace(/<table[^>]*>[\s\S]*?<\/table>/g, (match) => {
+        const placeholder = `[TABLE_${placeholders.length}]`;
+        placeholders.push({
+            original: `<div class="table-container">${match?.replace('<table', '<table class="is-init"')}</div>`,
+            placeholder,
+            type: 'table'
+        });
+        return placeholder;
+    });
+    
+    // <img>
+    processedHtml = processedHtml.replace(/<img[^>]*>/g, (match) => {
+        const placeholder = `[IMG_${placeholders.length}]`;
+        placeholders.push({
+            original: match,
+            placeholder,
+            type: 'img'
+        });
+        return placeholder;
+    });
+
+    // <svg>
+    processedHtml = processedHtml.replace(/<svg[^>]*>[\s\S]*?<\/svg>/g, (match) => {
+        const placeholder = `[SVG_${placeholders.length}]`;
+        placeholders.push({
+            original: match,
+            placeholder,
+            type: 'svg'
+        });
+        return placeholder;
+    });
+
+    return { processedHtml, placeholders };
+};

package/lib/esm/Textarea/index.tsx

@@ -7,8 +7,6 @@ import { clsWrite, combinedCls } from 'funda-utils/dist/cjs/cls';
 import { actualPropertyValue, getTextTop } from 'funda-utils/dist/cjs/inputsCalculation';
 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/package.json

@@ -2,7 +2,7 @@
   "author": "UIUX Lab",
   "email": "uiuxlab@gmail.com",
   "name": "funda-ui",
-  "version": "4.6.151",
+  "version": "4.6.222",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "repository": {
     "type": "git",