create-backlist 10.0.7 → 10.0.8

package/bin/index.js

@@ -272,7 +272,7 @@ async function printAnimatedBanner() {
     '  ║ / /_/ / / ___ |/ /___/ /| |   / /____/ / ___/ /            ║',
     '  ║/_____/ /_/  |_|\\____/_/ |_|  /_____/___//____/             ║',
     '  ║                                                              ║',
-    '  ║      ⚡ v9.0-ULTRA — Animated Enterprise CLI ⚡              ║',
+    '  ║      ⚡ v10.0-ULTRA — BACKLIST NEXTOG ENTERPRICE CLI ⚡              ║',
     '  ║   Real Testing · AI Powered · Zero Fake Data · Playwright   ║',
     '  ╚══════════════════════════════════════════════════════════════╝',
   ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-backlist",
-  "version": "10.0.7",
+  "version": "10.0.8",
   "description": "An advanced, multi-language backend generator based on frontend analysis. Smart Freemium SaaS CLI with Live QA.",
   "type": "module",
   "bin": {

package/src/qa/browser/crawler.js

@@ -1,4 +1,5 @@
 // Smart crawler with HTTP fallback when browser unavailable
+import chalk                    from 'chalk';
 import { URL }                  from 'node:url';
 import { shortId }              from '../qa-engine.js';
 import { getBrowserLaunchOptions } from './installer.js';
@@ -19,9 +20,9 @@ export class HTTPCrawler {
     while (queue.length > 0 && routes.length < maxPages) {
       const { url, depth } = queue.shift();
       const norm = this.#norm(url);
-      if (!norm || this.#visited.has(norm)) continue;
-      if (!this.#sameOrigin(norm, baseUrl))  continue;
-      if (depth > 3) continue;
+      if (!norm || this.#visited.has(norm))      continue;
+      if (!this.#sameOrigin(norm, baseUrl))       continue;
+      if (depth > 3)                              continue;
 
       this.#visited.add(norm);
 
@@ -29,18 +30,15 @@ export class HTTPCrawler {
       routes.push(route);
       if (onRoute) onRoute(route);
 
-      // Extract links from HTML response
-      if (route.links) {
-        for (const link of route.links) {
-          const ln = this.#norm(link);
-          if (ln && !this.#visited.has(ln) && this.#sameOrigin(ln, baseUrl)) {
-            queue.push({ url: ln, depth: depth + 1 });
-          }
+      for (const link of (route.links || [])) {
+        const ln = this.#norm(link);
+        if (ln && !this.#visited.has(ln) && this.#sameOrigin(ln, baseUrl)) {
+          queue.push({ url: ln, depth: depth + 1 });
         }
       }
     }
 
-    // Also probe common API paths
+    // Probe common API paths
     const apiPaths = [
       '/api/health', '/api/status', '/api/v1/health',
       '/api/v1/users', '/api/v1/products', '/health',
@@ -48,15 +46,17 @@ export class HTTPCrawler {
     ];
 
     for (const p of apiPaths) {
-      const url  = new URL(p, baseUrl).toString();
-      const norm = this.#norm(url);
-      if (this.#visited.has(norm)) continue;
-      this.#visited.add(norm);
-      const route = await this.#probeURL(url, 0);
-      if (route.status > 0 && route.status < 500) {
-        routes.push(route);
-        if (onRoute) onRoute(route);
-      }
+      try {
+        const url  = new URL(p, baseUrl).toString();
+        const norm = this.#norm(url);
+        if (this.#visited.has(norm)) continue;
+        this.#visited.add(norm);
+        const route = await this.#probeURL(url, 0);
+        if (route.status > 0 && route.status < 500) {
+          routes.push(route);
+          if (onRoute) onRoute(route);
+        }
+      } catch {}
     }
 
     return routes;
@@ -75,7 +75,7 @@ export class HTTPCrawler {
       });
       clearTimeout(timer);
 
-      const ct      = res.headers.get('content-type') || '';
+      const ct       = res.headers.get('content-type') || '';
       const duration = Date.now() - t0;
       const headers  = {};
       res.headers.forEach((v, k) => { headers[k] = v; });
@@ -151,25 +151,24 @@ export class HTTPCrawler {
   }
 
   #detectType(url, ct, status) {
-    if (status >= 400) return 'error-page';
+    if (status >= 400)                                return 'error-page';
     if (ct.includes('json') || url.includes('/api/')) return 'api';
     if (url.endsWith('.xml') || url.endsWith('.txt')) return 'resource';
-    if (/\/(login|signin|auth)/i.test(url)) return 'auth';
-    if (/\/(admin)/i.test(url))             return 'admin';
-    if (/\/(dashboard)/i.test(url))         return 'dashboard';
+    if (/\/(login|signin|auth)/i.test(url))           return 'auth';
+    if (/\/(admin)/i.test(url))                       return 'admin';
+    if (/\/(dashboard)/i.test(url))                   return 'dashboard';
     return 'page';
   }
 }
 
 // ── Browser-powered crawler (Playwright) ──────────────────────────────────
 export class SmartCrawler {
-  #visited = new Set();
+  #visited    = new Set();
   #launchOpts = null;
 
-  constructor(_playwright) {}  // playwright passed but we resolve it ourselves
+  constructor(_playwright) {}
 
   async crawl(baseUrl, { maxPages = 60, maxDepth = 4, onRoute } = {}) {
-    // Resolve launch options including auto-install
     if (!this.#launchOpts) {
       this.#launchOpts = await getBrowserLaunchOptions();
     }
@@ -213,9 +212,9 @@ export class SmartCrawler {
       while (queue.length > 0 && routes.length < maxPages) {
         const { url, depth } = queue.shift();
         const norm = this.#norm(url);
-        if (!norm || this.#visited.has(norm))       continue;
-        if (!this.#sameOrigin(norm, baseUrl))        continue;
-        if (depth > maxDepth)                        continue;
+        if (!norm || this.#visited.has(norm))   continue;
+        if (!this.#sameOrigin(norm, baseUrl))    continue;
+        if (depth > maxDepth)                    continue;
         this.#visited.add(norm);
 
         const route = await this.#probePage(context, norm, depth, baseUrl);
@@ -240,9 +239,9 @@ export class SmartCrawler {
   }
 
   async #probePage(context, url, depth, baseUrl) {
-    const page             = await context.newPage();
-    const networkRequests  = [];
-    const links            = new Set();
+    const page            = await context.newPage();
+    const networkRequests = [];
+    const links           = new Set();
 
     page.on('request', req => {
       const u = req.url();
@@ -257,27 +256,44 @@ export class SmartCrawler {
       const ct       = response?.headers()['content-type'] || '';
 
       if (!ct.includes('text/html') && !ct.includes('application/xhtml')) {
-        return { id: shortId(), url, type: this.#detectType(url, ct, status), status, depth, links: [], forms: [] };
+        return {
+          id: shortId(), url,
+          type  : this.#detectType(url, ct, status),
+          status, depth, links: [], forms: [],
+        };
       }
 
-      const hrefs = await page.$$eval('a[href]', els => els.map(e => e.href).filter(Boolean)).catch(() => []);
+      const hrefs = await page.$$eval('a[href]', els => els.map(e => e.href).filter(Boolean))
+        .catch(() => []);
       hrefs.forEach(h => links.add(h));
 
       const forms = await page.$$eval('form', els => els.map(f => ({
-        action: f.action, method: f.method || 'GET',
+        action: f.action,
+        method: f.method || 'GET',
         fields: Array.from(f.elements).map(el => ({
-          name: el.name, type: el.type, required: el.required,
+          name   : el.name,
+          type   : el.type,
+          required: el.required,
         })).filter(f => f.name),
       }))).catch(() => []);
 
-      networkRequests.forEach(r => { if (this.#sameOrigin(r.url, baseUrl)) links.add(r.url); });
+      networkRequests.forEach(r => {
+        if (this.#sameOrigin(r.url, baseUrl)) links.add(r.url);
+      });
 
       return {
-        id: shortId(), url, type: this.#detectType(url, ct, status),
-        status, depth, links: [...links], forms, contentType: ct,
+        id: shortId(), url,
+        type       : this.#detectType(url, ct, status),
+        status, depth,
+        links      : [...links],
+        forms,
+        contentType: ct,
       };
     } catch (err) {
-      return { id: shortId(), url, type: 'error', status: 0, depth, links: [], forms: [], error: err.message };
+      return {
+        id: shortId(), url, type: 'error', status: 0,
+        depth, links: [], forms: [], error: err.message,
+      };
     } finally {
       await page.close().catch(() => {});
     }
@@ -294,12 +310,12 @@ export class SmartCrawler {
   }
 
   #detectType(url, ct, status) {
-    if (status >= 400) return 'error-page';
+    if (status >= 400)                                return 'error-page';
     if (ct.includes('json') || url.includes('/api/')) return 'api';
     if (url.endsWith('.xml') || url.endsWith('.txt')) return 'resource';
-    if (/\/(login|signin|auth)/i.test(url)) return 'auth';
-    if (/\/(admin)/i.test(url))             return 'admin';
-    if (/\/(dashboard)/i.test(url))         return 'dashboard';
+    if (/\/(login|signin|auth)/i.test(url))           return 'auth';
+    if (/\/(admin)/i.test(url))                       return 'admin';
+    if (/\/(dashboard)/i.test(url))                   return 'dashboard';
     return 'page';
   }
-}
+}

package/src/qa/browser/interactions.js

@@ -1,5 +1,6 @@
 // Real browser interactions with HTTP fallback
-import { shortId, sleep }       from '../qa-engine.js';
+import chalk                   from 'chalk';
+import { shortId, sleep }      from '../qa-engine.js';
 import { getBrowserLaunchOptions } from './installer.js';
 
 // ── HTTP-only page tester (fallback) ──────────────────────────────────────
@@ -27,30 +28,28 @@ export class HTTPPageTester {
         try { text = await res.text(); } catch {}
       }
 
-      const pass = status >= 200 && status < 400;
-
-      // Extract forms from HTML
+      const pass  = status >= 200 && status < 400;
       const forms = this.#extractForms(text);
 
       onNetworkEvent?.({ type: 'response', url, status, headers });
 
       return {
         pass,
-        failReason      : pass ? null : `HTTP ${status}`,
-        page            : null,   // no real browser page
-        loadTime        : duration,
-        consoleErrors   : [],     // HTTP mode — no JS execution
-        networkErrors   : [],
-        jsErrors        : [],
-        resourcesFailed : [],
+        failReason        : pass ? null : `HTTP ${status}`,
+        page              : null,
+        loadTime          : duration,
+        consoleErrors     : [],
+        networkErrors     : [],
+        jsErrors          : [],
+        resourcesFailed   : [],
         interactedElements: [],
-        renderTime      : null,
-        domContentLoaded: null,
+        renderTime        : null,
+        domContentLoaded  : null,
         forms,
         status,
         headers,
         message: pass ? `HTTP ${status} in ${duration}ms` : `HTTP ${status}`,
-        mode    : 'http-fallback',
+        mode   : 'http-fallback',
       };
     } catch (err) {
       return {
@@ -63,13 +62,22 @@ export class HTTPPageTester {
   }
 
   async testForm(page, form) {
-    return { pass: true, validationOk: true, submissionOk: true, errors: [], duration: 0, message: 'HTTP mode — form structure detected' };
+    return {
+      pass        : true,
+      validationOk: true,
+      submissionOk: true,
+      errors      : [],
+      duration    : 0,
+      message     : 'HTTP mode — form structure detected',
+    };
   }
 
   async testAuthFlow(page, url, opts) {
-    // HTTP-mode auth check: verify login page exists + returns 200
     try {
-      const res = await fetch(url, { redirect: 'follow', signal: AbortSignal.timeout(8000) });
+      const res = await fetch(url, {
+        redirect: 'follow',
+        signal  : AbortSignal.timeout(8000),
+      });
       return {
         pass   : res.status === 200,
         details: [{ url, status: res.status, note: 'Login page reachable (HTTP mode)' }],
@@ -93,7 +101,7 @@ export class HTTPPageTester {
       const method = (attrs.match(/method=["']([^"']+)["']/) || [])[1] || 'GET';
       const fields = [];
       const inpRe  = /<input([^>]*)>/gi;
-      let inp;
+      let   inp;
       while ((inp = inpRe.exec(body)) !== null) {
         const name     = (inp[1].match(/name=["']([^"']+)["']/)  || [])[1];
         const type     = (inp[1].match(/type=["']([^"']+)["']/)  || [])[1] || 'text';
@@ -110,9 +118,9 @@ export class HTTPPageTester {
 export class BrowserInteractor {
   #playwright;
   #session;
-  #browser    = null;
-  #context    = null;
-  #launchOpts = null;
+  #browser     = null;
+  #context     = null;
+  #launchOpts  = null;
   #httpFallback;
   #useFallback = false;
 
@@ -133,9 +141,20 @@ export class BrowserInteractor {
       return;
     }
 
+    // If playwright module wasn't loaded, fall back
+    if (!this.#playwright) {
+      this.#useFallback = true;
+      console.log(chalk.yellow('\n  ⚠  Playwright module not available — using HTTP-only mode\n'));
+      return;
+    }
+
     try {
       const { executablePath, headless, args } = this.#launchOpts;
-      this.#browser = await this.#playwright.chromium.launch({ executablePath, headless, args });
+      this.#browser  = await this.#playwright.chromium.launch({
+        executablePath,
+        headless,
+        args,
+      });
       this.#context = await this.#browser.newContext({
         viewport         : { width: 1280, height: 800 },
         ignoreHTTPSErrors: true,
@@ -160,11 +179,11 @@ export class BrowserInteractor {
       return this.#httpFallback.testPage(url, opts);
     }
 
-    const page             = await this.#context.newPage();
-    const consoleErrors    = [];
-    const networkErrors    = [];
-    const jsErrors         = [];
-    const resourcesFailed  = [];
+    const page              = await this.#context.newPage();
+    const consoleErrors     = [];
+    const networkErrors     = [];
+    const jsErrors          = [];
+    const resourcesFailed   = [];
     const interactedElements = [];
 
     page.on('console', msg => {
@@ -182,7 +201,12 @@ export class BrowserInteractor {
     });
 
     page.on('requestfailed', req => {
-      const entry = { url: req.url(), method: req.method(), failure: req.failure()?.errorText || 'unknown', timestamp: Date.now() };
+      const entry = {
+        url      : req.url(),
+        method   : req.method(),
+        failure  : req.failure()?.errorText || 'unknown',
+        timestamp: Date.now(),
+      };
       networkErrors.push(entry);
       resourcesFailed.push({ url: req.url(), type: req.resourceType(), failure: entry.failure });
       opts.onNetworkEvent?.({ type: 'failed', ...entry });
@@ -199,27 +223,33 @@ export class BrowserInteractor {
       const response = await page.goto(url, { waitUntil: 'networkidle', timeout: 20_000 });
       const status   = response?.status() || 0;
 
-      if (status >= 500) { pass = false; failReason = `Server error: HTTP ${status}`; }
+      if      (status >= 500) { pass = false; failReason = `Server error: HTTP ${status}`; }
       else if (status >= 400) { pass = false; failReason = `Client error: HTTP ${status}`; }
 
       const timing = await page.evaluate(() => {
         const t = window.performance?.timing;
         if (!t) return null;
-        return { renderTime: t.domComplete - t.navigationStart, domContentLoaded: t.domContentLoadedEventEnd - t.navigationStart };
+        return {
+          renderTime      : t.domComplete - t.navigationStart,
+          domContentLoaded: t.domContentLoadedEventEnd - t.navigationStart,
+        };
       }).catch(() => null);
 
       renderTime       = timing?.renderTime;
       domContentLoaded = timing?.domContentLoaded;
 
       const forms = await page.$$eval('form', els => els.map(f => ({
-        action: f.action, method: f.method || 'GET',
+        action: f.action,
+        method: f.method || 'GET',
         fields: Array.from(f.elements).map(el => ({
-          name: el.name, type: el.type, required: el.required,
+          name   : el.name,
+          type   : el.type,
+          required: el.required,
           tagName: el.tagName?.toLowerCase(),
         })).filter(f => f.name),
       }))).catch(() => []);
 
-      // Real interactions
+      // Real hover interactions on nav links
       const navLinks = await page.$$('nav a, header a').catch(() => []);
       for (const link of navLinks.slice(0, 5)) {
         try {
@@ -243,8 +273,10 @@ export class BrowserInteractor {
 
     } catch (err) {
       return {
-        pass: false, failReason: err.message, page,
-        loadTime: Date.now() - t0,
+        pass      : false,
+        failReason: err.message,
+        page,
+        loadTime  : Date.now() - t0,
         consoleErrors, networkErrors, jsErrors,
         resourcesFailed, interactedElements,
         forms: [], message: err.message, mode: 'browser',
@@ -270,10 +302,24 @@ export class BrowserInteractor {
         els => els.map(e => e.textContent?.trim()).filter(Boolean)
       ).catch(() => []);
 
-      return { pass: true, validationOk: msgs.length > 0, submissionOk: true, errors, duration: Date.now() - t0, message: 'Form tested' };
+      return {
+        pass        : true,
+        validationOk: msgs.length > 0,
+        submissionOk: true,
+        errors,
+        duration    : Date.now() - t0,
+        message     : 'Form tested',
+      };
     } catch (err) {
       errors.push(err.message);
-      return { pass: false, validationOk: false, submissionOk: false, errors, duration: Date.now() - t0, message: err.message };
+      return {
+        pass        : false,
+        validationOk: false,
+        submissionOk: false,
+        errors,
+        duration    : Date.now() - t0,
+        message     : err.message,
+      };
     }
   }
 
@@ -286,35 +332,51 @@ export class BrowserInteractor {
     for (const cred of (opts.testCredentials || [])) {
       try {
         await page.goto(url, { waitUntil: 'networkidle', timeout: 15_000 });
+
         const uf = await page.$('input[type="email"],input[name="email"],input[name="username"]');
         const pf = await page.$('input[type="password"]');
         if (!uf || !pf) { details.push({ note: 'Login fields not found' }); continue; }
+
         await uf.fill(cred.username);
         await pf.fill(cred.password);
+
         const btn = await page.$('[type="submit"]');
         if (btn) { await btn.click(); await page.waitForTimeout(2000); }
 
         const body    = await page.textContent('body').catch(() => '');
         const curUrl  = page.url();
-        const rejected = /invalid|incorrect|error|wrong|fail/i.test(body) || curUrl.includes('login');
+        const rejected = /invalid|incorrect|error|wrong|fail/i.test(body)
+                      || curUrl.includes('login');
+
+        details.push({
+          credentials: cred.username.slice(0, 8) + '...',
+          expectFail : cred.expectFail,
+          wasRejected: rejected,
+          currentUrl : curUrl,
+        });
 
-        details.push({ credentials: cred.username.slice(0, 8) + '...', expectFail: cred.expectFail, wasRejected: rejected, currentUrl: curUrl });
         if (cred.expectFail && !rejected) { pass = false; }
       } catch (err) {
         details.push({ error: err.message });
       }
     }
-    return { pass, details, duration: Date.now() - t0, message: pass ? 'Auth flow validated' : 'Auth issues detected' };
+
+    return {
+      pass,
+      details,
+      duration: Date.now() - t0,
+      message : pass ? 'Auth flow validated' : 'Auth issues detected',
+    };
   }
 
   #testValue(field) {
     const t = (field.type || 'text').toLowerCase();
     const n = (field.name || '').toLowerCase();
-    if (t === 'email'    || n.includes('email'))    return 'test@backlist-qa.dev';
-    if (t === 'password' || n.includes('pass'))     return 'TestPass123!';
-    if (t === 'tel'      || n.includes('phone'))    return '+1-555-000-0000';
-    if (t === 'number')                             return '42';
-    if (n.includes('name'))                         return 'QA Test User';
+    if (t === 'email'  || n.includes('email')) return 'test@backlist-qa.dev';
+    if (t === 'password' || n.includes('pass')) return 'TestPass123!';
+    if (t === 'tel'    || n.includes('phone')) return '+1-555-000-0000';
+    if (t === 'number')                        return '42';
+    if (n.includes('name'))                    return 'QA Test User';
     return 'backlist-qa-test';
   }
-}
+}