effect-start 0.23.1 → 0.26.0

package/dist/datastar/actions/fetch.js

@@ -1,403 +0,0 @@
-import { action, DATASTAR_FETCH_EVENT, filtered, startPeeking, stopPeeking, } from "../engine.js";
-import { kebab } from "../utils.js";
-const createHttpMethod = (name, method, openWhenHiddenDefault = true) => action({
-    name,
-    apply: async ({ el, evt, error, cleanups }, url, { selector, headers: userHeaders, contentType = "json", filterSignals: { include = /.*/, exclude = /(^|\.)_/ } = {}, openWhenHidden = openWhenHiddenDefault, payload, requestCancellation = "auto", retry = "auto", retryInterval = 1_000, retryScaler = 2, retryMaxWaitMs = 30_000, retryMaxCount = 10, } = {}) => {
-        const controller = requestCancellation instanceof AbortController ? requestCancellation : new AbortController();
-        if (requestCancellation === "auto") {
-            cleanups.get(`@${name}`)?.();
-            cleanups.set(`@${name}`, async () => {
-                controller.abort();
-                await Promise.resolve();
-            });
-        }
-        let cleanupFn = null;
-        try {
-            if (!url?.length) {
-                throw error("FetchNoUrlProvided", { action });
-            }
-            const initialHeaders = {
-                Accept: "text/event-stream, text/html, application/json",
-                "Datastar-Request": true,
-            };
-            if (contentType === "json") {
-                initialHeaders["Content-Type"] = "application/json";
-            }
-            const headers = Object.assign({}, initialHeaders, userHeaders);
-            const req = {
-                method,
-                headers,
-                openWhenHidden,
-                retry,
-                retryInterval,
-                retryScaler,
-                retryMaxWaitMs,
-                retryMaxCount,
-                signal: controller.signal,
-                onopen: async (response) => {
-                    if (response.status >= 400) {
-                        dispatchFetch(ERROR, el, { status: response.status.toString() });
-                    }
-                },
-                onmessage: (evt) => {
-                    if (!evt.event.startsWith("datastar"))
-                        return;
-                    const type = evt.event;
-                    const argsRawLines = {};
-                    for (const line of evt.data.split("\n")) {
-                        const i = line.indexOf(" ");
-                        const k = line.slice(0, i);
-                        const v = line.slice(i + 1);
-                        (argsRawLines[k] ||= []).push(v);
-                    }
-                    const argsRaw = Object.fromEntries(Object.entries(argsRawLines).map(([k, v]) => [k, v.join("\n")]));
-                    dispatchFetch(type, el, argsRaw);
-                },
-                onerror: (error) => {
-                    if (isWrongContent(error)) {
-                        throw error("FetchExpectedTextEventStream", { url });
-                    }
-                    if (error) {
-                        console.error(error.message);
-                        dispatchFetch(RETRYING, el, { message: error.message });
-                    }
-                },
-            };
-            const urlInstance = new URL(url, document.baseURI);
-            const queryParams = new URLSearchParams(urlInstance.search);
-            if (contentType === "json") {
-                startPeeking();
-                payload = payload !== undefined ? payload : filtered({ include, exclude });
-                stopPeeking();
-                const body = JSON.stringify(payload);
-                if (method === "GET") {
-                    queryParams.set("datastar", body);
-                }
-                else {
-                    req.body = body;
-                }
-            }
-            else if (contentType === "form") {
-                const formEl = (selector ? document.querySelector(selector) : el.closest("form"));
-                if (!formEl) {
-                    throw error("FetchFormNotFound", { action, selector });
-                }
-                if (!formEl.noValidate && !formEl.checkValidity()) {
-                    formEl.reportValidity();
-                    return;
-                }
-                const formData = new FormData(formEl);
-                let submitter = el;
-                if (el === formEl && evt instanceof SubmitEvent) {
-                    submitter = evt.submitter;
-                }
-                else {
-                    const preventDefault = (evt) => evt.preventDefault();
-                    formEl.addEventListener("submit", preventDefault);
-                    cleanupFn = () => {
-                        formEl.removeEventListener("submit", preventDefault);
-                    };
-                }
-                if (submitter instanceof HTMLButtonElement) {
-                    const name = submitter.getAttribute("name");
-                    if (name)
-                        formData.append(name, submitter.value);
-                }
-                const multipart = formEl.getAttribute("enctype") === "multipart/form-data";
-                if (!multipart) {
-                    headers["Content-Type"] = "application/x-www-form-urlencoded";
-                }
-                const formParams = new URLSearchParams(formData);
-                if (method === "GET") {
-                    for (const [key, value] of formParams) {
-                        queryParams.append(key, value);
-                    }
-                }
-                else if (multipart) {
-                    req.body = formData;
-                }
-                else {
-                    req.body = formParams;
-                }
-            }
-            else {
-                throw error("FetchInvalidContentType", { action, contentType });
-            }
-            dispatchFetch(STARTED, el, {});
-            urlInstance.search = queryParams.toString();
-            try {
-                await fetchEventSource(urlInstance.toString(), el, req);
-            }
-            catch (e) {
-                if (!isWrongContent(e)) {
-                    throw error("FetchFailed", { method, url, error: e.message });
-                }
-            }
-        }
-        finally {
-            dispatchFetch(FINISHED, el, {});
-            cleanupFn?.();
-            cleanups.delete(`@${name}`);
-        }
-    },
-});
-createHttpMethod("get", "GET", false);
-createHttpMethod("patch", "PATCH");
-createHttpMethod("post", "POST");
-createHttpMethod("put", "PUT");
-createHttpMethod("delete", "DELETE");
-export const STARTED = "started";
-export const FINISHED = "finished";
-export const ERROR = "error";
-export const RETRYING = "retrying";
-export const RETRIES_FAILED = "retries-failed";
-const dispatchFetch = (type, el, argsRaw) => document.dispatchEvent(new CustomEvent(DATASTAR_FETCH_EVENT, {
-    detail: { type, el, argsRaw },
-}));
-const isWrongContent = (err) => `${err}`.includes("text/event-stream");
-const getBytes = async (stream, onChunk) => {
-    const reader = stream.getReader();
-    let result = await reader.read();
-    while (!result.done) {
-        onChunk(result.value);
-        result = await reader.read();
-    }
-};
-const getLines = (onLine) => {
-    let buffer;
-    let position;
-    let fieldLength;
-    let discardTrailingNewline = false;
-    return (arr) => {
-        if (!buffer) {
-            buffer = arr;
-            position = 0;
-            fieldLength = -1;
-        }
-        else {
-            buffer = concat(buffer, arr);
-        }
-        const bufLength = buffer.length;
-        let lineStart = 0;
-        while (position < bufLength) {
-            if (discardTrailingNewline) {
-                if (buffer[position] === 10)
-                    lineStart = ++position;
-                discardTrailingNewline = false;
-            }
-            let lineEnd = -1;
-            for (; position < bufLength && lineEnd === -1; ++position) {
-                switch (buffer[position]) {
-                    case 58:
-                        if (fieldLength === -1) {
-                            fieldLength = position - lineStart;
-                        }
-                        break;
-                    // @ts-expect-error:7029
-                    case 13:
-                        discardTrailingNewline = true;
-                    case 10:
-                        lineEnd = position;
-                        break;
-                }
-            }
-            if (lineEnd === -1)
-                break;
-            onLine(buffer.subarray(lineStart, lineEnd), fieldLength);
-            lineStart = position;
-            fieldLength = -1;
-        }
-        if (lineStart === bufLength)
-            buffer = undefined;
-        else if (lineStart) {
-            buffer = buffer.subarray(lineStart);
-            position -= lineStart;
-        }
-    };
-};
-const getMessages = (onId, onRetry, onMessage) => {
-    let message = newMessage();
-    const decoder = new TextDecoder();
-    return (line, fieldLength) => {
-        if (!line.length) {
-            onMessage?.(message);
-            message = newMessage();
-        }
-        else if (fieldLength > 0) {
-            const field = decoder.decode(line.subarray(0, fieldLength));
-            const valueOffset = fieldLength + (line[fieldLength + 1] === 32 ? 2 : 1);
-            const value = decoder.decode(line.subarray(valueOffset));
-            switch (field) {
-                case "data":
-                    message.data = message.data ? `${message.data}\n${value}` : value;
-                    break;
-                case "event":
-                    message.event = value;
-                    break;
-                case "id":
-                    onId((message.id = value));
-                    break;
-                case "retry": {
-                    const retry = +value;
-                    if (!Number.isNaN(retry)) {
-                        onRetry((message.retry = retry));
-                    }
-                    break;
-                }
-            }
-        }
-    };
-};
-const concat = (a, b) => {
-    const res = new Uint8Array(a.length + b.length);
-    res.set(a);
-    res.set(b, a.length);
-    return res;
-};
-const newMessage = () => ({
-    data: "",
-    event: "",
-    id: "",
-    retry: undefined,
-});
-const fetchEventSource = (input, el, { signal: inputSignal, headers: inputHeaders, onopen: inputOnOpen, onmessage, onclose, onerror, openWhenHidden, fetch: inputFetch, retry = "auto", retryInterval = 1_000, retryScaler = 2, retryMaxWaitMs = 30_000, retryMaxCount = 10, responseOverrides, ...rest }) => {
-    return new Promise((resolve, reject) => {
-        const headers = {
-            ...inputHeaders,
-        };
-        let curRequestController;
-        const onVisibilityChange = () => {
-            curRequestController.abort();
-            if (!document.hidden)
-                create();
-        };
-        if (!openWhenHidden) {
-            document.addEventListener("visibilitychange", onVisibilityChange);
-        }
-        let retryTimer;
-        const dispose = () => {
-            document.removeEventListener("visibilitychange", onVisibilityChange);
-            clearTimeout(retryTimer);
-            curRequestController.abort();
-        };
-        inputSignal?.addEventListener("abort", () => {
-            dispose();
-            resolve();
-        });
-        const fetch = inputFetch || window.fetch;
-        const onopen = inputOnOpen || (() => { });
-        let retries = 0;
-        let baseRetryInterval = retryInterval;
-        const create = async () => {
-            curRequestController = new AbortController();
-            const curRequestSignal = curRequestController.signal;
-            try {
-                const response = await fetch(input, {
-                    ...rest,
-                    headers,
-                    signal: curRequestSignal,
-                });
-                await onopen(response);
-                const dispatchNonSSE = async (dispatchType, response, name, responseOverrides, ...argNames) => {
-                    const argsRaw = {
-                        [name]: await response.text(),
-                    };
-                    for (const n of argNames) {
-                        let v = response.headers.get(`datastar-${kebab(n)}`);
-                        if (responseOverrides) {
-                            const o = responseOverrides[n];
-                            if (o)
-                                v = typeof o === "string" ? o : JSON.stringify(o);
-                        }
-                        if (v)
-                            argsRaw[n] = v;
-                    }
-                    dispatchFetch(dispatchType, el, argsRaw);
-                    dispose();
-                    resolve();
-                };
-                const status = response.status;
-                const isNoContentStatus = status === 204;
-                const isRedirectStatus = status >= 300 && status < 400;
-                const isErrorStatus = status >= 400 && status < 600;
-                if (status !== 200) {
-                    onclose?.();
-                    if (retry !== "never" &&
-                        !isNoContentStatus &&
-                        !isRedirectStatus &&
-                        (retry === "always" || (retry === "error" && isErrorStatus))) {
-                        clearTimeout(retryTimer);
-                        retryTimer = setTimeout(create, retryInterval);
-                        return;
-                    }
-                    dispose();
-                    resolve();
-                    return;
-                }
-                retries = 0;
-                retryInterval = baseRetryInterval;
-                const ct = response.headers.get("Content-Type");
-                if (ct?.includes("text/html")) {
-                    return await dispatchNonSSE("datastar-patch-elements", response, "elements", responseOverrides, "selector", "mode", "namespace", "useViewTransition", "namespace");
-                }
-                if (ct?.includes("application/json")) {
-                    return await dispatchNonSSE("datastar-patch-signals", response, "signals", responseOverrides, "onlyIfMissing");
-                }
-                if (ct?.includes("text/javascript")) {
-                    const script = document.createElement("script");
-                    const scriptAttributesHeader = response.headers.get("datastar-script-attributes");
-                    if (scriptAttributesHeader) {
-                        for (const [name, value] of Object.entries(JSON.parse(scriptAttributesHeader))) {
-                            script.setAttribute(name, value);
-                        }
-                    }
-                    script.textContent = await response.text();
-                    document.head.appendChild(script);
-                    dispose();
-                    return;
-                }
-                await getBytes(response.body, getLines(getMessages((id) => {
-                    if (id) {
-                        headers["last-event-id"] = id;
-                    }
-                    else {
-                        delete headers["last-event-id"];
-                    }
-                }, (retry) => {
-                    baseRetryInterval = retryInterval = retry;
-                }, onmessage)));
-                onclose?.();
-                if (retry === "always" && !isRedirectStatus) {
-                    clearTimeout(retryTimer);
-                    retryTimer = setTimeout(create, retryInterval);
-                    return;
-                }
-                dispose();
-                resolve();
-            }
-            catch (err) {
-                if (!curRequestSignal.aborted) {
-                    try {
-                        const interval = onerror?.(err) || retryInterval;
-                        clearTimeout(retryTimer);
-                        retryTimer = setTimeout(create, interval);
-                        retryInterval = Math.min(retryInterval * retryScaler, retryMaxWaitMs);
-                        if (++retries >= retryMaxCount) {
-                            dispatchFetch(RETRIES_FAILED, el, {});
-                            dispose();
-                            reject("Max retries reached.");
-                        }
-                        else {
-                            console.error(`Datastar failed to reach ${input.toString()} retrying in ${interval}ms.`);
-                        }
-                    }
-                    catch (innerErr) {
-                        dispose();
-                        reject(innerErr);
-                    }
-                }
-            }
-        };
-        create();
-    });
-};

package/dist/datastar/actions/peek.d.ts

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

package/dist/datastar/actions/peek.js

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

package/dist/datastar/actions/setAll.d.ts

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

package/dist/datastar/actions/setAll.js

@@ -1,12 +0,0 @@
-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();
-    },
-});

package/dist/datastar/actions/toggleAll.d.ts

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

package/dist/datastar/actions/toggleAll.js

@@ -1,12 +0,0 @@
-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();
-    },
-});

package/dist/datastar/attributes/attr.d.ts

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

package/dist/datastar/attributes/attr.js

@@ -1,48 +0,0 @@
-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();
-        };
-    },
-});

package/dist/datastar/attributes/bind.d.ts

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

package/dist/datastar/attributes/bind.js

@@ -1,175 +0,0 @@
-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);
-                    };
-                }
-            }
-        }
-        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 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}`;
-        }
-        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]]);
-                }
-            }
-        };
-        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.d.ts

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