@messenger-box/tailwind-ui-inbox 10.0.3-alpha.73 → 10.0.3-alpha.77

package/lib/components/InboxMessage/message-widgets/ErrorFixCard.js

@@ -0,0 +1,194 @@
+import React__default,{useState}from'react';const IconAlertTriangle = props => React__default.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  ...props
+}, React__default.createElement("path", {
+  d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"
+}), React__default.createElement("line", {
+  x1: "12",
+  y1: "9",
+  x2: "12",
+  y2: "13"
+}), React__default.createElement("line", {
+  x1: "12",
+  y1: "17",
+  x2: "12.01",
+  y2: "17"
+}));
+const IconRefreshCw = props => React__default.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  ...props
+}, React__default.createElement("polyline", {
+  points: "23 4 23 10 17 10"
+}), React__default.createElement("polyline", {
+  points: "1 20 1 14 7 14"
+}), React__default.createElement("path", {
+  d: "M3.51 9a9 9 0 0114.13-3.36L23 10"
+}), React__default.createElement("path", {
+  d: "M20.49 15a9 9 0 01-14.13 3.36L1 14"
+}));
+const IconCode = props => React__default.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  ...props
+}, React__default.createElement("polyline", {
+  points: "16 18 22 12 16 6"
+}), React__default.createElement("polyline", {
+  points: "8 6 2 12 8 18"
+}));
+const IconExternalLink = props => React__default.createElement("svg", {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  ...props
+}, React__default.createElement("path", {
+  d: "M18 13v6a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+}), React__default.createElement("polyline", {
+  points: "15 3 21 3 21 9"
+}), React__default.createElement("line", {
+  x1: "10",
+  y1: "14",
+  x2: "21",
+  y2: "3"
+}));
+const ErrorFixCard = ({
+  error,
+  onFixError,
+  currentFiles,
+  isFixing = false
+}) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [isFixingError, setIsFixingError] = useState(false);
+  const handleFixError = async () => {
+    setIsFixingError(true);
+    try {
+      const errorContext = `
+ERROR DETECTED IN SANDBOX:
+
+Error Type: ${error.errorType}
+Timestamp: ${error.timestamp}
+Sandbox ID: ${error.sandboxId}
+
+Error Message:
+${error.message}
+
+${error.stack ? `Stack Trace:\n${error.stack}` : ''}
+
+${currentFiles && Object.keys(currentFiles).length > 0 ? `
+Current Files in Project:
+${Object.entries(currentFiles).map(([path, content]) => `
+--- ${path} ---
+${content}
+`).join('\n')}
+` : ''}
+
+Please analyze this error and fix the code. Make sure to:
+1. Identify the root cause of the error
+2. Update the necessary files to resolve the issue
+3. Ensure the fix maintains the existing functionality
+4. Test that the solution compiles and runs correctly
+`.trim();
+      await onFixError(errorContext);
+    } catch (error) {
+      console.error('Failed to trigger error fix:', error);
+    } finally {
+      setIsFixingError(false);
+    }
+  };
+  const getErrorTypeColor = errorType => {
+    switch (errorType) {
+      case 'COMPILATION_ERROR':
+        return 'text-red-600 bg-red-50 border-red-200';
+      case 'RUNTIME_ERROR':
+        return 'text-orange-600 bg-orange-50 border-orange-200';
+      case 'DEPENDENCY_ERROR':
+        return 'text-yellow-600 bg-yellow-50 border-yellow-200';
+      case 'SERVER_START_ERROR':
+        return 'text-purple-600 bg-purple-50 border-purple-200';
+      case 'SANDBOX_DISCONNECTED':
+        return 'text-gray-600 bg-gray-50 border-gray-200';
+      case 'TEST_ERROR':
+        return 'text-blue-600 bg-blue-50 border-blue-200';
+      default:
+        return 'text-red-600 bg-red-50 border-red-200';
+    }
+  };
+  const formatErrorType = errorType => {
+    return errorType.replace(/_/g, ' ').toLowerCase().replace(/\b\w/g, l => l.toUpperCase());
+  };
+  return React__default.createElement("div", {
+    className: "flex w-full justify-start mb-2"
+  }, React__default.createElement("div", {
+    className: `rounded-lg p-2 border w-fit max-w-[75%] min-w-0 break-all overflow-hidden ${getErrorTypeColor(error.errorType)}`
+  }, React__default.createElement("div", {
+    className: "flex items-start justify-between mb-1"
+  }, React__default.createElement("div", {
+    className: "flex items-center space-x-1"
+  }, React__default.createElement(IconAlertTriangle, {
+    className: "w-3 h-3 text-red-600 flex-shrink-0"
+  }), React__default.createElement("span", {
+    className: "font-semibold text-xs"
+  }, formatErrorType(error.errorType)), React__default.createElement("span", {
+    className: "text-xs opacity-60"
+  }, new Date(error.timestamp).toLocaleTimeString()), error.url && React__default.createElement("a", {
+    href: error.url,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    className: "text-xs hover:underline flex items-center space-x-1"
+  }, React__default.createElement(IconExternalLink, {
+    className: "w-3 h-3"
+  }), React__default.createElement("span", null, "View Sandbox")))), React__default.createElement("div", {
+    className: "text-sm mb-3"
+  }, React__default.createElement("div", {
+    className: "break-words whitespace-pre-wrap font-mono text-xs leading-relaxed overflow-hidden",
+    style: {
+      display: '-webkit-box',
+      WebkitLineClamp: isExpanded ? 'none' : 3,
+      WebkitBoxOrient: 'vertical',
+      maxHeight: isExpanded ? 'none' : '3.6em'
+    }
+  }, error.message), error.message.length > 150 && React__default.createElement("button", {
+    onClick: () => setIsExpanded(!isExpanded),
+    className: "text-xs hover:underline mt-1 font-sans"
+  }, isExpanded ? 'Show less' : 'Show more')), isExpanded && error.stack && React__default.createElement("div", {
+    className: "mt-3 p-3 bg-black bg-opacity-10 rounded text-xs font-mono"
+  }, React__default.createElement("div", {
+    className: "flex items-center space-x-2 mb-2"
+  }, React__default.createElement(IconCode, {
+    className: "w-3 h-3"
+  }), React__default.createElement("span", {
+    className: "font-semibold"
+  }, "Stack Trace")), React__default.createElement("pre", {
+    className: "whitespace-pre-wrap text-xs break-all"
+  }, error.stack)), error.fixable && React__default.createElement("div", {
+    className: "mt-4 flex justify-start"
+  }, React__default.createElement("button", {
+    onClick: handleFixError,
+    disabled: isFixingError || isFixing,
+    className: `
+                  flex items-center space-x-2 px-4 py-2 rounded-md text-sm font-medium
+                  transition-colors duration-200
+                  ${isFixingError || isFixing ? 'bg-gray-100 text-gray-400 cursor-not-allowed' : 'bg-red-600 text-white hover:bg-red-700 shadow-sm hover:shadow-md'}
+                `
+  }, React__default.createElement(IconRefreshCw, {
+    className: `w-4 h-4 ${isFixingError || isFixing ? 'animate-spin' : ''}`
+  }), React__default.createElement("span", null, isFixingError || isFixing ? 'Fixing...' : 'Fix Error'))), !error.fixable && React__default.createElement("div", {
+    className: "mt-3 text-xs opacity-75"
+  }, "This error may require manual intervention or environment changes.")));
+};export{ErrorFixCard,ErrorFixCard as default};//# sourceMappingURL=ErrorFixCard.js.map

package/lib/components/InboxMessage/message-widgets/ErrorFixCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorFixCard.js","sources":["../../../../src/components/InboxMessage/message-widgets/ErrorFixCard.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IAuthUser, IPost } from 'common';
+import { IAuthUser, IPost, ISandboxError } from 'common';
 interface ModernMessageGroupProps {
     messages: IPost[];
     currentUser: IAuthUser;
@@ -7,6 +7,10 @@ interface ModernMessageGroupProps {
     onMessageClick: (msg: IPost) => void;
     isDesktopView?: boolean;
     isSmallScreen?: boolean;
+    sandboxErrors?: ISandboxError[];
+    currentFiles?: Record<string, string>;
+    onFixError?: (errorMessage: string) => Promise<void>;
+    onRecreateSandbox?: (fragmentId: string) => void;
 }
 export declare const groupMessagesByUserAndTime: (messages: IPost[], timeThresholdMinutes?: number) => IPost[][];
 export declare const ModernMessageGroupComponent: React.FC<ModernMessageGroupProps>;

package/lib/components/InboxMessage/message-widgets/ModernMessageGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModernMessageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/ModernMessageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AA6c1C,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC;IACvB,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAaD,eAAO,MAAM,0BAA0B,aAAc,KAAK,EAAE,oCAA6B,KAAK,EAAE,EAgC/F,CAAC;AAw4CF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoCzE,CAAC"}
+{"version":3,"file":"ModernMessageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/ModernMessageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AA8YzD,UAAU,uBAAuB;IAC7B,QAAQ,EAAE,KAAK,EAAE,CAAC;IAClB,WAAW,EAAE,SAAS,CAAC;IACvB,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAaD,eAAO,MAAM,0BAA0B,aAAc,KAAK,EAAE,oCAA6B,KAAK,EAAE,EAgC/F,CAAC;AAyqBF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmDzE,CAAC"}