@pro-vi/designer 0.3.1 → 0.3.3

package/dist/cli.js

@@ -488,14 +488,17 @@ async function runDoctor() {
     return out;
 }
 function checkDeps() {
+    const rootLock = path.join(REPO_ROOT, 'package-lock.json');
+    if (!fs.existsSync(rootLock)) {
+        return { name: 'dependencies installed', status: 'ok', detail: 'installed-mode' };
+    }
     const nm = path.join(REPO_ROOT, 'node_modules');
     if (!fs.existsSync(nm)) {
-        return { name: 'dependencies installed', status: 'fail', detail: 'node_modules missing — run `designer setup` or `npm install`' };
+        return { name: 'dependencies installed', status: 'fail', detail: 'node_modules missing — run `npm install`' };
     }
-    const rootLock = path.join(REPO_ROOT, 'package-lock.json');
     const innerLock = path.join(nm, '.package-lock.json');
-    if (!fs.existsSync(rootLock) || !fs.existsSync(innerLock)) {
-        return { name: 'dependencies installed', status: 'ok', detail: 'node_modules present (no lockfile to compare)' };
+    if (!fs.existsSync(innerLock)) {
+        return { name: 'dependencies installed', status: 'ok', detail: 'node_modules present (no inner lockfile)' };
     }
     const h = (p) => createHash('sha1').update(fs.readFileSync(p)).digest('hex');
     if (h(rootLock) !== h(innerLock)) {

package/dist/designer-controller.js

@@ -329,17 +329,23 @@ export class DesignerController {
       })()`).catch(() => null);
         await new Promise((r) => setTimeout(r, 600));
         const result = await this.browser.evalValue(`(() => {
-        const spans = Array.from(document.querySelectorAll('span'));
+        // Walk all text nodes — Claude's file panel wraps filenames in styled-
+        // component <div>s whose class hashes change across deploys. Tag-based
+        // scraping misses them; text-node walking is resilient.
         const seen = new Set();
         const files = [];
-        for (const s of spans) {
-          if (s.children.length) continue;
-          const t = (s.textContent || '').trim();
-          if (!/^[A-Za-z0-9 _.()\\-]+\\.(html|js|css|jsx)$/i.test(t) || seen.has(t)) continue;
+        const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
+        let node;
+        while ((node = walker.nextNode())) {
+          const t = (node.textContent || '').trim();
+          if (!/^[A-Za-z0-9 _.()\\-]+\\.(html|js|css|jsx|tsx|ts|md|json|svg)$/i.test(t)) continue;
+          if (t.length > 80 || seen.has(t)) continue;
           seen.add(t);
           files.push(t);
         }
-        // Folders: rows whose sibling text is 'Folder' (a Claude-side label)
+        // Folders: rows whose sibling text is 'Folder' (a Claude-side label).
+        // Still tag-based since folder rows are structurally different —
+        // revisit if this breaks.
         const folderSet = new Set();
         const divs = Array.from(document.querySelectorAll('div'));
         for (const d of divs) {

package/dist/setup.js

@@ -92,12 +92,8 @@ async function step1NpmInstall() {
     const rootLock = path.join(REPO_ROOT, 'package-lock.json');
     const innerLock = path.join(nm, '.package-lock.json');
     if (!fs.existsSync(rootLock)) {
-        if (fs.existsSync(nm)) {
-            log('deps', 'ok', 'installed-mode (no package-lock to verify)');
-            return true;
-        }
-        log('deps', 'fail', 'no package-lock.json and no node_modules — reinstall the package');
-        return false;
+        log('deps', 'ok', 'installed-mode');
+        return true;
     }
     if (fs.existsSync(nm)) {
         const a = lockfileHash(rootLock);

package/dist/ui-anchors.js

@@ -153,6 +153,45 @@ export const UI_ANCHORS = [
             const ok = /[?&]file=/.test(url);
             return { ok: true, detail: ok ? 'file param present' : '(no file open — not a regression)' };
         }
+    },
+    {
+        id: 'session.fileListScrape',
+        category: 'session',
+        description: 'filename text nodes detectable (listFiles scrape still works)',
+        requires: 'session',
+        check: async (b, url) => {
+            const result = await b
+                .evalValue(`(() => {
+            const seen = new Set();
+            const files = [];
+            const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
+            let node;
+            while ((node = walker.nextNode())) {
+              const t = (node.textContent || '').trim();
+              if (!/^[A-Za-z0-9 _.()\\-]+\\.(html|js|css|jsx|tsx|ts|md|json|svg)$/i.test(t)) continue;
+              if (t.length > 80 || seen.has(t)) continue;
+              seen.add(t);
+              files.push(t);
+            }
+            return { files };
+          })()`)
+                .catch(() => ({ files: [] }));
+            const files = Array.isArray(result.files) ? result.files : [];
+            if (files.length === 0) {
+                return { ok: false, detail: 'found 0 filenames — scraper regex or DOM layout regressed' };
+            }
+            const match = url.match(/[?&]file=([^&]+)/);
+            if (match && match[1]) {
+                const activeFile = decodeURIComponent(match[1]);
+                if (!files.includes(activeFile)) {
+                    return {
+                        ok: false,
+                        detail: `active file "${activeFile}" not in scrape ([${files.slice(0, 3).join(', ')}...]) — scraper missing files`
+                    };
+                }
+            }
+            return { ok: true, detail: `${files.length} file(s) detected` };
+        }
     }
 ];
 export async function runHealth(browser, opts = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pro-vi/designer",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "type": "module",
   "description": "MCP + CLI for autonomous iteration of claude.ai/design — drives the design surface via agent-browser, downloads handoff bundles, and exposes a tasting harness for full-viewport variant comparison.",
   "license": "MIT",