draply-dev 1.0.3 → 1.0.5

package/bin/cli.js

@@ -18,8 +18,8 @@ const INJECT_TAG = `\n<link rel="stylesheet" href="/draply.css">\n<script ${MARK
 
 function injectOverlay(html) {
   if (html.includes(MARKER)) return html;
-  if (html.includes('</body>')) return html.replace(/<\/body>/i, INJECT_TAG + '\n</body>');
-  if (html.includes('</html>')) return html.replace(/<\/html>/i, INJECT_TAG + '\n</html>');
+  if (html.includes('</body>')) return html.replace(/<\/body>/i, () => INJECT_TAG + '\n</body>');
+  if (html.includes('</html>')) return html.replace(/<\/html>/i, () => INJECT_TAG + '\n</html>');
   return html + INJECT_TAG;
 }
 
@@ -107,16 +107,22 @@ const server = http.createServer((req, res) => {
         const results = [];
         const fileMap = new Map();
 
-        // 1. Group by exact file (thanks to React Fiber)
+        // 1. Group by exact file (thanks to React Fiber, fallback to index.html)
         for (const ch of (changes || [])) {
-          if (!ch.exactFile || !fs.existsSync(ch.exactFile)) {
-             results.push({ selector: ch.selector, ok: false, reason: 'Source file not linked' });
-             continue;
+          let targetFile = ch.exactFile;
+          if (!targetFile || !fs.existsSync(targetFile)) {
+             const fallbackHTML = path.join(process.cwd(), 'index.html');
+             if (fs.existsSync(fallbackHTML)) {
+               targetFile = fallbackHTML;
+             } else {
+               results.push({ selector: ch.selector, ok: false, reason: 'Source file not linked' });
+               continue;
+             }
           }
-          if (!fileMap.has(ch.exactFile)) {
-            fileMap.set(ch.exactFile, { content: fs.readFileSync(ch.exactFile, 'utf8'), items: [] });
+          if (!fileMap.has(targetFile)) {
+            fileMap.set(targetFile, { content: fs.readFileSync(targetFile, 'utf8'), items: [] });
           }
-          fileMap.get(ch.exactFile).items.push(ch);
+          fileMap.get(targetFile).items.push(ch);
         }
 
         // 2. Call AI per file using XML Patches
@@ -150,14 +156,14 @@ FILE: ${path.basename(filePath)} (lines ${ctxStart + 1}-${ctxEnd + 1})
 ${snippet}
 \`\`\`
 
-CHANGES (Apply to React elements matching selectors):
+CHANGES (Apply to HTML/React elements matching selectors):
 ${changesBlock}
 
 IMPORTANT: Return your changes wrapped in <patch> tags containing <search> and <replace> blocks. DO NOT use JSON.
 
 Rules:
 - The content inside <search> must be an EXACT substring from the file snippet above.
-- Update JSX inline styles or Tailwind classes appropriately.
+- Update HTML/JSX inline styles or Tailwind classes appropriately.
 - REPLACE old style values if they exist, DO NOT duplicate keys!
 
 Example response:

package/package.json

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