effect-start 0.23.0 → 0.25.0

package/dist/datastar/index.js

@@ -1,24 +1,25 @@
-import "./actions/peek.js";
-import "./actions/setAll.js";
-import "./actions/toggleAll.js";
-import "./actions/fetch.js";
-import "./attributes/attr.js";
-import "./attributes/bind.js";
-import "./attributes/class.js";
-import "./attributes/computed.js";
-import "./attributes/effect.js";
-import "./attributes/indicator.js";
-import "./attributes/init.js";
-import "./attributes/jsonSignals.js";
-import "./attributes/on.js";
-import "./attributes/onIntersect.js";
-import "./attributes/onInterval.js";
-import "./attributes/onSignalPatch.js";
-import "./attributes/ref.js";
-import "./attributes/show.js";
-import "./attributes/signals.js";
-import "./attributes/style.js";
-import "./attributes/text.js";
-import "./watchers/patchElements.js";
-import "./watchers/patchSignals.js";
-export * from "./engine.js";
+import "./actions/peek.js"
+import "./actions/setAll.js"
+import "./actions/toggleAll.js"
+import "./actions/fetch.js"
+import "./attributes/attr.js"
+import "./attributes/bind.js"
+import "./attributes/class.js"
+import "./attributes/computed.js"
+import "./attributes/effect.js"
+import "./attributes/indicator.js"
+import "./attributes/init.js"
+import "./attributes/jsonSignals.js"
+import "./attributes/on.js"
+import "./attributes/onIntersect.js"
+import "./attributes/onInterval.js"
+import "./attributes/onSignalPatch.js"
+import "./attributes/ref.js"
+import "./attributes/show.js"
+import "./attributes/signals.js"
+import "./attributes/style.js"
+import "./attributes/text.js"
+import "./watchers/patchElements.js"
+import "./watchers/patchSignals.js"
+
+export * from "./engine.js"

package/dist/datastar/utils.js

@@ -1,202 +1,250 @@
+
 /*********
  * dom.ts
  *********/
-export const isHTMLOrSVG = (el) => el instanceof HTMLElement || el instanceof SVGElement || el instanceof MathMLElement;
+export const isHTMLOrSVG = (el) =>
+  el instanceof HTMLElement || el instanceof SVGElement || el instanceof MathMLElement
+
 /*********
  * math.ts
  *********/
 export const clamp = (value, min, max) => {
-    return Math.max(min, Math.min(max, value));
-};
+  return Math.max(min, Math.min(max, value))
+}
+
 export const lerp = (min, max, t, clamped = true) => {
-    const v = min + (max - min) * t;
-    return clamped ? clamp(v, min, max) : v;
-};
+  const v = min + (max - min) * t
+  return clamped ? clamp(v, min, max) : v
+}
+
 export const inverseLerp = (min, max, value, clamped = true) => {
-    if (value < min)
-        return 0;
-    if (value > max)
-        return 1;
-    const v = (value - min) / (max - min);
-    return clamped ? clamp(v, min, max) : v;
-};
-export const fit = (value, inMin, inMax, outMin, outMax, clamped = true, rounded = false) => {
-    const t = inverseLerp(inMin, inMax, value, clamped);
-    const fitted = lerp(outMin, outMax, t, clamped);
-    return rounded ? Math.round(fitted) : fitted;
-};
+  if (value < min) return 0
+  if (value > max) return 1
+  const v = (value - min) / (max - min)
+  return clamped ? clamp(v, min, max) : v
+}
+
+export const fit = (
+  value,
+  inMin,
+  inMax,
+  outMin,
+  outMax,
+  clamped = true,
+  rounded = false,
+) => {
+  const t = inverseLerp(inMin, inMax, value, clamped)
+  const fitted = lerp(outMin, outMax, t, clamped)
+  return rounded ? Math.round(fitted) : fitted
+}
+
 /*********
  * text.ts
  *********/
-export const kebab = (str) => str
+export const kebab = (str) =>
+  str
     .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
     .replace(/([a-z])([0-9]+)/gi, "$1-$2")
     .replace(/([0-9]+)([a-z])/gi, "$1-$2")
     .replace(/[\s_]+/g, "-")
-    .toLowerCase();
-export const camel = (str) => kebab(str).replace(/-./g, (x) => x[1].toUpperCase());
-export const snake = (str) => kebab(str).replace(/-/g, "_");
-export const pascal = (str) => camel(str).replace(/(^.|(?<=\.).)/g, (x) => x[0].toUpperCase());
-export const title = (str) => str.replace(/\b\w/g, (char) => char.toUpperCase());
+    .toLowerCase()
+
+export const camel = (str) => kebab(str).replace(/-./g, (x) => x[1].toUpperCase())
+
+export const snake = (str) => kebab(str).replace(/-/g, "_")
+
+export const pascal = (str) =>
+  camel(str).replace(/(^.|(?<=\.).)/g, (x) => x[0].toUpperCase())
+
+export const title = (str) => str.replace(/\b\w/g, (char) => char.toUpperCase())
+
 export const jsStrToObject = (raw) => {
-    try {
-        return JSON.parse(raw);
-    }
-    catch {
-        return Function(`return (${raw})`)();
-    }
-};
+  try {
+    return JSON.parse(raw)
+  } catch {
+    return Function(`return (${raw})`)()
+  }
+}
+
 const caseFns = {
-    camel: (str) => str.replace(/-[a-z]/g, (x) => x[1].toUpperCase()),
-    snake: (str) => str.replace(/-/g, "_"),
-    pascal: (str) => str[0].toUpperCase() + caseFns.camel(str.slice(1)),
-};
+  camel: (str) => str.replace(/-[a-z]/g, (x) => x[1].toUpperCase()),
+  snake: (str) => str.replace(/-/g, "_"),
+  pascal: (str) => str[0].toUpperCase() + caseFns.camel(str.slice(1)),
+}
+
 export const modifyCasing = (str, mods, defaultCase = "camel") => {
-    for (const c of mods.get("case") || [defaultCase]) {
-        str = caseFns[c]?.(str) || str;
-    }
-    return str;
-};
-export const aliasify = (name) => `data-${name}`;
+  for (const c of mods.get("case") || [defaultCase]) {
+    str = caseFns[c]?.(str) || str
+  }
+  return str
+}
+
+export const aliasify = (name) => `data-${name}`
+
 /*********
  * tags.ts
  *********/
 export const tagToMs = (args) => {
-    if (!args || args.size <= 0)
-        return 0;
-    for (const arg of args) {
-        if (arg.endsWith("ms")) {
-            return +arg.replace("ms", "");
-        }
-        if (arg.endsWith("s")) {
-            return +arg.replace("s", "") * 1000;
-        }
-        try {
-            return Number.parseFloat(arg);
-        }
-        catch (_) { }
+  if (!args || args.size <= 0) return 0
+  for (const arg of args) {
+    if (arg.endsWith("ms")) {
+      return +arg.replace("ms", "")
+    }
+    if (arg.endsWith("s")) {
+      return +arg.replace("s", "") * 1000
     }
-    return 0;
-};
+    try {
+      return Number.parseFloat(arg)
+    } catch (_) {}
+  }
+  return 0
+}
+
 export const tagHas = (tags, tag, defaultValue = false) => {
-    if (!tags)
-        return defaultValue;
-    return tags.has(tag.toLowerCase());
-};
+  if (!tags) return defaultValue
+  return tags.has(tag.toLowerCase())
+}
+
 export const tagFirst = (tags, defaultValue = "") => {
-    if (tags && tags.size > 0) {
-        for (const tag of tags) {
-            return tag;
-        }
+  if (tags && tags.size > 0) {
+    for (const tag of tags) {
+      return tag
     }
-    return defaultValue;
-};
+  }
+  return defaultValue
+}
+
 /*********
  * polyfills.ts
  *********/
-export const hasOwn = 
-// @ts-ignore
-Object.hasOwn ?? Object.prototype.hasOwnProperty.call;
+export const hasOwn =
+  // @ts-ignore
+  Object.hasOwn ?? Object.prototype.hasOwnProperty.call
+
 /*********
  * paths.ts
  *********/
-export const isPojo = (obj) => obj !== null &&
-    typeof obj === "object" &&
-    (Object.getPrototypeOf(obj) === Object.prototype || Object.getPrototypeOf(obj) === null);
+export const isPojo = (obj) =>
+  obj !== null &&
+  typeof obj === "object" &&
+  (Object.getPrototypeOf(obj) === Object.prototype || Object.getPrototypeOf(obj) === null)
+
 export const isEmpty = (obj) => {
-    for (const prop in obj) {
-        if (hasOwn(obj, prop)) {
-            return false;
-        }
+  for (const prop in obj) {
+    if (hasOwn(obj, prop)) {
+      return false
     }
-    return true;
-};
+  }
+  return true
+}
+
 export const updateLeaves = (obj, fn) => {
-    for (const key in obj) {
-        const val = obj[key];
-        if (isPojo(val) || Array.isArray(val)) {
-            updateLeaves(val, fn);
-        }
-        else {
-            obj[key] = fn(val);
-        }
+  for (const key in obj) {
+    const val = obj[key]
+    if (isPojo(val) || Array.isArray(val)) {
+      updateLeaves(val, fn)
+    } else {
+      obj[key] = fn(val)
     }
-};
+  }
+}
+
 export const pathToObj = (paths) => {
-    const result = {};
-    for (const [path, value] of paths) {
-        const keys = path.split(".");
-        const lastKey = keys.pop();
-        const obj = keys.reduce((acc, key) => (acc[key] ??= {}), result);
-        obj[lastKey] = value;
-    }
-    return result;
-};
+  const result = {}
+  for (const [path, value] of paths) {
+    const keys = path.split(".")
+    const lastKey = keys.pop()
+    const obj = keys.reduce((acc, key) => (acc[key] ??= {}), result)
+    obj[lastKey] = value
+  }
+  return result
+}
+
 /*********
  * timing.ts
  *********/
 export const delay = (callback, wait) => {
-    return (...args) => {
-        setTimeout(() => {
-            callback(...args);
-        }, wait);
-    };
-};
-export const throttle = (callback, wait, leading = true, trailing = false, debounce = false) => {
-    let lastArgs = null;
-    let timer = 0;
-    return (...args) => {
-        if (leading && !timer) {
-            callback(...args);
-            lastArgs = null;
-        }
-        else {
-            lastArgs = args;
-        }
-        if (!timer || debounce) {
-            if (timer) {
-                clearTimeout(timer);
-            }
-            timer = setTimeout(() => {
-                if (trailing && lastArgs !== null) {
-                    callback(...lastArgs);
-                }
-                lastArgs = null;
-                timer = 0;
-            }, wait);
-        }
-    };
-};
-export const modifyTiming = (callback, mods) => {
-    const delayArgs = mods.get("delay");
-    if (delayArgs) {
-        const wait = tagToMs(delayArgs);
-        callback = delay(callback, wait);
-    }
-    const debounceArgs = mods.get("debounce");
-    if (debounceArgs) {
-        const wait = tagToMs(debounceArgs);
-        const leading = tagHas(debounceArgs, "leading", false);
-        const trailing = !tagHas(debounceArgs, "notrailing", false);
-        callback = throttle(callback, wait, leading, trailing, true);
+  return (...args) => {
+    setTimeout(() => {
+      callback(...args)
+    }, wait)
+  }
+}
+
+export const throttle = (
+  callback,
+  wait,
+  leading = true,
+  trailing = false,
+  debounce = false,
+) => {
+  let lastArgs = null
+  let timer = 0
+
+  return (...args) => {
+    if (leading && !timer) {
+      callback(...args)
+      lastArgs = null
+    } else {
+      lastArgs = args
     }
-    const throttleArgs = mods.get("throttle");
-    if (throttleArgs) {
-        const wait = tagToMs(throttleArgs);
-        const leading = !tagHas(throttleArgs, "noleading", false);
-        const trailing = tagHas(throttleArgs, "trailing", false);
-        callback = throttle(callback, wait, leading, trailing);
+    if (!timer || debounce) {
+      if (timer) {
+        clearTimeout(timer)
+      }
+      timer = setTimeout(() => {
+        if (trailing && lastArgs !== null) {
+          callback(...lastArgs)
+        }
+        lastArgs = null
+        timer = 0
+      }, wait)
     }
-    return callback;
-};
+  }
+}
+
+export const modifyTiming = (
+  callback,
+  mods,
+) => {
+  const delayArgs = mods.get("delay")
+  if (delayArgs) {
+    const wait = tagToMs(delayArgs)
+    callback = delay(callback, wait)
+  }
+
+  const debounceArgs = mods.get("debounce")
+  if (debounceArgs) {
+    const wait = tagToMs(debounceArgs)
+    const leading = tagHas(debounceArgs, "leading", false)
+    const trailing = !tagHas(debounceArgs, "notrailing", false)
+    callback = throttle(callback, wait, leading, trailing, true)
+  }
+
+  const throttleArgs = mods.get("throttle")
+  if (throttleArgs) {
+    const wait = tagToMs(throttleArgs)
+    const leading = !tagHas(throttleArgs, "noleading", false)
+    const trailing = tagHas(throttleArgs, "trailing", false)
+    callback = throttle(callback, wait, leading, trailing)
+  }
+
+  return callback
+}
+
 /*********
  * view-transitions.ts
  *********/
-export const supportsViewTransitions = !!document.startViewTransition;
-export const modifyViewTransition = (callback, mods) => {
-    if (mods.has("viewtransition") && supportsViewTransitions) {
-        const cb = callback;
-        callback = (...args) => document.startViewTransition(() => cb(...args));
-    }
-    return callback;
-};
+export const supportsViewTransitions = !!document.startViewTransition
+
+export const modifyViewTransition = (
+  callback,
+  mods,
+) => {
+  if (mods.has("viewtransition") && supportsViewTransitions) {
+    const cb = callback
+    callback = (...args) => document.startViewTransition(() => cb(...args))
+  }
+
+  return callback
+}