@retrivora-ai/rag-engine 1.2.5 → 1.2.7

package/dist/index.js

@@ -403,8 +403,12 @@ function MessageBubble({
             const isChart = match && match[1] === "chart";
             if (!inline && isChart) {
               const rawContent = String(children).trim();
+              const sanitizeJson = (json) => {
+                return json.replace(/:\s*(\d+)\s*\+\s*(\d+)/g, (_, a, b) => `: ${Number(a) + Number(b)}`).replace(/([{,])\s*([a-zA-Z_][a-zA-Z0-9_]*)\s*:/g, '$1 "$2":').replace(/,\s*""\s*,/g, ",").replace(/\{\s*""\s*,/g, "{").replace(/,\s*""\s*\}/g, "}");
+              };
               try {
-                const config = JSON.parse(rawContent);
+                const sanitized = sanitizeJson(rawContent);
+                const config = JSON.parse(sanitized);
                 return /* @__PURE__ */ import_react5.default.createElement("div", { className: "my-4 p-4 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-white/10 shadow-sm" }, /* @__PURE__ */ import_react5.default.createElement(
                   DynamicChart,
                   {
@@ -414,7 +418,7 @@ function MessageBubble({
                   }
                 ));
               } catch (err) {
-                console.error("[MessageBubble] Chart parsing failed:", err, "\nRaw content:", rawContent);
+                console.error("[MessageBubble] Chart parsing failed:", err, "\nSanitized content:", sanitizeJson(rawContent));
                 return /* @__PURE__ */ import_react5.default.createElement("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg text-sm border border-red-100 dark:border-red-900/30" }, /* @__PURE__ */ import_react5.default.createElement("p", { className: "font-medium mb-1" }, "Failed to render chart"), /* @__PURE__ */ import_react5.default.createElement("p", { className: "opacity-70 text-xs" }, "The generated configuration is invalid. Check console for details."));
               }
             }

package/dist/index.mjs

@@ -366,8 +366,12 @@ function MessageBubble({
             const isChart = match && match[1] === "chart";
             if (!inline && isChart) {
               const rawContent = String(children).trim();
+              const sanitizeJson = (json) => {
+                return json.replace(/:\s*(\d+)\s*\+\s*(\d+)/g, (_, a, b) => `: ${Number(a) + Number(b)}`).replace(/([{,])\s*([a-zA-Z_][a-zA-Z0-9_]*)\s*:/g, '$1 "$2":').replace(/,\s*""\s*,/g, ",").replace(/\{\s*""\s*,/g, "{").replace(/,\s*""\s*\}/g, "}");
+              };
               try {
-                const config = JSON.parse(rawContent);
+                const sanitized = sanitizeJson(rawContent);
+                const config = JSON.parse(sanitized);
                 return /* @__PURE__ */ React5.createElement("div", { className: "my-4 p-4 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-white/10 shadow-sm" }, /* @__PURE__ */ React5.createElement(
                   DynamicChart,
                   {
@@ -377,7 +381,7 @@ function MessageBubble({
                   }
                 ));
               } catch (err) {
-                console.error("[MessageBubble] Chart parsing failed:", err, "\nRaw content:", rawContent);
+                console.error("[MessageBubble] Chart parsing failed:", err, "\nSanitized content:", sanitizeJson(rawContent));
                 return /* @__PURE__ */ React5.createElement("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg text-sm border border-red-100 dark:border-red-900/30" }, /* @__PURE__ */ React5.createElement("p", { className: "font-medium mb-1" }, "Failed to render chart"), /* @__PURE__ */ React5.createElement("p", { className: "opacity-70 text-xs" }, "The generated configuration is invalid. Check console for details."));
               }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retrivora-ai/rag-engine",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "Retrivora AI is a plug-and-play AI engine for RAG chat experiences — generic vector DB + LLM provider, embeddable or standalone.",
   "author": "Abhinav Alkuchi",
   "license": "MIT",

package/src/components/MessageBubble.tsx

@@ -179,9 +179,24 @@ export function MessageBubble({
                     
                     if (!inline && isChart) {
                       const rawContent = String(children).trim();
+                      
+                      // Sanitization helper to handle LLM quirks
+                      const sanitizeJson = (json: string) => {
+                        return json
+                          // 1. Resolve simple math: "value": 10 + 20 => "value": 30
+                          .replace(/:\s*(\d+)\s*\+\s*(\d+)/g, (_, a, b) => `: ${Number(a) + Number(b)}`)
+                          // 2. Quote unquoted keys: { Category: "val" } => { "Category": "val" }
+                          // Matches a word followed by a colon, but not inside a string
+                          .replace(/([{,])\s*([a-zA-Z_][a-zA-Z0-9_]*)\s*:/g, '$1 "$2":')
+                          // 3. Remove dangling empty strings
+                          .replace(/,\s*""\s*,/g, ',')
+                          .replace(/\{\s*""\s*,/g, '{')
+                          .replace(/,\s*""\s*\}/g, '}');
+                      };
+
                       try {
-                        // Attempt to parse the JSON
-                        const config = JSON.parse(rawContent) as ChartConfig;
+                        const sanitized = sanitizeJson(rawContent);
+                        const config = JSON.parse(sanitized) as ChartConfig;
                         return (
                           <div className="my-4 p-4 bg-white dark:bg-slate-900 rounded-xl border border-slate-200 dark:border-white/10 shadow-sm">
                             <DynamicChart 
@@ -192,7 +207,7 @@ export function MessageBubble({
                           </div>
                         );
                       } catch (err) {
-                        console.error('[MessageBubble] Chart parsing failed:', err, '\nRaw content:', rawContent);
+                        console.error('[MessageBubble] Chart parsing failed:', err, '\nSanitized content:', sanitizeJson(rawContent));
                         return (
                           <div className="p-4 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg text-sm border border-red-100 dark:border-red-900/30">
                             <p className="font-medium mb-1">Failed to render chart</p>