web-manager 4.0.1 → 4.0.3

package/README.md

@@ -270,10 +270,10 @@ Web Manager includes a powerful data binding system that automatically updates y
 #### Basic Text Binding
 ```html
 <!-- Display user email -->
-<span data-wm-bind="user.email"></span>
+<span data-wm-bind="auth.user.email"></span>
 
 <!-- Display nested properties -->
-<div data-wm-bind="account.subscription.plan"></div>
+<div data-wm-bind="auth.account.subscription.plan"></div>
 
 <!-- Works with inputs too -->
 <input data-wm-bind="settings.theme" />
@@ -282,14 +282,14 @@ Web Manager includes a powerful data binding system that automatically updates y
 #### Conditional Visibility
 ```html
 <!-- Show element when condition is true -->
-<div data-wm-bind="@show user">Welcome!</div>
-<div data-wm-bind="@show user.emailVerified">Email is verified</div>
+<div data-wm-bind="@show auth.user">Welcome!</div>
+<div data-wm-bind="@show auth.user.emailVerified">Email is verified</div>
 
 <!-- Hide element when condition is true -->
-<div data-wm-bind="@hide user">Please log in</div>
+<div data-wm-bind="@hide auth.user">Please log in</div>
 
 <!-- Comparisons -->
-<div data-wm-bind="@show subscription.plan === 'premium'">Premium features</div>
+<div data-wm-bind="@show auth.account.subscription.plan === 'premium'">Premium features</div>
 <div data-wm-bind="@hide settings.notifications === false">Notifications enabled</div>
 ```
 
@@ -297,7 +297,7 @@ Web Manager includes a powerful data binding system that automatically updates y
 ```javascript
 // Auth data is automatically bound when using auth().listen()
 Manager.auth().listen({ account: true }, (result) => {
-  // user and account data are automatically bound to the DOM
+  // auth.user and auth.account data are automatically bound to the DOM
 });
 
 // Update bindings with custom data

package/dist/modules/auth.js

@@ -5,7 +5,7 @@ class Auth {
     this.manager = manager;
     this._authStateCallbacks = [];
     this._readyCallbacks = [];
-    this._hasUpdatedBindings = false;
+    this._hasProcessedStateChange = false;
   }
 
   // Check if user is authenticated
@@ -100,19 +100,18 @@ class Auth {
       // Always ensure account is at least a default resolved object
       state.account = state.account || resolveAccount({}, { uid: user?.uid });
 
-      // Update bindings with auth data (only once across all callbacks)
-      // Now ONLY the first listener will update bindings until the next auth state change
-      if (!this._hasUpdatedBindings) {
-        // Run update
-        this.manager.bindings().update(state);
+      // Process state change (update bindings and storage) only once across all callbacks
+      // Now ONLY the first listener will process the state change until the next auth state change
+      if (!this._hasProcessedStateChange) {
+        // Run update - nest state under 'auth' key for consistent access
+        this.manager.bindings().update({ auth: state });
 
         // Save to storage
         const storage = this.manager.storage();
-        storage.set('user.auth', state.user || null);
-        storage.set('user.account', state.account || {});
+        storage.set('auth', state);
 
-        // Mark that we've updated bindings
-        this._hasUpdatedBindings = true;
+        // Mark that we've processed this state change
+        this._hasProcessedStateChange = true;
       }
 
       // Call the provided callback with the state
@@ -165,8 +164,8 @@ class Auth {
 
   // Internal method to handle auth state changes
   _handleAuthStateChange(user) {
-    // Reset bindings flag for new auth state
-    this._hasUpdatedBindings = false;
+    // Reset state processing flag for new auth state
+    this._hasProcessedStateChange = false;
 
     // Call all registered callbacks
     this._authStateCallbacks.forEach(callback => {

package/dist/modules/bindings.js

@@ -121,7 +121,7 @@ class Bindings {
   _evaluateCondition(condition, context) {
     try {
       // Replace context references with actual values
-      // Support: user.field, account.field, simple comparisons
+      // Support: auth.user.field, auth.account.field, simple comparisons
 
       // Check for negation operator at the start
       if (condition.trim().startsWith('!')) {
@@ -169,7 +169,7 @@ class Bindings {
           default: return false;
         }
       } else {
-        // Simple truthy check (e.g., "user.emailVerified" or "account")
+        // Simple truthy check (e.g., "auth.user.emailVerified" or "auth.account")
         const value = this._resolvePath(context, condition.trim());
         return !!value;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-manager",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "Easily access important variables such as the query string, current domain, and current page in a single object.",
   "main": "dist/index.js",
   "module": "src/index.js",
@@ -27,21 +27,13 @@
     "url": "https://github.com/itw-creative-works/web-manager/issues"
   },
   "homepage": "https://itwcreativeworks.com",
-  "backup": {
-    "dependencies": {
-      "@sentry/browser": "^6.19.7",
-      "cookieconsent": "^3.1.1",
-      "firebase": "^8.10.1",
-      "lazysizes": "^5.3.2"
-    }
-  },
   "preparePackage": {
     "input": "./src",
     "output": "./dist",
     "replace": {}
   },
   "dependencies": {
-    "@sentry/browser": "^10.15.0",
+    "@sentry/browser": "10.8.0",
     "firebase": "^12.3.0",
     "itwcw-package-analytics": "^1.0.6",
     "lodash": "^4.17.21",