effect-start 0.23.0 → 0.25.0

package/dist/datastar/attributes/computed.js

@@ -1,26 +1,25 @@
-import { attribute, computed, mergePatch, mergePaths } from "../engine.js";
-import { modifyCasing, updateLeaves } from "../utils.js";
+import { attribute, computed, mergePatch, mergePaths } from "../engine.js"
+import { modifyCasing, updateLeaves } from "../utils.js"
+
 attribute({
-    name: "computed",
-    requirement: {
-        value: "must",
-    },
-    returnsValue: true,
-    apply({ key, mods, rx, error }) {
-        if (key) {
-            mergePaths([[modifyCasing(key, mods), computed(rx)]]);
+  name: "computed",
+  requirement: {
+    value: "must",
+  },
+  returnsValue: true,
+  apply({ key, mods, rx, error }) {
+    if (key) {
+      mergePaths([[modifyCasing(key, mods), computed(rx)]])
+    } else {
+      const patch = Object.assign({}, rx())
+      updateLeaves(patch, (old) => {
+        if (typeof old === "function") {
+          return computed(old)
+        } else {
+          throw error("ComputedExpectedFunction")
         }
-        else {
-            const patch = Object.assign({}, rx());
-            updateLeaves(patch, (old) => {
-                if (typeof old === "function") {
-                    return computed(old);
-                }
-                else {
-                    throw error("ComputedExpectedFunction");
-                }
-            });
-            mergePatch(patch);
-        }
-    },
-});
+      })
+      mergePatch(patch)
+    }
+  },
+})

package/dist/datastar/attributes/effect.js

@@ -1,9 +1,10 @@
-import { attribute, effect } from "../engine.js";
+import { attribute, effect } from "../engine.js"
+
 attribute({
-    name: "effect",
-    requirement: {
-        key: "denied",
-        value: "must",
-    },
-    apply: ({ rx }) => effect(rx),
-});
+  name: "effect",
+  requirement: {
+    key: "denied",
+    value: "must",
+  },
+  apply: ({ rx }) => effect(rx),
+})

package/dist/datastar/attributes/indicator.js

@@ -1,30 +1,33 @@
-import { attribute, DATASTAR_FETCH_EVENT, mergePaths } from "../engine.js";
-import { modifyCasing } from "../utils.js";
-import { FINISHED, STARTED } from "../actions/fetch.js";
+import { attribute, DATASTAR_FETCH_EVENT, mergePaths } from "../engine.js"
+import { modifyCasing } from "../utils.js"
+import { FINISHED, STARTED } from "../actions/fetch.js"
+
 attribute({
-    name: "indicator",
-    requirement: "exclusive",
-    apply({ el, key, mods, value }) {
-        const signalName = key != null ? modifyCasing(key, mods) : value;
-        mergePaths([[signalName, false]]);
-        const watcher = ((event) => {
-            const { type, el: elt } = event.detail;
-            if (elt !== el) {
-                return;
-            }
-            switch (type) {
-                case STARTED:
-                    mergePaths([[signalName, true]]);
-                    break;
-                case FINISHED:
-                    mergePaths([[signalName, false]]);
-                    break;
-            }
-        });
-        document.addEventListener(DATASTAR_FETCH_EVENT, watcher);
-        return () => {
-            mergePaths([[signalName, false]]);
-            document.removeEventListener(DATASTAR_FETCH_EVENT, watcher);
-        };
-    },
-});
+  name: "indicator",
+  requirement: "exclusive",
+  apply({ el, key, mods, value }) {
+    const signalName = key != null ? modifyCasing(key, mods) : value
+
+    mergePaths([[signalName, false]])
+
+    const watcher = ((event) => {
+      const { type, el: elt } = event.detail
+      if (elt !== el) {
+        return
+      }
+      switch (type) {
+        case STARTED:
+          mergePaths([[signalName, true]])
+          break
+        case FINISHED:
+          mergePaths([[signalName, false]])
+          break
+      }
+    })
+    document.addEventListener(DATASTAR_FETCH_EVENT, watcher)
+    return () => {
+      mergePaths([[signalName, false]])
+      document.removeEventListener(DATASTAR_FETCH_EVENT, watcher)
+    }
+  },
+})

package/dist/datastar/attributes/init.js

@@ -1,26 +1,27 @@
-import { attribute, beginBatch, endBatch } from "../engine.js";
-import { delay, modifyViewTransition, tagToMs } from "../utils.js";
+import { attribute, beginBatch, endBatch } from "../engine.js"
+import { delay, modifyViewTransition, tagToMs } from "../utils.js"
+
 attribute({
-    name: "init",
-    requirement: {
-        key: "denied",
-        value: "must",
-    },
-    apply({ rx, mods }) {
-        let callback = () => {
-            beginBatch();
-            rx();
-            endBatch();
-        };
-        callback = modifyViewTransition(callback, mods);
-        let wait = 0;
-        const delayArgs = mods.get("delay");
-        if (delayArgs) {
-            wait = tagToMs(delayArgs);
-            if (wait > 0) {
-                callback = delay(callback, wait);
-            }
-        }
-        callback();
-    },
-});
+  name: "init",
+  requirement: {
+    key: "denied",
+    value: "must",
+  },
+  apply({ rx, mods }) {
+    let callback = () => {
+      beginBatch()
+      rx()
+      endBatch()
+    }
+    callback = modifyViewTransition(callback, mods)
+    let wait = 0
+    const delayArgs = mods.get("delay")
+    if (delayArgs) {
+      wait = tagToMs(delayArgs)
+      if (wait > 0) {
+        callback = delay(callback, wait)
+      }
+    }
+    callback()
+  },
+})

package/dist/datastar/attributes/jsonSignals.js

@@ -1,30 +1,33 @@
-import { attribute, effect, filtered } from "../engine.js";
-import { jsStrToObject } from "../utils.js";
+import { attribute, effect, filtered } from "../engine.js"
+import { jsStrToObject } from "../utils.js"
+
 attribute({
-    name: "json-signals",
-    requirement: {
-        key: "denied",
-    },
-    apply({ el, value, mods }) {
-        const spaces = mods.has("terse") ? 0 : 2;
-        let filters = {};
-        if (value) {
-            filters = jsStrToObject(value);
-        }
-        const callback = () => {
-            observer.disconnect();
-            el.textContent = JSON.stringify(filtered(filters), null, spaces);
-            observer.observe(el, {
-                childList: true,
-                characterData: true,
-                subtree: true,
-            });
-        };
-        const observer = new MutationObserver(callback);
-        const cleanup = effect(callback);
-        return () => {
-            observer.disconnect();
-            cleanup();
-        };
-    },
-});
+  name: "json-signals",
+  requirement: {
+    key: "denied",
+  },
+  apply({ el, value, mods }) {
+    const spaces = mods.has("terse") ? 0 : 2
+    let filters = {}
+    if (value) {
+      filters = jsStrToObject(value)
+    }
+
+    const callback = () => {
+      observer.disconnect()
+      el.textContent = JSON.stringify(filtered(filters), null, spaces)
+      observer.observe(el, {
+        childList: true,
+        characterData: true,
+        subtree: true,
+      })
+    }
+    const observer = new MutationObserver(callback)
+    const cleanup = effect(callback)
+
+    return () => {
+      observer.disconnect()
+      cleanup()
+    }
+  },
+})

package/dist/datastar/attributes/on.js

@@ -1,78 +1,81 @@
-import { attribute, beginBatch, DATASTAR_FETCH_EVENT, DATASTAR_SIGNAL_PATCH_EVENT, endBatch, } from "../engine.js";
-import { modifyTiming, modifyViewTransition } from "../utils.js";
+import {
+  attribute,
+  beginBatch,
+  DATASTAR_FETCH_EVENT,
+  DATASTAR_SIGNAL_PATCH_EVENT,
+  endBatch,
+} from "../engine.js"
+import { modifyTiming, modifyViewTransition } from "../utils.js"
+
 // TODO: support leading/trailing options for debounce/throttle
 // e.g. { debounce: { ms: 500, leading: true, noTrailing: true } }
 const configToMods = (config) => {
-    const mods = new Map();
-    for (const [k, v] of Object.entries(config)) {
-        if (v === true) {
-            mods.set(k, new Set());
-        }
-        else if (typeof v === "number") {
-            mods.set(k, new Set([`${v}ms`]));
-        }
+  const mods = new Map()
+  for (const [k, v] of Object.entries(config)) {
+    if (v === true) {
+      mods.set(k, new Set())
+    } else if (typeof v === "number") {
+      mods.set(k, new Set([`${v}ms`]))
     }
-    return mods;
-};
+  }
+  return mods
+}
+
 attribute({
-    name: "on",
-    requirement: "must",
-    argNames: ["evt"],
-    apply({ el, key, mods, rx, value }) {
-        let userFn;
-        let effectiveMods = mods;
-        try {
-            const parts = Function(`return [${value}]`)();
-            if (typeof parts[0] === "function") {
-                userFn = parts[0];
-                if (parts[1])
-                    effectiveMods = configToMods(parts[1]);
-            }
-        }
-        catch { }
-        let target = el;
-        if (effectiveMods.has("window"))
-            target = window;
-        let callback = (evt) => {
-            if (evt) {
-                if (effectiveMods.has("prevent"))
-                    evt.preventDefault();
-                if (effectiveMods.has("stop"))
-                    evt.stopPropagation();
-            }
-            beginBatch();
-            userFn ? userFn(evt) : rx(evt);
-            endBatch();
-        };
-        callback = modifyViewTransition(callback, effectiveMods);
-        callback = modifyTiming(callback, effectiveMods);
-        const evtListOpts = {
-            capture: effectiveMods.has("capture"),
-            passive: effectiveMods.has("passive"),
-            once: effectiveMods.has("once"),
-        };
-        if (effectiveMods.has("outside")) {
-            target = document;
-            const cb = callback;
-            callback = (evt) => {
-                if (!el.contains(evt?.target))
-                    cb(evt);
-            };
-        }
-        const eventName = key;
-        if (eventName === DATASTAR_FETCH_EVENT || eventName === DATASTAR_SIGNAL_PATCH_EVENT) {
-            target = document;
-        }
-        if (el instanceof HTMLFormElement && eventName === "submit") {
-            const cb = callback;
-            callback = (evt) => {
-                evt?.preventDefault();
-                cb(evt);
-            };
-        }
-        target.addEventListener(eventName, callback, evtListOpts);
-        return () => {
-            target.removeEventListener(eventName, callback);
-        };
-    },
-});
+  name: "on",
+  requirement: "must",
+  argNames: ["evt"],
+  apply({ el, key, mods, rx, value }) {
+    let userFn
+    let effectiveMods = mods
+
+    try {
+      const parts = Function(`return [${value}]`)()
+      if (typeof parts[0] === "function") {
+        userFn = parts[0]
+        if (parts[1]) effectiveMods = configToMods(parts[1])
+      }
+    } catch {}
+
+    let target = el
+    if (effectiveMods.has("window")) target = window
+    let callback = (evt) => {
+      if (evt) {
+        if (effectiveMods.has("prevent")) evt.preventDefault()
+        if (effectiveMods.has("stop")) evt.stopPropagation()
+      }
+      beginBatch()
+      userFn ? userFn(evt) : rx(evt)
+      endBatch()
+    }
+    callback = modifyViewTransition(callback, effectiveMods)
+    callback = modifyTiming(callback, effectiveMods)
+    const evtListOpts = {
+      capture: effectiveMods.has("capture"),
+      passive: effectiveMods.has("passive"),
+      once: effectiveMods.has("once"),
+    }
+    if (effectiveMods.has("outside")) {
+      target = document
+      const cb = callback
+      callback = (evt) => {
+        if (!el.contains(evt?.target)) cb(evt)
+      }
+    }
+    const eventName = key
+    if (eventName === DATASTAR_FETCH_EVENT || eventName === DATASTAR_SIGNAL_PATCH_EVENT) {
+      target = document
+    }
+    if (el instanceof HTMLFormElement && eventName === "submit") {
+      const cb = callback
+      callback = (evt) => {
+        evt?.preventDefault()
+        cb(evt)
+      }
+    }
+    target.addEventListener(eventName, callback, evtListOpts)
+    return () => {
+      target.removeEventListener(eventName, callback)
+    }
+  },
+})

package/dist/datastar/attributes/onIntersect.js

@@ -1,53 +1,53 @@
-import { attribute, beginBatch, endBatch } from "../engine.js";
-import { clamp, modifyTiming, modifyViewTransition } from "../utils.js";
-const once = new WeakSet();
+import { attribute, beginBatch, endBatch } from "../engine.js"
+import { clamp, modifyTiming, modifyViewTransition } from "../utils.js"
+
+const once = new WeakSet()
+
 attribute({
-    name: "on-intersect",
-    requirement: {
-        key: "denied",
-        value: "must",
-    },
-    apply({ el, mods, rx }) {
-        let callback = () => {
-            beginBatch();
-            rx();
-            endBatch();
-        };
-        callback = modifyViewTransition(callback, mods);
-        callback = modifyTiming(callback, mods);
-        const options = { threshold: 0 };
-        if (mods.has("full")) {
-            options.threshold = 1;
+  name: "on-intersect",
+  requirement: {
+    key: "denied",
+    value: "must",
+  },
+  apply({ el, mods, rx }) {
+    let callback = () => {
+      beginBatch()
+      rx()
+      endBatch()
+    }
+    callback = modifyViewTransition(callback, mods)
+    callback = modifyTiming(callback, mods)
+    const options = { threshold: 0 }
+    if (mods.has("full")) {
+      options.threshold = 1
+    } else if (mods.has("half")) {
+      options.threshold = 0.5
+    } else if (mods.get("threshold")) {
+      options.threshold = clamp(Number(mods.get("threshold")), 0, 100) / 100
+    }
+    const exit = mods.has("exit")
+    let observer = new IntersectionObserver((entries) => {
+      for (const entry of entries) {
+        if (entry.isIntersecting !== exit) {
+          callback()
+          if (observer && once.has(el)) {
+            observer.disconnect()
+          }
         }
-        else if (mods.has("half")) {
-            options.threshold = 0.5;
-        }
-        else if (mods.get("threshold")) {
-            options.threshold = clamp(Number(mods.get("threshold")), 0, 100) / 100;
-        }
-        const exit = mods.has("exit");
-        let observer = new IntersectionObserver((entries) => {
-            for (const entry of entries) {
-                if (entry.isIntersecting !== exit) {
-                    callback();
-                    if (observer && once.has(el)) {
-                        observer.disconnect();
-                    }
-                }
-            }
-        }, options);
-        observer.observe(el);
-        if (mods.has("once")) {
-            once.add(el);
-        }
-        return () => {
-            if (!mods.has("once")) {
-                once.delete(el);
-            }
-            if (observer) {
-                observer.disconnect();
-                observer = null;
-            }
-        };
-    },
-});
+      }
+    }, options)
+    observer.observe(el)
+    if (mods.has("once")) {
+      once.add(el)
+    }
+    return () => {
+      if (!mods.has("once")) {
+        once.delete(el)
+      }
+      if (observer) {
+        observer.disconnect()
+        observer = null
+      }
+    }
+  },
+})

package/dist/datastar/attributes/onInterval.js

@@ -1,30 +1,31 @@
-import { attribute, beginBatch, endBatch } from "../engine.js";
-import { modifyViewTransition, tagHas, tagToMs } from "../utils.js";
+import { attribute, beginBatch, endBatch } from "../engine.js"
+import { modifyViewTransition, tagHas, tagToMs } from "../utils.js"
+
 attribute({
-    name: "on-interval",
-    requirement: {
-        key: "denied",
-        value: "must",
-    },
-    apply({ mods, rx }) {
-        let callback = () => {
-            beginBatch();
-            rx();
-            endBatch();
-        };
-        callback = modifyViewTransition(callback, mods);
-        let duration = 1000;
-        const durationArgs = mods.get("duration");
-        if (durationArgs) {
-            duration = tagToMs(durationArgs);
-            const leading = tagHas(durationArgs, "leading", false);
-            if (leading) {
-                callback();
-            }
-        }
-        const intervalId = setInterval(callback, duration);
-        return () => {
-            clearInterval(intervalId);
-        };
-    },
-});
+  name: "on-interval",
+  requirement: {
+    key: "denied",
+    value: "must",
+  },
+  apply({ mods, rx }) {
+    let callback = () => {
+      beginBatch()
+      rx()
+      endBatch()
+    }
+    callback = modifyViewTransition(callback, mods)
+    let duration = 1000
+    const durationArgs = mods.get("duration")
+    if (durationArgs) {
+      duration = tagToMs(durationArgs)
+      const leading = tagHas(durationArgs, "leading", false)
+      if (leading) {
+        callback()
+      }
+    }
+    const intervalId = setInterval(callback, duration)
+    return () => {
+      clearInterval(intervalId)
+    }
+  },
+})