draply-dev 1.3.7 → 1.3.8

package/bin/cli.js

@@ -282,7 +282,7 @@ const server = http.createServer((req, res) => {
             changesBlock += `\nElement .${item.className}:\n${propsStr}\n`;
           });
 
-          const prompt = `You are a strict code editor. I need to apply CSS style changes to a file.
+          const prompt = `You are a strict code editor applying style changes to a file.
 
 FILE: ${found.relativePath} (lines ${contextStart + 1}-${contextEnd + 1})
 \`\`\`
@@ -295,17 +295,17 @@ IMPORTANT: Return ONLY a JSON array of search-and-replace pairs. Each pair forma
 {"search": "exact code to find", "replace": "modified code to replace it with"}
 
 Rules:
-- "search" must be an EXACT substring from the file above (copy it precisely).
+- "search" must be an EXACT substring from the file snippet above (copy it precisely).
 - Ensure all double quotes inside JSON string values are properly escaped (\\").
 - Do NOT include markdown fences, preambles, or explanations. Only the JSON array.
-- For CSS: modify the class rule.
-- For JSX with className: add/update the style prop on the element. Do not remove existing classes.
+- If adding properties to an existing CSS rule or JS object (like a style object), you MUST REPLACE the old values for those properties if they already exist. DO NOT CREATE DUPLICATE KEYS.
+- If the file is JSX, update the style object/prop. Do not duplicate properties inside object literals.
 
 Example response:
 [
   {
-    "search": "<section className=\\"hero\\">",
-    "replace": "<section className=\\"hero\\" style={{ color: '#ff0000' }}>"
+    "search": "style={{ color: 'blue', opacity: 0.5 }}",
+    "replace": "style={{ color: '#ff0000', opacity: 0.5 }}"
   }
 ]`;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "draply-dev",
-  "version": "1.3.7",
+  "version": "1.3.8",
   "description": "Visual overlay for any frontend project — move, resize, restyle live in the browser, save to CSS",
   "author": "Arman",
   "type": "commonjs",