effect-start 0.23.0 → 0.25.0

package/dist/datastar/attributes/onSignalPatch.js

@@ -1,42 +1,51 @@
-import { attribute, beginBatch, DATASTAR_SIGNAL_PATCH_EVENT, endBatch, filtered, } from "../engine.js";
-import { aliasify, isEmpty, jsStrToObject, modifyTiming } from "../utils.js";
+import {
+  attribute,
+  beginBatch,
+  DATASTAR_SIGNAL_PATCH_EVENT,
+  endBatch,
+  filtered,
+} from "../engine.js"
+import { aliasify, isEmpty, jsStrToObject, modifyTiming } from "../utils.js"
+
 attribute({
-    name: "on-signal-patch",
-    requirement: {
-        value: "must",
-    },
-    argNames: ["patch"],
-    returnsValue: true,
-    apply({ el, key, mods, rx, error }) {
-        if (!!key && key !== "filter") {
-            throw error("KeyNotAllowed");
+  name: "on-signal-patch",
+  requirement: {
+    value: "must",
+  },
+  argNames: ["patch"],
+  returnsValue: true,
+  apply({ el, key, mods, rx, error }) {
+    if (!!key && key !== "filter") {
+      throw error("KeyNotAllowed")
+    }
+
+    const filterAttr = aliasify(`${this.name}-filter`)
+    const filtersRaw = el.getAttribute(filterAttr)
+    let filters = {}
+    if (filtersRaw) {
+      filters = jsStrToObject(filtersRaw)
+    }
+
+    let running = false
+
+    const callback = modifyTiming((evt) => {
+      if (running) return
+      const watched = filtered(filters, evt.detail)
+      if (!isEmpty(watched)) {
+        running = true
+        beginBatch()
+        try {
+          rx(watched)
+        } finally {
+          endBatch()
+          running = false
         }
-        const filterAttr = aliasify(`${this.name}-filter`);
-        const filtersRaw = el.getAttribute(filterAttr);
-        let filters = {};
-        if (filtersRaw) {
-            filters = jsStrToObject(filtersRaw);
-        }
-        let running = false;
-        const callback = modifyTiming((evt) => {
-            if (running)
-                return;
-            const watched = filtered(filters, evt.detail);
-            if (!isEmpty(watched)) {
-                running = true;
-                beginBatch();
-                try {
-                    rx(watched);
-                }
-                finally {
-                    endBatch();
-                    running = false;
-                }
-            }
-        }, mods);
-        document.addEventListener(DATASTAR_SIGNAL_PATCH_EVENT, callback);
-        return () => {
-            document.removeEventListener(DATASTAR_SIGNAL_PATCH_EVENT, callback);
-        };
-    },
-});
+      }
+    }, mods)
+
+    document.addEventListener(DATASTAR_SIGNAL_PATCH_EVENT, callback)
+    return () => {
+      document.removeEventListener(DATASTAR_SIGNAL_PATCH_EVENT, callback)
+    }
+  },
+})

package/dist/datastar/attributes/ref.js

@@ -1,10 +1,11 @@
-import { attribute, mergePaths } from "../engine.js";
-import { modifyCasing } from "../utils.js";
+import { attribute, mergePaths } from "../engine.js"
+import { modifyCasing } from "../utils.js"
+
 attribute({
-    name: "ref",
-    requirement: "exclusive",
-    apply({ el, key, mods, value }) {
-        const signalName = key != null ? modifyCasing(key, mods) : value;
-        mergePaths([[signalName, el]]);
-    },
-});
+  name: "ref",
+  requirement: "exclusive",
+  apply({ el, key, mods, value }) {
+    const signalName = key != null ? modifyCasing(key, mods) : value
+    mergePaths([[signalName, el]])
+  },
+})

package/dist/datastar/attributes/show.js

@@ -1,31 +1,32 @@
-import { attribute, effect } from "../engine.js";
-const NONE = "none";
-const DISPLAY = "display";
+import { attribute, effect } from "../engine.js"
+
+const NONE = "none"
+const DISPLAY = "display"
+
 attribute({
-    name: "show",
-    requirement: {
-        key: "denied",
-        value: "must",
-    },
-    returnsValue: true,
-    apply({ el, rx }) {
-        const update = () => {
-            observer.disconnect();
-            const shouldShow = rx();
-            if (shouldShow) {
-                if (el.style.display === NONE)
-                    el.style.removeProperty(DISPLAY);
-            }
-            else {
-                el.style.setProperty(DISPLAY, NONE);
-            }
-            observer.observe(el, { attributeFilter: ["style"] });
-        };
-        const observer = new MutationObserver(update);
-        const cleanup = effect(update);
-        return () => {
-            observer.disconnect();
-            cleanup();
-        };
-    },
-});
+  name: "show",
+  requirement: {
+    key: "denied",
+    value: "must",
+  },
+  returnsValue: true,
+  apply({ el, rx }) {
+    const update = () => {
+      observer.disconnect()
+      const shouldShow = rx()
+      if (shouldShow) {
+        if (el.style.display === NONE) el.style.removeProperty(DISPLAY)
+      } else {
+        el.style.setProperty(DISPLAY, NONE)
+      }
+      observer.observe(el, { attributeFilter: ["style"] })
+    }
+    const observer = new MutationObserver(update)
+    const cleanup = effect(update)
+
+    return () => {
+      observer.disconnect()
+      cleanup()
+    }
+  },
+})

package/dist/datastar/attributes/signals.js

@@ -1,17 +1,18 @@
-import { attribute, mergePatch, mergePaths } from "../engine.js";
-import { modifyCasing } from "../utils.js";
+import { attribute, mergePatch, mergePaths } from "../engine.js"
+import { modifyCasing } from "../utils.js"
+
 attribute({
-    name: "signals",
-    returnsValue: true,
-    apply({ key, mods, rx }) {
-        const ifMissing = mods.has("ifmissing");
-        if (key) {
-            key = modifyCasing(key, mods);
-            mergePaths([[key, rx?.()]], { ifMissing });
-        }
-        else {
-            const patch = Object.assign({}, rx?.());
-            mergePatch(patch, { ifMissing });
-        }
-    },
-});
+  name: "signals",
+  returnsValue: true,
+  apply({ key, mods, rx }) {
+    const ifMissing = mods.has("ifmissing")
+
+    if (key) {
+      key = modifyCasing(key, mods)
+      mergePaths([[key, rx?.()]], { ifMissing })
+    } else {
+      const patch = Object.assign({}, rx?.())
+      mergePatch(patch, { ifMissing })
+    }
+  },
+})

package/dist/datastar/attributes/style.js

@@ -1,50 +1,57 @@
-import { attribute, effect } from "../engine.js";
-import { kebab } from "../utils.js";
+import { attribute, effect } from "../engine.js"
+import { kebab } from "../utils.js"
+
 attribute({
-    name: "style",
-    requirement: {
-        value: "must",
-    },
-    returnsValue: true,
-    apply({ key, el, rx }) {
-        const { style } = el;
-        const initialStyles = new Map();
-        const apply = (prop, value) => {
-            const initial = initialStyles.get(prop);
-            if (!value && value !== 0) {
-                initial !== undefined &&
-                    (initial ? style.setProperty(prop, initial) : style.removeProperty(prop));
-            }
-            else {
-                initial === undefined && initialStyles.set(prop, style.getPropertyValue(prop));
-                style.setProperty(prop, String(value));
-            }
-        };
-        const update = () => {
-            observer.disconnect();
-            if (key) {
-                apply(key, rx());
-            }
-            else {
-                const styles = rx();
-                for (const [prop, initial] of initialStyles) {
-                    prop in styles ||
-                        (initial ? style.setProperty(prop, initial) : style.removeProperty(prop));
-                }
-                for (const prop in styles) {
-                    apply(kebab(prop), styles[prop]);
-                }
-            }
-            observer.observe(el, { attributeFilter: ["style"] });
-        };
-        const observer = new MutationObserver(update);
-        const cleanup = effect(update);
-        return () => {
-            observer.disconnect();
-            cleanup();
-            for (const [prop, initial] of initialStyles) {
-                initial ? style.setProperty(prop, initial) : style.removeProperty(prop);
-            }
-        };
-    },
-});
+  name: "style",
+  requirement: {
+    value: "must",
+  },
+  returnsValue: true,
+  apply({ key, el, rx }) {
+    const { style } = el
+    const initialStyles = new Map()
+
+    const apply = (prop, value) => {
+      const initial = initialStyles.get(prop)
+      if (!value && value !== 0) {
+        initial !== undefined &&
+          (initial ? style.setProperty(prop, initial) : style.removeProperty(prop))
+      } else {
+        initial === undefined && initialStyles.set(prop, style.getPropertyValue(prop))
+        style.setProperty(prop, String(value))
+      }
+    }
+
+    const update = () => {
+      observer.disconnect()
+
+      if (key) {
+        apply(key, rx())
+      } else {
+        const styles = rx()
+
+        for (const [prop, initial] of initialStyles) {
+          prop in styles ||
+            (initial ? style.setProperty(prop, initial) : style.removeProperty(prop))
+        }
+
+        for (const prop in styles) {
+          apply(kebab(prop), styles[prop])
+        }
+      }
+
+      observer.observe(el, { attributeFilter: ["style"] })
+    }
+
+    const observer = new MutationObserver(update)
+    const cleanup = effect(update)
+
+    return () => {
+      observer.disconnect()
+      cleanup()
+      for (const [prop, initial] of initialStyles) {
+        initial ? style.setProperty(prop, initial) : style.removeProperty(prop)
+      }
+    }
+  },
+})

package/dist/datastar/attributes/text.js

@@ -1,26 +1,29 @@
-import { attribute, effect } from "../engine.js";
+import { attribute, effect } from "../engine.js"
+
 attribute({
-    name: "text",
-    requirement: {
-        key: "denied",
-        value: "must",
-    },
-    returnsValue: true,
-    apply({ el, rx }) {
-        const update = () => {
-            observer.disconnect();
-            el.textContent = `${rx()}`;
-            observer.observe(el, {
-                childList: true,
-                characterData: true,
-                subtree: true,
-            });
-        };
-        const observer = new MutationObserver(update);
-        const cleanup = effect(update);
-        return () => {
-            observer.disconnect();
-            cleanup();
-        };
-    },
-});
+  name: "text",
+  requirement: {
+    key: "denied",
+    value: "must",
+  },
+  returnsValue: true,
+  apply({ el, rx }) {
+    const update = () => {
+      observer.disconnect()
+      el.textContent = `${rx()}`
+      observer.observe(el, {
+        childList: true,
+        characterData: true,
+        subtree: true,
+      })
+    }
+
+    const observer = new MutationObserver(update)
+    const cleanup = effect(update)
+
+    return () => {
+      observer.disconnect()
+      cleanup()
+    }
+  },
+})