@aprovan/patchwork-editor 0.1.1-dev.6bd527d → 0.1.2-dev.ba8f277

package/src/components/edit/MediaPreview.tsx

@@ -14,10 +14,25 @@ function formatFileSize(bytes: number): string {
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
 
+function isUrl(content: string): boolean {
+  // Check if content is a URL (absolute or relative path)
+  return content.startsWith('/') ||
+    content.startsWith('http://') ||
+    content.startsWith('https://') ||
+    content.startsWith('./') ||
+    content.startsWith('../');
+}
+
 function getDataUrl(content: string, mimeType: string): string {
+  // If already a data URL, return as-is
   if (content.startsWith('data:')) {
     return content;
   }
+  // If content is a URL path, return it directly (browser can fetch it)
+  if (isUrl(content)) {
+    return content;
+  }
+  // Otherwise, treat as raw base64 data and construct a data URL
   return `data:${mimeType};base64,${content}`;
 }
 
@@ -28,10 +43,13 @@ export function MediaPreview({ content, mimeType, fileName }: MediaPreviewProps)
   const dataUrl = getDataUrl(content, mimeType);
   const isImage = isImageFile(fileName);
   const isVideo = isVideoFile(fileName);
-  const contentSize = content.length;
-  const estimatedBytes = content.startsWith('data:')
-    ? Math.floor((content.split(',')[1]?.length ?? 0) * 0.75)
-    : Math.floor(content.length * 0.75);
+  // For URLs, we can't estimate file size from the string
+  const isUrlContent = isUrl(content);
+  const estimatedBytes = isUrlContent
+    ? null
+    : content.startsWith('data:')
+      ? Math.floor((content.split(',')[1]?.length ?? 0) * 0.75)
+      : Math.floor(content.length * 0.75);
 
   useEffect(() => {
     setDimensions(null);
@@ -97,7 +115,7 @@ export function MediaPreview({ content, mimeType, fileName }: MediaPreviewProps)
           {dimensions && (
             <span>{dimensions.width} × {dimensions.height} px</span>
           )}
-          <span>{formatFileSize(estimatedBytes)}</span>
+          {estimatedBytes !== null && <span>{formatFileSize(estimatedBytes)}</span>}
           <span className="text-muted-foreground/60">{mimeType}</span>
         </div>
       </div>

package/src/components/edit/api.ts

@@ -27,7 +27,12 @@ export async function sendEditRequest(
   const text = await streamResponse(response, onProgress);
 
   if (!hasDiffBlocks(text)) {
-    throw new Error('No valid diffs in response');
+    // No diffs — return the original code unchanged with the response as summary
+    return {
+      newCode: request.code,
+      summary: text.trim(),
+      progressNotes: [],
+    };
   }
 
   const parsed = parseEditResponse(text);

package/src/components/edit/fileTypes.ts

@@ -104,6 +104,14 @@ export function isTextFile(path: string): boolean {
   return TEXT_EXTENSIONS.includes(getExtension(path));
 }
 
+export function isMarkdownFile(path: string): boolean {
+  return getExtension(path) === '.md';
+}
+
+export function isPreviewable(path: string): boolean {
+  return isCompilable(path) || isMarkdownFile(path);
+}
+
 export function getLanguageFromExt(path: string): string | null {
   const ext = getExtension(path);
   return EXTENSION_TO_LANGUAGE[ext] ?? null;

package/src/components/edit/useEditSession.ts

@@ -12,6 +12,7 @@ import type {
 export interface UseEditSessionOptions {
   originalCode?: string;
   originalProject?: VirtualProject;
+  initialActiveFile?: string;
   compile?: CompileFn;
   apiEndpoint?: string;
 }
@@ -29,6 +30,7 @@ export function useEditSession(
   const {
     originalCode,
     originalProject: providedProject,
+    initialActiveFile,
     compile,
     apiEndpoint,
   } = options;
@@ -49,7 +51,11 @@ export function useEditSession(
   const lastSyncedProjectRef = useRef<VirtualProject>(originalProject);
 
   const [project, setProject] = useState<VirtualProject>(originalProject);
-  const [activeFile, setActiveFile] = useState(originalProject.entry);
+  const [activeFile, setActiveFile] = useState(
+    initialActiveFile && originalProject.files.has(initialActiveFile)
+      ? initialActiveFile
+      : originalProject.entry,
+  );
   const [history, setHistory] = useState<EditHistoryEntry[]>([]);
   const [isApplying, setIsApplying] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -61,12 +67,16 @@ export function useEditSession(
     if (originalProject !== lastSyncedProjectRef.current) {
       lastSyncedProjectRef.current = originalProject;
       setProject(originalProject);
-      setActiveFile(originalProject.entry);
+      setActiveFile(
+        initialActiveFile && originalProject.files.has(initialActiveFile)
+          ? initialActiveFile
+          : originalProject.entry,
+      );
       setHistory([]);
       setError(null);
       setStreamingNotes([]);
     }
-  }, [originalProject]);
+  }, [originalProject, initialActiveFile]);
 
   const performEdit = useCallback(
     async (

package/src/components/index.ts

@@ -1,5 +1,7 @@
-export { CodeBlockExtension } from './CodeBlockExtension';
-export { CodePreview } from './CodePreview';
-export { MarkdownEditor } from './MarkdownEditor';
-export { ServicesInspector, type ServiceInfo } from './ServicesInspector';
-export * from './edit';
+export { CodeBlockExtension } from "./CodeBlockExtension";
+export { CodePreview } from "./CodePreview";
+export { WidgetPreview } from "./WidgetPreview";
+export { MarkdownEditor } from "./MarkdownEditor";
+export { MarkdownPreview } from "./MarkdownPreview";
+export { ServicesInspector, type ServiceInfo } from "./ServicesInspector";
+export * from "./edit";

package/src/index.ts

@@ -2,10 +2,12 @@
 export {
   CodeBlockExtension,
   CodePreview,
+  WidgetPreview,
   MarkdownEditor,
+  MarkdownPreview,
   ServicesInspector,
   type ServiceInfo,
-} from './components';
+} from "./components";
 
 // Edit components
 export {
@@ -40,11 +42,13 @@ export {
   isCompilable,
   isMediaFile,
   isTextFile,
+  isMarkdownFile,
+  isPreviewable,
   isImageFile,
   isVideoFile,
   getLanguageFromExt,
   getMimeType,
-} from './components/edit';
+} from "./components/edit";
 
 // Lib utilities
 export {
@@ -58,7 +62,7 @@ export {
   type CodePart,
   type ParsedPart,
   type ExtractOptions,
-  
+
   // Diff utilities
   parseCodeBlockAttributes,
   parseCodeBlocks,
@@ -74,7 +78,7 @@ export {
   type CodeBlock,
   type DiffBlock,
   type ParsedEditResponse,
-  
+
   // VFS utilities
   getVFSConfig,
   getVFSStore,
@@ -83,7 +87,7 @@ export {
   listProjects,
   saveFile,
   isVFSAvailable,
-  
+
   // General utilities
   cn,
-} from './lib';
+} from "./lib";