openmagic 0.20.0 → 0.22.0

package/dist/cli.js

@@ -902,15 +902,16 @@ You MUST respond with valid JSON in this exact format:
 - \`delete\`: Delete a file. No search/replace/content needed.
 
 ## Rules
-1. The \`search\` field must contain the EXACT text from the source file \u2014 copy it precisely, including whitespace and indentation
-2. Keep modifications minimal \u2014 change only what's needed
-3. If the grounded files don't contain the element you need to modify, return: {"modifications":[],"explanation":"NEED_FILE: path/to/file.tsx"} \u2014 the system will automatically read it and retry
-4. For style changes, prefer modifying existing CSS/Tailwind classes over adding inline styles. Check the dependencies to know if the project uses Tailwind, MUI, etc.
-5. Always preserve the existing code style and conventions
-6. If the change involves multiple files, include all modifications in the array
-7. ALWAYS respond with the JSON format above, even for explanations (put them in the "explanation" field)
-8. Use the selected element's cssSelector, className, parentContainerStyles, and siblings to understand the layout context before making changes
-9. Use the page URL and componentHint to identify the correct source file`;
+1. Copy the search string EXACTLY from the grounded source files \u2014 do not retype, reformat, or change whitespace/indentation
+2. Include 3-5 lines of surrounding context in the search field to ensure uniqueness
+3. Keep modifications minimal \u2014 change only what's needed
+4. If the grounded files don't contain the code you need to modify, return: {"modifications":[],"explanation":"NEED_FILE: exact/relative/path/to/file.ext"}
+5. For style changes: check the dependencies (package.json) to know if the project uses Tailwind, MUI, etc. Use the project's styling approach, not raw CSS
+6. Use the selected element's cssSelector, className, parentContainerStyles, and siblings to understand the full layout context
+7. Use the page URL route and componentHint to identify the correct source file to modify
+8. Always preserve existing code style, conventions, and indentation
+9. If the change involves multiple files, include all modifications in the array
+10. ALWAYS respond with valid JSON only \u2014 no text before or after the JSON object`;
 function buildContextParts(context) {
   const parts = {};
   if (context.selectedElement) {
@@ -1356,15 +1357,60 @@ var OPENAI_COMPATIBLE_PROVIDERS = /* @__PURE__ */ new Set([
   "zhipu",
   "doubao"
 ]);
+function extractJsonFromResponse(content) {
+  const mdMatch = content.match(/```(?:json)?\s*([\s\S]*?)```/);
+  if (mdMatch?.[1]) {
+    const candidate = mdMatch[1].trim();
+    try {
+      JSON.parse(candidate);
+      return candidate;
+    } catch {
+    }
+  }
+  const start = content.indexOf("{");
+  if (start === -1) return null;
+  let depth = 0;
+  let inString = false;
+  let escape = false;
+  for (let i = start; i < content.length; i++) {
+    const ch = content[i];
+    if (escape) {
+      escape = false;
+      continue;
+    }
+    if (ch === "\\" && inString) {
+      escape = true;
+      continue;
+    }
+    if (ch === '"') {
+      inString = !inString;
+      continue;
+    }
+    if (inString) continue;
+    if (ch === "{") depth++;
+    if (ch === "}") {
+      depth--;
+      if (depth === 0) {
+        const candidate = content.substring(start, i + 1);
+        try {
+          JSON.parse(candidate);
+          return candidate;
+        } catch {
+          return null;
+        }
+      }
+    }
+  }
+  return null;
+}
 async function handleLlmChat(params, onChunk, onDone, onError) {
   const { provider, model, apiKey, messages, context } = params;
   const wrappedOnDone = (result) => {
     let modifications;
     try {
-      const jsonMatch = result.content.match(/```json\s*([\s\S]*?)```/) || result.content.match(/\{[\s\S]*"modifications"[\s\S]*\}/);
-      if (jsonMatch) {
-        const jsonStr = jsonMatch[1] || jsonMatch[0];
-        const parsed = JSON.parse(jsonStr);
+      const json = extractJsonFromResponse(result.content);
+      if (json) {
+        const parsed = JSON.parse(json);
         modifications = parsed.modifications;
       }
     } catch {
@@ -1401,7 +1447,7 @@ async function handleLlmChat(params, onChunk, onDone, onError) {
 }
 
 // src/server.ts
-var VERSION = "0.20.0";
+var VERSION = "0.22.0";
 var __dirname = dirname2(fileURLToPath(import.meta.url));
 function attachOpenMagic(httpServer, roots) {
   function handleRequest(req, res) {
@@ -1934,7 +1980,7 @@ process.on("uncaughtException", (err) => {
   process.exit(1);
 });
 var childProcesses = [];
-var VERSION2 = "0.20.0";
+var VERSION2 = "0.22.0";
 function ask(question) {
   const rl = createInterface({ input: process.stdin, output: process.stdout });
   return new Promise((resolve3) => {