effect-start 0.19.0 → 0.20.0

package/dist/datastar/index.d.ts

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

package/dist/datastar/index.js

@@ -0,0 +1,24 @@
+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";

package/dist/datastar/load.d.ts

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

package/dist/datastar/load.js

@@ -0,0 +1,24 @@
+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";

package/dist/datastar/utils.d.ts

@@ -0,0 +1,51 @@
+import type { EventCallbackHandler, HTMLOrSVG, Modifiers, Paths } from "./engine.ts";
+/*********
+ * dom.ts
+ *********/
+export declare const isHTMLOrSVG: (el: Node) => el is HTMLOrSVG;
+/*********
+ * math.ts
+ *********/
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const lerp: (min: number, max: number, t: number, clamped?: boolean) => number;
+export declare const inverseLerp: (min: number, max: number, value: number, clamped?: boolean) => number;
+export declare const fit: (value: number, inMin: number, inMax: number, outMin: number, outMax: number, clamped?: boolean, rounded?: boolean) => number;
+/*********
+ * text.ts
+ *********/
+export declare const kebab: (str: string) => string;
+export declare const camel: (str: string) => string;
+export declare const snake: (str: string) => string;
+export declare const pascal: (str: string) => string;
+export declare const title: (str: string) => string;
+export declare const jsStrToObject: (raw: string) => any;
+export declare const modifyCasing: (str: string, mods: Modifiers, defaultCase?: string) => string;
+export declare const aliasify: (name: string) => string;
+/*********
+ * tags.ts
+ *********/
+export declare const tagToMs: (args: Set<string>) => number;
+export declare const tagHas: (tags: Set<string>, tag: string, defaultValue?: boolean) => boolean;
+export declare const tagFirst: (tags?: Set<string>, defaultValue?: string) => string;
+/*********
+ * polyfills.ts
+ *********/
+export declare const hasOwn: (obj: object, prop: PropertyKey) => boolean;
+/*********
+ * paths.ts
+ *********/
+export declare const isPojo: (obj: any) => obj is Record<string, any>;
+export declare const isEmpty: (obj: Record<string, any>) => boolean;
+export declare const updateLeaves: (obj: Record<string, any>, fn: (oldValue: any) => any) => void;
+export declare const pathToObj: (paths: Paths) => Record<string, any>;
+/*********
+ * timing.ts
+ *********/
+export declare const delay: (callback: EventCallbackHandler, wait: number) => EventCallbackHandler;
+export declare const throttle: (callback: EventCallbackHandler, wait: number, leading?: boolean, trailing?: boolean, debounce?: boolean) => EventCallbackHandler;
+export declare const modifyTiming: (callback: EventCallbackHandler, mods: Modifiers) => EventCallbackHandler;
+/*********
+ * view-transitions.ts
+ *********/
+export declare const supportsViewTransitions = true;
+export declare const modifyViewTransition: (callback: EventCallbackHandler, mods: Modifiers) => EventCallbackHandler;

package/dist/datastar/utils.js

@@ -0,0 +1,205 @@
+/*********
+ * dom.ts
+ *********/
+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));
+};
+export const lerp = (min, max, t, clamped = true) => {
+    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;
+};
+/*********
+ * text.ts
+ *********/
+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());
+export const jsStrToObject = (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)),
+};
+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}`;
+/*********
+ * 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 (_) { }
+    }
+    return 0;
+};
+export const tagHas = (tags, tag, defaultValue = false) => {
+    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;
+        }
+    }
+    return defaultValue;
+};
+/*********
+ * polyfills.ts
+ *********/
+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 isEmpty = (obj) => {
+    for (const prop in obj) {
+        if (hasOwn(obj, prop)) {
+            return false;
+        }
+    }
+    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);
+        }
+    }
+};
+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;
+};
+/*********
+ * 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);
+    }
+    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;
+};

package/dist/datastar/watchers/patchElements.d.ts

@@ -0,0 +1 @@
+export {};