ai-design-system 0.1.60 → 0.1.61

package/components/blocks/DocumentEditorWithComments/DocumentEditorWithComments.tsx

@@ -26,7 +26,7 @@ export interface DocumentEditorWithCommentsProps {
    * Content format - determines how content prop is interpreted
    * @default 'json'
    */
-  format?: 'json' | 'markdown'
+  format?: 'json' | 'markdown' | string
   /** Array of annotations to display */
   annotations: Annotation[]
   /** ID of currently selected annotation */

package/components/features/TextEditor/TextEditor.tsx

@@ -66,7 +66,7 @@ export interface TextEditorSingleProps {
    * 
    * @default 'json'
    */
-  format?: 'json' | 'markdown'
+  format?: 'json' | 'markdown' | string
   /** Array of annotations to display */
   annotations: Annotation[]
   /** ID of currently selected annotation */
@@ -262,12 +262,15 @@ export const TextEditor = React.memo<TextEditorProps>(
      * Single-document mode
      */
     if (!isMultiTab) {
-      const isMarkdown = props.format === 'markdown'
-      const isJson = props.format === 'json'
-      if (isMarkdown || isJson) {
-        const content = isJson
-          ? `\`\`\`json\n${formatJson(props.content as string)}\n\`\`\``
-          : (props.content as string)
+      const format = props.format || 'markdown'
+      const isMarkdown = format === 'markdown'
+      const isCode = !isMarkdown && typeof props.content === 'string'
+      
+      if (isMarkdown || isCode) {
+        const contentStr = props.content as string
+        const content = isCode
+          ? `\`\`\`${format}\n${format === 'json' ? formatJson(contentStr) : contentStr}\n\`\`\``
+          : contentStr
         return (
           <div className={cn('text-editor p-6 flex flex-col h-screen w-full flex-1', className)}>
             <StreamingMarkdown mode="streaming">
@@ -319,9 +322,10 @@ export const TextEditor = React.memo<TextEditorProps>(
         </div>
       )
     } else {
-      const isMarkdownMulti = currentDocument.file.format === 'markdown'
-      const isJsonMulti = currentDocument.file.format === 'json'
-      const renderAsStreamdown = isMarkdownMulti || isJsonMulti
+      const format = currentDocument.file.format || 'markdown'
+      const isMarkdownMulti = format === 'markdown'
+      const isCodeMulti = !isMarkdownMulti && typeof currentDocument.content === 'string'
+      const renderAsStreamdown = isMarkdownMulti || isCodeMulti
 
       editorPane = (
         <div className="text-editor flex flex-col h-full w-full">
@@ -342,8 +346,8 @@ export const TextEditor = React.memo<TextEditorProps>(
                   isAnimating
                   className="[&>*:first-child]:mt-0 [&>*:last-child]:mb-0"
                 >
-                  {isJsonMulti
-                    ? `\`\`\`json\n${formatJson(currentDocument.content as string)}\n\`\`\``
+                  {isCodeMulti
+                    ? `\`\`\`${format}\n${format === 'json' ? formatJson(currentDocument.content as string) : currentDocument.content}\n\`\`\``
                     : (currentDocument.content as string)}
                 </StreamingMarkdown>
               </div>

package/components/features/TextEditor/useTextEditor.mock.ts

@@ -16,7 +16,7 @@ interface DocumentFile {
   id: string
   name: string
   isDirty: boolean
-  format?: 'json' | 'markdown'
+  format?: 'json' | 'markdown' | string
   lastModified: number
 }
 

package/dist/index.cjs

@@ -11658,12 +11658,14 @@ var TextEditor = React3__namespace.default.memo(
       return rootNodes;
     }, [isMultiTab, props.documents, props.fileTree]);
     if (!isMultiTab) {
-      const isMarkdown = props.format === "markdown";
-      const isJson = props.format === "json";
-      if (isMarkdown || isJson) {
-        const content = isJson ? `\`\`\`json
-${formatJson(props.content)}
-\`\`\`` : props.content;
+      const format = props.format || "markdown";
+      const isMarkdown = format === "markdown";
+      const isCode = !isMarkdown && typeof props.content === "string";
+      if (isMarkdown || isCode) {
+        const contentStr = props.content;
+        const content = isCode ? `\`\`\`${format}
+${format === "json" ? formatJson(contentStr) : contentStr}
+\`\`\`` : contentStr;
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-editor p-6 flex flex-col h-screen w-full flex-1", className), children: /* @__PURE__ */ jsxRuntime.jsx(StreamingMarkdown, { mode: "streaming", children: content }) });
       }
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-editor flex flex-col h-screen w-full flex-1", className), children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -11699,9 +11701,10 @@ ${formatJson(props.content)}
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center p-6 text-muted-foreground", children: "No documents open" })
       ] });
     } else {
-      const isMarkdownMulti = currentDocument.file.format === "markdown";
-      const isJsonMulti = currentDocument.file.format === "json";
-      const renderAsStreamdown = isMarkdownMulti || isJsonMulti;
+      const format = currentDocument.file.format || "markdown";
+      const isMarkdownMulti = format === "markdown";
+      const isCodeMulti = !isMarkdownMulti && typeof currentDocument.content === "string";
+      const renderAsStreamdown = isMarkdownMulti || isCodeMulti;
       editorPane = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-editor flex flex-col h-full w-full", children: [
         !hideTabBar && /* @__PURE__ */ jsxRuntime.jsx(
           DocumentTabBar,
@@ -11719,8 +11722,8 @@ ${formatJson(props.content)}
             mode: "streaming",
             isAnimating: true,
             className: "[&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
-            children: isJsonMulti ? `\`\`\`json
-${formatJson(currentDocument.content)}
+            children: isCodeMulti ? `\`\`\`${format}
+${format === "json" ? formatJson(currentDocument.content) : currentDocument.content}
 \`\`\`` : currentDocument.content
           }
         ) }) : /* @__PURE__ */ jsxRuntime.jsx(