Split orchestration from engine into separate adapter
engine.sx now contains only pure logic: parsing, morph, swap, headers, retry, target resolution, etc. orchestration.sx contains the browser wiring: request execution, trigger binding, SSE, boost, post-swap lifecycle, and init. Dependency is one-way: orchestration → engine. Bootstrap compiler gains "orchestration" as a separate adapter with deps on engine+dom. Engine-only builds get morph/swap without the full browser runtime. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1252,6 +1252,9 @@
|
||||
// parse-sse-swap
|
||||
var parseSseSwap = function(el) { return sxOr(domGetAttr(el, "sx-sse-swap"), "message"); };
|
||||
|
||||
|
||||
// === Transpiled from orchestration ===
|
||||
|
||||
// _preload-cache
|
||||
var _preloadCache = {};
|
||||
|
||||
@@ -1261,15 +1264,15 @@
|
||||
// dispatch-trigger-events
|
||||
var dispatchTriggerEvents = function(el, headerVal) { return (isSxTruthy(headerVal) ? (function() {
|
||||
var parsed = tryParseJson(headerVal);
|
||||
return (isSxTruthy((isSxTruthy(parsed) && isDict(parsed))) ? forEach(function(key) { return domDispatch(el, key, dictGet(parsed, key)); }, keys(parsed)) : forEach(function(name) { return (function() {
|
||||
var n = trim(name);
|
||||
return (isSxTruthy(!(n == "")) ? domDispatch(el, n, {}) : NIL);
|
||||
return (isSxTruthy(parsed) ? forEach(function(key) { return domDispatch(el, key, get(parsed, key)); }, keys(parsed)) : forEach(function(name) { return (function() {
|
||||
var trimmed = trim(name);
|
||||
return (isSxTruthy(!isEmpty(trimmed)) ? domDispatch(el, trimmed, {}) : NIL);
|
||||
})(); }, split(headerVal, ",")));
|
||||
})() : NIL); };
|
||||
|
||||
// init-css-tracking
|
||||
var initCssTracking = function() { return (function() {
|
||||
var meta = domQuery("meta[name=\"sx-css-classes\"]");
|
||||
var meta = domQuery("meta[name=\"sx-css-hash\"]");
|
||||
return (isSxTruthy(meta) ? (function() {
|
||||
var content = domGetAttr(meta, "content");
|
||||
return (isSxTruthy(content) ? (_cssHash = content) : NIL);
|
||||
@@ -1278,65 +1281,58 @@
|
||||
|
||||
// execute-request
|
||||
var executeRequest = function(el, verbInfo, extraParams) { return (function() {
|
||||
var currentVerb = getVerbInfo(el);
|
||||
var verb = (isSxTruthy(currentVerb) ? currentVerb : verbInfo);
|
||||
var method = get(verb, "method");
|
||||
var url = get(verb, "url");
|
||||
if (isSxTruthy(!domHasClass(el, "sx-error"))) {
|
||||
domRemoveAttr(el, "data-sx-retry-ms");
|
||||
}
|
||||
var info = sxOr(verbInfo, getVerbInfo(el));
|
||||
return (isSxTruthy(isNil(info)) ? promiseResolve(NIL) : (function() {
|
||||
var verb = get(info, "method");
|
||||
var url = get(info, "url");
|
||||
return (isSxTruthy((function() {
|
||||
var media = domGetAttr(el, "sx-media");
|
||||
return (isSxTruthy(media) && !browserMediaMatches(media));
|
||||
})()) ? promiseResolve(NIL) : (isSxTruthy((function() {
|
||||
var msg = domGetAttr(el, "sx-confirm");
|
||||
return (isSxTruthy(msg) && !browserConfirm(msg));
|
||||
var confirmMsg = domGetAttr(el, "sx-confirm");
|
||||
return (isSxTruthy(confirmMsg) && !browserConfirm(confirmMsg));
|
||||
})()) ? promiseResolve(NIL) : (function() {
|
||||
var promptMsg = domGetAttr(el, "sx-prompt");
|
||||
var params = extraParams;
|
||||
return (isSxTruthy(promptMsg) ? (function() {
|
||||
var promptVal = browserPrompt(promptMsg);
|
||||
return (isSxTruthy(isNil(promptVal)) ? promiseResolve(NIL) : ((params = sxOr(params, {})), dictSet(params, "promptValue", promptVal), doFetch(el, verb, method, url, params)));
|
||||
})() : doFetch(el, verb, method, url, params));
|
||||
var promptVal = (isSxTruthy(promptMsg) ? browserPrompt(promptMsg) : NIL);
|
||||
return (isSxTruthy((isSxTruthy(promptMsg) && isNil(promptVal))) ? promiseResolve(NIL) : (isSxTruthy(!validateForRequest(el)) ? promiseResolve(NIL) : doFetch(el, verb, verb, url, (isSxTruthy(promptVal) ? assoc(sxOr(extraParams, {}), "SX-Prompt", promptVal) : extraParams))));
|
||||
})()));
|
||||
})());
|
||||
})(); };
|
||||
|
||||
// do-fetch
|
||||
var doFetch = function(el, verb, method, url, extraParams) { return (function() {
|
||||
var syncAttr = domGetAttr(el, "sx-sync");
|
||||
if (isSxTruthy((isSxTruthy(syncAttr) && contains(syncAttr, "replace")))) {
|
||||
var sync = domGetAttr(el, "sx-sync");
|
||||
if (isSxTruthy((sync == "replace"))) {
|
||||
abortPrevious(el);
|
||||
}
|
||||
return (function() {
|
||||
var ctrl = newAbortController();
|
||||
trackController(el, ctrl);
|
||||
return (function() {
|
||||
var headers = buildRequestHeaders(el, loadedComponentNames(), _cssHash);
|
||||
if (isSxTruthy((isSxTruthy(extraParams) && dictHas(extraParams, "promptValue")))) {
|
||||
headers["SX-Prompt"] = get(extraParams, "promptValue");
|
||||
}
|
||||
if (isSxTruthy((isSxTruthy(!(method == "GET")) && browserSameOrigin(url)))) {
|
||||
(function() {
|
||||
var csrf = csrfToken();
|
||||
return (isSxTruthy(csrf) ? dictSet(headers, "X-CSRFToken", csrf) : NIL);
|
||||
})();
|
||||
}
|
||||
return (function() {
|
||||
var bodyInfo = buildRequestBody(el, method, url);
|
||||
return (function() {
|
||||
var body = get(bodyInfo, "body");
|
||||
var finalUrl = get(bodyInfo, "url");
|
||||
var body = get(bodyInfo, "body");
|
||||
var ct = get(bodyInfo, "content-type");
|
||||
var headers = buildRequestHeaders(el, loadedComponentNames(), _cssHash);
|
||||
var csrf = csrfToken();
|
||||
if (isSxTruthy(extraParams)) {
|
||||
{ var _c = keys(extraParams); for (var _i = 0; _i < _c.length; _i++) { var k = _c[_i]; headers[k] = get(extraParams, k); } }
|
||||
}
|
||||
if (isSxTruthy(ct)) {
|
||||
headers["Content-Type"] = ct;
|
||||
}
|
||||
return (isSxTruthy(!domDispatch(el, "sx:beforeRequest", {["method"]: method, ["url"]: finalUrl})) ? promiseResolve(NIL) : (domAddClass(el, "sx-request"), domSetAttr(el, "aria-busy", "true"), (function() {
|
||||
if (isSxTruthy(csrf)) {
|
||||
headers["X-CSRFToken"] = csrf;
|
||||
}
|
||||
return (function() {
|
||||
var cached = preloadCacheGet(_preloadCache, finalUrl);
|
||||
var optimisticState = applyOptimistic(el);
|
||||
var indicator = showIndicator(el);
|
||||
var disabledElts = disableElements(el);
|
||||
var preloaded = (isSxTruthy((method == "GET")) ? preloadCacheGet(_preloadCache, finalUrl) : NIL);
|
||||
return fetchRequest({["url"]: finalUrl, ["method"]: method, ["headers"]: headers, ["body"]: body, ["signal"]: controllerSignal(ctrl), ["preloaded"]: preloaded, ["cross-origin"]: isCrossOrigin(finalUrl)}, function(respOk, status, getHeader, text) { return (clearLoadingState(el, indicator, disabledElts), (isSxTruthy(!respOk) ? (domDispatch(el, "sx:responseError", {["status"]: status}), handleRetry(el, verb, extraParams)) : (domDispatch(el, "sx:afterRequest", {}), handleFetchSuccess(el, finalUrl, verb, extraParams, getHeader, text)))); }, function(err) { return (clearLoadingState(el, indicator, disabledElts), (isSxTruthy(!isAbortError(err)) ? (domDispatch(el, "sx:sendError", {["error"]: err}), handleRetry(el, verb, extraParams)) : NIL)); });
|
||||
})()));
|
||||
})();
|
||||
domAddClass(el, "sx-request");
|
||||
domSetAttr(el, "aria-busy", "true");
|
||||
domDispatch(el, "sx:beforeRequest", {["url"]: finalUrl, ["method"]: method});
|
||||
return fetchRequest({["url"]: finalUrl, ["method"]: method, ["headers"]: headers, ["body"]: body, ["signal"]: controllerSignal(ctrl), ["cross-origin"]: isCrossOrigin(finalUrl), ["preloaded"]: cached}, function(respOk, status, getHeader, text) { return (clearLoadingState(el, indicator, disabledElts), revertOptimistic(optimisticState), (isSxTruthy(!respOk) ? (domDispatch(el, "sx:responseError", {["status"]: status, ["text"]: text}), handleRetry(el, verb, method, finalUrl, extraParams)) : (domDispatch(el, "sx:afterRequest", {["status"]: status}), handleFetchSuccess(el, finalUrl, verb, extraParams, getHeader, text)))); }, function(err) { return (clearLoadingState(el, indicator, disabledElts), revertOptimistic(optimisticState), (isSxTruthy(!isAbortError(err)) ? domDispatch(el, "sx:requestError", {["error"]: err}) : NIL)); });
|
||||
})();
|
||||
})();
|
||||
})();
|
||||
@@ -1344,257 +1340,225 @@
|
||||
|
||||
// handle-fetch-success
|
||||
var handleFetchSuccess = function(el, url, verb, extraParams, getHeader, text) { return (function() {
|
||||
var headers = processResponseHeaders(getHeader);
|
||||
return (isSxTruthy(get(headers, "redirect")) ? browserNavigate(get(headers, "redirect")) : (isSxTruthy((get(headers, "refresh") == "true")) ? browserReload() : (dispatchTriggerEvents(el, get(headers, "trigger")), (function() {
|
||||
var rawSwap = sxOr(domGetAttr(el, "sx-swap"), DEFAULT_SWAP);
|
||||
var target = resolveTarget(el);
|
||||
var selectSel = domGetAttr(el, "sx-select");
|
||||
if (isSxTruthy(get(headers, "retarget"))) {
|
||||
target = sxOr(domQuery(get(headers, "retarget")), target);
|
||||
}
|
||||
if (isSxTruthy(get(headers, "reswap"))) {
|
||||
rawSwap = get(headers, "reswap");
|
||||
}
|
||||
return (function() {
|
||||
var swap = parseSwapSpec(rawSwap, false);
|
||||
var ct = sxOr(get(headers, "content-type"), "");
|
||||
(isSxTruthy(contains(ct, "text/sx")) ? handleSxResponse(el, target, swap, selectSel, text) : handleHtmlResponse(el, target, swap, selectSel, text));
|
||||
if (isSxTruthy(get(headers, "location"))) {
|
||||
fetchLocation(get(headers, "location"));
|
||||
}
|
||||
handleHistory(el, url, headers);
|
||||
domDispatch(el, "sx:afterSwap", {["target"]: target});
|
||||
dispatchTriggerEvents(el, get(headers, "trigger-swap"));
|
||||
return requestAnimationFrame_(function() { return (domDispatch(el, "sx:afterSettle", {["target"]: target}), dispatchTriggerEvents(el, get(headers, "trigger-settle"))); });
|
||||
var respHeaders = processResponseHeaders(getHeader);
|
||||
(function() {
|
||||
var newHash = get(respHeaders, "css-hash");
|
||||
return (isSxTruthy(newHash) ? (_cssHash = newHash) : NIL);
|
||||
})();
|
||||
dispatchTriggerEvents(el, get(respHeaders, "trigger"));
|
||||
return (isSxTruthy(get(respHeaders, "redirect")) ? browserNavigate(get(respHeaders, "redirect")) : (isSxTruthy(get(respHeaders, "refresh")) ? browserReload() : (isSxTruthy(get(respHeaders, "location")) ? fetchLocation(get(respHeaders, "location")) : (function() {
|
||||
var targetEl = (isSxTruthy(get(respHeaders, "retarget")) ? domQuery(get(respHeaders, "retarget")) : resolveTarget(el));
|
||||
var swapSpec = parseSwapSpec(sxOr(get(respHeaders, "reswap"), domGetAttr(el, "sx-swap")), domHasClass(domBody(), "sx-transitions"));
|
||||
var swapStyle = get(swapSpec, "style");
|
||||
var useTransition = get(swapSpec, "transition");
|
||||
var ct = sxOr(get(respHeaders, "content-type"), "");
|
||||
(isSxTruthy(contains(ct, "text/sx")) ? handleSxResponse(el, targetEl, text, swapStyle, useTransition) : handleHtmlResponse(el, targetEl, text, swapStyle, useTransition));
|
||||
dispatchTriggerEvents(el, get(respHeaders, "trigger-swap"));
|
||||
handleHistory(el, url, respHeaders);
|
||||
if (isSxTruthy(get(respHeaders, "trigger-settle"))) {
|
||||
setTimeout_(function() { return dispatchTriggerEvents(el, get(respHeaders, "trigger-settle")); }, 20);
|
||||
}
|
||||
return domDispatch(el, "sx:afterSwap", {["target"]: targetEl, ["swap"]: swapStyle});
|
||||
})())));
|
||||
})(); };
|
||||
|
||||
// handle-sx-response
|
||||
var handleSxResponse = function(el, target, swap, selectSel, text) { return (function() {
|
||||
var handleSxResponse = function(el, target, text, swapStyle, useTransition) { return (function() {
|
||||
var cleaned = stripComponentScripts(text);
|
||||
var cleaned2 = extractResponseCss(cleaned);
|
||||
return (function() {
|
||||
var source = trim(cleaned2);
|
||||
return (isSxTruthy((isSxTruthy(source) && !(source == ""))) ? (function() {
|
||||
var dom = sxRender(source);
|
||||
var final = extractResponseCss(cleaned);
|
||||
return (function() {
|
||||
var trimmed = trim(final);
|
||||
return (isSxTruthy(!isEmpty(trimmed)) ? (function() {
|
||||
var rendered = sxRender(trimmed);
|
||||
var container = domCreateElement("div", NIL);
|
||||
domAppend(container, dom);
|
||||
domAppend(container, rendered);
|
||||
processOobSwaps(container, function(t, oob, s) { return swapDomNodes(t, oob, s); });
|
||||
return (function() {
|
||||
var selected = (isSxTruthy(selectSel) ? selectFromContainer(container, selectSel) : childrenToFragment(container));
|
||||
return (isSxTruthy((isSxTruthy(!(get(swap, "style") == "none")) && target)) ? withTransition(get(swap, "transition"), function() { return (swapDomNodes(target, selected, get(swap, "style")), hoistHeadElements(target)); }) : NIL);
|
||||
var selectSel = domGetAttr(el, "sx-select");
|
||||
var content = (isSxTruthy(selectSel) ? selectFromContainer(container, selectSel) : childrenToFragment(container));
|
||||
return withTransition(useTransition, function() { return swapDomNodes(target, content, swapStyle); });
|
||||
})();
|
||||
})() : NIL);
|
||||
})();
|
||||
})();
|
||||
})(); };
|
||||
|
||||
// handle-html-response
|
||||
var handleHtmlResponse = function(el, target, swap, selectSel, text) { return (function() {
|
||||
var handleHtmlResponse = function(el, target, text, swapStyle, useTransition) { return (function() {
|
||||
var doc = domParseHtmlDocument(text);
|
||||
sxProcessScripts(doc);
|
||||
processOobSwaps(doc, function(t, oob, s) { return swapHtmlString(t, domOuterHtml(oob), s); });
|
||||
return (function() {
|
||||
var content = (isSxTruthy(selectSel) ? selectHtmlFromDoc(doc, selectSel) : sxOr(domBodyInnerHtml(doc), text));
|
||||
return (isSxTruthy((isSxTruthy(!(get(swap, "style") == "none")) && target)) ? withTransition(get(swap, "transition"), function() { return (swapHtmlString(target, content, get(swap, "style")), hoistHeadElements(target)); }) : NIL);
|
||||
})();
|
||||
return (isSxTruthy(doc) ? (function() {
|
||||
var selectSel = domGetAttr(el, "sx-select");
|
||||
return (isSxTruthy(selectSel) ? (function() {
|
||||
var html = selectHtmlFromDoc(doc, selectSel);
|
||||
return withTransition(useTransition, function() { return swapHtmlString(target, html, swapStyle); });
|
||||
})() : (function() {
|
||||
var container = domCreateElement("div", NIL);
|
||||
domSetInnerHtml(container, domBodyInnerHtml(doc));
|
||||
processOobSwaps(container, function(t, oob, s) { return swapDomNodes(t, oob, s); });
|
||||
hoistHeadElements(container);
|
||||
return withTransition(useTransition, function() { return swapDomNodes(target, childrenToFragment(container), swapStyle); });
|
||||
})());
|
||||
})() : NIL);
|
||||
})(); };
|
||||
|
||||
// handle-retry
|
||||
var handleRetry = function(el, verbInfo, extraParams) { return (function() {
|
||||
var handleRetry = function(el, verb, method, url, extraParams) { return (function() {
|
||||
var retryAttr = domGetAttr(el, "sx-retry");
|
||||
return (isSxTruthy(retryAttr) ? (function() {
|
||||
var spec = parseRetrySpec(retryAttr);
|
||||
var currentMs = sxOr(parseInt_(domGetAttr(el, "data-sx-retry-ms"), 0), get(spec, "start-ms"));
|
||||
domAddClass(el, "sx-error");
|
||||
domRemoveClass(el, "sx-loading");
|
||||
return setTimeout_(function() { return (domRemoveClass(el, "sx-error"), domAddClass(el, "sx-loading"), domSetAttr(el, "data-sx-retry-ms", (String(nextRetryMs(currentMs, get(spec, "cap-ms"))))), executeRequest(el, verbInfo, extraParams)); }, currentMs);
|
||||
return (isSxTruthy(spec) ? (function() {
|
||||
var currentMs = sxOr(domGetAttr(el, "data-sx-retry-ms"), get(spec, "start-ms"));
|
||||
return (function() {
|
||||
var ms = parseInt_(currentMs, get(spec, "start-ms"));
|
||||
domSetAttr(el, "data-sx-retry-ms", (String(nextRetryMs(ms, get(spec, "cap-ms")))));
|
||||
return setTimeout_(function() { return doFetch(el, verb, method, url, extraParams); }, ms);
|
||||
})();
|
||||
})() : NIL);
|
||||
})(); };
|
||||
|
||||
// bind-triggers
|
||||
var bindTriggers = function(el, verbInfo) { return (function() {
|
||||
var triggerSpec = domGetAttr(el, "sx-trigger");
|
||||
var triggers = (isSxTruthy(triggerSpec) ? parseTriggerSpec(triggerSpec) : defaultTrigger(domTagName(el)));
|
||||
return forEach(function(trig) { return (function() {
|
||||
var kind = classifyTrigger(trig);
|
||||
return (isSxTruthy((kind == "poll")) ? setInterval_(function() { return executeRequest(el, verbInfo, NIL); }, sxOr(get(get(trig, "modifiers"), "interval"), 1000)) : (isSxTruthy((kind == "intersect")) ? observeIntersection(el, function() { return executeRequest(el, verbInfo, NIL); }, get(get(trig, "modifiers"), "once"), get(get(trig, "modifiers"), "delay")) : (isSxTruthy((kind == "load")) ? setTimeout_(function() { return executeRequest(el, verbInfo, NIL); }, 0) : (isSxTruthy((kind == "revealed")) ? observeIntersection(el, function() { return executeRequest(el, verbInfo, NIL); }, true, NIL) : bindEvent(el, verbInfo, trig)))));
|
||||
var triggers = sxOr(parseTriggerSpec(domGetAttr(el, "sx-trigger")), defaultTrigger(domTagName(el)));
|
||||
return forEach(function(trigger) { return (function() {
|
||||
var kind = classifyTrigger(trigger);
|
||||
var mods = get(trigger, "modifiers");
|
||||
return (isSxTruthy((kind == "poll")) ? setInterval_(function() { return executeRequest(el, NIL, NIL); }, get(mods, "interval")) : (isSxTruthy((kind == "intersect")) ? observeIntersection(el, function() { return executeRequest(el, NIL, NIL); }, false, get(mods, "delay")) : (isSxTruthy((kind == "load")) ? setTimeout_(function() { return executeRequest(el, NIL, NIL); }, sxOr(get(mods, "delay"), 0)) : (isSxTruthy((kind == "revealed")) ? observeIntersection(el, function() { return executeRequest(el, NIL, NIL); }, true, get(mods, "delay")) : (isSxTruthy((kind == "event")) ? bindEvent(el, get(trigger, "event"), mods, verbInfo) : NIL)))));
|
||||
})(); }, triggers);
|
||||
})(); };
|
||||
|
||||
// bind-event
|
||||
var bindEvent = function(el, verbInfo, trig) { return (function() {
|
||||
var eventName = get(trig, "event");
|
||||
var mods = get(trig, "modifiers");
|
||||
var listenTarget = (isSxTruthy(get(mods, "from")) ? sxOr(domQuery(get(mods, "from")), el) : el);
|
||||
var bindEvent = function(el, eventName, mods, verbInfo) { return (function() {
|
||||
var timer = NIL;
|
||||
var lastVal = NIL;
|
||||
return domAddListener(listenTarget, eventName, function(e) { return ((isSxTruthy((eventName == "submit")) ? preventDefault_(e) : NIL), (isSxTruthy((isSxTruthy((eventName == "click")) && (domTagName(el) == "A"))) ? preventDefault_(e) : NIL), (isSxTruthy(!validateForRequest(el)) ? domDispatch(el, "sx:validationFailed", {}) : (isSxTruthy((isSxTruthy(get(mods, "changed")) && isSxTruthy(!isNil(elementValue(el))) && (elementValue(el) == lastVal))) ? NIL : ((isSxTruthy(get(mods, "changed")) ? (lastVal = elementValue(el)) : NIL), (function() {
|
||||
var optState = applyOptimistic(el);
|
||||
var execFn = function() { return (function() {
|
||||
var p = executeRequest(el, verbInfo, NIL);
|
||||
return (isSxTruthy((isSxTruthy(optState) && p)) ? promiseCatch(p, function(_) { return revertOptimistic(optState); }) : NIL);
|
||||
})(); };
|
||||
return (isSxTruthy(get(mods, "delay")) ? (clearTimeout_(timer), (timer = setTimeout_(execFn, get(mods, "delay")))) : execFn());
|
||||
})())))); }, {["once"]: get(mods, "once")});
|
||||
var listenTarget = (isSxTruthy(get(mods, "from")) ? domQuery(get(mods, "from")) : el);
|
||||
return (isSxTruthy(listenTarget) ? domAddListener(listenTarget, eventName, function(e) { return (function() {
|
||||
var shouldFire = true;
|
||||
if (isSxTruthy(get(mods, "changed"))) {
|
||||
(function() {
|
||||
var val = elementValue(el);
|
||||
return (isSxTruthy((val == lastVal)) ? (shouldFire = false) : (lastVal = val));
|
||||
})();
|
||||
}
|
||||
return (isSxTruthy(shouldFire) ? ((isSxTruthy(sxOr((eventName == "submit"), (isSxTruthy((eventName == "click")) && domHasAttr(el, "href")))) ? preventDefault_(e) : NIL), (isSxTruthy(get(mods, "delay")) ? (clearTimeout_(timer), (timer = setTimeout_(function() { return executeRequest(el, verbInfo, NIL); }, get(mods, "delay")))) : executeRequest(el, verbInfo, NIL))) : NIL);
|
||||
})(); }, (isSxTruthy(get(mods, "once")) ? {["once"]: true} : NIL)) : NIL);
|
||||
})(); };
|
||||
|
||||
// post-swap
|
||||
var postSwap = function(root) { return (activateScripts(root), sxProcessScripts(root), sxHydrate(root), processElements(root)); };
|
||||
var postSwap = function(root) { return activateScripts(root); };
|
||||
|
||||
// activate-scripts
|
||||
var activateScripts = function(root) { return (function() {
|
||||
var dead = domQueryAll(root, "script:not([type]), script[type='text/javascript']");
|
||||
return forEach(function(d) { return (function() {
|
||||
var live = createScriptClone(d);
|
||||
return domReplaceChild(domParent(d), live, d);
|
||||
})(); }, dead);
|
||||
})(); };
|
||||
var activateScripts = function(root) { return (isSxTruthy(root) ? (function() {
|
||||
var scripts = domQueryAll(root, "script");
|
||||
return forEach(function(dead) { return (isSxTruthy((isSxTruthy(!domHasAttr(dead, "data-components")) && !domHasAttr(dead, "data-sx-activated"))) ? (function() {
|
||||
var live = createScriptClone(dead);
|
||||
domSetAttr(live, "data-sx-activated", "true");
|
||||
return domReplaceChild(domParent(dead), live, dead);
|
||||
})() : NIL); }, scripts);
|
||||
})() : NIL); };
|
||||
|
||||
// process-oob-swaps
|
||||
var processOobSwaps = function(container, swapFn) { return forEach(function(attr) { return (function() {
|
||||
var oobEls = domQueryAll(container, (String("[") + String(attr) + String("]")));
|
||||
var processOobSwaps = function(container, swapFn) { return (function() {
|
||||
var oobs = findOobSwaps(container);
|
||||
return forEach(function(oob) { return (function() {
|
||||
var swapType = sxOr(domGetAttr(oob, attr), "outerHTML");
|
||||
var targetId = domId(oob);
|
||||
domRemoveAttr(oob, attr);
|
||||
if (isSxTruthy(domParent(oob))) {
|
||||
domRemoveChild(domParent(oob), oob);
|
||||
}
|
||||
return (isSxTruthy(targetId) ? (function() {
|
||||
var targetId = get(oob, "target-id");
|
||||
var target = domQueryById(targetId);
|
||||
return (isSxTruthy(target) ? swapFn(target, oob, swapType) : NIL);
|
||||
})() : NIL);
|
||||
})(); }, oobEls);
|
||||
})(); }, ["sx-swap-oob", "hx-swap-oob"]); };
|
||||
var oobEl = get(oob, "element");
|
||||
var swapType = get(oob, "swap-type");
|
||||
if (isSxTruthy(domParent(oobEl))) {
|
||||
domRemoveChild(domParent(oobEl), oobEl);
|
||||
}
|
||||
return (isSxTruthy(target) ? swapFn(target, oobEl, swapType) : NIL);
|
||||
})(); }, oobs);
|
||||
})(); };
|
||||
|
||||
// hoist-head-elements
|
||||
var hoistHeadElements = function(root) { return (function() {
|
||||
var styles = domQueryAll(root, "style[data-sx-css]");
|
||||
var links = domQueryAll(root, "link[rel='stylesheet']");
|
||||
{ var _c = styles; for (var _i = 0; _i < _c.length; _i++) { var el = _c[_i]; if (isSxTruthy(domParent(el))) {
|
||||
domRemoveChild(domParent(el), el);
|
||||
} } }
|
||||
return forEach(function(el) { return (isSxTruthy(domParent(el)) ? domRemoveChild(domParent(el), el) : NIL); }, links);
|
||||
})(); };
|
||||
var hoistHeadElements = function(container) { return forEach(function(style) { return (isSxTruthy(domParent(style)) ? domRemoveChild(domParent(style), style) : NIL); }, domQueryAll(container, "style[data-sx-css]")); };
|
||||
|
||||
// process-boosted
|
||||
var processBoosted = function(root) { return (function() {
|
||||
var containers = domQueryAll(root, "[sx-boost]");
|
||||
if (isSxTruthy(domMatches(root, "[sx-boost]"))) {
|
||||
boostDescendants(root);
|
||||
}
|
||||
return forEach(boostDescendants, containers);
|
||||
})(); };
|
||||
var processBoosted = function(root) { return forEach(function(container) { return boostDescendants(container); }, domQueryAll(sxOr(root, domBody()), "[sx-boost]")); };
|
||||
|
||||
// boost-descendants
|
||||
var boostDescendants = function(container) { return ((function() {
|
||||
var links = domQueryAll(container, "a[href]");
|
||||
return forEach(function(link) { return (isSxTruthy((isSxTruthy(!isProcessed(link, "boost")) && shouldBoostLink(link))) ? (markProcessed(link, "boost"), bindBoostLink(link, domGetAttr(link, "href")), (isSxTruthy(!domHasAttr(link, "sx-target")) ? domSetAttr(link, "sx-target", "#main-panel") : NIL), (isSxTruthy(!domHasAttr(link, "sx-swap")) ? domSetAttr(link, "sx-swap", "innerHTML") : NIL), (isSxTruthy(!domHasAttr(link, "sx-select")) ? domSetAttr(link, "sx-select", "#main-panel") : NIL)) : NIL); }, links);
|
||||
})(), (function() {
|
||||
var forms = domQueryAll(container, "form");
|
||||
return forEach(function(form) { return (isSxTruthy((isSxTruthy(!isProcessed(form, "boost")) && shouldBoostForm(form))) ? (markProcessed(form, "boost"), bindBoostForm(form, sxOr(upper(domGetAttr(form, "method")), "GET"), sxOr(domGetAttr(form, "action"), browserLocationHref())), (isSxTruthy(!domHasAttr(form, "sx-target")) ? domSetAttr(form, "sx-target", "#main-panel") : NIL), (isSxTruthy(!domHasAttr(form, "sx-swap")) ? domSetAttr(form, "sx-swap", "innerHTML") : NIL)) : NIL); }, forms);
|
||||
})()); };
|
||||
var boostDescendants = function(container) { return forEach(function(link) { return (isSxTruthy((isSxTruthy(!isProcessed(link, "boost")) && shouldBoostLink(link))) ? (markProcessed(link, "boost"), (isSxTruthy(!domHasAttr(link, "sx-target")) ? domSetAttr(link, "sx-target", "#main-panel") : NIL), (isSxTruthy(!domHasAttr(link, "sx-swap")) ? domSetAttr(link, "sx-swap", "innerHTML") : NIL), (isSxTruthy(!domHasAttr(link, "sx-push-url")) ? domSetAttr(link, "sx-push-url", "true") : NIL), bindBoostLink(link, domGetAttr(link, "href"))) : NIL); }, domQueryAll(container, "a[href]")); };
|
||||
|
||||
// process-sse
|
||||
var processSse = function(root) { return (function() {
|
||||
var sseEls = domQueryAll(root, "[sx-sse]");
|
||||
if (isSxTruthy(domMatches(root, "[sx-sse]"))) {
|
||||
bindSse(root);
|
||||
}
|
||||
return forEach(bindSse, sseEls);
|
||||
})(); };
|
||||
var processSse = function(root) { return forEach(function(el) { return (isSxTruthy(!isProcessed(el, "sse")) ? (markProcessed(el, "sse"), bindSse(el)) : NIL); }, domQueryAll(sxOr(root, domBody()), "[sx-sse]")); };
|
||||
|
||||
// bind-sse
|
||||
var bindSse = function(el) { return (isSxTruthy(!isProcessed(el, "sse")) ? (markProcessed(el, "sse"), (function() {
|
||||
var bindSse = function(el) { return (function() {
|
||||
var url = domGetAttr(el, "sx-sse");
|
||||
return (isSxTruthy(url) ? (function() {
|
||||
var source = eventSourceConnect(url, el);
|
||||
return (function() {
|
||||
var swapEls = domQueryAll(el, "[sx-sse-swap]");
|
||||
if (isSxTruthy(domHasAttr(el, "sx-sse-swap"))) {
|
||||
bindSseSwap(el, source);
|
||||
}
|
||||
return forEach(function(child) { return bindSseSwap(child, source); }, swapEls);
|
||||
})();
|
||||
var eventName = parseSseSwap(el);
|
||||
return eventSourceListen(source, eventName, function(data) { return bindSseSwap(el, data); });
|
||||
})() : NIL);
|
||||
})()) : NIL); };
|
||||
})(); };
|
||||
|
||||
// bind-sse-swap
|
||||
var bindSseSwap = function(el, source) { return (function() {
|
||||
var eventName = parseSseSwap(el);
|
||||
return eventSourceListen(source, eventName, function(data) { return (function() {
|
||||
var target = sxOr(resolveTarget(el), el);
|
||||
var swapStyle = sxOr(domGetAttr(el, "sx-swap"), "innerHTML");
|
||||
(isSxTruthy(startsWith(trim(data), "(")) ? (function() {
|
||||
var dom = sxRender(data);
|
||||
return swapDomNodes(target, dom, swapStyle);
|
||||
})() : swapHtmlString(target, data, swapStyle));
|
||||
postSwap(target);
|
||||
return domDispatch(el, "sx:sseMessage", {["data"]: data, ["event"]: eventName});
|
||||
})(); });
|
||||
var bindSseSwap = function(el, data) { return (function() {
|
||||
var target = resolveTarget(el);
|
||||
var swapSpec = parseSwapSpec(domGetAttr(el, "sx-swap"), domHasClass(domBody(), "sx-transitions"));
|
||||
var swapStyle = get(swapSpec, "style");
|
||||
var useTransition = get(swapSpec, "transition");
|
||||
var trimmed = trim(data);
|
||||
return (isSxTruthy(!isEmpty(trimmed)) ? (isSxTruthy(startsWith(trimmed, "(")) ? (function() {
|
||||
var rendered = sxRender(trimmed);
|
||||
var container = domCreateElement("div", NIL);
|
||||
domAppend(container, rendered);
|
||||
return withTransition(useTransition, function() { return swapDomNodes(target, childrenToFragment(container), swapStyle); });
|
||||
})() : withTransition(useTransition, function() { return swapHtmlString(target, trimmed, swapStyle); })) : NIL);
|
||||
})(); };
|
||||
|
||||
// bind-inline-handlers
|
||||
var bindInlineHandlers = function(el) { return (isSxTruthy(!isProcessed(el, "on")) ? (markProcessed(el, "on"), (function() {
|
||||
var attrs = domAttrList(el);
|
||||
return forEach(function(attr) { return (function() {
|
||||
var bindInlineHandlers = function(root) { return forEach(function(el) { return forEach(function(attr) { return (function() {
|
||||
var name = first(attr);
|
||||
var val = nth(attr, 1);
|
||||
return (isSxTruthy(startsWith(name, "sx-on:")) ? bindInlineHandler(el, slice(name, 6), val) : NIL);
|
||||
})(); }, attrs);
|
||||
})()) : NIL); };
|
||||
var body = nth(attr, 1);
|
||||
return (isSxTruthy(startsWith(name, "sx-on:")) ? (function() {
|
||||
var eventName = slice(name, 6);
|
||||
return (isSxTruthy(!isProcessed(el, (String("on:") + String(eventName)))) ? (markProcessed(el, (String("on:") + String(eventName))), bindInlineHandler(el, eventName, body)) : NIL);
|
||||
})() : NIL);
|
||||
})(); }, domAttrList(el)); }, domQueryAll(sxOr(root, domBody()), "[sx-on\\:beforeRequest],[sx-on\\:afterRequest],[sx-on\\:afterSwap],[sx-on\\:afterSettle],[sx-on\\:load]")); };
|
||||
|
||||
// bind-preload-for
|
||||
var bindPreloadFor = function(el) { return (isSxTruthy(domHasAttr(el, "sx-preload")) ? (function() {
|
||||
var mode = sxOr(domGetAttr(el, "sx-preload"), "mousedown");
|
||||
var events = (isSxTruthy((mode == "mouseover")) ? ["mouseenter", "focusin"] : ["mousedown", "focusin"]);
|
||||
var debounceMs = (isSxTruthy((mode == "mouseover")) ? 100 : 0);
|
||||
return bindPreload(el, events, debounceMs, function() { return (function() {
|
||||
var verb = getVerbInfo(el);
|
||||
return (isSxTruthy(verb) ? (function() {
|
||||
var url = get(verb, "url");
|
||||
return (isSxTruthy(isNil(preloadCacheGet(_preloadCache, url))) ? doPreload(url) : NIL);
|
||||
var bindPreloadFor = function(el) { return (function() {
|
||||
var preloadAttr = domGetAttr(el, "sx-preload");
|
||||
return (isSxTruthy(preloadAttr) ? (function() {
|
||||
var info = getVerbInfo(el);
|
||||
return (isSxTruthy(info) ? (function() {
|
||||
var url = get(info, "url");
|
||||
var headers = buildRequestHeaders(el, loadedComponentNames(), _cssHash);
|
||||
var events = (isSxTruthy((preloadAttr == "mousedown")) ? ["mousedown", "touchstart"] : ["mouseover"]);
|
||||
var debounceMs = (isSxTruthy((preloadAttr == "mousedown")) ? 0 : 100);
|
||||
return bindPreload(el, events, debounceMs, function() { return doPreload(url, headers); });
|
||||
})() : NIL);
|
||||
})() : NIL);
|
||||
})(); });
|
||||
})() : NIL); };
|
||||
|
||||
// do-preload
|
||||
var doPreload = function(url) { return (function() {
|
||||
var headers = buildRequestHeaders(NIL, loadedComponentNames(), _cssHash);
|
||||
return fetchPreload(url, headers, _preloadCache);
|
||||
})(); };
|
||||
|
||||
// do-preload
|
||||
var doPreload = function(url, headers) { return (isSxTruthy(isNil(preloadCacheGet(_preloadCache, url))) ? fetchPreload(url, headers, _preloadCache) : NIL); };
|
||||
|
||||
// VERB_SELECTOR
|
||||
var VERB_SELECTOR = "[sx-get],[sx-post],[sx-put],[sx-delete],[sx-patch]";
|
||||
var VERB_SELECTOR = (String("[sx-get],[sx-post],[sx-put],[sx-delete],[sx-patch]"));
|
||||
|
||||
// process-elements
|
||||
var processElements = function(root) { return (function() {
|
||||
var root = sxOr(root, domBody());
|
||||
return (isSxTruthy(root) ? ((isSxTruthy(domMatches(root, VERB_SELECTOR)) ? processOne(root) : NIL), (function() {
|
||||
var elements = domQueryAll(root, VERB_SELECTOR);
|
||||
return forEach(processOne, elements);
|
||||
})(), processBoosted(root), processSse(root), (function() {
|
||||
var onEls = domQueryAll(root, "[sx-on\\:beforeRequest],[sx-on\\:afterRequest],[sx-on\\:afterSwap],[sx-on\\:afterSettle],[sx-on\\:responseError]");
|
||||
return forEach(bindInlineHandlers, onEls);
|
||||
})()) : NIL);
|
||||
var els = domQueryAll(sxOr(root, domBody()), VERB_SELECTOR);
|
||||
return forEach(function(el) { return (isSxTruthy(!isProcessed(el, "verb")) ? (markProcessed(el, "verb"), processOne(el)) : NIL); }, els);
|
||||
})(); };
|
||||
|
||||
// process-one
|
||||
var processOne = function(el) { return (isSxTruthy(!isProcessed(el, "bound")) ? (isSxTruthy(!sxOr(domHasAttr(el, "sx-disable"), domClosest(el, "[sx-disable]"))) ? (markProcessed(el, "bound"), (function() {
|
||||
var processOne = function(el) { return (function() {
|
||||
var verbInfo = getVerbInfo(el);
|
||||
return (isSxTruthy(verbInfo) ? (bindTriggers(el, verbInfo), bindPreloadFor(el)) : NIL);
|
||||
})()) : NIL) : NIL); };
|
||||
return (isSxTruthy(verbInfo) ? (isSxTruthy(!domHasAttr(el, "sx-disable")) ? (bindTriggers(el, verbInfo), bindPreloadFor(el)) : NIL) : NIL);
|
||||
})(); };
|
||||
|
||||
// handle-popstate
|
||||
var handlePopstate = function(scrollY) { return (function() {
|
||||
var url = browserLocationHref();
|
||||
var main = domQueryById("main-panel");
|
||||
return (isSxTruthy(!main) ? browserReload() : (function() {
|
||||
var headers = buildRequestHeaders(NIL, loadedComponentNames(), _cssHash);
|
||||
headers["SX-History-Restore"] = "true";
|
||||
var url = browserLocationHref();
|
||||
return (isSxTruthy(main) ? (function() {
|
||||
var headers = buildRequestHeaders(main, loadedComponentNames(), _cssHash);
|
||||
return fetchAndRestore(main, url, headers, scrollY);
|
||||
})());
|
||||
})() : NIL);
|
||||
})(); };
|
||||
|
||||
// engine-init
|
||||
@@ -1756,11 +1720,9 @@
|
||||
|
||||
|
||||
// =========================================================================
|
||||
// Platform interface — Engine (browser-only)
|
||||
// Platform interface — Engine pure logic (browser + node compatible)
|
||||
// =========================================================================
|
||||
|
||||
// --- Browser/Network ---
|
||||
|
||||
function browserLocationHref() {
|
||||
return typeof location !== "undefined" ? location.href : "";
|
||||
}
|
||||
@@ -1784,6 +1746,23 @@
|
||||
}
|
||||
}
|
||||
|
||||
function nowMs() { return Date.now(); }
|
||||
|
||||
function parseHeaderValue(s) {
|
||||
if (!s) return null;
|
||||
try {
|
||||
if (s.charAt(0) === "{" && s.charAt(1) === ":") return parse(s);
|
||||
return JSON.parse(s);
|
||||
} catch (e) { return null; }
|
||||
}
|
||||
|
||||
|
||||
// =========================================================================
|
||||
// Platform interface — Orchestration (browser-only)
|
||||
// =========================================================================
|
||||
|
||||
// --- Browser/Network ---
|
||||
|
||||
function browserNavigate(url) {
|
||||
if (typeof location !== "undefined") location.assign(url);
|
||||
}
|
||||
@@ -1812,16 +1791,6 @@
|
||||
return r === null ? NIL : r;
|
||||
}
|
||||
|
||||
function nowMs() { return Date.now(); }
|
||||
|
||||
function parseHeaderValue(s) {
|
||||
if (!s) return null;
|
||||
try {
|
||||
if (s.charAt(0) === "{" && s.charAt(1) === ":") return parse(s);
|
||||
return JSON.parse(s);
|
||||
} catch (e) { return null; }
|
||||
}
|
||||
|
||||
function csrfToken() {
|
||||
if (!_hasDom) return NIL;
|
||||
var m = document.querySelector('meta[name="csrf-token"]');
|
||||
@@ -2504,7 +2473,7 @@
|
||||
executeRequest: typeof executeRequest === "function" ? executeRequest : null,
|
||||
postSwap: typeof postSwap === "function" ? postSwap : null,
|
||||
init: typeof engineInit === "function" ? engineInit : null,
|
||||
_version: "ref-2.0 (dom+engine, bootstrap-compiled)"
|
||||
_version: "ref-2.0 (dom+engine+orchestration, bootstrap-compiled)"
|
||||
};
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user