edges-svelte 2.2.0 → 3.0.0

package/dist/utils/batch.js

@@ -1,69 +1,65 @@
 import { browser } from './environment.js';
 class BatchManager {
     pendingUpdates = new Map();
-    scheduled = false;
+    depth = 0;
     batchCallbacks = new Set();
-    /**
-     * Batch multiple state updates into a single render cycle
-     */
     batch(fn) {
         if (!browser) {
-            // On server, execute immediately
             fn();
             return;
         }
-        // Collect all updates
-        const startBatching = !this.scheduled;
-        if (startBatching) {
-            this.scheduled = true;
-        }
+        this.depth += 1;
         try {
             fn();
         }
         finally {
-            if (startBatching) {
+            this.depth -= 1;
+            if (this.depth === 0) {
                 this.flush();
             }
         }
     }
-    /**
-     * Add an update to the batch queue
-     */
+    begin() {
+        if (!browser)
+            return;
+        this.depth += 1;
+    }
+    end() {
+        if (!browser)
+            return;
+        if (this.depth === 0)
+            return;
+        this.depth -= 1;
+        if (this.depth === 0) {
+            this.flush();
+        }
+    }
+    isBatching() {
+        return browser && this.depth > 0;
+    }
     queueUpdate(key, value, callback) {
-        if (!browser || !this.scheduled) {
-            // Execute immediately if not batching
+        if (!browser || this.depth === 0) {
             if (callback)
                 callback(value);
             return;
         }
         this.pendingUpdates.set(key, { key, value, callback });
     }
-    /**
-     * Register a callback to be called when batch completes
-     */
     onBatchComplete(callback) {
         this.batchCallbacks.add(callback);
     }
-    /**
-     * Flush all pending updates
-     */
     flush() {
         if (this.pendingUpdates.size === 0) {
-            this.scheduled = false;
             return;
         }
-        // Use microtask to batch DOM updates
         queueMicrotask(() => {
             const updates = Array.from(this.pendingUpdates.values());
             this.pendingUpdates.clear();
-            this.scheduled = false;
-            // Apply all updates
             for (const update of updates) {
                 if (update.callback) {
                     update.callback(update.value);
                 }
             }
-            // Notify batch complete
             for (const callback of this.batchCallbacks) {
                 callback();
             }
@@ -71,36 +67,20 @@ class BatchManager {
         });
     }
 }
-// Global batch manager instance
 const batchManager = new BatchManager();
-/**
- * Batch multiple state updates to avoid unnecessary re-renders
- *
- * @example
- * ```ts
- * batch(() => {
- *   store1.set(value1);
- *   store2.set(value2);
- *   store3.set(value3);
- * });
- * ```
- */
 export const batch = (fn) => batchManager.batch(fn);
-/**
- * Queue an update for batching (internal use)
- */
 export const queueUpdate = (key, value, callback) => batchManager.queueUpdate(key, value, callback);
-/**
- * Register a callback for batch completion (internal use)
- */
 export const onBatchComplete = (callback) => batchManager.onBatchComplete(callback);
-/**
- * Transaction-like API for complex state updates
- */
+export const isBatching = () => batchManager.isBatching();
 export const transaction = async (fn) => {
-    return new Promise((resolve, reject) => {
-        batch(() => {
-            fn().then(resolve).catch(reject);
-        });
-    });
+    if (!browser) {
+        return fn();
+    }
+    batchManager.begin();
+    try {
+        return await fn();
+    }
+    finally {
+        batchManager.end();
+    }
 };

package/dist/utils/dev.d.ts

@@ -1,30 +1,9 @@
 import type { UnknownFunc } from '../types.js';
-/**
- * Development-mode validations and warnings
- */
 export declare const DevTools: {
-    /**
-     * Validates factory uniqueness in development
-     */
     validateFactoryUniqueness(factory: UnknownFunc, key: string): void;
-    /**
-     * Get cached size of a value (optimized to avoid repeated JSON.stringify)
-     */
     getSize(value: unknown): number;
-    /**
-     * Warns about large state objects (optimized with memoization)
-     */
     warnOnLargeState(key: string, value: unknown): void;
-    /**
-     * Validates state mutations
-     */
     checkStateMutation(key: string, oldValue: unknown, newValue: unknown): void;
-    /**
-     * Performance metrics collection
-     */
     measurePerformance<T>(name: string, fn: () => T): T;
-    /**
-     * Debug state tree visualization
-     */
     visualizeStateTree(stateMap: Map<string, unknown>): void;
 };

package/dist/utils/dev.js

@@ -1,28 +1,18 @@
 import { browser, dev } from './environment.js';
 const seenFactories = new WeakSet();
 const largeStateWarnings = new Set();
-// Memoize size calculations to avoid repeated JSON.stringify calls
 const sizeCache = new WeakMap();
-/**
- * Development-mode validations and warnings
- */
 export const DevTools = {
-    /**
-     * Validates factory uniqueness in development
-     */
     validateFactoryUniqueness(factory, key) {
         if (!dev)
             return;
         if (seenFactories.has(factory)) {
             console.warn(`[edges-svelte] Factory collision detected for key "${key}". ` +
-                `This might cause unexpected behavior. Consider using createNamedStore() ` +
-                `or setting a unique __storeKey__ property on your factory function.`);
+                `This might cause unexpected behavior.` +
+                `Set a unique __storeKey__ property on your factory function.`);
         }
         seenFactories.add(factory);
     },
-    /**
-     * Get cached size of a value (optimized to avoid repeated JSON.stringify)
-     */
     getSize(value) {
         if (typeof value === 'object' && value !== null) {
             if (sizeCache.has(value)) {
@@ -34,9 +24,6 @@ export const DevTools = {
         }
         return JSON.stringify(value).length;
     },
-    /**
-     * Warns about large state objects (optimized with memoization)
-     */
     warnOnLargeState(key, value) {
         if (!dev)
             return;
@@ -45,31 +32,22 @@ export const DevTools = {
         try {
             const size = this.getSize(value);
             if (size > 50000) {
-                // 50KB threshold
                 largeStateWarnings.add(key);
-                console.warn(`[edges-svelte] Large state detected for key "${key}" (${Math.round(size / 1024)}KB). ` +
-                    `Consider splitting into smaller stores or enabling compression.`);
+                console.warn(`[edges-svelte] Large state detected for key "${key}" (${Math.round(size / 1024)}KB). ` + `Consider splitting into smaller stores.`);
             }
         }
         catch {
             // Ignore serialization errors in dev warnings
         }
     },
-    /**
-     * Validates state mutations
-     */
     checkStateMutation(key, oldValue, newValue) {
         if (!dev || !browser)
             return;
-        // Check for direct object mutations
         if (typeof oldValue === 'object' && oldValue !== null && oldValue === newValue && !Array.isArray(oldValue)) {
             console.error(`[edges-svelte] Direct mutation detected for key "${key}". ` +
                 `State should be immutable. Use spread operator or Object.assign() to create new objects.`);
         }
     },
-    /**
-     * Performance metrics collection
-     */
     measurePerformance(name, fn) {
         if (!dev)
             return fn();
@@ -77,14 +55,10 @@ export const DevTools = {
         const result = fn();
         const duration = performance.now() - start;
         if (duration > 16) {
-            // Longer than a frame
             console.warn(`[edges-svelte] Slow operation "${name}" took ${duration.toFixed(2)}ms. ` + `Consider optimizing for better performance.`);
         }
         return result;
     },
-    /**
-     * Debug state tree visualization
-     */
     visualizeStateTree(stateMap) {
         if (!dev || !browser)
             return;
@@ -105,7 +79,6 @@ export const DevTools = {
         console.groupEnd();
     }
 };
-// Export for browser devtools integration
 if (browser && dev) {
     window.__EDGES_DEVTOOLS__ = {
         version: '1.3.0',
@@ -127,7 +100,6 @@ if (browser && dev) {
             const sizes = {};
             for (const [key, value] of stateMap) {
                 try {
-                    // Use memoized getSize for better performance
                     const size = DevTools.getSize(value);
                     sizes[key] = size;
                     totalSize += size;

package/dist/utils/environment.d.ts

@@ -1,6 +1,3 @@
-/**
- * Universal browser detection that works in both SvelteKit and non-SvelteKit environments
- * This fixes SSR issues when the package is used in different contexts
- */
 export declare const browser: boolean;
 export declare const dev: boolean;
+export declare const build: boolean;

package/dist/utils/environment.js

@@ -1,6 +1,3 @@
-/**
- * Universal browser detection that works in both SvelteKit and non-SvelteKit environments
- * This fixes SSR issues when the package is used in different contexts
- */
 export const browser = !import.meta.env.SSR && typeof window !== 'undefined' && typeof document !== 'undefined';
 export const dev = import.meta.env.DEV;
+export const build = import.meta.env.PROD;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "edges-svelte",
-  "version": "2.2.0",
+  "version": "3.0.0",
   "license": "MIT",
   "author": "Pixel1917",
   "description": "A blazing-fast, extremely lightweight and SSR-friendly store for Svelte",
@@ -107,9 +107,6 @@
     "state management",
     "ssr store"
   ],
-  "dependencies": {
-    "devalue": "^5.1.1"
-  },
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",