@messenger-box/tailwind-ui-inbox 10.0.3-alpha.100

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/MessageCard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IPost } from 'common';
+export interface IPropertyCardProps {
+    message: IPost;
+    index: number;
+}
+export declare const MessageCard: (props: IPropertyCardProps) => React.JSX.Element;
+//# sourceMappingURL=MessageCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCard.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/MessageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACjB;AAsBD,eAAO,MAAM,WAAW,GAAI,OAAO,kBAAkB,sBA8FpD,CAAC"}

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

@@ -0,0 +1,12 @@
+import { IAuthUser, IPost } from 'common';
+import * as React from 'react';
+interface IMessageSliceRendererProps {
+    message: IPost;
+    index: number;
+    onOpen: () => void;
+    currentUser: IAuthUser;
+    onMessageClick: (msg: any) => void;
+}
+export declare const MessageSliceRenderer: (props: IMessageSliceRendererProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=MessageSliceRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSliceRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/message-widgets/MessageSliceRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,MAAM,QAAQ,CAAC;AAGxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,0BAA0B;IAChC,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,SAAS,CAAC;IACvB,cAAc,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,oBAAoB,GAAI,OAAO,0BAA0B,sBAyBrE,CAAC"}

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

@@ -0,0 +1,37 @@
+import {PostTypeEnum}from'common';import {Slot}from'@common-stack/components-pro';import {CommonMessage}from'./CommonMessage.js';import*as React from'react';import {PlainMessage}from'./PlainMessage.js';const MessageSliceRenderer = props => {
+  const {
+    message,
+    index,
+    onOpen,
+    currentUser,
+    onMessageClick
+  } = props;
+  if (typeof message === 'string') {
+    return React.createElement(PlainMessage, {
+      message: message,
+      index: index
+    });
+  }
+  const {
+    type
+  } = message;
+  if (!type || type === PostTypeEnum.Simple) {
+    return React.createElement(CommonMessage, {
+      message: message,
+      index: index,
+      onOpen: onOpen,
+      currentUser: currentUser
+    });
+  }
+  return React.createElement(Slot, {
+    name: type?.toLowerCase(),
+    fillProps: {
+      index,
+      active: true,
+      message,
+      currentUser,
+      onOpen,
+      onMessageClick
+    }
+  }, item => React.createElement("div", null, item));
+};export{MessageSliceRenderer};//# sourceMappingURL=MessageSliceRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageSliceRenderer.js","sources":["../../../../src/components/InboxMessage/message-widgets/MessageSliceRenderer.tsx"],"sourcesContent":[null],"names":[],"mappings":"0MAcO,MAAM,oBAAoB,GAAG,KAAC,IAAmC;AACpE,EAAA,MAAA;AAEA,IAAA,OAAI;SACA;IACJ,MAAC;AACD,IAAA,WAAQ;IACR;AACI,GAAA,GAAA,KAAA;MACH,OAAA,OAAA,KAAA,QAAA,EAAA;AACD,IAAA,OAAO,KACH,CAAA,aAAA,CAAA,YACI,EAAI;aAEA,EAAA,OAAK;AACL,MAAA,KAAA,EAAA;;;;;aAOH;AAGb,EAAE,IAAA,CAAA,IAAA,IAAA,IAAA,KAAA,YAAA,CAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { IAuthUser, IPost, ISandboxError } from 'common';
+interface ModernMessageGroupProps {
+    messages: IPost[];
+    currentUser: IAuthUser;
+    onOpen: (element?: any) => void;
+    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>;
+export {};
+//# sourceMappingURL=ModernMessageGroup.d.ts.map

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

@@ -0,0 +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,aAAa,EAAE,MAAM,QAAQ,CAAC;AA+YzD,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,GAAI,UAAU,KAAK,EAAE,EAAE,6BAAwB,KAAG,KAAK,EAAE,EAgC/F,CAAC;AAkxBF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmDzE,CAAC"}