effect-start 0.23.1 → 0.25.0

package/dist/datastar/actions/peek.js

@@ -1,13 +1,13 @@
-import { action, startPeeking, stopPeeking } from "../engine.js";
+import { action, startPeeking, stopPeeking } from "../engine.js"
+
 action({
-    name: "peek",
-    apply(_, fn) {
-        startPeeking();
-        try {
-            return fn();
-        }
-        finally {
-            stopPeeking();
-        }
-    },
-});
+  name: "peek",
+  apply(_, fn) {
+    startPeeking()
+    try {
+      return fn()
+    } finally {
+      stopPeeking()
+    }
+  },
+})

package/dist/datastar/actions/setAll.js

@@ -1,12 +1,19 @@
-import { action, filtered, mergePatch, startPeeking, stopPeeking, } from "../engine.js";
-import { updateLeaves } from "../utils.js";
+import {
+  action,
+  filtered,
+  mergePatch,
+  startPeeking,
+  stopPeeking,
+} from "../engine.js"
+import { updateLeaves } from "../utils.js"
+
 action({
-    name: "setAll",
-    apply(_, value, filter) {
-        startPeeking();
-        const masked = filtered(filter);
-        updateLeaves(masked, () => value);
-        mergePatch(masked);
-        stopPeeking();
-    },
-});
+  name: "setAll",
+  apply(_, value, filter) {
+    startPeeking()
+    const masked = filtered(filter)
+    updateLeaves(masked, () => value)
+    mergePatch(masked)
+    stopPeeking()
+  },
+})

package/dist/datastar/actions/toggleAll.js

@@ -1,12 +1,19 @@
-import { action, filtered, mergePatch, startPeeking, stopPeeking, } from "../engine.js";
-import { updateLeaves } from "../utils.js";
+import {
+  action,
+  filtered,
+  mergePatch,
+  startPeeking,
+  stopPeeking,
+} from "../engine.js"
+import { updateLeaves } from "../utils.js"
+
 action({
-    name: "toggleAll",
-    apply(_, filter) {
-        startPeeking();
-        const masked = filtered(filter);
-        updateLeaves(masked, (oldValue) => !oldValue);
-        mergePatch(masked);
-        stopPeeking();
-    },
-});
+  name: "toggleAll",
+  apply(_, filter) {
+    startPeeking()
+    const masked = filtered(filter)
+    updateLeaves(masked, (oldValue) => !oldValue)
+    mergePatch(masked)
+    stopPeeking()
+  },
+})

package/dist/datastar/attributes/attr.js

@@ -1,48 +1,49 @@
-import { attribute, effect } from "../engine.js";
+import { attribute, effect } from "../engine.js"
+
 attribute({
-    name: "attr",
-    requirement: { value: "must" },
-    returnsValue: true,
-    apply({ el, key, rx }) {
-        const syncAttr = (key, val) => {
-            if (val === "" || val === true) {
-                el.setAttribute(key, "");
-            }
-            else if (val === false || val == null) {
-                el.removeAttribute(key);
-            }
-            else if (typeof val === "string") {
-                el.setAttribute(key, val);
-            }
-            else {
-                el.setAttribute(key, JSON.stringify(val));
-            }
-        };
-        const update = key
-            ? () => {
-                observer.disconnect();
-                const val = rx();
-                syncAttr(key, val);
-                observer.observe(el, {
-                    attributeFilter: [key],
-                });
-            }
-            : () => {
-                observer.disconnect();
-                const obj = rx();
-                const attributeFilter = Object.keys(obj);
-                for (const key of attributeFilter) {
-                    syncAttr(key, obj[key]);
-                }
-                observer.observe(el, {
-                    attributeFilter,
-                });
-            };
-        const observer = new MutationObserver(update);
-        const cleanup = effect(update);
-        return () => {
-            observer.disconnect();
-            cleanup();
-        };
-    },
-});
+  name: "attr",
+  requirement: { value: "must" },
+  returnsValue: true,
+  apply({ el, key, rx }) {
+    const syncAttr = (key, val) => {
+      if (val === "" || val === true) {
+        el.setAttribute(key, "")
+      } else if (val === false || val == null) {
+        el.removeAttribute(key)
+      } else if (typeof val === "string") {
+        el.setAttribute(key, val)
+      } else {
+        el.setAttribute(key, JSON.stringify(val))
+      }
+    }
+
+    const update = key
+      ? () => {
+          observer.disconnect()
+          const val = rx()
+          syncAttr(key, val)
+          observer.observe(el, {
+            attributeFilter: [key],
+          })
+        }
+      : () => {
+          observer.disconnect()
+          const obj = rx()
+          const attributeFilter = Object.keys(obj)
+          for (const key of attributeFilter) {
+            syncAttr(key, obj[key])
+          }
+          observer.observe(el, {
+            attributeFilter,
+          })
+        }
+
+    const observer = new MutationObserver(update)
+    const cleanup = effect(update)
+
+    return () => {
+      observer.disconnect()
+      cleanup()
+    }
+  },
+})

package/dist/datastar/attributes/bind.js

@@ -1,175 +1,194 @@
-import { attribute, effect, getPath, mergePaths } from "../engine.js";
-import { aliasify, modifyCasing } from "../utils.js";
-const dataURIRegex = /^data:(?<mime>[^;]+);base64,(?<contents>.*)$/;
-const empty = Symbol("empty");
-const aliasedBind = aliasify("bind");
+import { attribute, effect, getPath, mergePaths } from "../engine.js"
+import { aliasify, modifyCasing } from "../utils.js"
+
+const dataURIRegex = /^data:(?<mime>[^;]+);base64,(?<contents>.*)$/
+const empty = Symbol("empty")
+
+const aliasedBind = aliasify("bind")
+
 attribute({
-    name: "bind",
-    requirement: "exclusive",
-    apply({ el, key, mods, value, error }) {
-        const signalName = key != null ? modifyCasing(key, mods) : value;
-        let get = (el, type) => (type === "number" ? +el.value : el.value);
-        let set = (value) => {
-            ;
-            el.value = `${value}`;
-        };
-        if (el instanceof HTMLInputElement) {
-            switch (el.type) {
-                case "range":
-                case "number":
-                    get = (el, type) => (type === "string" ? el.value : +el.value);
-                    break;
-                case "checkbox":
-                    get = (el, type) => {
-                        if (el.value !== "on") {
-                            if (type === "boolean") {
-                                return el.checked;
-                            }
-                            else {
-                                return el.checked ? el.value : "";
-                            }
-                        }
-                        else {
-                            if (type === "string") {
-                                return el.checked ? el.value : "";
-                            }
-                            else {
-                                return el.checked;
-                            }
-                        }
-                    };
-                    set = (value) => {
-                        el.checked = typeof value === "string" ? value === el.value : value;
-                    };
-                    break;
-                case "radio":
-                    if (!el.getAttribute("name")?.length) {
-                        el.setAttribute("name", signalName);
-                    }
-                    get = (el, type) => el.checked ? (type === "number" ? +el.value : el.value) : empty;
-                    set = (value) => {
-                        el.checked = value === (typeof value === "number" ? +el.value : el.value);
-                    };
-                    break;
-                case "file": {
-                    const syncSignal = () => {
-                        const files = [...(el.files || [])];
-                        const signalFiles = [];
-                        Promise.all(files.map((f) => new Promise((resolve) => {
-                            const reader = new FileReader();
-                            reader.onload = () => {
-                                if (typeof reader.result !== "string") {
-                                    throw error("InvalidFileResultType", {
-                                        resultType: typeof reader.result,
-                                    });
-                                }
-                                const match = reader.result.match(dataURIRegex);
-                                if (!match?.groups) {
-                                    throw error("InvalidDataUri", {
-                                        result: reader.result,
-                                    });
-                                }
-                                signalFiles.push({
-                                    name: f.name,
-                                    contents: match.groups.contents,
-                                    mime: match.groups.mime,
-                                });
-                            };
-                            reader.onloadend = () => resolve();
-                            reader.readAsDataURL(f);
-                        }))).then(() => {
-                            mergePaths([[signalName, signalFiles]]);
-                        });
-                    };
-                    el.addEventListener("change", syncSignal);
-                    el.addEventListener("input", syncSignal);
-                    return () => {
-                        el.removeEventListener("change", syncSignal);
-                        el.removeEventListener("input", syncSignal);
-                    };
-                }
+  name: "bind",
+  requirement: "exclusive",
+  apply({ el, key, mods, value, error }) {
+    const signalName = key != null ? modifyCasing(key, mods) : value
+
+    let get = (el, type) => (type === "number" ? +el.value : el.value)
+
+    let set = (value) => {
+      ;(el).value = `${value}`
+    }
+
+    if (el instanceof HTMLInputElement) {
+      switch (el.type) {
+        case "range":
+        case "number":
+          get = (el, type) => (type === "string" ? el.value : +el.value)
+          break
+
+        case "checkbox":
+          get = (el, type) => {
+            if (el.value !== "on") {
+              if (type === "boolean") {
+                return el.checked
+              } else {
+                return el.checked ? el.value : ""
+              }
+            } else {
+              if (type === "string") {
+                return el.checked ? el.value : ""
+              } else {
+                return el.checked
+              }
             }
-        }
-        else if (el instanceof HTMLSelectElement) {
-            if (el.multiple) {
-                const typeMap = new Map();
-                get = (el) => [...el.selectedOptions].map((option) => {
-                    const type = typeMap.get(option.value);
-                    return type === "string" || type == null ? option.value : +option.value;
-                });
-                set = (value) => {
-                    for (const option of el.options) {
-                        if (value.includes(option.value)) {
-                            typeMap.set(option.value, "string");
-                            option.selected = true;
-                        }
-                        else if (value.includes(+option.value)) {
-                            typeMap.set(option.value, "number");
-                            option.selected = true;
-                        }
-                        else {
-                            option.selected = false;
-                        }
+          }
+          set = (value) => {
+            el.checked = typeof value === "string" ? value === el.value : value
+          }
+          break
+
+        case "radio":
+          if (!el.getAttribute("name")?.length) {
+            el.setAttribute("name", signalName)
+          }
+
+          get = (el, type) =>
+            el.checked ? (type === "number" ? +el.value : el.value) : empty
+          set = (value) => {
+            el.checked = value === (typeof value === "number" ? +el.value : el.value)
+          }
+          break
+        case "file": {
+          const syncSignal = () => {
+            const files = [...(el.files || [])]
+            const signalFiles = []
+            Promise.all(
+              files.map(
+                (f) =>
+                  new Promise((resolve) => {
+                    const reader = new FileReader()
+                    reader.onload = () => {
+                      if (typeof reader.result !== "string") {
+                        throw error("InvalidFileResultType", {
+                          resultType: typeof reader.result,
+                        })
+                      }
+                      const match = reader.result.match(dataURIRegex)
+                      if (!match?.groups) {
+                        throw error("InvalidDataUri", {
+                          result: reader.result,
+                        })
+                      }
+                      signalFiles.push({
+                        name: f.name,
+                        contents: match.groups.contents,
+                        mime: match.groups.mime,
+                      })
                     }
-                };
-            }
+                    reader.onloadend = () => resolve()
+                    reader.readAsDataURL(f)
+                  }),
+              ),
+            ).then(() => {
+              mergePaths([[signalName, signalFiles]])
+            })
+          }
+
+          el.addEventListener("change", syncSignal)
+          el.addEventListener("input", syncSignal)
+
+          return () => {
+            el.removeEventListener("change", syncSignal)
+            el.removeEventListener("input", syncSignal)
+          }
         }
-        else if (el instanceof HTMLTextAreaElement) {
-            // default case
+      }
+    } else if (el instanceof HTMLSelectElement) {
+      if (el.multiple) {
+        const typeMap = new Map()
+        get = (el) =>
+          [...el.selectedOptions].map((option) => {
+            const type = typeMap.get(option.value)
+            return type === "string" || type == null ? option.value : +option.value
+          })
+
+        set = (value) => {
+          for (const option of el.options) {
+            if (value.includes(option.value)) {
+              typeMap.set(option.value, "string")
+              option.selected = true
+            } else if (value.includes(+option.value)) {
+              typeMap.set(option.value, "number")
+              option.selected = true
+            } else {
+              option.selected = false
+            }
+          }
         }
-        else {
-            // web component
-            get = (el) => ("value" in el ? el.value : el.getAttribute("value"));
-            set = (value) => {
-                if ("value" in el) {
-                    el.value = value;
-                }
-                else {
-                    el.setAttribute("value", value);
-                }
-            };
+      }
+    } else if (el instanceof HTMLTextAreaElement) {
+      // default case
+    } else {
+      // web component
+      get = (el) => ("value" in el ? el.value : el.getAttribute("value"))
+      set = (value) => {
+        if ("value" in el) {
+          el.value = value
+        } else {
+          el.setAttribute("value", value)
         }
-        const initialValue = getPath(signalName);
-        const type = typeof initialValue;
-        let path = signalName;
-        if (Array.isArray(initialValue) && !(el instanceof HTMLSelectElement && el.multiple)) {
-            const signalNameKebab = key ? key : value;
-            const inputs = document.querySelectorAll(`[${aliasedBind}\\:${CSS.escape(signalNameKebab)}],[${aliasedBind}="${CSS.escape(signalNameKebab)}"]`);
-            const paths = [];
-            let i = 0;
-            for (const input of inputs) {
-                paths.push([`${path}.${i}`, get(input, "none")]);
-                if (el === input) {
-                    break;
-                }
-                i++;
-            }
-            mergePaths(paths, { ifMissing: true });
-            path = `${path}.${i}`;
+      }
+    }
+
+    const initialValue = getPath(signalName)
+    const type = typeof initialValue
+
+    let path = signalName
+    if (Array.isArray(initialValue) && !(el instanceof HTMLSelectElement && el.multiple)) {
+      const signalNameKebab = key ? key : value
+      const inputs = document.querySelectorAll(
+        `[${aliasedBind}\\:${CSS.escape(signalNameKebab)}],[${aliasedBind}="${CSS.escape(
+          signalNameKebab,
+        )}"]`,
+      )
+
+      const paths = []
+      let i = 0
+      for (const input of inputs) {
+        paths.push([`${path}.${i}`, get(input, "none")])
+
+        if (el === input) {
+          break
         }
-        else {
-            mergePaths([[path, get(el, type)]], {
-                ifMissing: true,
-            });
+        i++
+      }
+      mergePaths(paths, { ifMissing: true })
+      path = `${path}.${i}`
+    } else {
+      mergePaths([[path, get(el, type)]], {
+        ifMissing: true,
+      })
+    }
+
+    const syncSignal = () => {
+      const signalValue = getPath(path)
+      if (signalValue != null) {
+        const value = get(el, typeof signalValue)
+        if (value !== empty) {
+          mergePaths([[path, value]])
         }
-        const syncSignal = () => {
-            const signalValue = getPath(path);
-            if (signalValue != null) {
-                const value = get(el, typeof signalValue);
-                if (value !== empty) {
-                    mergePaths([[path, value]]);
-                }
-            }
-        };
-        el.addEventListener("input", syncSignal);
-        el.addEventListener("change", syncSignal);
-        const cleanup = effect(() => {
-            set(getPath(path));
-        });
-        return () => {
-            cleanup();
-            el.removeEventListener("input", syncSignal);
-            el.removeEventListener("change", syncSignal);
-        };
-    },
-});
+      }
+    }
+
+    el.addEventListener("input", syncSignal)
+    el.addEventListener("change", syncSignal)
+    const cleanup = effect(() => {
+      set(getPath(path))
+    })
+
+    return () => {
+      cleanup()
+      el.removeEventListener("input", syncSignal)
+      el.removeEventListener("change", syncSignal)
+    }
+  },
+})

package/dist/datastar/attributes/class.js

@@ -1,47 +1,54 @@
-import { attribute, effect } from "../engine.js";
-import { modifyCasing } from "../utils.js";
+import { attribute, effect } from "../engine.js"
+import { modifyCasing } from "../utils.js"
+
 attribute({
-    name: "class",
-    requirement: {
-        value: "must",
-    },
-    returnsValue: true,
-    apply({ key, el, mods, rx }) {
-        key &&= modifyCasing(key, mods, "kebab");
-        let classes;
-        const callback = () => {
-            observer.disconnect();
-            classes = key ? { [key]: rx() } : rx();
-            for (const k in classes) {
-                const classNames = k.split(/\s+/).filter((cn) => cn.length > 0);
-                if (classes[k]) {
-                    for (const name of classNames) {
-                        if (!el.classList.contains(name)) {
-                            el.classList.add(name);
-                        }
-                    }
-                }
-                else {
-                    for (const name of classNames) {
-                        if (el.classList.contains(name)) {
-                            el.classList.remove(name);
-                        }
-                    }
-                }
+  name: "class",
+  requirement: {
+    value: "must",
+  },
+  returnsValue: true,
+  apply({ key, el, mods, rx }) {
+    key &&= modifyCasing(key, mods, "kebab")
+
+    let classes
+    const callback = () => {
+      observer.disconnect()
+
+      classes = key ? { [key]: rx() } : (rx())
+
+      for (const k in classes) {
+        const classNames = k.split(/\s+/).filter((cn) => cn.length > 0)
+        if (classes[k]) {
+          for (const name of classNames) {
+            if (!el.classList.contains(name)) {
+              el.classList.add(name)
             }
-            observer.observe(el, { attributeFilter: ["class"] });
-        };
-        const observer = new MutationObserver(callback);
-        const cleanup = effect(callback);
-        return () => {
-            observer.disconnect();
-            cleanup();
-            for (const k in classes) {
-                const classNames = k.split(/\s+/).filter((cn) => cn.length > 0);
-                for (const name of classNames) {
-                    el.classList.remove(name);
-                }
+          }
+        } else {
+          for (const name of classNames) {
+            if (el.classList.contains(name)) {
+              el.classList.remove(name)
             }
-        };
-    },
-});
+          }
+        }
+      }
+
+      observer.observe(el, { attributeFilter: ["class"] })
+    }
+
+    const observer = new MutationObserver(callback)
+    const cleanup = effect(callback)
+
+    return () => {
+      observer.disconnect()
+      cleanup()
+
+      for (const k in classes) {
+        const classNames = k.split(/\s+/).filter((cn) => cn.length > 0)
+        for (const name of classNames) {
+          el.classList.remove(name)
+        }
+      }
+    }
+  },
+})