@aprovan/patchwork-editor 0.1.2-dev.03aaf5b → 0.1.2-dev.f456953

package/src/components/edit/api.ts

@@ -1,5 +1,5 @@
-import { applyDiffs, hasDiffBlocks, parseEditResponse } from '../../lib/diff';
-import type { EditRequest, EditResponse } from './types';
+import { applyDiffs, hasDiffBlocks, parseEditResponse } from "../../lib/diff";
+import type { EditRequest, EditResponse } from "./types";
 
 export interface EditApiOptions {
   endpoint?: string;
@@ -12,22 +12,27 @@ export async function sendEditRequest(
   request: EditRequest,
   options: EditApiOptions = {},
 ): Promise<EditResponse> {
-  const { endpoint = '/api/edit', onProgress, sanitize = true } = options;
+  const { endpoint = "/api/edit", onProgress, sanitize = true } = options;
 
   const response = await fetch(endpoint, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
     body: JSON.stringify(request),
   });
 
   if (!response.ok) {
-    throw new Error('Edit request failed');
+    throw new Error("Edit request failed");
   }
 
   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);
@@ -37,7 +42,7 @@ export async function sendEditRequest(
     // Provide detailed context about failed diffs for better error feedback
     const failedDetails = result.failed
       .map((f, i) => `[${i + 1}] "${f}"`)
-      .join('\n');
+      .join("\n");
     throw new Error(
       `Failed to apply ${parsed.diffs.length} diff(s). None of the SEARCH blocks matched the code.\n\nFailed searches:\n${failedDetails}\n\nThis usually means the code has changed or the SEARCH text doesn't match exactly.`,
     );
@@ -66,7 +71,7 @@ async function streamResponse(
   }
 
   const decoder = new TextDecoder();
-  let fullText = '';
+  let fullText = "";
   const emittedNotes = new Set<string>();
 
   let done = false;

package/src/components/edit/fileTypes.ts

@@ -1,4 +1,4 @@
-export type FileCategory = 'compilable' | 'text' | 'media' | 'binary';
+export type FileCategory = "compilable" | "text" | "media" | "binary";
 
 export interface FileTypeInfo {
   category: FileCategory;
@@ -6,55 +6,75 @@ export interface FileTypeInfo {
   mimeType: string;
 }
 
-const COMPILABLE_EXTENSIONS = ['.tsx', '.jsx', '.ts', '.js'];
-const MEDIA_EXTENSIONS = ['.svg', '.png', '.jpg', '.jpeg', '.gif', '.webp', '.mp4', '.mov', '.webm'];
-const TEXT_EXTENSIONS = ['.json', '.yaml', '.yml', '.md', '.txt', '.css', '.html', '.xml', '.toml'];
+const COMPILABLE_EXTENSIONS = [".tsx", ".jsx", ".ts", ".js"];
+const MEDIA_EXTENSIONS = [
+  ".svg",
+  ".png",
+  ".jpg",
+  ".jpeg",
+  ".gif",
+  ".webp",
+  ".mp4",
+  ".mov",
+  ".webm",
+];
+const TEXT_EXTENSIONS = [
+  ".json",
+  ".yaml",
+  ".yml",
+  ".md",
+  ".txt",
+  ".css",
+  ".html",
+  ".xml",
+  ".toml",
+];
 
 const EXTENSION_TO_LANGUAGE: Record<string, string> = {
-  '.tsx': 'tsx',
-  '.jsx': 'jsx',
-  '.ts': 'typescript',
-  '.js': 'javascript',
-  '.json': 'json',
-  '.yaml': 'yaml',
-  '.yml': 'yaml',
-  '.md': 'markdown',
-  '.txt': 'text',
-  '.css': 'css',
-  '.html': 'html',
-  '.xml': 'xml',
-  '.toml': 'toml',
-  '.svg': 'xml',
+  ".tsx": "tsx",
+  ".jsx": "jsx",
+  ".ts": "typescript",
+  ".js": "javascript",
+  ".json": "json",
+  ".yaml": "yaml",
+  ".yml": "yaml",
+  ".md": "markdown",
+  ".txt": "text",
+  ".css": "css",
+  ".html": "html",
+  ".xml": "xml",
+  ".toml": "toml",
+  ".svg": "xml",
 };
 
 const EXTENSION_TO_MIME: Record<string, string> = {
-  '.tsx': 'text/typescript-jsx',
-  '.jsx': 'text/javascript-jsx',
-  '.ts': 'text/typescript',
-  '.js': 'text/javascript',
-  '.json': 'application/json',
-  '.yaml': 'text/yaml',
-  '.yml': 'text/yaml',
-  '.md': 'text/markdown',
-  '.txt': 'text/plain',
-  '.css': 'text/css',
-  '.html': 'text/html',
-  '.xml': 'application/xml',
-  '.toml': 'text/toml',
-  '.svg': 'image/svg+xml',
-  '.png': 'image/png',
-  '.jpg': 'image/jpeg',
-  '.jpeg': 'image/jpeg',
-  '.gif': 'image/gif',
-  '.webp': 'image/webp',
-  '.mp4': 'video/mp4',
-  '.mov': 'video/quicktime',
-  '.webm': 'video/webm',
+  ".tsx": "text/typescript-jsx",
+  ".jsx": "text/javascript-jsx",
+  ".ts": "text/typescript",
+  ".js": "text/javascript",
+  ".json": "application/json",
+  ".yaml": "text/yaml",
+  ".yml": "text/yaml",
+  ".md": "text/markdown",
+  ".txt": "text/plain",
+  ".css": "text/css",
+  ".html": "text/html",
+  ".xml": "application/xml",
+  ".toml": "text/toml",
+  ".svg": "image/svg+xml",
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".gif": "image/gif",
+  ".webp": "image/webp",
+  ".mp4": "video/mp4",
+  ".mov": "video/quicktime",
+  ".webm": "video/webm",
 };
 
 function getExtension(path: string): string {
-  const lastDot = path.lastIndexOf('.');
-  if (lastDot === -1) return '';
+  const lastDot = path.lastIndexOf(".");
+  if (lastDot === -1) return "";
   return path.slice(lastDot).toLowerCase();
 }
 
@@ -63,32 +83,32 @@ export function getFileType(path: string): FileTypeInfo {
 
   if (COMPILABLE_EXTENSIONS.includes(ext)) {
     return {
-      category: 'compilable',
+      category: "compilable",
       language: EXTENSION_TO_LANGUAGE[ext] ?? null,
-      mimeType: EXTENSION_TO_MIME[ext] ?? 'text/plain',
+      mimeType: EXTENSION_TO_MIME[ext] ?? "text/plain",
     };
   }
 
   if (TEXT_EXTENSIONS.includes(ext)) {
     return {
-      category: 'text',
+      category: "text",
       language: EXTENSION_TO_LANGUAGE[ext] ?? null,
-      mimeType: EXTENSION_TO_MIME[ext] ?? 'text/plain',
+      mimeType: EXTENSION_TO_MIME[ext] ?? "text/plain",
     };
   }
 
   if (MEDIA_EXTENSIONS.includes(ext)) {
     return {
-      category: 'media',
-      language: ext === '.svg' ? 'xml' : null,
-      mimeType: EXTENSION_TO_MIME[ext] ?? 'application/octet-stream',
+      category: "media",
+      language: ext === ".svg" ? "xml" : null,
+      mimeType: EXTENSION_TO_MIME[ext] ?? "application/octet-stream",
     };
   }
 
   return {
-    category: 'binary',
+    category: "binary",
     language: null,
-    mimeType: 'application/octet-stream',
+    mimeType: "application/octet-stream",
   };
 }
 
@@ -104,6 +124,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;
@@ -111,15 +139,15 @@ export function getLanguageFromExt(path: string): string | null {
 
 export function getMimeType(path: string): string {
   const ext = getExtension(path);
-  return EXTENSION_TO_MIME[ext] ?? 'application/octet-stream';
+  return EXTENSION_TO_MIME[ext] ?? "application/octet-stream";
 }
 
 export function isImageFile(path: string): boolean {
   const ext = getExtension(path);
-  return ['.svg', '.png', '.jpg', '.jpeg', '.gif', '.webp'].includes(ext);
+  return [".svg", ".png", ".jpg", ".jpeg", ".gif", ".webp"].includes(ext);
 }
 
 export function isVideoFile(path: string): boolean {
   const ext = getExtension(path);
-  return ['.mp4', '.mov', '.webm'].includes(ext);
+  return [".mp4", ".mov", ".webm"].includes(ext);
 }

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";