@aprovan/patchwork-editor 0.1.2-dev.ba8f277 → 0.1.2-dev.f456953

package/.turbo/turbo-build.log

@@ -9,5 +9,5 @@
 CLI Target: es2022
 CLI Cleaning output folder
 ESM Build start
-ESM dist/index.js 104.90 KB
-ESM ⚡️ Build success in 261ms
+ESM dist/index.js 104.93 KB
+ESM ⚡️ Build success in 252ms

package/dist/components/edit/api.d.ts

@@ -1,4 +1,4 @@
-import type { EditRequest, EditResponse } from './types';
+import type { EditRequest, EditResponse } from "./types";
 export interface EditApiOptions {
     endpoint?: string;
     onProgress?: (note: string) => void;

package/dist/components/edit/fileTypes.d.ts

@@ -1,4 +1,4 @@
-export type FileCategory = 'compilable' | 'text' | 'media' | 'binary';
+export type FileCategory = "compilable" | "text" | "media" | "binary";
 export interface FileTypeInfo {
     category: FileCategory;
     language: string | null;

package/dist/index.js

@@ -1013,8 +1013,28 @@ function SaveStatusButton({
 
 // src/components/edit/fileTypes.ts
 var COMPILABLE_EXTENSIONS = [".tsx", ".jsx", ".ts", ".js"];
-var MEDIA_EXTENSIONS = [".svg", ".png", ".jpg", ".jpeg", ".gif", ".webp", ".mp4", ".mov", ".webm"];
-var TEXT_EXTENSIONS = [".json", ".yaml", ".yml", ".md", ".txt", ".css", ".html", ".xml", ".toml"];
+var MEDIA_EXTENSIONS = [
+  ".svg",
+  ".png",
+  ".jpg",
+  ".jpeg",
+  ".gif",
+  ".webp",
+  ".mp4",
+  ".mov",
+  ".webm"
+];
+var TEXT_EXTENSIONS = [
+  ".json",
+  ".yaml",
+  ".yml",
+  ".md",
+  ".txt",
+  ".css",
+  ".html",
+  ".xml",
+  ".toml"
+];
 var EXTENSION_TO_LANGUAGE = {
   ".tsx": "tsx",
   ".jsx": "jsx",
@@ -2841,7 +2861,7 @@ function ServicesInspector({
     ),
     /* @__PURE__ */ jsxs(DialogComponent, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsxs(DialogHeaderComponent, { children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Available Services" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Services" }),
         /* @__PURE__ */ jsx(DialogCloseComponent, { onClose: () => setOpen(false) })
       ] }),
       /* @__PURE__ */ jsx(DialogContentComponent, { className: "space-y-3 max-h-96 overflow-auto", children: namespaces.map((ns) => /* @__PURE__ */ jsxs("details", { open: namespaces.length === 1, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aprovan/patchwork-editor",
-  "version": "0.1.2-dev.ba8f277",
+  "version": "0.1.2-dev.f456953",
   "description": "Components for facilitating widget generation and editing",
   "type": "module",
   "main": "./dist/index.js",
@@ -25,8 +25,8 @@
     "shiki": "^3.22.0",
     "tailwind-merge": "^3.4.0",
     "tiptap-markdown": "^0.9.0",
-    "@aprovan/patchwork-compiler": "0.1.2-dev.ba8f277",
-    "@aprovan/bobbin": "0.1.0-dev.ba8f277"
+    "@aprovan/bobbin": "0.1.0-dev.f456953",
+    "@aprovan/patchwork-compiler": "0.1.2-dev.f456953"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/src/components/ServicesInspector.tsx

@@ -133,7 +133,7 @@ export function ServicesInspector({
 
       <DialogComponent open={open} onOpenChange={setOpen}>
         <DialogHeaderComponent>
-          <h2 className="text-lg font-semibold">Available Services</h2>
+          <h2 className="text-lg font-semibold">Services</h2>
           <DialogCloseComponent onClose={() => setOpen(false)} />
         </DialogHeaderComponent>
         <DialogContentComponent className="space-y-3 max-h-96 overflow-auto">

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,16 +12,16 @@ 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);
@@ -42,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.`,
     );
@@ -71,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",
   };
 }
 
@@ -105,7 +125,7 @@ export function isTextFile(path: string): boolean {
 }
 
 export function isMarkdownFile(path: string): boolean {
-  return getExtension(path) === '.md';
+  return getExtension(path) === ".md";
 }
 
 export function isPreviewable(path: string): boolean {
@@ -119,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);
 }