@kfiross44/valtio-inspector 0.9.1 → 0.9.2

package/dist/attachInspector.d.ts

@@ -6,6 +6,14 @@ type AttachOptions = {
     /** Custom inspector URL (default: http://localhost:7777) */
     inspectorUrl?: string;
 };
-export declare function attachInspector<T extends object>(state: T, options: AttachOptions): () => void;
+/**
+ * Attach a Valtio proxy store to the inspector.
+ *
+ * Usage:
+ *   attachInspector(myStore, { name: 'auth' })
+ *
+ * ⚠️  Wrap in process.env.NODE_ENV !== 'production' to exclude from builds.
+ */
+export declare function attachInspector(state: object, options: AttachOptions): () => void;
 export {};
 //# sourceMappingURL=attachInspector.d.ts.map

package/dist/attachInspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachInspector.d.ts","sourceRoot":"","sources":["../src/attachInspector.ts"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG;IACnB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAYD,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC9C,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,aAAa,GACrB,MAAM,IAAI,CAqFZ"}
+{"version":3,"file":"attachInspector.d.ts","sourceRoot":"","sources":["../src/attachInspector.ts"],"names":[],"mappings":"AAEA,KAAK,aAAa,GAAG;IACnB,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAA;IACZ,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,MAAM,IAAI,CAsCjF"}

package/dist/attachInspector.js

@@ -2,61 +2,31 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.attachInspector = attachInspector;
 const valtio_1 = require("valtio");
+/**
+ * Attach a Valtio proxy store to the inspector.
+ *
+ * Usage:
+ *   attachInspector(myStore, { name: 'auth' })
+ *
+ * ⚠️  Wrap in process.env.NODE_ENV !== 'production' to exclude from builds.
+ */
 function attachInspector(state, options) {
     if (typeof window === 'undefined' && typeof process !== 'undefined') {
         // Node.js / SSR — skip silently
         return () => { };
     }
     const { name, debounce = 100, inspectorUrl = 'http://localhost:7777' } = options;
-    const wsUrl = inspectorUrl.startsWith('https')
-        ? inspectorUrl.replace('https', 'wss')
-        : inspectorUrl.replace('http', 'ws');
     let timeout = null;
-    let ws = null;
-    let reconnectAttempts = 0;
-    const queue = [];
-    function connect() {
-        ws = new WebSocket(wsUrl);
-        ws.onopen = () => {
-            reconnectAttempts = 0;
-            // flush queue
-            while (queue.length) {
-                ws.send(JSON.stringify(queue.shift()));
-            }
-        };
-        ws.onclose = () => {
-            const delay = Math.min(1000 * 2 ** reconnectAttempts, 10000);
-            reconnectAttempts++;
-            setTimeout(connect, delay);
-        };
-        ws.onerror = () => {
-            ws?.close();
-        };
-    }
     function send() {
-        const payload = {
-            store: name,
-            data: (0, valtio_1.snapshot)(state)
-        };
-        // try WS first
-        if (ws && ws.readyState === WebSocket.OPEN) {
-            ws.send(JSON.stringify(payload));
-        }
-        else {
-            // queue for later
-            queue.push(payload);
-            // fallback to HTTP (optional)
-            fetch(`${inspectorUrl}/state`, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify(payload)
-            }).catch(() => {
-                // Inspector not running — fail silently
-            });
-        }
+        const data = (0, valtio_1.snapshot)(state);
+        fetch(`${inspectorUrl}/state`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ store: name, data })
+        }).catch(() => {
+            // Inspector not running — fail silently
+        });
     }
-    // init connection
-    connect();
     // Send initial snapshot immediately
     send();
     const unsubscribe = (0, valtio_1.subscribe)(state, () => {
@@ -64,11 +34,11 @@ function attachInspector(state, options) {
             clearTimeout(timeout);
         timeout = setTimeout(send, debounce);
     });
+    // Return cleanup function
     return () => {
         if (timeout)
             clearTimeout(timeout);
         unsubscribe();
-        ws?.close();
     };
 }
 //# sourceMappingURL=attachInspector.js.map

package/dist/attachInspector.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachInspector.js","sourceRoot":"","sources":["../src/attachInspector.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"attachInspector.js","sourceRoot":"","sources":["../src/attachInspector.ts"],"names":[],"mappings":";;AAmBA,0CAsCC;AAzDD,mCAA4C;AAW5C;;;;;;;GAOG;AACH,SAAgB,eAAe,CAAC,KAAa,EAAE,OAAsB;IACnE,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,OAAO,KAAK,WAAW,EAAE,CAAC;QACpE,gCAAgC;QAChC,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;IACjB,CAAC;IAED,MAAM,EACJ,IAAI,EACJ,QAAQ,GAAG,GAAG,EACd,YAAY,GAAG,uBAAuB,EACvC,GAAG,OAAO,CAAA;IAEX,IAAI,OAAO,GAAyC,IAAI,CAAA;IAExD,SAAS,IAAI;QACX,MAAM,IAAI,GAAG,IAAA,iBAAQ,EAAC,KAAK,CAAC,CAAA;QAC5B,KAAK,CAAC,GAAG,YAAY,QAAQ,EAAE;YAC7B,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;YAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;SAC5C,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;YACZ,wCAAwC;QAC1C,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,oCAAoC;IACpC,IAAI,EAAE,CAAA;IAEN,MAAM,WAAW,GAAG,IAAA,kBAAS,EAAC,KAAK,EAAE,GAAG,EAAE;QACxC,IAAI,OAAO;YAAE,YAAY,CAAC,OAAO,CAAC,CAAA;QAClC,OAAO,GAAG,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,0BAA0B;IAC1B,OAAO,GAAG,EAAE;QACV,IAAI,OAAO;YAAE,YAAY,CAAC,OAAO,CAAC,CAAA;QAClC,WAAW,EAAE,CAAA;IACf,CAAC,CAAA;AACH,CAAC"}

package/dist/cli.js

@@ -2,5 +2,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const server_1 = require("./server");
-(0, server_1.startServer)();
+console.log("🚀 Inspector server is starting...");
+try {
+    (0, server_1.startServer)();
+}
+catch (err) {
+    console.error("💥 CRITICAL ERROR DURING STARTUP:", err);
+    process.exit(1);
+}
+// תפיסת שגיאות אסינכרוניות שלא נתפסו
+process.on('uncaughtException', (err) => {
+    console.error('🔥 Uncaught Exception:', err);
+});
+process.on('unhandledRejection', (reason, promise) => {
+    console.error('⚠️ Unhandled Rejection at:', promise, 'reason:', reason);
+});
 //# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";;;AAEA,qCAAuC;AAEvC,IAAA,oBAAW,GAAE,CAAC"}
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";;;AAEA,qCAAuC;AAEvC,OAAO,CAAC,GAAG,CAAC,oCAAoC,CAAC,CAAC;AAElD,IAAI,CAAC;IACH,IAAA,oBAAW,GAAE,CAAC;AAChB,CAAC;AAAC,OAAO,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,GAAG,CAAC,CAAC;IACxD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC;AAED,qCAAqC;AACrC,OAAO,CAAC,EAAE,CAAC,mBAAmB,EAAE,CAAC,GAAG,EAAE,EAAE;IACtC,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;AAC/C,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,EAAE,CAAC,oBAAoB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;IACnD,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAC1E,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kfiross44/valtio-inspector",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "A dev-only Valtio state inspector with WebSocket live updates",
   "main": "dist/server/index.js",
   "bin": {

package/src/attachInspector.ts

@@ -17,12 +17,7 @@ type AttachOptions = {
  *
  * ⚠️  Wrap in process.env.NODE_ENV !== 'production' to exclude from builds.
  */
-import type { Snapshot } from 'valtio'
-
-export function attachInspector<T extends object>(
-  state: T,
-  options: AttachOptions
-): () => void {
+export function attachInspector(state: object, options: AttachOptions): () => void {
   if (typeof window === 'undefined' && typeof process !== 'undefined') {
     // Node.js / SSR — skip silently
     return () => {}
@@ -34,66 +29,19 @@ export function attachInspector<T extends object>(
     inspectorUrl = 'http://localhost:7777'
   } = options
 
-  const wsUrl = inspectorUrl.startsWith('https')
-    ? inspectorUrl.replace('https', 'wss')
-    : inspectorUrl.replace('http', 'ws')
-
   let timeout: ReturnType<typeof setTimeout> | null = null
-  let ws: WebSocket | null = null
-  let reconnectAttempts = 0
-  const queue: any[] = []
-
-  function connect() {
-    ws = new WebSocket(wsUrl)
-
-    ws.onopen = () => {
-      reconnectAttempts = 0
-
-      // flush queue
-      while (queue.length) {
-        ws!.send(JSON.stringify(queue.shift()))
-      }
-    }
-
-    ws.onclose = () => {
-      const delay = Math.min(1000 * 2 ** reconnectAttempts, 10000)
-      reconnectAttempts++
-
-      setTimeout(connect, delay)
-    }
-
-    ws.onerror = () => {
-      ws?.close()
-    }
-  }
 
   function send() {
-    const payload = {
-      store: name,
-      data: snapshot(state)
-    }
-
-    // try WS first
-    if (ws && ws.readyState === WebSocket.OPEN) {
-      ws.send(JSON.stringify(payload))
-    } else {
-      // queue for later
-      queue.push(payload)
-
-      // fallback to HTTP (optional)
-      fetch(`${inspectorUrl}/state`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(payload)
-      }).catch(() => {
-        // Inspector not running — fail silently
-      })
-    }
+    const data = snapshot(state)
+    fetch(`${inspectorUrl}/state`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ store: name, data })
+    }).catch(() => {
+      // Inspector not running — fail silently
+    })
   }
 
-  // init connection
-  connect()
-
   // Send initial snapshot immediately
   send()
 
@@ -102,9 +50,9 @@ export function attachInspector<T extends object>(
     timeout = setTimeout(send, debounce)
   })
 
+  // Return cleanup function
   return () => {
     if (timeout) clearTimeout(timeout)
     unsubscribe()
-    ws?.close()
   }
-}
+}

package/src/cli.ts

@@ -2,4 +2,20 @@
 
 import { startServer } from './server';
 
-startServer();
+console.log("🚀 Inspector server is starting...");
+
+try {
+  startServer();
+} catch (err) {
+  console.error("💥 CRITICAL ERROR DURING STARTUP:", err);
+  process.exit(1);
+}
+
+// תפיסת שגיאות אסינכרוניות שלא נתפסו
+process.on('uncaughtException', (err) => {
+  console.error('🔥 Uncaught Exception:', err);
+});
+
+process.on('unhandledRejection', (reason, promise) => {
+  console.error('⚠️ Unhandled Rejection at:', promise, 'reason:', reason);
+});