saasufy-components 7.1.0 → 7.3.0

package/README.md

@@ -232,6 +232,7 @@ If you want to make sure that some data (e.g. a config file) has been fully load
 - `no-auth-redirect`: An optional alternative path/route to redirect to if the user is on this page but they are not authenticated. If the user is authenticated, then the content of the template will be displayed as normal.
 - `auth-redirect`: An optional alternative path/route to redirect to if the user is on this page but they are already authenticated. If the user is not authenticated, then the content of the template will be displayed as normal.
 - `hard-redirect`: An optional, additional attribute which can be specified alongside a `redirect`, `no-auth-redirect` or `auth-redirect` attribute to ensure that any redirect will change the URL in the address bar. Redirects are `soft` redirects by default; this means that they redirect the user to the target page but keep the current URL path unchanged.
+- `auto-reset-window-scroll`: If this attribute is present, the page scroll will be reset to the top when each new page is rendered.
 
 ### socket-provider
 

package/app-router.js

@@ -255,6 +255,10 @@ export class AppRouter extends SocketConsumer {
 
     this.lastPageState = pageState;
 
+    if (this.hasAttribute('auto-reset-window-scroll')) {
+      window.scrollTo(0, 0);
+    }
+
     routerViewport.innerHTML = renderTemplate(
       pageTemplate.innerHTML,
       routeArgs,

package/collection-viewer.js

@@ -361,8 +361,6 @@ class CollectionViewer extends SocketConsumer {
 
     (async () => {
       for await (let event of this.collection.listener('change')) {
-        // Ignore change events which originate from this collection instance.
-        if (!event.isRemote) continue;
         this.renderList();
         this.updatePageButtons();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "saasufy-components",
-  "version": "7.1.0",
+  "version": "7.3.0",
   "description": "Components for Saasufy.",
   "main": "index.js",
   "scripts": {

package/utils.js

@@ -63,32 +63,17 @@ export function createReactiveCollection(collectionOptions, callback) {
   collection.safeValue = [];
 
   (async () => {
-    let changes = {};
     for await (let event of collection.listener('change')) {
-      // Ignore change events which originate from this collection instance.
-      if (!event.isRemote) continue;
-
-      if (event.resourceId != null && changes[event.resourceId] !== false) {
-        changes[event.resourceId] = event.isRemote;
-      }
-
       if (!collection.isLoaded) continue;
-
       collection.safeValue = collection.value.map(toSafeModelValue);
-
-      callback({
-        changes
-      });
-      changes = {};
+      callback();
     }
   })();
 
   (async () => {
     for await (let event of collection.listener('load')) {
       if (collection.isLoaded && !collection.value.length) {
-        callback({
-          changes: {}
-        });
+        callback();
       }
     }
   })();
@@ -114,17 +99,9 @@ export function createReactiveModel(modelOptions, callback) {
   })();
 
   (async () => {
-    let changes = {};
     for await (let event of model.listener('change')) {
-      if (changes[event.resourceField] !== false) {
-        changes[event.resourceField] = event.isRemote;
-      }
-
       model.safeValue = toSafeModelValue(model.value);
-      callback({
-        changes
-      });
-      changes = {};
+      callback();
     }
   })();