@manyducks.co/dolla 0.74.0 → 0.75.1

package/lib/index.js

@@ -1070,16 +1070,21 @@ var HTML = class {
     const propStopCallbacks = [];
     if (styles == void 0) {
       element.style.cssText = "";
+    } else if (typeof styles === "string") {
+      element.style.cssText = styles;
     } else if (isReadable(styles)) {
       let unapply;
       const stop = observe(styles, (current) => {
-        render.update(() => {
-          if (isFunction(unapply)) {
-            unapply();
-          }
-          element.style.cssText = "";
-          unapply = this.applyStyles(element, current, stopCallbacks);
-        }, this.getUpdateKey("styles", "*"));
+        render.update(
+          () => {
+            if (isFunction(unapply)) {
+              unapply();
+            }
+            element.style.cssText = "";
+            unapply = this.applyStyles(element, current, stopCallbacks);
+          },
+          this.getUpdateKey("styles", "*")
+        );
       });
       stopCallbacks.push(stop);
       propStopCallbacks.push(stop);
@@ -1090,13 +1095,16 @@ var HTML = class {
         const setProperty = key.startsWith("--") ? (key2, value2) => value2 == null ? element.style.removeProperty(key2) : element.style.setProperty(key2, value2) : (key2, value2) => element.style[key2] = value2 ?? "";
         if (isReadable(value)) {
           const stop = observe(value, (current) => {
-            render.update(() => {
-              if (current != null) {
-                setProperty(key, current);
-              } else {
-                element.style.removeProperty(key);
-              }
-            }, this.getUpdateKey("style", key));
+            render.update(
+              () => {
+                if (current != null) {
+                  setProperty(key, current);
+                } else {
+                  element.style.removeProperty(key);
+                }
+              },
+              this.getUpdateKey("style", key)
+            );
           });
           stopCallbacks.push(stop);
           propStopCallbacks.push(stop);
@@ -1124,13 +1132,16 @@ var HTML = class {
     if (isReadable(classes)) {
       let unapply;
       const stop = observe(classes, (current) => {
-        render.update(() => {
-          if (isFunction(unapply)) {
-            unapply();
-          }
-          element.removeAttribute("class");
-          unapply = this.applyClasses(element, current, stopCallbacks);
-        }, this.getUpdateKey("attr", "class"));
+        render.update(
+          () => {
+            if (isFunction(unapply)) {
+              unapply();
+            }
+            element.removeAttribute("class");
+            unapply = this.applyClasses(element, current, stopCallbacks);
+          },
+          this.getUpdateKey("attr", "class")
+        );
       });
       stopCallbacks.push(stop);
       classStopCallbacks.push(stop);
@@ -1576,7 +1587,6 @@ function initView(config) {
       }
     },
     async setChildren(children) {
-      console.log("setChildren", { name: ctx.name, children });
       $$children.set(children);
     }
   };
@@ -3221,20 +3231,19 @@ function RouterStore(ctx) {
     if (route.meta.redirect) {
       let redirectPath;
       if (isFunction(route.meta.redirect)) {
-        throw new Error(`Redirect functions are not yet supported.`);
       } else if (isString(route.meta.redirect)) {
         redirectPath = route.meta.redirect;
+        const match = matchRoutes(routes, redirectPath, {
+          willMatch(r) {
+            return r !== route;
+          }
+        });
+        if (!match) {
+          throw new Error(`Found a redirect to an undefined URL. From '${route.pattern}' to '${route.meta.redirect}'`);
+        }
       } else {
         throw new TypeError(`Expected a string or redirect function. Got: ${route.meta.redirect}`);
       }
-      const match = matchRoutes(routes, redirectPath, {
-        willMatch(r) {
-          return r !== route;
-        }
-      });
-      if (!match) {
-        throw new Error(`Found a redirect to an undefined URL. From '${route.pattern}' to '${route.meta.redirect}'`);
-      }
     }
   }
   ctx.onConnected(() => {
@@ -3330,14 +3339,25 @@ function RouterStore(ctx) {
     ctx.info(`Matched route: '${matched.pattern}' ('${matched.path}')`);
     if (matched.meta.redirect != null) {
       if (typeof matched.meta.redirect === "string") {
-        let path = matched.meta.redirect;
-        for (const key in matched.params) {
-          path = path.replace(":" + key, matched.params[key].toString());
-        }
+        const path = replaceParams(matched.meta.redirect, matched.params);
         ctx.info(`Redirecting to: '${path}'`);
         history.replace(path);
       } else if (typeof matched.meta.redirect === "function") {
-        throw new Error(`Redirect functions aren't implemented yet.`);
+        const redirectContext = {
+          path: matched.path,
+          pattern: matched.pattern,
+          params: matched.params,
+          query: matched.query
+        };
+        let path = await matched.meta.redirect(redirectContext);
+        if (typeof path !== "string") {
+          throw new Error(`Redirect function must return a path to redirect to.`);
+        }
+        if (!path.startsWith("/")) {
+          path = resolvePath(matched.path, path);
+        }
+        ctx.info(`Redirecting to: '${path}'`);
+        history.replace(path);
       } else {
         throw new TypeError(`Redirect must either be a path string or a function.`);
       }
@@ -3424,6 +3444,14 @@ function RouterStore(ctx) {
      * @param args - One or more path segments optionally followed by an options object.
      */
     navigate
+    /**
+     * Updates a query param in place.
+     */
+    // updateQuery(key: string, value: string) {},
+    /**
+     * Updates a route param in place.
+     */
+    // updateParam(key: string, value: string) {},
   };
 }
 var safeExternalLink = /(noopener|noreferrer) (noopener|noreferrer)/;
@@ -3457,6 +3485,13 @@ function catchLinks(root, callback, _window = window) {
     root.removeEventListener("click", handler);
   };
 }
+function replaceParams(path, params) {
+  for (const key in params) {
+    const value = params[key].toString();
+    path = path.replace(`{${key}}`, value).replace(`{#${key}}`, value);
+  }
+  return path;
+}
 
 // src/stores/language.ts
 function LanguageStore(ctx) {