@flexsurfer/reflex 0.1.11 → 0.1.12

package/README.md

@@ -20,6 +20,8 @@ After many years of building applications with re-frame in the ClojureScript wor
 🧩 **Composable Architecture** - Build complex apps from simple, reusable pieces  
 🔄 **Reactive Subscriptions** - UI automatically updates when state changes  
 🌐 **Multi-Platform Support** - With effects separation, it's super easy to support multiple platforms with the same codebase, including web, mobile, and desktop  
+🤖 **AI Friendly** - Reviewing AI-generated changes is easier because all logic is expressed through pure, isolated functions, making each change understandable, verifiable, and deterministic.
+🛠️ **Integrated DevTools** - Reflex-devtools provides deep visibility into your app’s state, events, and subscriptions in real time, forming a powerful combo with Reflex for effective development and debugging.
 ⚡ **Interceptor Pattern** - Powerful middleware system for cross-cutting concerns  
 🛡️ **Type Safety** - Full TypeScript support with excellent IDE experience  
 🧪 **Testability** - Pure functions make testing straightforward and reliable  
@@ -28,6 +30,9 @@ After many years of building applications with re-frame in the ClojureScript wor
 
 ```bash
 npm install @flexsurfer/reflex
+npm install --save-dev @flexsurfer/reflex-devtools
+
+npx reflex-devtools
 ```
 
 ### Basic Example
@@ -38,8 +43,13 @@ import {
   regEvent, 
   regSub, 
   dispatch, 
-  useSubscription 
+  useSubscription,
+  enableTracing
 } from '@flexsurfer/reflex';
+import { enableDevtools } from '@flexsurfer/reflex-devtools'
+
+enableTracing()
+enableDevtools();
 
 // Initialize your app database
 initAppDb({ counter: 0 });

package/dist/index.cjs

@@ -627,9 +627,7 @@ function resetTracing() {
 }
 function registerTraceCb(key, cb) {
   if (!traceEnabled) {
-    console.warn(
-      "Tracing is not enabled; call enableTracing() before registering callbacks"
-    );
+    consoleLog("warn", "[reflex] [trace] Tracing is not enabled; call enableTracing() before registering callbacks");
     return;
   }
   traceCbs.set(key, cb);
@@ -645,7 +643,7 @@ function scheduleFlush() {
       try {
         cb(batch);
       } catch (e) {
-        console.error("Error in trace callback", e);
+        consoleLog("warn", "Error in trace callback", e);
       }
     }
   }, DEBOUNCE_TIME);
@@ -971,7 +969,7 @@ var Reaction = class _Reaction {
         operation: this.subVector?.[0] ?? "",
         opType: "sub/dispose",
         tags: {
-          subVector: this.subVector,
+          queryV: this.subVector,
           reaction: this.id
         }
       },

package/dist/index.mjs

@@ -559,9 +559,7 @@ function resetTracing() {
 }
 function registerTraceCb(key, cb) {
   if (!traceEnabled) {
-    console.warn(
-      "Tracing is not enabled; call enableTracing() before registering callbacks"
-    );
+    consoleLog("warn", "[reflex] [trace] Tracing is not enabled; call enableTracing() before registering callbacks");
     return;
   }
   traceCbs.set(key, cb);
@@ -577,7 +575,7 @@ function scheduleFlush() {
       try {
         cb(batch);
       } catch (e) {
-        console.error("Error in trace callback", e);
+        consoleLog("warn", "Error in trace callback", e);
       }
     }
   }, DEBOUNCE_TIME);
@@ -903,7 +901,7 @@ var Reaction = class _Reaction {
         operation: this.subVector?.[0] ?? "",
         opType: "sub/dispose",
         tags: {
-          subVector: this.subVector,
+          queryV: this.subVector,
           reaction: this.id
         }
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flexsurfer/reflex",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "license": "MIT",
   "repository": {
     "type": "git",