@superinterface/react 2.22.3 → 2.23.0

package/dist/index.cjs

@@ -391,6 +391,9 @@ __export(src_exports, {
     AssistantNameContext: function() {
         return AssistantNameContext;
     },
+    AssistantProvider: function() {
+        return AssistantProvider;
+    },
     AudioThread: function() {
         return AudioThread;
     },
@@ -1618,136 +1621,152 @@ var remarkAnnotation = function(param) {
     return function() {
         return function(tree) {
             (0, import_unist_util_flatmap.default)(tree, function(node) {
-                var _content_text_annotations, _content_text;
-                if (![
-                    "text",
-                    "link"
-                ].includes(node.type)) {
-                    return [
-                        node
-                    ];
-                }
-                if (!((_content_text = content.text) === null || _content_text === void 0 ? void 0 : (_content_text_annotations = _content_text.annotations) === null || _content_text_annotations === void 0 ? void 0 : _content_text_annotations.length)) {
-                    return [
-                        node
-                    ];
-                }
-                if (!node.position) {
-                    return [
-                        node
-                    ];
-                }
-                var nodeStart = node.position.start.offset;
-                if (!(0, import_radash3.isNumber)(nodeStart)) {
-                    return [
-                        node
-                    ];
-                }
-                var nodeEnd = node.position.end.offset;
-                if (!(0, import_radash3.isNumber)(nodeEnd)) {
+                if (node.type === "text" || node.type === "link") {
+                    return processNodeWithAnnotations({
+                        node: node,
+                        content: content
+                    });
+                } else {
                     return [
                         node
                     ];
                 }
-                var newNodes = [];
-                var lastProcessedIndex = nodeStart;
-                sortedAnnotations({
-                    content: content
-                }).forEach(function(annotation) {
-                    var annotationStart = annotation.start_index;
-                    var annotationEnd = annotation.end_index;
-                    if (nodeEnd < annotationStart || nodeStart > annotationEnd) {
-                        return;
-                    }
-                    if (node.type === "link") {
-                        if (annotation.type === "file_path") {
-                            console.log({
-                                annotation: annotation,
-                                node: node
-                            });
-                            newNodes.push(_object_spread_props(_object_spread({}, node), {
-                                type: "annotation",
-                                // @ts-ignore-next-line
-                                url: annotation.file_path.file_id,
-                                data: {
-                                    hName: "annotation",
-                                    hProperties: {
-                                        annotation: annotation
-                                    }
-                                }
-                            }));
-                        }
-                        return;
-                    }
-                    var startIndex = Math.max(nodeStart, annotationStart);
-                    var endIndex = Math.min(nodeEnd, annotationEnd);
-                    if (lastProcessedIndex < startIndex) {
-                        newNodes.push({
-                            type: "text",
-                            value: node.value.slice(lastProcessedIndex - nodeStart, startIndex - nodeStart),
-                            position: {
-                                start: {
-                                    line: node.position.start.line,
-                                    column: node.position.start.column,
-                                    offset: lastProcessedIndex
-                                },
-                                end: {
-                                    line: node.position.end.line,
-                                    column: node.position.end.column,
-                                    offset: startIndex
-                                }
-                            }
-                        });
-                    }
-                    newNodes.push({
-                        type: "annotation",
-                        value: node.value.slice(startIndex - nodeStart, endIndex - nodeStart),
-                        position: {
-                            start: {
-                                line: node.position.start.line,
-                                column: node.position.start.column,
-                                offset: startIndex
-                            },
-                            end: {
-                                line: node.position.end.line,
-                                column: node.position.end.column,
-                                offset: endIndex
-                            }
-                        },
-                        data: {
-                            hName: "annotation",
-                            hProperties: {
-                                annotation: annotation
-                            }
-                        }
-                    });
-                    lastProcessedIndex = endIndex;
-                });
-                if (node.type === "text") {
-                    if (lastProcessedIndex < nodeEnd) {
-                        newNodes.push({
-                            type: "text",
-                            value: node.value.slice(lastProcessedIndex - nodeStart, nodeEnd - nodeStart),
-                            position: {
-                                start: {
-                                    line: node.position.start.line,
-                                    column: node.position.start.column,
-                                    offset: lastProcessedIndex
-                                },
-                                end: {
-                                    line: node.position.end.line,
-                                    column: node.position.end.column,
-                                    offset: nodeEnd
-                                }
-                            }
-                        });
-                    }
-                }
-                return newNodes;
             });
         };
     };
 };
+var processNodeWithAnnotations = function(param) {
+    var node = param.node, content = param.content;
+    var _content_text_annotations, _content_text;
+    if (!((_content_text = content.text) === null || _content_text === void 0 ? void 0 : (_content_text_annotations = _content_text.annotations) === null || _content_text_annotations === void 0 ? void 0 : _content_text_annotations.length)) {
+        return [
+            node
+        ];
+    }
+    if (!node.position) {
+        return [
+            node
+        ];
+    }
+    var annotations = sortedAnnotations({
+        content: content
+    });
+    if (node.type === "text") {
+        return processTextNode({
+            node: node,
+            annotations: annotations
+        });
+    } else if (node.type === "link") {
+        var linkNode = node;
+        linkNode.children = (0, import_unist_util_flatmap.default)(linkNode.children, function(childNode) {
+            if (childNode.type === "text") {
+                return processTextNode({
+                    node: childNode,
+                    annotations: annotations
+                });
+            } else {
+                return [
+                    childNode
+                ];
+            }
+        });
+        return [
+            linkNode
+        ];
+    } else {
+        return [
+            node
+        ];
+    }
+};
+var processTextNode = function(param) {
+    var node = param.node, annotations = param.annotations;
+    if (!node.position || !node.value) {
+        return [
+            node
+        ];
+    }
+    var nodeStart = node.position.start.offset;
+    var nodeEnd = node.position.end.offset;
+    if (!(0, import_radash3.isNumber)(nodeStart) || !(0, import_radash3.isNumber)(nodeEnd)) {
+        return [
+            node
+        ];
+    }
+    var newNodes = [];
+    var lastIndex = nodeStart;
+    annotations.forEach(function(annotation) {
+        var annotationStart = annotation.start_index;
+        var annotationEnd = annotation.end_index;
+        if (nodeEnd <= annotationStart || nodeStart >= annotationEnd) {
+            return;
+        }
+        var start = Math.max(nodeStart, annotationStart);
+        var end = Math.min(nodeEnd, annotationEnd);
+        if (lastIndex < start) {
+            newNodes.push(createTextNode({
+                node: node,
+                startOffset: lastIndex,
+                endOffset: start
+            }));
+        }
+        newNodes.push(createAnnotationNode({
+            node: node,
+            startOffset: start,
+            endOffset: end,
+            annotation: annotation
+        }));
+        lastIndex = end;
+    });
+    if (lastIndex < nodeEnd) {
+        newNodes.push(createTextNode({
+            node: node,
+            startOffset: lastIndex,
+            endOffset: nodeEnd
+        }));
+    }
+    return newNodes;
+};
+var createTextNode = function(param) {
+    var node = param.node, startOffset = param.startOffset, endOffset = param.endOffset;
+    var valueStart = startOffset - node.position.start.offset;
+    var valueEnd = endOffset - node.position.start.offset;
+    return {
+        type: "text",
+        value: node.value.slice(valueStart, valueEnd),
+        position: {
+            start: _object_spread_props(_object_spread({}, node.position.start), {
+                offset: startOffset
+            }),
+            end: _object_spread_props(_object_spread({}, node.position.end), {
+                offset: endOffset
+            })
+        }
+    };
+};
+var createAnnotationNode = function(param) {
+    var node = param.node, startOffset = param.startOffset, endOffset = param.endOffset, annotation = param.annotation;
+    var valueStart = startOffset - node.position.start.offset;
+    var valueEnd = endOffset - node.position.start.offset;
+    return {
+        type: "annotation",
+        value: node.value.slice(valueStart, valueEnd),
+        position: {
+            start: _object_spread_props(_object_spread({}, node.position.start), {
+                offset: startOffset
+            }),
+            end: _object_spread_props(_object_spread({}, node.position.end), {
+                offset: endOffset
+            })
+        },
+        data: {
+            hName: "annotation",
+            hProperties: {
+                annotation: annotation
+            }
+        }
+    };
+};
 // src/contexts/markdown/MarkdownContext/lib/getRemarkPlugins.ts
 var getRemarkPlugins = function(param) {
     var content = param.content;
@@ -5316,10 +5335,82 @@ var ComponentsProvider = function(_param) {
         children: children
     });
 };
+// src/components/assistants/AssistantProvider/index.tsx
+var import_react61 = require("react");
+var import_themes59 = require("@radix-ui/themes");
+// src/components/assistants/AssistantProvider/Code.tsx
+var import_react60 = require("react");
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var Code4 = function(param) {
+    var children = param.children, className = param.className, markdownContext = param.markdownContext;
+    var messageContext = useMessageContext();
+    var isAssistantMessage = (0, import_react60.useMemo)(function() {
+        var _messageContext_message;
+        return ((_messageContext_message = messageContext.message) === null || _messageContext_message === void 0 ? void 0 : _messageContext_message.role) === "assistant";
+    }, [
+        messageContext
+    ]);
+    if (!isAssistantMessage || className !== "language-suggestions") {
+        return markdownContext.components.code({
+            children: children,
+            className: className
+        });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Suggestions, {
+        children: children
+    });
+};
+// src/components/assistants/AssistantProvider/index.tsx
+var import_jsx_runtime88 = // @ts-ignore-next-line
+require("react/jsx-runtime");
+var AssistantProvider = function(param) {
+    var children = param.children;
+    var superinterfaceContext = useSuperinterfaceContext();
+    var assistant = useAssistant({
+        assistantId: superinterfaceContext.variables.assistantId
+    }).assistant;
+    var markdownContext = useMarkdownContext();
+    var components2 = (0, import_react61.useMemo)(function() {
+        return {
+            code: function(props) {
+                return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Code4, _object_spread_props(_object_spread({}, props), {
+                    markdownContext: markdownContext
+                }));
+            }
+        };
+    }, [
+        markdownContext
+    ]);
+    if (!assistant) {
+        return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_themes59.Theme, {
+        accentColor: assistant.theme.accentColor,
+        grayColor: assistant.theme.grayColor,
+        radius: assistant.theme.radius,
+        appearance: assistant.theme.appearance,
+        scaling: assistant.theme.scaling,
+        panelBackground: "solid",
+        hasBackground: false,
+        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AssistantNameContext.Provider, {
+            value: assistant.name,
+            children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AssistantAvatarContext.Provider, {
+                value: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Avatar6, {
+                    avatar: assistant.avatar
+                }),
+                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(MarkdownProvider, {
+                    components: components2,
+                    children: children
+                })
+            })
+        })
+    });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
     AssistantAvatarContext: AssistantAvatarContext,
     AssistantNameContext: AssistantNameContext,
+    AssistantProvider: AssistantProvider,
     AudioThread: AudioThread,
     AudioThreadDialog: AudioThreadDialog,
     Avatar: Avatar,