@fluxiapi/react 0.3.0 → 0.3.1

package/dist/index.d.mts

@@ -41,6 +41,7 @@ declare class ScannerBridge {
     private _config;
     private _scanner;
     private _analyzer;
+    private _detectedStack;
     constructor(config?: ScannerBridgeConfig);
     get state(): FluxState;
     subscribe(listener: FluxStateListener): () => void;

package/dist/index.d.ts

@@ -41,6 +41,7 @@ declare class ScannerBridge {
     private _config;
     private _scanner;
     private _analyzer;
+    private _detectedStack;
     constructor(config?: ScannerBridgeConfig);
     get state(): FluxState;
     subscribe(listener: FluxStateListener): () => void;

package/dist/index.js

@@ -62,9 +62,9 @@ var ScannerBridge = class {
     this._listeners = /* @__PURE__ */ new Set();
     this._analyzeTimer = null;
     this._tickTimer = null;
-    // Lazy-loaded scan engine classes
     this._scanner = null;
     this._analyzer = null;
+    this._detectedStack = null;
     this._config = {
       network: config.network ?? "wifi",
       analysisInterval: config.analysisInterval ?? 3e3,
@@ -123,13 +123,16 @@ var ScannerBridge = class {
         violations: [],
         score: 100
       });
-      this._tickTimer = setInterval(() => {
-        if (!this._scanner) return;
-        const requests = this._scanner.getRequests?.() ?? [];
-        this._update({
-          elapsed: Math.round((Date.now() - this._state.startTime) / 1e3),
-          requests
-        });
+      this._tickTimer = setInterval(async () => {
+        try {
+          const scanModule2 = await import("@fluxiapi/scan");
+          const requests = scanModule2.getAllRequests?.() ?? [];
+          this._update({
+            elapsed: Math.round((Date.now() - this._state.startTime) / 1e3),
+            requests
+          });
+        } catch {
+        }
       }, 500);
       this._analyzeTimer = setInterval(() => {
         this._runAnalysis();
@@ -186,17 +189,41 @@ var ScannerBridge = class {
     }
   }
   // ─── Analysis ───────────────────────────────────────────────
-  _runAnalysis() {
+  async _runAnalysis() {
     if (!this._scanner || !this._analyzer) return;
     try {
-      const session = this._scanner.stop();
-      this._scanner.start();
+      const scanModule = await import("@fluxiapi/scan");
+      const requests = scanModule.getAllRequests?.() ?? [];
+      if (requests.length === 0) return;
+      const session = {
+        id: `live_${Date.now()}`,
+        startTime: this._state.startTime,
+        endTime: performance.now(),
+        requests,
+        navigations: [],
+        websockets: { connections: [], totalMessages: 0, messagesPerSecond: 0 },
+        stack: this._detectedStack ?? null,
+        config: { duration: Infinity, network: this._config.network },
+        metadata: {
+          url: typeof window !== "undefined" ? window.location.href : "unknown",
+          userAgent: typeof navigator !== "undefined" ? navigator.userAgent : "unknown",
+          scanDuration: Date.now() - this._state.startTime,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        }
+      };
+      if (!this._detectedStack && typeof scanModule.detectFramework === "function") {
+        try {
+          this._detectedStack = scanModule.detectFramework?.() ?? null;
+          if (this._detectedStack) session.stack = this._detectedStack;
+        } catch {
+        }
+      }
       const report = this._analyzer.analyze(session);
       this._update({
         report,
         score: report?.score?.overall ?? 100,
         violations: report?.violations ?? [],
-        framework: session?.stack?.framework?.name ?? null
+        framework: session.stack?.framework?.name ?? null
       });
     } catch (err) {
       if (this._config.verbose) {

package/dist/index.mjs

@@ -23,9 +23,9 @@ var ScannerBridge = class {
     this._listeners = /* @__PURE__ */ new Set();
     this._analyzeTimer = null;
     this._tickTimer = null;
-    // Lazy-loaded scan engine classes
     this._scanner = null;
     this._analyzer = null;
+    this._detectedStack = null;
     this._config = {
       network: config.network ?? "wifi",
       analysisInterval: config.analysisInterval ?? 3e3,
@@ -84,13 +84,16 @@ var ScannerBridge = class {
         violations: [],
         score: 100
       });
-      this._tickTimer = setInterval(() => {
-        if (!this._scanner) return;
-        const requests = this._scanner.getRequests?.() ?? [];
-        this._update({
-          elapsed: Math.round((Date.now() - this._state.startTime) / 1e3),
-          requests
-        });
+      this._tickTimer = setInterval(async () => {
+        try {
+          const scanModule2 = await import("@fluxiapi/scan");
+          const requests = scanModule2.getAllRequests?.() ?? [];
+          this._update({
+            elapsed: Math.round((Date.now() - this._state.startTime) / 1e3),
+            requests
+          });
+        } catch {
+        }
       }, 500);
       this._analyzeTimer = setInterval(() => {
         this._runAnalysis();
@@ -147,17 +150,41 @@ var ScannerBridge = class {
     }
   }
   // ─── Analysis ───────────────────────────────────────────────
-  _runAnalysis() {
+  async _runAnalysis() {
     if (!this._scanner || !this._analyzer) return;
     try {
-      const session = this._scanner.stop();
-      this._scanner.start();
+      const scanModule = await import("@fluxiapi/scan");
+      const requests = scanModule.getAllRequests?.() ?? [];
+      if (requests.length === 0) return;
+      const session = {
+        id: `live_${Date.now()}`,
+        startTime: this._state.startTime,
+        endTime: performance.now(),
+        requests,
+        navigations: [],
+        websockets: { connections: [], totalMessages: 0, messagesPerSecond: 0 },
+        stack: this._detectedStack ?? null,
+        config: { duration: Infinity, network: this._config.network },
+        metadata: {
+          url: typeof window !== "undefined" ? window.location.href : "unknown",
+          userAgent: typeof navigator !== "undefined" ? navigator.userAgent : "unknown",
+          scanDuration: Date.now() - this._state.startTime,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        }
+      };
+      if (!this._detectedStack && typeof scanModule.detectFramework === "function") {
+        try {
+          this._detectedStack = scanModule.detectFramework?.() ?? null;
+          if (this._detectedStack) session.stack = this._detectedStack;
+        } catch {
+        }
+      }
       const report = this._analyzer.analyze(session);
       this._update({
         report,
         score: report?.score?.overall ?? 100,
         violations: report?.violations ?? [],
-        framework: session?.stack?.framework?.name ?? null
+        framework: session.stack?.framework?.name ?? null
       });
     } catch (err) {
       if (this._config.verbose) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluxiapi/react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "React DevTools for FluxAPI — live API health monitoring, TanStack Query & SWR integration",
   "author": "Aswin <aswin@fluxapi.dev>",
   "license": "MIT",